@font-face {
  font-family: "icons";
  src:url("../fonts/icons.eot?v=14");
  src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),
    url("../fonts/icons.woff?v=14") format("woff"),
    url("../fonts/icons.ttf?v=14") format("truetype"),
    url("../fonts/icons.svg?v=14#icons") format("svg");
  font-weight: normal;
  font-style: normal;
font-display: swap;
}

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;display: block;
}

.icon-youtube:before {
  content: "\61";
}
.icon-whatsapp:before {
  content: "\62";
}
.icon-flechaabajo:before {
  content: "\63";
}
.icon-flechadere:before {
  content: "\64";
}
.icon-flechaizqui:before {
  content: "\65";
}
.icon-flechaarriba:before {
  content: "\66";
}
.icon-facebook:before {
  content: "\67";
}
.icon-compartir:before {
  content: "\68";
}
.icon-instagram:before {
  content: "\69";
}
.icon-youtube2:before {
  content: "\6a";
}
.icon-twitter:before {
  content: "\6b";
}
.icon-cruz:before {
  content: "\6c";
}
.icon-telefono:before {
  content: "\6d";
}
.icon-twitter2:before {
  content: "\6e";
}
.icon-email:before {
  content: "\70";
}
.icon-point:before {
  content: "\6f";
}
.icon-pinterest:before {
  content: "\71";
}
.icon-celular:before {
  content: "\72";
}
.icon-play:before {
  content: "\73";
}
.icon-menu:before {
  content: "\74";
}
.icon-google:before {
  content: "\75";
}
.icon-close:before {
  content: "\76";
}
.icon-accept:before {
  content: "\77";
}
.icon-check:before {
  content: "\78";
}
.icon-check-mark-2:before {
  content: "\79";
}
.icon-correo:before {
  content: "\7a";
}
.icon-linkedin:before {
  content: "\41";
}
.icon-magnifying-glass:before {
  content: "\42";
}
.icon-angle-double-left:before {
  content: "\43";
}
.icon-angle-double-right:before {
  content: "\44";
}
.icon-angle-double-up:before {
  content: "\45";
}
.icon-angle-double-down:before {
  content: "\46";
}
.icon-quote-left:before {
  content: "\47";
}
.icon-quote-right:before {
  content: "\48";
}
.icon-search:before {
  content: "\49";
}
.icon-images:before {
  content: "\4b";
}
.icon-angle-left:before {
  content: "\4c";
}
.icon-angle-right:before {
  content: "\4d";
}
.icon-carrito:before {
  content: "\4e";
}
.icon-tacho:before {
  content: "\4f";
}
.icon-facebook2:before {
  content: "\50";
}
.icon-angle-down:before {
  content: "\51";
}
.icon-angle-up:before {
  content: "\52";
}
.icon-arrow-left:before {
  content: "\53";
}
.icon-arrow-right:before {
  content: "\54";
}
.icon-messenger:before {
  content: "\55";
}
.icon-send-img2:before {
  content: "\57";
}
.icon-send-img3:before {
  content: "\58";
}
.icon-instagram-1:before {
  content: "\4a";
}
.icon-libro:before {
  content: "\59";
}
.icon-libro2:before {
  content: "\5a";
}
.icon-send-img:before {
  content: "\56";
}
.icon-android-time:before {
  content: "\30";
}
.icon-android-calendar:before {
  content: "\31";
}
.icon-shopping-cart:before {
  content: "\32";
}
.icon-link:before {
  content: "\33";
}
.icon-link-1:before {
  content: "\34";
}
.icon-menu-1:before {
  content: "\38";
}
.icon-search-1:before {
  content: "\39";
}
.icon-close-1:before {
  content: "\21";
}
.icon-new-icons-1:before {
  content: "\35";
}
.icon-sign-out:before {
  content: "\36";
}
.icon-cart-shopping-1:before {
  content: "\37";
}
.icon-user:before {
  content: "\22";
}
.icon-lock-secure-1:before {
  content: "\23";
}
.icon-g-google:before {
  content: "\24";
}


