/* CSS Document */


/* COOKIE BAR */
#cookie-bar {
	height:auto;
	padding:25px;
	line-height:1.4em;
	color:rgb(255,255,255);
	text-align:center;
	background:rgba(180,20,20,1);
	
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	
	visibility:hidden;
}
#cookie-bar.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:10005;
}
#cookie-bar.fixed.bottom {
	bottom:0;
	top:auto;
}
#cookie-bar p {
	margin:0;
	padding:0;
}
#cookie-bar a {
	display:inline-block;
	margin:0;
	padding:0;
	text-decoration:none;
	color:rgb(255,255,255);
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}
#cookie-bar .cb-enable {
	margin:10px 0 0 20px;
	padding:5px 10px;
	color:rgb(80,80,80);
	background:rgb(255,255,255);
}
#cookie-bar .cb-enable:hover {
	background:rgb(255,255,255);
}
#cookie-bar .cb-disable {
	margin-left:20px;
	padding:5px 10px;
	background:rgb(250,80,0);
}
#cookie-bar .cb-disable:hover {
	background:rgb(250,80,0);
}
#cookie-bar .cb-policy {
	color:rgb(240,240,240);
	text-decoration:underline;
	padding-left:5px;
	background:rgba(255,255,255,0);
}
#cookie-bar .cb-policy:hover {
	color:rgb(255,255,255);
	background:rgba(255,255,255,0);
}



/**
 * FOR PICS PHP UPLOAD
 
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox img {
}
#jquery-lightbox a img {
	border: none;
}
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	overflow :hidden;
	box-shadow: 0px 0px 20px rgb(35,35,35);
	-webkit-box-shadow: 0px 0px 20px rgb(35,35,35);
	-moz-box-shadow: 0px 0px 20px rgb(35,35,35);
}
#lightbox-container-image {
	padding: 0px;
}
#lightbox-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top:-16px;
	margin-left:-16px;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	position: absolute;
	top: 32%;
	left: 20px; 
	float: left;
}
#lightbox-nav-btnNext {
	position: absolute;
	top: 32%;
	right: 20px; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: none;
	margin: 0px auto 0px auto;
	overflow: hidden;
	width: 100%;
	padding: 0px 10px 0px 10px;
	text-indent: 15px;
}
#lightbox-container-image-data {
	padding: 0px; 
	color: #999; 
	display: none;
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	float: right;
	width: 30px;
	padding:0px 25px 15px 0px;
	opacity:0.5;
}
#lightbox-secNav-btnClose:hover {
	opacity:0.9;
}





/* IMAGE LIGHTBOX GALLERY */
#imagelightbox {
	position:fixed;
	cursor:pointer;

	-ms-touch-action:none;
	touch-action:none;

    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5); 
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
    box-shadow:0 0 10px rgba(0,0,0,0.5);
	
	z-index:10000;
}

/* ACTIVITY INDICATION */
#imagelightbox-loading div {
	position:fixed;
	top:50%;
	left:50%;
	width:4em;
	height:4em;
	margin:-2em 0 0 -2em;
	background-image:url(../graphics/icons/spinner.svg);
	background-position:center center;
	background-repeat:no-repeat;

	-webkit-animation:imagelightbox-loading 800ms linear infinite;
	animation:imagelightbox-loading 800ms linear infinite;

	z-index:10003;
}

@-webkit-keyframes imagelightbox-loading {
	from {-webkit-transform:rotate(0deg);}
	to	 {-webkit-transform:rotate(359deg);}
}
@keyframes imagelightbox-loading {
	from {transform:rotate(0deg);}
	to	 {transform:rotate(359deg);}
}

/* OVERLAY */
#imagelightbox-overlay {
	background-color:rgba(50,50,50,0.9);
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	
	z-index:9998;
}

