/*
 * 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
*********************************/ 
.banner .flexslider { min-height:427px; } 

.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%; display: block!important; width:100%; }
.flex-pauseplay span {text-transform: capitalize;}

/* 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;}
.flexslider .slides { zoom: 1; z-index:0; }
.flexslider .slides > li { position: relative; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.flex-container { zoom: 1; position: relative; }
/*.flexslider .slides li:after { position:absolute; display:block; content:""; background:url(../images/banda-slider-azul.svg) left top no-repeat; width:100%; height:100%; top:0; left:0; background-size:auto 100%;}*/
.flexslider .slides li img { width:100%; float:left; }

/* Caption style */
/* IE rgba() hack */
.banner-home .flex-caption { position:absolute; top:59%; width:100%; transform:translateY(-50%); text-align:left; z-index:10; padding:0 95px; }
.banner-home .flex-caption span { color: #FFFFFF;font-size: 70px;font-family: 'Montserrat-ExtraLight';line-height: 85px; display: block; }
.banner-home .flex-caption h1, .banner-home .flex-caption h1 p { color: #FFFFFF;font-size: 70px;font-family: 'Montserrat-ExtraLight';line-height: 85px; display: block; }
.banner-home .flex-caption strong { color:#fff; font-size:70px; font-family:'Montserrat-ExtraBold';  line-height:85px; letter-spacing:1px; display:block; }
.banner-home .flex-caption a { color:#3b3b55; idth: 160px; background:rgba(255,255,255,1); padding:8px 5px 8px 20px; line-height:25px; display:inline-block; font-size:16px; font-family:'HelveticaNowDisplayMedium'; position:relative; border-radius:25px; margin-top:35px; transition:all 0.5s ease; }
.banner-home .flex-caption a:after { display:block; content:"+"; color:#fff; background:#f18a00; font-family: 'HelveticaNowDisplayThin'; float:right; font-size:30px; padding:0px 5px; margin-left:30px; border-radius:50%; transition:all 0.5s ease;  }
.banner-home .flex-caption a:hover:after { color:#f18a00; background:#FFFFFF;  }
.banner-home .flex-caption a:hover { color:#FFFFFF; background:#f18a00; }


/* Direction Nav */
.flex-direction-nav { float:left; display:block; position:relative; width: 100%;}
.flex-direction-nav li a {background:no-repeat 0 0; border: none; border-radius: none; position: absolute; width:52px; height:40px; bottom:90px; /* transform: translateY(-20%);*/ left:10%; z-index: 400; text-indent:-99999999px; }
.flex-direction-nav li .flex-next { background-image:url(../images/boton-slider-right.svg); left:51px; }
.flex-direction-nav li .flex-prev {background-image:url(../images/boton-slider-left.svg); left:0; }
.flex-direction-nav li:hover .flex-next,.flex-direction-nav li:hover .flex-prev { opacity:0.65; }

.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}



.banner-home .slick-prev, .banner-home .slick-next{ background:no-repeat 0 0; border: none; border-radius: none; position: absolute; width:52px; height:40px; top:calc(100% - 100px); transform: translateY(-20%); left:10%; z-index: 400; }
.banner-home .slick-prev{background-image:url(../images/boton-slider-left.svg); left:6%; }
.banner-home .slick-next{ background-image:url(../images/boton-slider-right.svg); left:10%; }


/* Control Nav */
.flex-control-nav { margin:0 auto; position: absolute; bottom:52px; z-index:9999; left:0; right:0px; width:1170px;}
.flex-control-nav li {margin: 0px 14px 0px 0px; display:inline-block; zoom: 1; float:left; }
.flex-control-nav li:last-child {margin: 0;}
.flex-control-nav li a {width: 50px; height: 8px; display: block; background:rgba(255,255,255,0.5); cursor: pointer; text-indent: 9999px; border-radius: 6px;}
.flex-control-nav li a:hover {background:#f18a00;}
.flex-control-nav li a.flex-active {background:#fff;cursor: default;}

#white.flexslider .flex-control-nav li a { border:1px solid #000000; }
#white.flexslider .flex-control-nav li a:hover, #white.flexslider .flex-control-nav li a.flex-active { background:#000000; }
#white.flexslider .flex-direction-nav li a { background:url(../images/black-arrow.png) no-repeat 0px 0px; background-size:102px auto; }
#white.flexslider .flex-direction-nav li .flex-next { background-position:-55px 0 }
#white.flexslider .flex-direction-nav li .flex-prev { background-position:0px 0px; }


.flexslider .slides { overflow: hidden;}

.banner .flexslider .slides > li .flex-caption h1, .banner .flexslider .slides > li .flex-caption p, .banner .flexslider .slides > li .flex-caption a.btn, .banner .flexslider .slides > li .flex-caption .caption-txt  {opacity: 0;  -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px);  
-webkit-transition: opacity 1s cubic-bezier(.215,.71,.355,1), -webkit-transform  1s cubic-bezier(.215,.71,.355,1);
transition: opacity  1s cubic-bezier(.215,.71,.355,1), -webkit-transform  1s cubic-bezier(.215,.71,.355,1);
transition: transform  1s cubic-bezier(.215,.71,.355,1), opacity  1s cubic-bezier(.215,.71,.355,1);
transition: transform 1s cubic-bezier(.215,.71,.355,1), opacity  1s cubic-bezier(.215,.71,.355,1),
-webkit-transform  1s cubic-bezier(.215,.71,.355,1); }

.banner .flexslider .slides > li.flex-active-slide .flex-caption h1, .banner .flexslider .slides > li.flex-active-slide .flex-caption p, .banner .flexslider .slides > li.flex-active-slide .flex-caption a.btn, .banner .flexslider .slides > li.flex-active-slide .flex-caption .caption-txt  {opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; }
.banner .flexslider .slides > li.flex-active-slide .flex-caption p { -webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;}
.banner .flexslider .slides > li.flex-active-slide .flex-caption .u-fade { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; }
.banner .flexslider .slides > li .flex-caption .flx-btn { opacity:0; transition:all 0.5s ease; }
.banner .flexslider .slides > li.flex-active-slide .flex-caption .flx-btn  { opacity:1; transition-delay: 1.5s; }

/* Aminmation */
.u-fade {opacity: 0;  -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px);  
-webkit-transition: opacity 1s cubic-bezier(.215,.71,.355,1), -webkit-transform  1s cubic-bezier(.215,.71,.355,1);
transition: opacity  1s cubic-bezier(.215,.71,.355,1), -webkit-transform  1s cubic-bezier(.215,.71,.355,1);
transition: transform  1s cubic-bezier(.215,.71,.355,1), opacity  1s cubic-bezier(.215,.71,.355,1);
transition: transform 1s cubic-bezier(.215,.71,.355,1), opacity  1s cubic-bezier(.215,.71,.355,1),
-webkit-transform  1s cubic-bezier(.215,.71,.355,1);}

.l-fade {opacity: 0;  -webkit-transform: translateX(-60px); -ms-transform: translateX(-60px); transform: translateX(-60px);  
-webkit-transition: opacity 1s cubic-bezier(.215,.71,.355,1), -webkit-transform  1s cubic-bezier(.215,.71,.355,1);
transition: opacity  1s cubic-bezier(.215,.71,.355,1), -webkit-transform  1s cubic-bezier(.215,.71,.355,1);
transition: transform  1s cubic-bezier(.215,.71,.355,1), opacity  1s cubic-bezier(.215,.71,.355,1);
transition: transform 1s cubic-bezier(.215,.71,.355,1), opacity  1s cubic-bezier(.215,.71,.355,1),
-webkit-transform  1s cubic-bezier(.215,.71,.355,1);}

.r-fade {opacity: 0;  -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px);  
-webkit-transition: opacity 1s cubic-bezier(.215,.71,.355,1), -webkit-transform  1s cubic-bezier(.215,.71,.355,1);
transition: opacity  1s cubic-bezier(.215,.71,.355,1), -webkit-transform  1s cubic-bezier(.215,.71,.355,1);
transition: transform  1s cubic-bezier(.215,.71,.355,1), opacity  1s cubic-bezier(.215,.71,.355,1);
transition: transform 1s cubic-bezier(.215,.71,.355,1), opacity  1s cubic-bezier(.215,.71,.355,1),
-webkit-transform  1s cubic-bezier(.215,.71,.355,1);}


.start-animation .u-fade, .start-animation .l-fade, .start-animation .r-fade { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s;}