/** limpiador */
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, 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: baseline; }
video, audio {width: 100%!important;height: auto;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul{list-style:none;}
a{text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { font-size: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body{background:;font-family: arial;overflow-x: hidden;font-size: 12px;line-height: 1;}
input, button, textarea, select, option{border:0;margin:0;padding:0;outline:0;}
html, body{ height: 100%; }
*{margin: 0;padding: 0;box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
*:focus {outline: 0;}
*:before, *:after {
    box-sizing: border-box;
}
/** fin limpiador */

.contenedor{width: 100%; margin: 0px auto; height: 100%;}
#inicio{height: 100%; font-family: 'Roboto', sans-serif;}

/* HEADER */

.total_header{width: 100%; position: fixed; background: #fff; z-index: 5; box-shadow: 0px 3px 10px #ccc;padding: 0 15px; }  
.cont_header{padding: 12px 0;position: relative; width: 100%; max-width: 1000px; margin: 0 auto;}
.logoweb{display: inline-block;    width: 200px;}
.logoweb img{display: block; width: 100%;height: auto;}
.menu_header{display: inline-block;    vertical-align: super;}
.menu_header a{cursor: pointer; display: inline-block; transition-duration: 0.7s;  font-size: 16px; color: #0A0A46;  padding: 0 10px;    font-weight: 700;}
.menu_header a:hover{color: #FF4B19;}



.menu_resp{    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);}
.menu_resp span{display: none;  font-size: 35px;  padding: 5px;}

.header_scroll{}

.redes{display: inline-block;margin-right: 5px;}
.redes a{ transition-duration: 0.7s;
    font-size: 20px;
    
    display: inline-block;
    margin-left: 10px; border: 1px solid;
    border-radius: 50%;
    padding: 7px;color: #25D366;background-color: #fff;}
.redes a:hover{background-color: #25D366;color: #fff;}

/* FOOTER */

footer{background-image: url(../../img/pexels-fauxels-3184669.jpg); background-attachment: fixed;
    width: 100%; position: relative; background-size: cover; display: block; padding: 100px 0;background-position: center bottom;z-index: 1; }

footer.portadademo1{background-image: url(../../img/pexels-jorge-gordon-9727192.jpg);}
footer.portadademo2{background-image: url(../../img/pexels-ketut-subiyanto-4126724.jpg);}

footer:after{content: "";position: absolute;z-index: 2;background-color: rgb(0 0 0 / 46%);left: 0;right: 0;bottom: 0;top: 0;}

.cont_foo{width: 98%; max-width: 1000px; margin: 0 auto;position: relative;z-index: 3;}
.prt_foo{    display: inline-block;
    color: #fff;
    vertical-align: top;
    width: 33%;
    text-align: center;}
.prt_foo h3{font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;}
.prt_foo h3 span {
    margin-right: 9px;
    display: inline-block;
    vertical-align: bottom;
}
.prt_foo p{font-size: 18px; line-height: 1.3;}
.prt_foo p a{color: #fff;}
/* INDEX */
.cuerpo{padding-top: 85px; }

			/* -- PORTADA --*/
.partes{padding: 60px 0;}
#portada{background-image: url(../../img/pexels-fauxels-3184669.jpg);    background-attachment: fixed;height: 100%;
    width: 100%; position: relative;     background-size: cover; display: block;z-index: 1;background-position: center;}

#portada.portadademo1{background-image: url(../../img/pexels-jorge-gordon-9727192.jpg);}
#portada.portadademo2{background-image: url(../../img/pexels-ketut-subiyanto-4126724.jpg);}

    #portada:after{content: "";position: absolute;z-index: 2;background-color: rgb(0 0 0 / 46%);left: 0;right: 0;bottom: 0;top: 0;}
#portada h1{z-index: 10; max-width: 1040px;padding: 15px;   width: 100%;  text-align: center; color: #fff;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); font-size: 40px; font-weight: bold;line-height: 1.3;}
.sgte_abajo{z-index: 10;position: absolute;border: 2px solid #fff;border-radius: 50%;
    padding: 15px;bottom: 20px;left: 50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);
    transform: translate(-50%,0);color: #fff;font-size: 20px;cursor: pointer;} 
.sgte_abajo:hover{opacity: 0.5; transition-duration: 0.7s}


@media (max-width: 520px){
#portada{background-image: url(../../img/mobil.jpg);}
footer{background-image: url(../../img/mobil.jpg);}

}

			/* -- NOSOTROS --*/

.contenido{width: 100%; text-align: center;}
.contenido h4{font-size: 52px; font-weight: bold;color: #0A0A46;}
.contenido p{font-size: 18px; font-weight: 300; margin: 10px 0; line-height: 1.5;}
.contenido hr{width: 70%;max-width: 200px;border: 1px solid #FF4B19; margin: 20px auto;height: 6px;border-left: none;border-right: none;}
.icono_esp{  display: block; font-size: 50px;display: block; margin: 20px auto;}

.img_esp{  margin: 20px auto;display: block;}
.img_esp img{display: block;margin: 0 auto;max-width: 45px;height: auto;}

.part_nosotros{letter-spacing: -5px; margin: 10px auto;}
.part_nosotros .img_esp img {
    display: block;
    margin: 0 auto;
    max-width: 45px;
    height: auto;max-height: 45px;width: auto;
}
.nts_art{visibility: visible;
    animation-delay: 0.2s;
    animation-name: fadeIn; box-sizing: border-box; width:33.33%;  letter-spacing: normal; display: inline-block; vertical-align: top; padding: 0px 10px 20px;}
.nts_art h3{font-size: 23px; font-weight: bold;color: #0A0A46;}
.separacion{margin-top: 100px !important;}


/* CONTACTO */

.partes2{padding-bottom: 10px;}
.partes3{    padding: 80px 0 60px;}
.formulario{overflow: hidden;
    max-width: 550px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px 0;}
#contacto h3{font-size: 52px; font-weight: bold;color: #0A0A46;}
#contacto hr{}
.formulario label{position: relative;display: block; width: 100%; padding: 10px 0;}     

.formulario label span{position: absolute; transition-duration: 0.7s; opacity: 0;
    z-index: -1;   color: #9ec300;}
/*.formulario label input{ width: 100%; border: 1px solid #ccc;  padding: 7px; box-sizing: border-box;font-size: 14px;}*/

.formulario label input {
    border: 1px solid #ccc;
    width: 100%;
    height: 42px;
    border-radius: 8px;
    padding: 5px 7px;
    font-size: 14px;
    font-family: Roboto;
}

.formulario label textarea {
    border: 1px solid #ccc;
    width: 100%;
    height: 120px;
    border-radius: 8px;
    padding: 10px 7px;
    font-size: 14px;
    font-family: Roboto;
}

/*.formulario label textarea{ width: 100%; border: 1px solid #ccc; padding: 7px; box-sizing: border-box;font-family: Roboto;}*/
.bt_enviar{cursor: pointer; margin: 0 auto; display: block;text-align: center;color: #0A0A46;border: 2px solid;
    padding: 10px;font-weight: bold;font-size: 20px;margin-top: 15px;background: transparent; float: left;font-family: Roboto;border-radius: 8px;}
.bt_enviar:hover{color: #FF4B19;}





#nosotros, #contacto{max-width: 1000px;margin: 0 auto;}

main{padding: 0 15px;}


.pie_redes{display: flex;justify-content: center;}
.pie_redes a{color: #fff;font-size: 18px;margin: 0 5px;padding: 8px;    border: 1px solid;border-radius: 50%;}


.errorj{border-color: red !important;}