/* Components for Background Slideshow */

.cbp-bislideshow {
	list-style: none;
	width: 100vw; /* Ene2015 100% */
	height: 100vh; /* Ene2015 100% */
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
}

.cbp-bislideshow li {
	position: absolute;
	width: 101%;
	height: 101%;
	top: -0.5%;
	left: -0.5%;
	opacity: 0;
	animation: ease-in-out;
	-webkit-transition: opacity 2s;
	-moz-transition: opacity 2s;
	transition: opacity 2s;
}

/* ~~ User added Styles for Captions~~ */
.cbp-bislideshow li div.slideCaption {
	/*display:block;*/
	position:relative;
	top:20%;
	/*margin-left:10%;
	margin-right:10%;*/
	color:#FFF;
	text-align:center; /*right*/
	padding:42px;
	/*width:100%; Add a white shade background */ 
	/*background:rgba(255,255,255,.2);  Add a white shade background */
}

.cbp-bislideshow li div.slideCaption p {
	font-family:'OpenSansCondensedLight';
	margin: 15px 15px 0 15px;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	/*opacity:1;*/
}

.cbp-bislideshow li div.slideCaption h1 {
	font-family:'nerissemibold' ;
	font-size:72px;
	color: rgba(255,255,255,.7);
	text-shadow: 1px 0 3px rgba(0,0,0,.3);
	font-variant:normal;
	/*opacity:.8;*/
	margin:0;
	padding:25px 0;
	/*position:relative;*/
	letter-spacing:-3px;
	line-height:72px;
	/* Animation with keyframes (no ScrollReveal) */
	/*-webkit-animation: slide-top 1s;*/ /* Chrome, Safari, Opera */
    /*animation: slide-top 1s;*/

}

/* Chrome, Safari, Opera */
@-webkit-keyframes slide-left {
     0%   {left:100px; top:0px; opacity:0}
    100% {left:0px; top:0px; opacity:1}
}

/* Standard syntax */
@keyframes slide-left {
    0%   {left:100px; top:0px; opacity:0}
    100% {left:0px; top:0px; opacity:1}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes slide-top {
     0%   {top:-50px; opacity:0}
    100% {top:0px; opacity:1}
}

/* Standard syntax */
@keyframes slide-top {
    0%   {top:-50px; opacity:0}
    100% {top:0px; opacity:1}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadein {
     0%   {opacity:0}
    100% {opacity:1}
}

/* Standard syntax */
@keyframes fadein {
    0%   {opacity:0}
    100% {opacity:1}
}

.cbp-bislideshow li div.slideCaption h2, .cbp-bislideshow li div.slideCaption h3, .cbp-bislideshow li div.slideCaption h4 {
	font-family: 'Lato' ;
	color: rgba(255,255,255,1);
	text-shadow: 0 0 2px rgba(0,0,0,.8);
	/*opacity:1;
	letter-spacing:.2em;*/
	margin: 0;
	padding: 0;
	font-weight: 300;
}

.cbp-bislideshow li div.slideCaption h2 {
	font-size:48px;
}

.cbp-bislideshow li div.slideCaption h3 {
	font-size:32px;
	line-height:32px;/**/
}

.cbp-bislideshow li div.slideCaption h4 {
	font-size:24px;
}

.cbp-bislideshow li .italic {
	font-family:'open_sanslight_italic', sans-serif;
	/*font-style:italic;*/
}

/* ~~ END user Added ~~ */




/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	/* ~~ user added border shadowed ~~ */
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.cbp-bicontrols {
	position: fixed ;
	width: 98%; /* 300px */
	height: 100px; /* 100px */
	/*margin:-50px 0 0 -150px;  */
	top: 40%;/*top:50%;*/   
	left: 1%; /*left:50%*/
	/* user */
	z-index:1000;
	opacity:.8;
}

/* user */
/*.cbp-bicontrols:hover {
	opacity:1;
}*/

.cbp-bicontrols span {
	float: left;/**/
	width: 100px;
	height: 50px; /*100px */
	position: relative;
	cursor: pointer;
}

.cbp-bicontrols span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	font-family: fontAwesome;
	speak: none;
	font-style: normal;
	font-weight: 100;
	font-variant: normal;
	text-transform: none;
	line-height: 192px;
	font-size: 128px;
	color: #FFF;
	-webkit-font-smoothing: antialiased;
	opacity: 0.2;
}

.cbp-bicontrols span:hover:before {
	opacity: 1;
}

.cbp-bicontrols span:active:before {
	top: 1px;
}

span.cbp-biplay:before {
	content: "\f04b"; /* \25B6 \e002 */
}

span.cbp-bipause:before {
	content: "\f04c"; /* \2016 \e003*/
}

span.cbp-binext:before {
	content: "\f105"; /* \E766 \e000*/
}

span.cbp-biprev:before {
	content: "\f104"; /* \E765 \e001*/
}

.cbp-bicontrols span.cbp-binext {
	float: right;
}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
}