@charset "utf-8";

 /*Fuentes*/
@font-face {
	font-family: 'Helvetica';
	src: url('../fonts/Helvetica.eot');
	src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Helvetica.woff') format('woff'),
	 	 url('../fonts/Helvetica.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica-Light';
	src: url('../fonts/Helvetica-Light.eot');
	src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Helvetica-Light.woff') format('woff'),
		 url('../fonts/Helvetica-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Kuro-Italic';
	src: url('../fonts/Kuro-Italic.eot');
	src: url('../fonts/Kuro-Italic.eot?#iefix') format('embedded-opentype'),
	 	 url('../fonts/Kuro-Italic.woff') format('woff'),
		 url('../fonts/Kuro-Italic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Kuro-Regular';
	src: url('../fonts/Kuro-Regular.eot');
	src: url('../fonts/Kuro-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Kuro-Regular.woff') format('woff'),
		 url('../fonts/Kuro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Kuro-bold';
	src: url('../fonts/Kuro-bold.eot');
	src: url('../fonts/Kuro-bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Kuro-bold.woff') format('woff'),
		 url('../fonts/Kuro-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


*{margin: 0; padding:0;box-sizing:border-box;}
html, body {height: 100vh}
html{box-sizing:border-box;font-family:'Kuro-Regular',Helvetica,sans-serif;}
html, body{margin:0;padding:0;height:100%;width:100%;max-height: 902px;min-height:600px;}
header{background-image:url(../images/header.jpg);background-position:center;background-size:cover;height: 61px;padding:0;position:relative;display:block;width:100%;z-index:1;}
header aside{width: 24%;}
header aside img{padding-left:20%;}
header nav p{color: #fff;font-family:'Kuro-bold',Helvetica,sans-serif;display: inline-block;font-size: 18px;margin: 0 0 0 24px;line-height: 3.3;}
nav{position: absolute;width: 66%;height: 60px;left: 32%;top: 0;display: inline-block;}
nav img{display: inline-block;float: right;margin: 5px 0 0 0;}
.redes{margin: 15px 0;}
#Contenido{width: 100%;height:calc(100vh);min-height: 600px;max-height: 846px;}
#contenedor1{height: 90%;position: relative;display: block;}
#bg_home{background-image: url(../images/bg_home2.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;height: calc(100% - 120px);}
#bg_home aside{margin: 0 auto;width: 39%;}
.sombra{width: 90%; margin: 0 auto; display: block;}
#parrafo, #parrafo img{width: 100%;}
#parrafo_home{position: absolute;width: 43%;right: 18.7%;bottom: 5%;font-size: 22px;color: #fff;}
img[src="images/texto_home.png"]{margin: 20% 0 0 0;}
img[src="images/celular.png"]{position: absolute;margin: 7% 0 0 5%;}
#contenedor2{width:100%;height: 34%;display:block;float:left;}
#contenedor2 section p{font-family:'Helvetica-Light',sans-serif; width: 46%;margin: 79px auto;font-size: 20px;color:#33cccc;display: block;text-align: center;}
.link{text-decoration: none; color: #fff;}
#contenedor2 section aside{display: block;position: fixed;background-color:#ffac2c;height: 40px;width: 120px;float: right;top: 84%;padding: 4px;transform: translateY(-50%); right: 0; z-index: 1;}
#contenedor2 section aside p{color: #fff; font-size: 11.5px; font-family:'Kuro-Regular',sans-serif; line-height: 1.3;margin: 0;width: 100%;}
#titulo1{font-size: 31px;}
#titulo2{font-size: 21px;}
#contenedor3{display: block;float: left;height: 50%; position: relative; width: 100%;}
#contenedor3 section{width: 49%;height: 100%;padding: 3% 0 0 4%;display: block;float: left;color: #fff;font-size: 19px;color: #fff;}
.parallax {background-image: url(../images/bg_contenedor_3.png);min-height: 300px;
    background-attachment: fixed; background-position: right top;background-repeat: no-repeat;
    background-size: cover;}
#contenedor3 section #circle {width: 40px;height: 40px;background:#fff;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;padding: 0;}
#contenedor3 section #circle p{color: #336666;font-family:'Helvetica-Light',sans-serif;font-size: 27px;text-align: center;line-height: 1.5;}
#contenedor3 ul{width: 75%;height: auto;list-style: none;display: block;float: left;padding: 4% 0 0 6%;}
#contenedor3 ul li{float: left;}
#contenedor3 ul li p{text-align: center;}
.buscar_app{width: 45%;}
.img_app{margin: 3px auto;display: block;}
.celular{padding: 8% 0 0 0; float: left;}
.parrafo{float:left; padding: 10% 0 0 3%;width: 76%;}
aside.separador {width: 1px;height: 45%;display: block;float: left;background-color: #fff;margin: 7% 0 0 0;}
#contenedor4 div{/*background-image: url(../images/tablet.png);background-position: center 30%;background-repeat: no-repeat;*/position: relative;height: 75vh;}
#contenedor4 iframe{display: block;height: 360px;width: 652px;top: 19%;left: 25.48%;transform: translate(0% , 0%);position: absolute;}
#contenedor4{display: block;position: relative;height: auto;width: 100%;float: left;margin: 1% 0 0 0;clear: both;}
#contenedor4 section #circle {width: 70px;height: 70px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;padding: 0;border: 1px solid #999999;float: left;margin: 0 2% 0 3%;}
#contenedor4 section #circle p{color:#33cccc;font-family:'Kuro-bold',sans-serif;font-size: 59px;text-align: center;er; */line-height: 1.4;margin: 0 auto;}
#requisito{width: 100%;height: 250px;background-color: #def0f1;display: block; padding: 1% 0;}
#requisito img{padding: 3.5% 0 0 23%;display: block;float: left;}
#requisito p{margin: 0 auto;display: block; width: 36%;padding: 1% 0 0 0;color: #33cccc;font-family:'Kuro-Bold',Helvetica,sans-serif;}
#requisito #dato_seguro {width: 57%;text-align: justify;color: #666666;margin: 0 auto;font-size: 13px;padding-left: 135px;}
#requisito ul{margin: 0 auto;width: 62%;   padding: 1.5% 0 0 14%; font-family:'Helvetica',sans-serif;color:#666666;}
#caja_texto{background-color: #33cccc;color: #fff;font-family: 'Kuro-Bold',Helvetica,sans-serif;padding: 1px 8px 1px 8px;border-radius: 2px 12px;}
.intro{font-family:'Helvetica-Light',sans-serif;width: 58%;margin: 2% auto;text-align: center;color: #33cccc;font-size: 25px;}
.contenedor_principal {height: 345px;padding: 1% 0;width: 87%;}
.contenedor_secundario{background-color: rgba(93 , 178 , 187 , 0.2);height: 374px;width: 100%;display: block;padding: 3% 0 2% 0;}
.contenedor_secundario > .text_container , .contenedor_secundario > .img_container{float: right;}
.text_container{width: 73%;display: block;float: left;margin: 7% 0 0 0;}
.text_container p{width: 70%;margin: 1% 0 0 19%;font-family:'Helvetica',sans-serif;font-size: 18px;color: #666666;}
.img_container{width: auto;display: block;float: left;}
#contenedor5{display: block;position: relative;height: auto;width: 100%;float: left;margin: 17% 0 0 0;}
#contenedor5 section img{display: block; margin: 0 auto;}
#interactivo{}
#interactivo ul{list-style:none;width: 21%;display: block;margin: 0 auto;position: absolute;top: 31%;left: 41.5%;}
#interactivo ul li{width: 42%;float: left; margin: 5px 0 10px 0;}
ul#botones-tienda-interactivo{width: 36%;display: block;float: left;bottom: 0; position: relative;top: -43px;left: 50%;transform: translateX(-39%);}
ul#botones-tienda-interactivo li p {text-align: center;}
ul#botones-tienda-interactivo li p a{color: #00b1bb; }
#btn_contacto{width: 10%;position: relative;float: right;border: 1.9px solid #33cccc;height: 41px;line-height: 2;text-align: center;bottom: 127px;right: 220px;color: #33cccc;font-family: 'Kuro-bold',sans-serif;font-size: 18px;}
#transacciones{width: 33%;position: absolute;bottom: 1%;left:2%;}
#line1{width: 100px;height: 1px;background: #d35c93;bottom: 80%;left: 436px;position: absolute;display: block;}
#line1::after{content: "";width: 10px;h;height: 10px;background: #d35c93;border-radius: 50px;display: block;position: absolute;bottom: -5px;}
#line2{width: 100px;height: 1px;background: #ec7269;bottom: 36px;left: 363px;position: absolute; display: block;}
#line2::after{content: "";width: 10px;h;height: 10px;background: #ec7269;border-radius: 50px;display: block;position: absolute;bottom: -5px;}
#line3{width: 100px;height: 1px;background: #ffc74d;bottom: 67px;left: 363px;position: absolute; display: block;}
#line3::after{content: "";width: 10px;h;height: 10px;background: #ffc74d;border-radius: 50px;display: block;position: absolute;bottom: -5px;}
#line4{width: 100px;height: 1px;background: #a1cd7f;bottom: 31px;r;right: 344px;position: absolute; display: block;}
#line4::before{content: "";width: 10px;h;height: 10px;background: #a1cd7f;border-radius: 50px;display: block;position: absolute;bottom: -5px;right: -5px;}
#line5{width: 100px;height: 1px;background: #4db3e2;bottom: 41px;right: 333px;position: absolute;display: block;}
#line5::before{content: "";width: 10px;h;height: 10px;background: #4db3e2;border-radius: 50px;display: block;position: absolute;bottom: -5px;right: -8px;}
#line6{width: 100px;height: 1px;background: #336da2;bottom: 32px;l;right: 333px;position: absolute;display: block;}
#line6::before{content: "";width: 10px;h;height: 10px;background: #336da2;border-radius: 50px;display: block;position: absolute;bottom: -5px;right: -5px;}
#transacciones h1 , #promociones h1 , #atencion h1 , #aval h1 ,#productos h1 , #tarifas h1{font-family: 'Kuro-Bold',Helvetica,sans-serif;font-size: 24px;}
#transacciones h1{color: #d35c93;} #promociones h1{color: #ec7269;} #atencion h1{color: #ffc74d;} #aval h1{color: #a1cd7f;} #productos h1{color: #4db3e2;} #tarifas h1{color: #336da2;}
#transacciones p , #promociones p , #atencion p , #aval p , #productos p , #tarifas p{color: #7e7e7e;font-family:'Helvetica',sans-serif;font-size: 14px;}
#promociones{width: 25%;position: absolute;bottom: 561px;left: 98px;}
#atencion{width: 22%;position: absolute;bottom: 423px;left: 98px;}
#aval{width: 22%;position: absolute;bottom: 673px;right: 98px;}
#productos{width: 22%;position: absolute;bottom: 559px;right: 98px;}
#tarifas{width: 22%;position: absolute;bottom: 457px;right: 98px;}
footer{background-color: #0084cb;background-size:cover;height:70px;position:relative;clear:left;}
.svg_mobile{display: none;}
.logo_mobile{display: none;}
.aval{float: right;margin: 10px 5px 0 0;}
.redes{float: right; margin: 22px 10px 0 0;}
footer span:first-child{display: none;}
footer span:nth-child(2){display:block;    width: 50%;float: left;}
footer span:nth-child(3){width: 50%;   display: block;height: 70px;float: right;}
.mobile{display: block;}
img[src="images/flecha.png"]{margin: 0 auto;width: 90%;display: block;padding: 0 0 2% 0;}

/*Animations*/

/*#celular , #celular1 , #celular2 , #celular3 , #celular4 , #btn1 , #btn2 , #btn3 , #btn4 , #btn5 , #btn6{visibility: hidden;
}*/