/* "CLOSE" BUTTON */
#imagelightbox-close {
	position:fixed;
	top:2.5em;
	right:2.5em;
	width:3em;
	height:3em;
	text-align:left;
	background-color:rgba(0,0,0,0);
	border:2px solid rgb(255,255,255);
	
    -webkit-border-radius:50%; 
    -moz-border-radius:50%;
    border-radius:50%;

	-webkit-transition:background-color 300ms ease, -webkit-transform 300ms ease;
	transition:background-color 300ms ease, transform 300ms ease;
	
	z-index:10002;
}

#imagelightbox-close:hover, #imagelightbox-close:focus {
	background-color:rgba(0,0,0,0);
	cursor:pointer;
}

#imagelightbox-close:before, #imagelightbox-close:after {
	position:absolute;
	width:2px;
	background-color:rgb(255,255,255);
	content:'';
	top:20%;
	bottom:20%;
	left:50%;
	margin-left:-1px;
}
#imagelightbox-close:before {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
#imagelightbox-close:after {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/* CAPTION */
#imagelightbox-caption {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	padding:1em 2em;
	text-align:center;
	color:rgb(255,255,255);
	font-size:1.2em;
	z-index:10001;
}

/* NAVIGATION */
#imagelightbox-nav {
	position:fixed;
	background-color:rgba(0,0,0,0.5);
	border-radius:20px;
	left:50%;
	bottom:3.75em;
	padding:0.313em;

	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	
	z-index: 10001;
}
	#imagelightbox-nav button {
		display:inline-block;
		width:1em;
		height:1em;
		background-color:transparent;
		border:1px solid rgb(255,255,255);
		border-radius:50%;
		margin:0 0.313em;
	}
	#imagelightbox-nav button.active {
		background-color:rgb(255,255,255);
	}

/* ARROWS */
.imagelightbox-arrow {
	position:fixed;
	top:50%;
	margin-top:-2.5em;
	width:5em;
	height:5em;
	background-color:rgba(0,0,0,0);
	vertical-align:middle;
	border:none;
	
	display:none;
	z-index: 10001;
}
	.imagelightbox-arrow:hover {
		cursor:pointer;
	}
	.imagelightbox-arrow-left {
		left:2.5em;
	}
	.imagelightbox-arrow-right {
		right:2.5em;
	}
	.imagelightbox-arrow:before {
		width:0;
		height:0;
		border:2em solid transparent;
		content:'';
		display:inline-block;
		margin-bottom:-0.125em;
	}
	.imagelightbox-arrow-left:before {
		border-left:none;
		border-right-color:rgb(255,255,255);
		margin-left:-0.4em;
	}
	.imagelightbox-arrow-right:before {
		border-right:none;
		border-left-color:rgb(255,255,255);
		margin-right:-0.4em;
	}

#imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow {
	-webkit-animation:fade-in 400ms linear;
	animation:fade-in 400ms linear;
}
@-webkit-keyframes fade-in {
	from {opacity:0;}
	to {opacity:1;}
}
@keyframes fade-in {
	from {opacity:0;}
	to {opacity:1;}
}

@media only screen and (max-width: 41.250em) /* 660 */ {
#imagelightbox-close {
	top:1.25em;
	right:1.25em;
}

#imagelightbox-nav {
	bottom:1.25em;
}

/*
.imagelightbox-arrow {
	width:2.5em;
	height:2.5em;
	margin-top:-1.25em;
}
.imagelightbox-arrow-left {
	left: 1.25em;
}
.imagelightbox-arrow-right {
	right:1.25em;
}
*/
}

@media only screen and (max-width: 20em) /* 320 */ {
.imagelightbox-arrow-left {
	left:0;
}
.imagelightbox-arrow-right {
	right:0;
}
}




/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration:600ms;
          animation-duration:600ms;
		  
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
		  
  -webkit-animation-delay:2000ms;
          animation-delay:2000ms;
		  
  visibility:visible !important;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translateY(50px);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity:0;
	transform:translateY(50px);
  }

  100% {
    opacity:1;
    transform:none;
  }
}

.fadeInUp {
  -webkit-animation-name:fadeInUp;
          animation-name:fadeInUp;
}