/*
Documento CSS3: HOJA DE ESTILOS
Fecha de Creación: 11/02/2017
Hecho por: Luis Gutierrez-Diseño Web & Multimedia
Ultima actualización: 15/03/2017;
*/

 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:bottom;}
 article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
 body{line-height:1;}
 ol,ul{list-style:none;}
 blockquote,q{quotes:none;}
 blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
 table{border-collapse:collapse;border-spacing:0;}/**/
*{position:relative;-ms-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;font-family:'Book',arial,sans-serif;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
html,body{width:100%;height:100%;}
section{border:0;background-color:#ffffff;border-bottom:6px solid #D1D1D1;width:100%;padding:20px;}
a{text-decoration:none;color:#f79825;}
a:hover{text-decoration:underline;}
.section-wrapper,.stage{overflow:hidden;max-width:960px;margin:0 auto;width:100%;}
p{font-family: 'montserrat', sans-serif;;font-size:14px;color:#333;margin-bottom:15px;line-height:1.4em;text-align:justify;}
strong{ color:white;/*font-weight:bold;*/}img{display:block;width:100%;}
.l_side,.r_side{padding:10px;float:left;width:50%;}
.cta{color:#ffffff;font-size:20pt;font-family: 'montserrat', sans-serif;background:#233963 none repeat scroll 0 0;border:medium none;box-shadow:0 -3px 0 0 #233963 inset;width:245px;margin:18px auto 0;padding:10px 15px;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;display:block;}
.cta:hover{background:#06152b none repeat scroll 0 0;box-shadow:0 -3px 0 0 #06152b inset;color:#ffffff;text-decoration:none;}
.clear{clear:both;height:0;}
.header-banner{margin:0px auto;max-width:580px;}
.banner{background-color:#233963;background-position:99% 100%;background-repeat:no-repeat;}
.coin-purse{max-width:200px;width:38%;margin:2% 0;float:left;}
.banner-copy{width:65%;padding:15% 0;float:left;}
.banner-copy p{font-weight: 900; line-height:100%;text-transform:uppercase;text-align:center;color:#ffffff;width:100%;padding:0;margin:0;font-family: 'Montserrat', sans-serif; }
.banner-line-a{font-size:47pt;}
.banner-line-b{color:#c50d00 !important;font-size:60pt;}
.small-coin{margin:40px auto;max-width:140px;}
.video > .section-wrapper{padding:20px;}
.video-title{text-align:center;line-height:33px;font-size:33px;}video{border:1px solid #bbbbbb;max-width:700px;margin:40px auto;display:block;}
.interactive,.interactive *{-webkit-transition:none !important;-ms-transition:none !important;transition:none !important;}
/*.interactive{background-image:url('/static/site10/father.jpg');background-position:92% 78px;background-repeat:no-repeat;padding:0;}*/
.interactive .section-wrapper{max-width:100%;}
.interactive-title{text-align:center;line-height:35px;font-size:35px;margin:50px 0;}
.stage-wrapper{background-color:#e8e8e8;width:100%;}
.ui{text-align:center;max-width:770px;margin:0 auto;width:100%;}
.ui ul{width:100%;}
.ui ul li{/*border:1px solid #929292;*/background-color:#929292;font-family:'Book',arial,sans-serif;font-size:13px;color:#ffffff;width:100%;max-width:182px;margin-right:5px;padding:20px;display:inline-block;cursor:pointer;}
.ui ul li span{text-transform:Capitalize;display:block;clear:both;}
.active{background-color:#233963 !important;}

.tail{position:absolute;
   background-image:url("../images/tail.png");
   background-position:50% -14px;
   background-repeat:no-repeat;
   bottom:-19px;
   height:20px;
   width:20px;
   left:0;
   right:0;
   margin:0 auto;
   z-index:99;
   display:none;}

.active .tail{display:block !important;}
.item{display:none;}
.current{display:block;}

.item-icon{max-width:40px;margin:0 auto; margin-bottom: 9px;}
.stage-title{line-height:28px;font-size:28px;text-align:center;margin:50px auto 15px;}
.wrapper-one,.wrapper-two,.wrapper-three,.wrapper-four{margin:0 auto 75px;width:80%;}
.wrapper-one .l_side p{text-align:left;font-size:16px;padding:50px 0;}
.wrapper-two .l_side p{text-align:left;font-size:16px;padding:50px 0;}
.item-one-img{max-width:215px;margin:0 auto;float:left;}
.wrapper-two .r_side p{text-align:left;font-size:16px;padding:50px 0;}
.item-two-img{max-width:215px;margin:0 auto;float:left;}
.duck{position:absolute;max-width:46px;top:-25px;left:20px;z-index:1;}
.wrapper-three .r_side p{text-align:left;font-size:16px;padding:105px 0;}
.wrapper-three .l_side1 {width: 70%; margin: 0 auto;}
.item-three-img{max-width:387px;padding:10px 0;margin:0 auto;float:right;}
.wrapper-four .r_side p,.wrapper-four .l_side p{text-align:center;font-size:16px;padding:20px 0;}
.item-four-img{max-width:339px;margin:0 auto;padding:10px 0;}
.item-four-img-a{max-width:103px;margin:0 auto;padding:10px 0;}
.cta-four{max-width:385px;width:100%;}
.footer .section-wrapper .l_side{width:60%;}
.footer .section-wrapper .r_side{width:40%;}
.footer-title{line-height:35px;font-size:35px;}
.footer p{text-align:left;}
.footer-sub-copy{font-size:19px;line-height:19px;}
.chip{max-width:230px;margin:10px;float:left;}/**/

/*Menus tipografias - span*/

/*///////////////////////
CODIGO POR INTEGRADO
//////////////////////////*/

.banner-line-b strong {color: #f79825;}
/*Maquetación imagen arriba, texto abajo*/
.wrapper-two .l_side1 .r_side2 {width: 80%; text-align: center;}
.item-two-img1 { max-width: 70%; /*padding: 23px 0;*/ margin: 0 auto;}
.ui span {font-family: 'montserrat', sans-serif;}



/*Responsive design - MediaQueries*/
@media (max-width: 700px) {.wrapper-two .l_side1 .r_side2 {width: 100%;text-align: center;} .item-two-img1 { max-width: 100%; /*padding: 23px 0;*/ margin: 0 auto;}}

@media screen and (max-width:1225px),screen and (max-device-width:1225px) {
 .interactive{background-position:100% 78px;}
}@media screen and (max-width:1200px),screen and (max-device-width:1200px) {
 .coin-purse{display:block;float:none;margin:0 auto;max-width:218px;width:60%;}.banner-copy{float:none;margin:0 auto;padding:3% 0 5%;width:65%;}.banner{background-image:none;}.banner-line-a{font-size:30pt;}.banner-line-b{font-size:41pt;}
}@media screen and (max-width:1135px),screen and (max-device-width:1135px) {
 .interactive{background-image:none !important;}
}@media screen and (max-width:800px),screen and (max-device-width:800px) {
 .l_side,.r_side{clear:both;float:none;width:100%;margin:0 auto;}.banner-copy{padding:7% 0;}.footer p{text-align:center;}.chip{float:none;margin:0 auto;}.wrapper-one .l_side p,.wrapper-two .l_side p,.wrapper-three .l_side p,.wrapper-four .l_side p{text-align:center;padding:0;}.item-one-img{float:none;}.item-two-img{float:none;padding:0;}.wrapper-two .r_side p{text-align:center;padding:0;}.duck{position:relative;top:0;left:0;right:0;margin:0 auto;}.item-three-img{float:none;padding:0;}.wrapper-three .r_side p{text-align:center;padding:0;}
}@media screen and (max-width:780px),screen and (max-device-width:780px) {
 .ui ul li{min-height:134px;width:90px;}
}@media screen and (max-width:500px),screen and (max-device-width:500px) {


 .ui ul li{font-size:12px;min-height:97px;padding:5px;width:60px;}.footer-title{line-height:25px;font-size:25px;}.footer-sub-copy{line-height:16px;font-size:16px;}.footer .section-wrapper .l_side,.footer .section-wrapper .r_side{width:100%;}.chip{max-width:140px;}
}/**/
img.ui-app-lazy-img,img.ui-app-lazy-img_loading,img.card-img-preload-bg+.card-img{opacity:0}img.ui-app-lazy-img_loaded{opacity:1;transition:opacity 0.5s}img.card-img-preload-bg{position:absolute;top:5px;left:5px;visibility:hidden;width:1px;height:1px}img.card-img-preload-bg.ui-app-lazy-img+.card-img,img.card-img-preload-bg.ui-app-lazy-img_loading+.card-img{background-image:none !important;background-color:transparent}img.card-img-preload-bg.ui-app-lazy-img_loaded+.card-img{opacity:1;transition:opacity 0.5s}.ui-app-lazy-img-bg{background-color:#2F2F2F;position:absolute;top:0;left:0;display:block;height:inherit;width:100%;z-index:-1}.card-img+.ui-app-lazy-img-bg{height:110px;position:relative;margin-top:-110px}/**/
