/*Estilos Responsivos*/

/*celular*/
@media screen and (max-width:480px){
    
    .section-footer{height:200px !important;}

 .box.contacto{width:70%;margin-left:10px;text-align:left;display:inline-block }

 .box-logo-header{height: 80px !important;}
 /* .box.contacto .ico-cel{margin-right:5px !important;}

 */
 .box.contacto .ico-mail{margin-left:16px;}

 .box.redes{width:25%;height:auto;display:inline-block }

 .box.contacto .a-tel, .box.contacto .p-mail, .box.redes p{font-size:10px;font-weight:600;}

 .header-nav{height:80px;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;}

 .header-nav-open{height:300px !important;}

 .nav{width:100%;max-height:auto;position:absolute;overflow:hidden;top:80px;z-index:9999999;}

 .nav ul{position:relative;}

 .nav li{border-bottom:none;line-height:50px;font-size:1em !important;}

 .box-navegador{z-index:999999;}

 /*idioma*/
 .box-lang-header{right: 8%; top: 40px}

 .box-lang-header .flecha img{max-width: 60%; max-height: 80%; }

 .box-lang-header .img-logo-nav{max-width: 20%}

 .box-lang-header .flecha{width: 25px !important; height: 25px !important; left: 50px !important; bottom: 30px !important;}

 .lang-selector{top:35px !important; right: 5% !important;}

 .lang-selector-fixed{right: 17% !important; top: 10px !important}

 .dropdown-content{min-width: 80px !important}

 .menu-mobile{position:relative;width:10%;height:30px;display:inline-block !important;}

 .icon{display:inline-block !important;top:20px;padding:0 !important;margin:0 !important;position:absolute;font-size:30px;color:rgba(5,5,5,0.6);}

 .btnOpenMobile{left:30px;}

 .box-navegador.logo{width:50%;margin:0 auto;text-align:center }

 .box-navegador.idioma{float:right;display:none;/*no se muestra*/
 }

 .box-logo-header.idioma{position:relative;width:160px;height:50px;bottom:55px;display:inline-block;right:30px;text-align:right;}

 .box-logo-header.idioma a{text-decoration:none;margin-left:0px;display:inline-block;right:0;}

 .box-logo-header.idioma img{display:inline-block;max-width:40% !important;max-height:40% !important;}

/*footer*/
.section-footer .box-logo-footer{position:relative;width:150px;height:120px;margin:0 auto;top:20px;}

.img-logo-footer{position:relative;max-width:100%;height:auto;max-height:100%;display:table;margin:0 auto;vertical-align:middle;}

.menu-footer{height:auto;text-align:center;vertical-align:middle;position:relative;}

.menu-column{position:relative;width:70%;height: auto; margin:0 auto;text-align:center; display: block}

.menu-servicios{bottom: 20px;}

.margin-mobile{margin:20px auto !important;}

.list{padding:0;list-style:none;height:100px;position:relative;margin:0 auto;}

.list li{/* display:list-item;*/
 /* text-align:-webkit-match-parent;*/
 padding-top:10px;}

.h4-title-col-footer{color:rgba(255,255,255, .18)}

.margin-left{margin-left:0;}

.list li a{text-decoration:none;color:#fff;font-size:14px;padding:5px 0;text-align:justify;}

.fila.derechos-footer{background:#343434;}

.p-footer{text-align:center;color:#fff;}

.ul-footer{margin: 0; left: 0; padding: 0}

.ul-footer .li-footer{margin: 12px 0px !important;}

}

/*tablets*/
@media screen and (min-width:481px) and (max-width:780px){
    
.section-footer{height:200px !important;}

 .box.contacto{width:70%;margin-left:10px;text-align:left;display:inline-block }

 .box-logo-header{height: 80px !important;}

 /* .box.contacto .ico-cel{margin-right:5px !important;}

 */
 .box.contacto .ico-mail{margin-left:16px;}

 .box.redes{width:25%;height:auto;display:inline-block }

 .box.contacto .a-tel, .box.contacto .p-mail, .box.redes p{font-size:10px;font-weight:600;}

 .header-nav{height:80px;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;}

 .header-nav-open{height:300px;}

 .nav{width:100%;max-height:auto;position:absolute;overflow:hidden;top:80px;z-index:9999999;}

 .nav ul{position:relative;}

 .nav li{border-bottom:none;line-height:50px;font-size:1em !important;}

 .box-navegador{z-index:999999;}

 .menu-mobile{position:relative;width:10%;height:30px;display:inline-block !important;}

 /*idioma*/
 .box-lang-header{right: 10%; top: 40px}

 .box-lang-header .flecha img{max-width: 60%; max-height: 80%; }

 .box-lang-header .img-logo-nav{max-width: 30%}

 .lang-selector{top:35px !important; right:8% !important;}

 .lang-selector-fixed{right: 15% !important; top: 8px !important}

 .icon{display:inline-block !important;top:22px;padding:0 !important;margin:0 !important;position:absolute;font-size:30px;color:rgba(5,5,5,0.6);}

 .btnOpenMobile{left:30px;}

 .box-navegador.logo{width:50%;margin:0 auto;text-align:center }

 .box-navegador.idioma{float:right;display:none;/*no se muestra*/
 }

 .box-logo-header.idioma{position:relative;width:160px;height:50px;bottom:55px;display:inline-block;right:30px;text-align:right;}

 .box-logo-header.idioma a{text-decoration:none;margin-left:0px;display:inline-block;right:0;}

 .box-logo-header.idioma img{display:inline-block;max-width:40% !important;max-height:40% !important;}

/*footer*/
.section-footer .box-logo-footer{position:relative;width:150px;height:120px;margin:0 auto;top:20px;}

.img-logo-footer{position:relative;max-width:100%;height:auto;max-height:100%;display:table;margin:0 auto;vertical-align:middle;}

.menu-footer{height:auto;text-align:center;vertical-align:middle;position:relative;}

.menu-column{position:relative;width:70%;height: auto; margin:0 auto;text-align:center;display:block;}

.menu-servicios{bottom: 20px}

.margin-mobile{margin:20px auto !important;}

.list{padding:0;list-style:none;height:100px;position:relative;margin:0 auto;}

.list li{/* display:list-item;*/
 /* text-align:-webkit-match-parent;*/
 padding-top:10px;}

.h4-title-col-footer{color:rgba(255,255,255, .18)}

.margin-left{margin-left:0;}

.list li a{text-decoration:none;color:#fff;font-size:14px;padding:5px 0;text-align:justify;}

.fila.derechos-footer{background:#343434;}

.p-footer{text-align:center;color:#fff;}

.ul-footer > .li-footer{padding: 5px 0px;}

.ul-footer {margin: 0; left: 0;padding: 0;}

 }

/* escritorio */
@media screen and (min-width:781px) and (max-width:980px){

#header{width: 100%;}


.btnOpenMobile{position: absolute; top: 25px; left: 15px; padding: 0 !important; margin: 0 !important; font-size: 35px;color: rgba(5,5,5,0.6);}

.btnOpenMobile-fixed{left: 15% !important;}

.logo-linkedin{margin-left: 3px;}

/*primera seccion*/
 .box.contacto{width:40%;left:0;height:auto;text-align:center;float:left;margin-left: 5px;}

 .box.contacto .ico-cel{margin-right:5px !important;}

 .box.contacto .ico-mail{margin-left:30px !important;margin-right:5px !important;}

 .box.redes{width:90px;float:right;height:auto;text-align:center; margin-right: 5px;}

 .box.contacto .a-tel, .box.contacto .p-mail, .box.redes p{font-size:12px;font-weight:600;}


 .box-navegador{display:inline-block;position:relative;top:50%;transform:translateY(-50%);}

 /*idioma*/

 .box-lang-header{right: 10px; top: 40px}

 .box-lang-header .flecha img{max-width: 60%; max-height: 80%; }

 .box-lang-header .img-logo-nav{max-width: 30%}

 .lang-selector{top:40px !important; right: 10% !important;}

 .lang-selector-fixed{right: 17% !important; top: 10px !important}

 .box-navegador.navegador{width: 620px;}

 .box-navegador.logo{width: 150px;}

 .header-nav{ width: 781px !important; margin-left: -390px; left: 50%}

 .nav{position: absolute;width: 0px;left: 0; max-height: 0; z-index: 9999999;transition: max-height 0.8s ease-out; overflow: hidden; outline:0 }

 .nav-show{transition: max-height 0.8s ease-in !important; max-height: 200px; position: fixed !important; background: #fff; width: 100%; -webkit-box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.44);
    box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.44);}

 .nav li{width:auto;border-bottom:none;height:50px;line-height:50px;font-size:1em !important;display:inline-block;margin: 0 auto; padding: 0px 15px;}

 .nav a.active{border-bottom:3px solid #74D039;color:#74D039;}

 
 .box-logo-header{height: 90px !important;}
 .box-logo-header.idioma{position:relative;width:160px;height:50px;bottom:50px;/* display:inline-block;*/
 display:none;/* No se muestra */
 }

 .box-logo-header.idioma a{text-decoration:none;margin-right:20px;display:inline-block;}

 .box-logo-header.idioma img{display:inline-block;}

 /*footer*/

 .section-footer .box-logo-footer{position:relative;width:250px;height:150px;/* margin-left:80px;*/
 display:inline-block;vertical-align:middle;}

.img-logo-footer{position:relative;max-width:100%;height:auto;max-height:100%;display:table;margin:0 auto;vertical-align:middle;}

.menu-footer{display:block;height:150px;text-align:center;}

.menu-column{display:inline-block;vertical-align:middle;margin-top:20px;}

.margin-menu-column{ margin-left: 20px; margin-right: 20px;}

.list{padding:0;list-style:none;height:100px;}

.list li{display:list-item;text-align:-webkit-match-parent;padding-top:10px;}

.h4-title-col-footer{float:left;color:rgba(255,255,255, .18)}

.margin-left{margin-left:60px;}

.list li a{text-decoration:none;color:#fff;font-size:14px;padding:5px 0;text-align:left;float:left;}

.fila.derechos-footer{background:#343434;}

.p-footer{text-align:center;color:#fff;}

.ul-footer > .li-footer{display: inline-block; padding: 2px 20px; margin: 0 !important;}

.a-footer{font-size: 14px;}

.border-right{border-right: 3px solid rgba(255,255,255, 0.8)}

}

@media screen and (min-width:981px){

    #header{width: 100%;}
    
.btnOpenMobile{position: absolute; top: 25px; left: 15px; padding: 0 !important; margin: 0 !important; font-size: 35px;color: rgba(5,5,5,0.6);}

.btnOpenMobile-fixed{left: 15% !important;}
/*primera seccion*/

 .header-contacto{width: 980px !important;}
 .box.contacto{width:30%;left:0;height:auto;text-align:center;float:left;margin-left: 10px;}

 .box.contacto .ico-cel{margin-right:5px !important;}

 .box.contacto .ico-mail{margin-left:30px !important;margin-right:5px !important;}

 .box.redes{width:150px;float:left;height:auto;text-align:left; margin-left: 490px;}

 .box.contacto .a-tel, .box.contacto .p-mail, .box.redes p{font-size:12px;font-weight:600;}

 .redes .p-seguinos{margin-right:10px !important;}

 .box-navegador{position:relative;}

 .box-navegador.navegador{width: 730px; margin-left: 25px; background: red !important;}

 .box-navegador.logo{/* width: 150px; */ margin: 0 auto; height: auto;}

 .header-nav{ width: 980px !important; margin-left: -490px; left: 50%;}

 /*idioma*/

 .box-lang-header{right: 100px}

 .box-lang-header .flecha img{max-width: 60%; max-height: 80%; }

 .box-lang-header .img-logo-nav{max-width: 30%}

 .lang-selector{top:40px !important; right: 20% !important;}

 .lang-selector-fixed{right: 130px !important; top: 0px !important}

 .nav{position: absolute;width: 0px;left: 0; max-height: 0; z-index: 9999999;transition: max-height 0.8s ease-out; overflow: hidden; outline:0 }

 .nav-show{transition: max-height 0.8s ease-in !important; max-height: 200px; position: fixed !important; background: #fff; width: 100%; -webkit-box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.44);
    box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.44);}


 .nav li{width:120px;border-bottom:none;height:50px;line-height:50px;font-size:1em !important;display:inline-block;margin-right:-4px;}

 .nav a.active{border-bottom:3px solid #74D039;color:#74D039;}

 .box-logo-header{height: 90px !important;}

 .box-lang-header{height: 20px !important; top: 45px}

 .box-logo-header.idioma{position:relative;width:160px;height:50px;bottom:50px;/* display:inline-block;*/
 display:none;/* No se muestra */
 }

 .box-logo-header.idioma a{text-decoration:none;margin-right:20px;display:inline-block;}

 .box-logo-header.idioma img{display:inline-block;}

 /*footer*/

 .section-footer .box-logo-footer{position:relative;width:350px;height:150px;/* margin-left:80px;*/
 display:inline-block;vertical-align:middle;}

.img-logo-footer{position:relative;max-width:100%;height:auto;max-height:100%;display:table;margin:0 auto;vertical-align:middle;}

.menu-footer{display:inline-block;height:150px;text-align:center;vertical-align:middle;}

.menu-column{display:inline-block;margin-left:80px;vertical-align:middle;margin-top:20px;}

.list{padding:0;list-style:none;height:100px;}

.list li{display:list-item;text-align:-webkit-match-parent;padding-top:10px;}

.h4-title-col-footer{float:left;color:rgba(255,255,255, .18)}

.margin-left{margin-left:60px;}

/* .list li a{text-decoration:none;color:#fff;font-size:14px;padding:5px 0;text-align:left;float:left;} */

.li-footer a{font-size: 14px}

.fila.derechos-footer{background:#343434;}

.p-footer{text-align:center;color:#fff;}

.ul-footer > .li-footer{display: inline-block; padding: 2px 30px;}

.border-right{border-right: 3px solid rgba(255,255,255, 0.8)}

}

/*fin responsive*/
/*Estilos General*/
body, html{padding:0;margin:0;/* font-family:'Montserrat', sans-serif;*/
 font-family:'Quicksand', sans-serif; height: 100%;}

*:focus{outline:0 !important;}

 .contenedor{min-width:100%;/* padding-right:15px;padding-left:15px;*/
 margin-right:auto;margin-left:auto;}

.fila{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;/* margin-right:-15px;margin-left:-15px;*/
}

.columna{padding-right:0;padding-left:0;position:relative;width:100%;max-width:100%;}

section{width:100%;display:table;margin:0;max-width:none;height:100vh;}

.section-contenido{display:table-cell;vertical-align:middle;}

.section-footer{height:100px;z-index:0;background:rgba(5,5,5,0.9)}

h1,h1,h3,h4,h5,h6{padding:0;margin:0;}

.h1-title-principal, .h3-subtitle-principal{color:#ffffff;}

.h4-title-col-footer{font-weight:600}

/*Header-nav*/
.header-contacto{position:relative;width:100%;height:auto;overflow:hidden;min-height:auto;margin:0 auto;}

.box{position:relative;height:auto;}

.box.contacto .a-tel, .box.contacto .p-mail, .box.redes p{display:inline-block;padding:0 !important;margin:10px 0;font-weight:600;color:rgba(5,5,5,.51) !important; text-decoration: none}

.box.contacto *, .box.redes *{color:rgba(5,5,5, 0.5);}

.lang-selector{position: fixed; width: 90px; height: auto; top:50px; right: 29%; z-index: -999; transition: 0.3 all; opacity: 0;-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;}

.box-lang-header:hover .lang-selector{visibility: visible; opacity: 1}

.header-nav{position:relative;width:100%;top:10%;overflow:hidden;transition:top 1s all 0s;-webkit-transition:top .3s all 0s;background:#ffffff;z-index:999999;}

 .box-logo-header{position:relative;width:200px;height:auto;margin-left: -100px; left: 50%;text-align:center; }

 .box-lang-header{position:absolute;width:80px;height:auto;text-align:center; display: inline-block; }

 .box-lang-header .flecha {position: relative; width: 30px; height: 30px; left: 50px; bottom: 35px;}

 
 /*dropdown*/

 .dropdown .flecha{position: relative; width: 30px;margin-left: auto; display: inline-block}

 .dropdown .flecha img{max-width: 60%; max-height: 80%;}

 .dropdown .img-logo-nav{width: 25%; display: inline-block}

 .box-lang-header .lang-text{position: relative; display: inline-block; left: 25px; bottom: 27px; font-size: 70%}

 .box-lang-header .img-logo-nav{  bottom: 10px}

.img-logo-footer, .img-logo-nav{position:relative;max-width:100%;height:auto;max-height:100%;display:table;margin:0 auto;vertical-align:middle;}

.idioma .fas{margin-left:5px;}

.header-nav-fixed{position:fixed !important;top:0; width: 100% !important; margin: 0 auto !important; left: 0 !important; text-align: center !important}

/*nav*/
.nav ul{list-style:none;text-align:center;padding:0;/* bottom:50%;transform:translateY(-50%);z-index:99999999; */}

 .nav li{font-size:1em;line-height:40px;height:40px;}

 .nav a{text-decoration:none;color:rgba(5,5,5,0.5);display:block;transition:.3s color;font-weight:600 !important;}

 .nav a:hover{color:rgba(5,5,5,1);}

 .nav a.active{cursor:default;}

 .col-contenido-footer{ text-align: center}

 .ocultar {display: none;}

 .ul-footer{text-align: center;}
 
 .li-footer a{text-decoration: none; color: rgba(255,255,255, 0.7); text-transform: uppercase; font-weight: 500; transition: 0.4s all; -moz-transition: 0.4s all; -webkit-transition: 0.4s all; }

 .li-footer a:hover{color: rgba(255,255,255, 1) }

 .ul-footer > .li-footer{ margin: 5px;  list-style-type: none;}

 /*dropdown*/
 
 .dropdown {
   position: relative;
   display: inline-block;
 }
 
 .dropdown-content {
   position: absolute;
   background-color: #f1f1f1;
   min-width: 100px;
   overflow: auto;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;
   transition: 0.3s all;
   -moz-transition: 0.3s all;
   border-radius: 25px;
 }

 
 .dropdown-content a {
   color: black;
   text-decoration: none;
   display: block;
   text-align: center;
   padding: 10px

 }


 
 .dropdown a:hover {background-color: #ddd;}
 
 .show { opacity: 1; z-index: 9999999; }

 .lang-selector-fixed{right: 7.5%; top: 10px}