/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

#container {width: 80%; max-width: 800px; margin: 0 auto;}
/* Browser Resets */
.flex-container a:active, .flexslider a:active {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; width:100%; display:block; }
.flex-pauseplay span {text-transform: capitalize;}
/*.flexslider .slides > li::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.25); left: 0; top:0;}
*/
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1; z-index:0; overflow:hidden;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {position:absolute; top:40%;  text-align:center; width:100%; z-index: 1;}

/* Direction Nav */
.banner-home  .flex-direction-nav { display:block; }
/*.banner-home  .flex-direction-nav li a {width:34px; height:58px; margin: 0px 0 0; display: block;  position: absolute; top: 40%; cursor: pointer; text-indent: -9999px; z-index:9999;background: url(../img/slide_arrow.png) no-repeat 0 0; }
.banner-home .flex-direction-nav li .flex-next { right:2%; background-position: -34px 0; }
.banner-home .flex-direction-nav li .flex-next:hover { background-position: -34px -62px;}
.banner-home .flex-direction-nav li .flex-prev {left:2%; background-position: 0px 0; }
.banner-home .flex-direction-nav li .flex-prev:hover { background-position: 0px -62px;}
.banner-home .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}*/
/* Control Nav */
.banner-home .flex-control-nav { width:100%; position:absolute; bottom:25px; z-index:9999; text-align:center;}
.banner-home .flex-control-nav li { margin:0px 14px 0 0; display: inline-block; zoom: 1; }
.banner-home .flex-control-nav li a {  cursor:pointer; text-indent:9999999px;}
.caption-txt { width:100%;}
.caption-right { float:right; text-align:right;}
.banner-home .flex-caption h1 { color:#fff; font-size:48px;  font-family: 'robotobold'; line-height:50px; margin-bottom:25px; text-align:left; }
.banner-home .flex-caption p {font-family: 'robotoregular'; font-size: 32px; line-height:32px; letter-spacing:1px;color: #fff; display: block; text-align:left;}
#slider.flexslider .flex-direction-nav { display: none;}
.flex-control-thumbs {margin: 5px 0 0;position: static;	overflow: hidden;  }
.flex-control-thumbs li { width: 25%;	float: left;margin: 0; }
.flex-control-thumbs img {width: 100%;	height: auto;	display: block;	opacity: .7;
cursor: pointer;	-moz-user-select: none;	-webkit-transition: all 1s ease;	-moz-transition: all 1s ease;	-ms-transition: all 1s ease;	-o-transition: all 1s ease;
transition: all 1s ease;  }
.flex-control-thumbs img:hover {opacity: 1;  }
.flex-control-thumbs .flex-active {	opacity: 1;	cursor: default;  }

.flex-control-nav {width: 100%; float:left; position: absolute; bottom:10px; z-index:9; text-align:center; }
.flex-control-nav li a {width: 11px;height: 11px;display: block;cursor: pointer;text-indent: -99999px; background:#fff; border-radius:50%; ; position:relative;}
.flex-control-nav li a.flex-active, .flex-control-nav li a:hover{ background:#54a5dc;}


@keyframes lfttxt {
	0% { transform: translate3d(0px, 100px, 0px); transform-origin: 50% 50% 0px; }	
	100% {  opacity:1;  transform: translate3d(0px, 0px, 0px); transform-origin: 50% 50% 0px; }
}

@-webkit-keyframes lfttxt {
	0% { transform: translate3d(0px, 100px, 0px); transform-origin: 50% 50% 0px; }	
	100% {  opacity:1;  transform: translate3d(0px, 0px, 0px); transform-origin: 50% 50% 0px; }
}
@-moz-keyframes lfttxt {
	0% { transform: translate3d(0px, 100px, 0px); transform-origin: 50% 50% 0px; }	
	100% {  opacity:1;  transform: translate3d(0px, 0px, 0px); transform-origin: 50% 50% 0px; }
}
.flex-active-slide .caption-txt a.btn-rightbg { opacity:0;
-webkit-animation:opa ease-out 1;
-moz-animation:opa ease-out 1;
animation:opa ease-out 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:0.8s;
-moz-animation-duration:0.8s;
animation-duration:0.8s;
animation-delay:1.3s;
}
@-webkit-keyframes opa {
	0% { opacity:0; }
	100% {  opacity:1; }
}
@-moz-keyframes opa { 
	0% { opacity:0; }
	100% {  opacity:1; }
}
@keyframes opa {
	0% { opacity:0; }
	100% {  opacity:1; }
}



.img-zoom { float: left; width: 100%; overflow: hidden; }
.img-side-box .img-zoom img  { float: left; width: 100%; -webkit-animation:zoomout-in linear 1;
	-moz-animation:zoomout-in linear 1;
	-o-animation:zoomout-in linear 1;
	animation:zoomout-in linear 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:8s;
	-moz-animation-duration:8s;
	-o-animation-duration:8s;
	animation-duration:8s;  }

	@-webkit-keyframes zoomout-in {
		0% { transform: scale(1);  }
		50% { transform: scale(1.1);  }
		52% { transform: scale(1.1);  }
		100% { transform: scale(1);  }
	}
	
	@keyframes zoomout-in {
		0% { transform: scale(1);  }
		50% { transform: scale(1.1);  }
		52% { transform: scale(1.1);  }
		100% { transform: scale(1);  }
	} 
@-webkit-keyframes sdb11 {
  0% {
    transform: translate(0, 0px);
    opacity: 0;
  }
  40% {  
    opacity: 1;
  }
  100% {
	transform: translate(0, 50px);  
    opacity: 1;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes sdb12 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

#nuestros-slide.flexslider .flex-direction-nav li a {width:40px; height:40px; margin: 0px 0 0; display: block;  position: absolute; cursor: pointer; text-indent: -9999px; z-index:9999;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
#nuestros-slide.flexslider .flex-direction-nav li .flex-next { right:0px;background: #fff url(../img/rgt-aero.svg) no-repeat 0 0; border-radius:50%;}
#nuestros-slide.flexslider .flex-direction-nav li .flex-prev {left:0px;background: #fff url(../img/lft-aero.svg) no-repeat 0 0; border-radius:50%;}
/*.flex-direction-nav li a:hover{ opacity:0.7}*/
#nuestros-slide.flexslider .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
#nuestros-slide.flexslider .inner-banner-pad .flex-direction-nav li a {width:27px; height:45px; margin: 0px 0 0; display: block;  position: absolute; top: 50%; cursor: pointer; }
#nuestros-slide.flexslider .flex-direction-nav { float: none;	width: 96px;	position: absolute;	bottom: 80px;right: 54%;}