@charset "utf-8";

/*dependencias*/@import 'bootstrap-grid.min.css';

/*fuentes*/
/*icomoon*/
@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot?prhbto');src:url('../fonts/icomoon.eot?prhbto#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?prhbto') format('truetype'),url('../fonts/icomoon.woff?prhbto') format('woff'),url('../fonts/icomoon.svg?prhbto#icomoon') format('svg');font-weight:normal;font-style:normal;font-display:block}
.icon{display:inline-block;font-family:'icomoon';font-style:normal !important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon:before{z-index:1}
.icon-abajo:before{content:'\e900'}
.icon-automoviles:before{content:'\e901'}
.icon-camiones:before{content:'\e902'}
.icon-correo:before{content:'\e903'}
.icon-derecha:before,.icon-derecha:after{content:'\e904'}
.icon-descargar:before{content:'\e905'}
.icon-direccion:before{content:'\e906'}
.icon-facebook:before{content:'\e907'}
.icon-gota:before{content:'\e908'}
.icon-industriales:before{content:'\e909'}
.icon-instagram:before{content:'\e90a'}
.icon-izquierda:before,.icon-izquierda:after{content:'\e90b'}
.icon-linkedin:before{content:'\e90c'}
.icon-lupa:before{content:'\e90d'}
.icon-motos:before{content:'\e90e'}
.icon-telefono0:before{content:'\e90f'}
.icon-telefono1:before{content:'\e910'}
.icon-video:before{content:'\e911'}
.icon-whatsapp:before{content:'\e912'}
/*gilroy*/
@font-face{font-family:'gilroy-light';src:url('../fonts/gilroy-light-webfont.woff2') format('woff2'),url('../fonts/gilroy-light-webfont.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'gilroy-medium';src:url('../fonts/gilroy-medium-webfont.woff2') format('woff2'),url('../fonts/gilroy-medium-webfont.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'gilroy-semibold';src:url('../fonts/gilroy-semibold-webfont.woff2') format('woff2'),url('../fonts/gilroy-semibold-webfont.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'gilroy-extrabold';src:url('../fonts/gilroy-extrabold-webfont.woff2') format('woff2'),url('../fonts/gilroy-extrabold-webfont.woff') format('woff');font-weight:normal;font-style:normal}
.gilroy-light,html{font-family:'gilroy-light'}
.gilroy-medium,.parrafos ol>li::marker{font-family:'gilroy-medium'}
.gilroy-semibold,strong,.parrafos h1,.parrafos h2,.parrafos h3,.parrafos h4,.parrafos h5,.parrafos h6{font-family:'gilroy-semibold'}
.gilroy-extrabold,b{font-family:'gilroy-extrabold'}
.arial{font-family:'arial'}

/*colores*/
/*fondo*/
.bgcolor-blanco{background-color:#fff !important}
.bgcolor-gris0{background-color:#171b30 !important}
.bgcolor-gris1{background-color:#37373a !important}
.bgcolor-negro{background-color:#000 !important}
.bgcolor-verde{background-color:#00ab9e !important}
/*texto*/
.color-blanco{color:#fff !important}
.color-gris0{color:#171b30 !important}
.color-gris1{color:#37373a !important}
.color-negro{color:#000 !important}
.color-verde{color:#00ab9e !important}

/*talla*/.talla16{font-size:calc(15px + 0.1vmin) !important}.talla25{font-size:calc(15px + 1.0vmin) !important}.talla33{font-size:calc(15px + 1.8vmin) !important}

/*todo*/
*,*:before,*:after{background:none;border:none;box-sizing:border-box;color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;height:auto;letter-spacing:inherit;line-height:1.2em;margin:0;outline:none;padding:0;position:relative;z-index:0;text-align:inherit}
*,*:active,*:focus,*:hover{border:none;outline:none;text-decoration:none}
*::placeholder{color:inherit;font-family:inherit}
blockquote:before,q:before{content:'“'}
blockquote:after,q:after{content:'”'}
del,strike{text-decoration:line-through}
em,i{font-style:italic}
ins,u{text-decoration:underline}
small{font-size:0.8em}
sub,sup{font-size:0.6em}
html{color:#37373a;font-size:calc(12px + 0.3vmin);font-weight:normal;width:100%}
html body{width:100%;opacity:1;transition:opacity 1s 0.5s}
@media(min-width:1200px){a,button,input[type='checkbox'],input[type='radio'],label,select{cursor:pointer}a[href^='tel:']{cursor:text}}

/*fluido*/
.d-print-none>.container-fluid,.contenedor>.container-fluid{height:100%;min-width:320px}
@media(min-width:1200px){
    .d-print-none>.container-fluid,.contenedor>.container-fluid{min-width:1000px}
    .container-fluid.ancho90{width:90%;max-width:1800px}
    .container-fluid.ancho80{width:80%;max-width:1600px}
}

/*control*/.control{display:block;height:1px;width:1px;opacity:0;position:absolute;left:0;top:0;z-index:-5}

/*barra*/
@media(min-width:1200px){
    .barra{overflow:auto}
    .barra::-webkit-scrollbar{width:10px}
    .barra::-webkit-scrollbar-track{background:#eee}
    .barra::-webkit-scrollbar-thumb{background:#00ab9e;border:2px solid #eee}
}

/*boton*/
@keyframes boton{from{opacity:0.5;visibility:visible;transform:skewX(15deg) scale(0)}to{opacity:0;visibility:hidden;transform:skewX(15deg) scale(1)}}
.boton{display:inline-flex;align-items:center;justify-content:center;font-size:calc(12px + 0.8vmin);height:calc(30px + 1.5vmin);max-width:100%;overflow:hidden;transform:skewX(-15deg)}
.boton:before{content:'';display:block;height:100%;width:100%;position:absolute;left:0;top:0}
.boton>*{z-index:1;transform:skewX(15deg)}
.boton strong{font-size:calc(12px + 0.6vmin);z-index:1;text-transform:uppercase}
.boton .icon{margin:0 10px 0 0}
.boton u{background:#00ab9e;border-radius:50%;height:200px;width:200px;margin:-100px 0 0 -100px;opacity:0;visibility:hidden;position:absolute;z-index:1;animation:boton 1s}
/*boton verde*/
.boton.verde{color:#fff}
.boton.verde:before{background:#00ab9e}
/*boton blanco*/
.boton.blanco{color:#00ab9e}
.boton.blanco:before{background:#fff;border:2px solid #00ab9e}
@media(min-width:1200px){
    .boton{transition:color 0.4s}
    .boton:after{content:'';display:block;height:100%;width:100%;position:absolute;left:0;top:0;transition:0.4s;transition-property:visibility,transform}
    .boton:not(:hover):after{visibility:hidden;transform:matrix(0.01,0,0,1,0,0)}
    /*boton verde*/
    .boton.verde:hover{color:#00ab9e}
    .boton.verde:after{background:#fff;border:2px solid #00ab9e}
    /*boton blanco*/
    .boton.blanco:hover{color:#fff}
    .boton.blanco:after{background:#00ab9e}
}

/*cabecera*/
#cabecera{height:60px}
#cabecera .sanguche{color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;height:30px;width:calc(30px + 1vmin)}
#cabecera .sanguche span{display:flex;flex-direction:column;justify-content:space-around;height:100%;width:100%;position:absolute;left:0;top:0;transition:transform 0.4s}
#cabecera .sanguche span u{background:#37373a;display:block;height:3px;width:100%;transition:0.4s;transition-property:background-color,height}
#cabecera .sanguche b{z-index:1;transition:0.4s;transition-property:visibility}
#cabecera .control:checked~.sanguche span{transform:skewX(-15deg)}
#cabecera .control:checked~.sanguche span u{background-color:#00ab9e;height:33.33%}
#cabecera .control:not(:checked)~.sanguche b{visibility:hidden;transform:matrix(0.01,0,0,0.01,0,0)}
#cabecera .cabecera-logo{display:block}
#cabecera .cabecera-logo img{display:block;width:100%}
#cabecera .cabecera-logo#cabecera-neuma{width:54px}
#cabecera .cabecera-logo#cabecera-petronas{width:147px}
#cabecera #cabecera-navegacion #cabecera-contacto>*{display:flex;align-items:center}
#cabecera #cabecera-navegacion #cabecera-contacto>a{font-size:calc(12px + 0.8vmin);height:30px;opacity:0.8}
#cabecera #cabecera-navegacion #cabecera-contacto ul{font-size:20px}
#cabecera #cabecera-navegacion #cabecera-contacto ul li:not(:last-child){margin:0 calc(1.5vmin) 0 0}
#cabecera #cabecera-navegacion #cabecera-contacto ul li .icon{display:flex;align-items:center;justify-content:center;height:30px;width:30px}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset{height:30px}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset label[for='control-buscador1']{display:none}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset div{flex:1 1 auto;width:auto;max-width:100%}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset div #buscador-control{border-bottom:2px solid #00ab9e;font-size:calc(14px + 0.2vmin)}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset .buscador-boton{color:#00ab9e;align-items:center;flex:0 0 30px;justify-content:center;height:30px;width:30px;max-width:30px}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset button.buscador-boton{font-size:20px}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset label.buscador-boton{font-size:20px}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador #buscador-sugerencias{width:calc(100% - 30px)}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador #buscador-sugerencias li{border-bottom:1px solid #eee}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador #buscador-sugerencias li div{flex:0 0 50px;height:50px;width:50px;max-width:50px}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador #buscador-sugerencias li div img{max-height:100%;max-width:100%}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador #buscador-sugerencias li figcaption{flex:1 1 auto;width:auto;max-width:calc(100% - 50px);padding:0 5px 0 10px}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador #buscador-sugerencias li figcaption small{font-size:13px}
#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador #buscador-sugerencias li figcaption span{font-size:14px}
#cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-pata{transition:color 0.4s}
#cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-pata a{font-size:calc(15px + 0.3vmin)}
#cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor ul{font-size:calc(13px + 0.2vmin)}
#cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor ul a:before{content:'';background:#00ab9e;border-radius:50%;display:block;height:5px;width:5px}
#cabecera #cabecera-navegacion #acordion-categorias .acordion-panel.activo .acordion-pata{color:#00ab9e}
@media(max-width:1199.98px){
    #cabecera #cabecera-navegacion{flex-direction:column;justify-content:space-between;height:100%;width:100%;overflow:auto;padding:15px;position:fixed;left:0;top:0;transition:0.4s;transition-property:opacity,visibility}
    #cabecera #cabecera-navegacion:before{content:'';background:#fff;display:block;height:100%;width:100%;opacity:0.95;position:fixed;left:0;top:0;transition:transform 0.4s}
    #cabecera #cabecera-navegacion #cabecera-contacto{flex:0 0 30px;height:30px;max-height:30px}
    #cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador #buscador-sugerencias{max-height:calc(100vh - 160px)}
    #cabecera #cabecera-navegacion #acordion-categorias{width:100%;margin:auto 0;padding:15px 0}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel,#cabecera #cabecera-navegacion #acordion-categorias .acordion-panel>*{width:100%}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-pata{justify-content:center}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-pata a{display:flex;align-items:center;height:35px;margin:0 auto}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-pata .icon-abajo{transition:transform 0.6s}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor{transition:max-height 0.6s}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor p{display:none}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor ul{border-top:2px solid #00ab9e;max-height:50vh;margin:0 0 10px}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor ul li{width:20%}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor ul li a{min-height:25px;padding:5px 10px 5px 0}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel:not(:last-child) .acordion-contenedor{border-bottom:1px solid rgba(0,0,0,0.1)}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel:not(.activo) .acordion-contenedor{max-height:0;transition-timing-function:ease-out}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel.activo .acordion-pata .icon-abajo{transform:rotateX(180deg)}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel.activo .acordion-contenedor{max-height:50vh;transition-timing-function:ease-in}
    #cabecera #cabecera-navegacion #cabecera-menu{display:flex;font-size:calc(15px + 0.3vmin);width:calc(100% + 30px);list-style:none;margin:15px -15px;overflow:auto;text-transform:uppercase;-webkit-overflow-scrolling:touch}
    #cabecera #cabecera-navegacion #cabecera-menu li{width:auto;padding:5px 15px}
    #cabecera #cabecera-navegacion #cabecera-menu li a{color:#00ab9e;display:flex;align-items:center;height:35px;white-space:nowrap}
    #cabecera #cabecera-navegacion .boton{flex:0 0 calc(30px + 1.5vmin);height:calc(30px + 1.5vmin);max-height:calc(30px + 1.5vmin);width:calc(100% - 10px)}
    #cabecera #control-navegacion:not(:checked)~#cabecera-navegacion{opacity:0;visibility:hidden}
    #cabecera #control-navegacion:not(:checked)~#cabecera-navegacion:before{transform:skewX(-45deg)}
}
@media(max-width:991.98px){#cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor ul li{width:25%}}
@media(max-width:767.98px){
    #cabecera #cabecera-navegacion #cabecera-contacto{flex:0 0 75px;height:75px;max-height:75px}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor ul li{width:33.33%}
}
@media(max-width:575.98px){#cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor ul li{width:50%}}
@media(min-width:768px){#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset div{width:260px}}
@media(min-width:1200px){
    #cabecera{height:13.5vh;min-height:90px}
    #cabecera .cabecera-logo#cabecera-neuma{flex:0 0 8vw;width:8vw;max-width:135px;min-width:75px}
    #cabecera .cabecera-logo#cabecera-petronas{flex:0 0 13.5vw;width:13.5vw;max-width:245px;min-width:150px}
    #cabecera #cabecera-navegacion>*{margin:0 15px}
    #cabecera #cabecera-navegacion #cabecera-contacto{height:50%}
    #cabecera #cabecera-navegacion #cabecera-contacto ul li .icon,#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset .buscador-boton{transition:color 0.4s}
    #cabecera #cabecera-navegacion #cabecera-contacto ul li .icon:after,#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset .buscador-boton:after{content:'';background:#00ab9e;display:block;height:100%;width:100%;visibility:hidden;position:absolute;left:0;top:0;z-index:-1;transform:skewX(-45deg) scaleX(0);transition:0.4s;transition-property:visibility,transform}
    #cabecera #cabecera-navegacion #cabecera-contacto ul li .icon:hover,#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset .buscador-boton:hover,#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset label[for='control-buscador1']:hover~.buscador-boton{color:#fff}
    #cabecera #cabecera-navegacion #cabecera-contacto ul li .icon:hover:after,#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset .buscador-boton:hover:after,#cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset label[for='control-buscador1']:hover~.buscador-boton:after{visibility:visible;transform:skewX(-5deg) scaleX(1)}
    #cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset label[for='control-buscador1']{z-index:1}
    #cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset div{flex:0 0 auto;width:25vw;max-width:350px;transition:0.4s;transition-property:width,visibility}
    #cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador fieldset label.buscador-boton{transition:0.4s;transition-property:flex,font-size,width,max-width,visibility}
    #cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador #control-buscador0:checked~fieldset div{width:0;visibility:hidden}
    #cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador #control-buscador0:checked~fieldset label[for='control-buscador1']{display:block}
    #cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador #control-buscador0:checked~fieldset label.buscador-boton{flex:0 0 0;font-size:0;width:0;max-width:0;visibility:hidden}
    #cabecera #cabecera-navegacion #cabecera-contacto #cabecera-buscador #buscador-sugerencias{max-height:90vh;width:calc(100% - 60px)}
    #cabecera #cabecera-navegacion #acordion-categorias{height:50%}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel:not(:last-child){margin:0 2vw 0 0}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel a{transition:color 0.4s}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel a:hover{color:#00ab9e}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-pata{height:100%}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-pata a{font-size:calc(10px + 0.4vw)}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-pata u{border-bottom:12px solid #00ab9e;border-left:12px solid transparent;border-right:12px solid transparent;display:block;height:0;width:0;margin:0 0 0 -12px;position:absolute;bottom:0;left:50%;transform-origin:center bottom;transition:0.4s;transition-property:visibility,transform}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor{height:200px;width:1100px;margin:0 0 0 -550px;padding:2px 0 0;top:13.5vh;transition:0.4s;transition-property:opacity,visibility}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor:before{content:'';background:#fff;border-top:2px solid #00ab9e;display:block;height:100%;width:100%;position:absolute;left:0;top:0;transition:0.4s;transition-property:visibility,transform}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor>*{height:100%}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel .acordion-contenedor p{background:no-repeat center center;background-size:cover;flex:0 0 255px;width:255px;max-width:255px}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel:not(:hover) .acordion-pata u{visibility:hidden;transform:matrix(1,0,0,0.01,0,0)}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel:not(:hover) .acordion-contenedor{opacity:0;visibility:hidden}
    #cabecera #cabecera-navegacion #acordion-categorias .acordion-panel:not(:hover) .acordion-contenedor:before{visibility:hidden;transform:skewX(-75deg) scaleX(0)}
    #cabecera #cabecera-navegacion .boton{width:17.5vmin;min-width:170px}
}

/*fondo*/
.fondo,.fondo .fondo-elemento,.fondo .fondo-elemento .fondo-imagen{background:no-repeat center center;background-size:cover;display:block;height:100%;width:100%;position:absolute;left:0;top:0}
.fondo{overflow:hidden;z-index:-1}
.fondo .fondo-elemento,.fondo .fondo-elemento .fondo-imagen{transform-origin:center center}
.fondo .fondo-elemento{-webkit-perspective:100px}
.fondo video{object-fit:cover}

/*mayor*/
main{min-height:100vh;width:100%;overflow:hidden}
main .contenedor{width:100%}
main .contenedor>.marca{display:block;height:0;width:100%;opacity:0;position:absolute;left:0;top:-60px;z-index:-1}
main .contenedor>.container-fluid{padding-bottom:30px;padding-top:30px}
main .contenedor>.container-fluid .row:not(:only-child){flex:0 0 auto}
main .contenedor>.container-fluid .row:first-child{margin-top:-15px}
main .contenedor>.container-fluid .row:last-child{margin-bottom:-15px}
main .contenedor>.container-fluid .row .col{padding-bottom:15px;padding-top:15px}
@media(min-width:1200px){main .contenedor>.marca{top:-13.5vh}}
/*contenedor alto*/
main .contenedor:only-child,main .contenedor:only-child>.container-fluid{min-height:100vh}
@media(min-width:1200px){main.pantallazos .contenedor{height:100vh;min-height:700px}main.pantallazos .contenedor>.container-fluid{height:100%}}
/*contenedor borde*/
main .contenedor:first-child>.fondo,main .contenedor:first-child>.container-fluid{border-top:60px solid transparent}
main .contenedor:last-child>.container-fluid{border-bottom:85px solid transparent}
@media(min-width:576px){main .contenedor:last-child>.container-fluid{border-bottom-width:50px}}
@media(min-width:1200px){
    main .contenedor:first-child>.fondo,main .contenedor:first-child>.container-fluid{border-top-width:13.5vh}
    main .contenedor:last-child>.container-fluid{border-bottom-width:90px}
    main.pantallazos .contenedor:first-child>.fondo,main.pantallazos .contenedor>.container-fluid{border-top:13.5vh solid transparent}
    main.pantallazos .contenedor>.marca{top:0}
}

/*titulo*/.titulo{font-size:calc(12px + 2.3vmin);text-transform:uppercase}.titulo:not(:last-child){margin-bottom:1em}

/*parrafos*/
.parrafos:not(:last-child),.parrafos *:not(:last-child){margin-bottom:15px}
.parrafos{width:100%;overflow:hidden}
.parrafos *{max-width:100%;line-height:1.4em}
.parrafos a{color:#00ab9e;text-decoration:underline}
.parrafos img{margin:15px}
.parrafos mark{background:#00ab9e;color:#fff;padding:0 0.2em}
.parrafos.color-blanco a,.color-blanco .parrafos a{color:#fff}
@media(min-width:1200px){.parrafos a:hover{font-weight:bold}}
/*parrafos encabezados*/
.parrafos h1,.parrafos h2,.parrafos h3,.parrafos h4,.parrafos h5,.parrafos h6{color:#00ab9e}
.parrafos h1{font-size:calc(12px + 1.3vmin)}
.parrafos h2{font-size:calc(12px + 2.1vmin)}
.parrafos h3{font-size:calc(12px + 0.9vmin)}
.parrafos h4{font-size:calc(12px + 0.7vmin)}
.parrafos h5{font-size:calc(12px + 0.5vmin)}
.parrafos h6{font-size:calc(12px + 0.3vmin)}
/*parrafos lista*/
.parrafos li:not(:last-child){margin-bottom:0.4em}
.parrafos li::marker{color:#00ab9e}
.parrafos li>ol,.parrafos li>ul{margin-top:0.4em}
.parrafos ol,.parrafos ul{padding-left:1.5em;text-align:left}
.parrafos ul:not([style]){list-style:initial}
.parrafos ul>li::marker{font-size:1.4em}

/*carrusel*/
#carrusel-productos .carrusel-contenedor .carrusel-items{list-style:none;padding:0}
#carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid{height:100%;padding-bottom:15px;padding-top:15px}
#carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid:before{transition:opacity 0.6s}
#carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row{text-align:center;justify-content:center}
#carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row .col{transition:opacity 0.6s}
#carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row header.col .titulo{font-size:calc(12px + 2.1vmin)}
#carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row figure.col img{width:100%}
#carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row article.col footer{display:flex;flex-wrap:wrap;width:100%;margin-top:3.5vmin}
#carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row article.col footer .boton{height:calc(20px + 3.5vmin);margin:15px 0 0}
#carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row article.col footer .boton:not(:last-child){margin-right:5px}
#carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row article.col footer .boton.verde{width:calc(200px + 5vmin)}
#carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row article.col footer .boton.blanco{width:calc(200px + 10vmin)}
#carrusel-productos .carrusel-contenedor .carrusel-items>li:not(.activo){width:100%;margin:0;position:absolute;left:0;top:0}
#carrusel-productos .carrusel-contenedor .carrusel-items>li:not(.activo) .container-fluid:before{opacity:0 !important}
#carrusel-productos .carrusel-contenedor .carrusel-items>li:not(.activo) .container-fluid .row .col{opacity:0}
#carrusel-productos .carrusel-contenedor .carrusel-items>li.activo{z-index:1}
#carrusel-productos .carrusel-contenedor .carrusel-items>li.activo .container-fluid .row .col{transition-delay:0.2s}
#carrusel-productos .carrusel-contenedor .carrusel-flechas{display:flex;align-items:center;justify-content:space-between;height:0;margin:auto;position:absolute;bottom:0;left:0;right:0;top:0}
#carrusel-productos .carrusel-contenedor .carrusel-flechas p{display:flex;align-items:center;justify-content:center;font-size:calc(30px + 1.5vmin);height:100vw;width:30px}
#carrusel-productos .carrusel-contenedor .carrusel-flechas p i:before{opacity:0.2}
@media(max-width:1199.98px){#carrusel-productos .carrusel-contenedor .carrusel-flechas p i:after{display:none}}
@media(min-width:768px){#carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row{align-items:center;justify-content:flex-start}}
@media(min-width:1200px){
    #carrusel-productos{height:100%}
    #carrusel-productos .carrusel-contenedor{-webkit-user-select:none}
    #carrusel-productos .carrusel-contenedor .carrusel-items{height:100%}
    #carrusel-productos .carrusel-contenedor .carrusel-items>li{height:100%}
    #carrusel-productos .carrusel-contenedor .carrusel-items>li .fondo{transition:opacity 0.6s}
    #carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row{align-items:flex-start;align-content:space-between;flex-direction:column;flex-wrap:wrap;justify-content:center;height:calc(100% + 30px);text-align:left}
    #carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row .col{flex:0 0 auto;height:auto;transform-origin:50% 50% -100px}
    #carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row header.col{order:1}
    #carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row header.col .titulo small{font-size:0.6em}
    #carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row figure.col{order:0;margin-bottom:8.33vh;transition-property:opacity,transform}
    #carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row figure.col img{-webkit-user-drag:none}
    #carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row article.col{order:2}
    #carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid .row article.col .parrafos{max-height:25vh;overflow:auto}
    #carrusel-productos .carrusel-contenedor .carrusel-items>li:not(.activo) .fondo{opacity:0;transition-delay:0.2s}
    #carrusel-productos .carrusel-contenedor .carrusel-items>li.previo .container-fluid .row figure.col{transform:matrix(1,0,0,1,-50,0)}
    #carrusel-productos .carrusel-contenedor .carrusel-items>li.siguiente .container-fluid .row figure.col{transform:matrix(1,0,0,1,50,0)}
    #carrusel-productos .carrusel-contenedor .carrusel-flechas{padding:0 0 0 50%}
    #carrusel-productos .carrusel-contenedor .carrusel-flechas p{cursor:pointer;height:50vh;width:10%;min-width:30px}
    #carrusel-productos .carrusel-contenedor .carrusel-flechas p i:after{color:#00ab9e;position:absolute;left:0;top:0;transition:0.4s;transition-property:visibility,transform}
    #carrusel-productos .carrusel-contenedor .carrusel-flechas p:not(:hover) i:after{visibility:hidden;transform:matrix(0.01,0,0,0.01,0,0)}
    #carrusel-productos .carrusel-contenedor .carrusel-flechas p.carrusel-previo i:after{transform-origin:30% 50%}
    #carrusel-productos .carrusel-contenedor .carrusel-flechas p.carrusel-siguiente{margin-right:-8.33%}
    #carrusel-productos .carrusel-contenedor .carrusel-flechas p.carrusel-siguiente i:after{transform-origin:70% 50%}
}

/*formulario*/
@keyframes error{from{max-height:0}to{max-height:100px}}
.formulario:not(.container-fluid):not(.row):not(.col){width:100%}
.formulario .formulario-campo{color:#000;width:100%;text-align:left}
.formulario .formulario-campo:before{content:'';background:#fff no-repeat center center;border:1px solid;border-radius:50%;display:block;height:20px;width:20px;position:absolute;right:5px;z-index:2;transition:0.4s;transition-property:visibility,transform}
.formulario .formulario-campo.has-error:before{background-image:url(../img/form-error.png);border-color:#f00}
.formulario .formulario-campo.has-success:before{background-image:url(../img/form-success.png);border-color:#00ab9e}
.formulario .formulario-campo:not(.has-feedback):before{visibility:hidden;transform:matrix(0.01,0,0,0.01,0,0)}
.formulario .formulario-campo .error{color:#f00;cursor:default;display:block;order:2;flex:0 0 100%;font-size:13px;width:100%;max-width:100%}
.formulario .formulario-campo.has-error .error{animation:error 1s ease-in}
.formulario .formulario-campo.texto:before{top:calc(7px + 0.5vmin)}
.formulario .formulario-campo.texto>*:not(div){background:none !important;width:100%;padding-left:10px;padding-right:10px}
.formulario .formulario-campo.texto .formulario-control{border:none;display:block;position:absolute;left:0;top:0;z-index:1}
.formulario .formulario-campo.texto .formulario-control~.formulario-marcador{border-bottom:1px solid #b5b5b5;display:flex}
.formulario .formulario-campo.texto .formulario-control~.formulario-marcador:before{content:'';background:#f00;display:block;height:1px;width:100%;position:absolute;bottom:-1px;left:0;z-index:1;transition:0.6s;transition-property:visibility,transform}
.formulario .formulario-campo.texto .formulario-control~.formulario-marcador span{flex:1 1 auto;width:auto;max-width:100%;opacity:0.6;transform-origin:left center;transition:0.4s;transition-property:color,opacity,transform}
.formulario .formulario-campo.texto .formulario-control:not(select)~.formulario-marcador{cursor:text}
.formulario .formulario-campo.texto .formulario-control:not(textarea),.formulario .formulario-campo.texto .formulario-control:not(textarea)~.formulario-marcador{height:calc(30px + 1vmin)}
.formulario .formulario-campo.texto .formulario-control:not(textarea)~.formulario-marcador{align-items:center}
.formulario .formulario-campo.texto .formulario-control:-webkit-autofill~.formulario-marcador span{color:#00ab9e;opacity:1;transform:matrix(0.8,0,0,0.8,0,-14)}
.formulario .formulario-campo.texto .formulario-control:focus:not(:disabled)~.formulario-marcador span,.formulario .formulario-campo.texto .formulario-control:active:not(:disabled)~.formulario-marcador span,.formulario .formulario-campo.texto.activo .formulario-control~.formulario-marcador span{color:#00ab9e;opacity:1;transform:matrix(0.8,0,0,0.8,0,-14)}
.formulario .formulario-campo.texto .formulario-control:disabled~.formulario-marcador{background:#eee;color:#999}
.formulario .formulario-campo.texto textarea.formulario-control,.formulario .formulario-campo.texto textarea.formulario-control~.formulario-marcador{height:calc(60px + 3vmin);padding-top:calc(7px + 0.5vmin)}
.formulario .formulario-campo.texto textarea.formulario-control~.formulario-marcador{align-items:flex-start}
.formulario .formulario-campo.texto:not(.has-error) .formulario-control~.formulario-marcador:before{visibility:hidden;transform:matrix(0.01,0,0,1,0,0)}
.formulario .formulario-campo.caja:not(:last-child){margin:0 0 20px}
.formulario .formulario-campo.caja:before{margin:auto 0;bottom:0;top:0}
.formulario .formulario-campo.caja .control~.formulario-marcador{display:flex;align-items:center}
.formulario .formulario-campo.caja .control~.formulario-marcador b{display:block;flex:0 0 20px;height:20px;width:20px;max-width:20px;transform-origin:right top;transition:transform 0.4s}
.formulario .formulario-campo.caja .control~.formulario-marcador span{flex:1 1 auto;width:auto;max-width:calc(100% - 20px);padding:0 30px 0 10px}
.formulario .formulario-campo.caja .control~.formulario-marcador b:before,.formulario .formulario-campo.caja .control~.formulario-marcador b:after{content:'';display:block;height:100%;position:absolute;right:0;top:0;transition:0.4s}
.formulario .formulario-campo.caja .control~.formulario-marcador b:before{border:1px solid #b5b5b5;width:100%;opacity:0.6;transition-property:border-color,opacity,visibility}
.formulario .formulario-campo.caja .control~.formulario-marcador b:after{border:solid #00ab9e;border-width:0 2px 2px 0;width:50%;transition-property:opacity,visibility}
.formulario .formulario-campo.caja .control~.formulario-marcador a{color:#00ab9e}
.formulario .formulario-campo.caja .control:checked~.formulario-marcador b{transform:rotate(45deg)}
.formulario .formulario-campo.caja .control:checked~.formulario-marcador b:before,.formulario .formulario-campo.caja .control:not(:checked)~.formulario-marcador b:after{opacity:0;visibility:hidden}
.formulario .formulario-campo.caja.has-error .control~.formulario-marcador b:before{border-color:#f00;opacity:1}
.formulario fieldset>.col{padding-bottom:calc(5px + 0.5vmin) !important;padding-top:calc(5px + 0.5vmin) !important}
.formulario .boton{width:160px}
@media(min-width:1200px){
    .formulario .formulario-campo.caja .control~.formulario-marcador a{transition:opacity 0.4s}
    .formulario .formulario-campo.caja .control~.formulario-marcador a:hover{opacity:0.6}
}

/*cotizacion*/
#cotizacion-contenedor .row #cotizacion-contacto .activador-objetivo .titulo{font-size:calc(12px + 0.5vmin)}
#cotizacion-contenedor .row #cotizacion-contacto .activador-objetivo address{display:flex;margin:5px 0 0}
#cotizacion-contenedor .row #cotizacion-contacto .activador-objetivo address .icon{color:#00ab9e;display:flex;flex:0 0 15px;width:15px;max-width:15px}
#cotizacion-contenedor .row #cotizacion-contacto .activador-objetivo address .icon:not(.icon-direccion){align-items:center}
#cotizacion-contenedor .row #cotizacion-contacto .activador-objetivo address a{display:flex;align-items:center;height:30px;margin:0 0 0 10px}
#cotizacion-contenedor .row #cotizacion-contacto .activador-objetivo address span{flex:1 1 auto;width:auto;max-width:calc(100% - 15px);padding:0 0 0 10px}
@media(min-width:576px){
    #cotizacion-contenedor .row #cotizacion-contacto .activador-objetivo{transform-origin:50% 50% -100px;transition:0.6s;transition-property:opacity,visibility,transform}
    #cotizacion-contenedor .row #cotizacion-contacto .activador-objetivo:not(.activo){opacity:0;visibility:hidden;position:absolute;left:0;top:0;transform:rotateX(60deg)}
    #cotizacion-contenedor .row #cotizacion-contacto .activador-objetivo.activo{z-index:1}
    #cotizacion-contenedor .row #cotizacion-contacto .activador-objetivo.activo~.activador-objetivo{transform:rotateX(-60deg)}
    #cotizacion-contenedor .row #cotizacion-mapa ul{padding:0 0 133.33%}
    #cotizacion-contenedor .row #cotizacion-mapa ul .activador-pata p{flex:0 0 30px;height:30px;width:30px;max-width:30px}
    #cotizacion-contenedor .row #cotizacion-mapa ul .activador-pata p b{transition:0.4s;transition-property:visibility,transform}
    #cotizacion-contenedor .row #cotizacion-mapa ul .activador-pata p b:before,#cotizacion-contenedor .row #cotizacion-mapa ul .activador-pata p b:after{content:'';border-radius:50%;display:block;height:100%;width:100%;position:absolute;left:0;top:0;animation:mapa 2s linear infinite}
    #cotizacion-contenedor .row #cotizacion-mapa ul .activador-pata p b:after{animation-delay:1s}
    #cotizacion-contenedor .row #cotizacion-mapa ul .activador-pata p:before{content:'';border:4px solid #fff;border-radius:50%;flex:0 0 16px;height:16px;width:16px;max-width:16px;z-index:2;transition:transform 0.4s}
    #cotizacion-contenedor .row #cotizacion-mapa ul .activador-pata:not(.activo) p b{visibility:hidden;transform:matrix(0.01,0,0,0.01,0,0)}
    #cotizacion-contenedor .row #cotizacion-mapa ul .activador-pata.activo p:before{transform:matrix(1.8,0,0,1.8,0,0)}
}
@media(min-width:768px){#cotizacion-contenedor .row #cotizacion-contacto ul{border-left:3px solid #00ab9e}}
@media(min-width:1200px){
    #cotizacion-contenedor>.fondo{width:50%;left:75%;transform:skewX(-15deg)}
    #cotizacion-contenedor>.fondo .fondo-elemento{transform:skewX(15deg);transform-origin:left bottom}
    #cotizacion-contenedor .row{height:calc(100% + 30px)}
    #cotizacion-contenedor .row #cotizacion-contacto .activador-objetivo address a[href^='mailto:']{transition:color 0.4s}
    #cotizacion-contenedor .row #cotizacion-contacto .activador-objetivo address a[href^='mailto:']:hover{color:#00ab9e}
    #cotizacion-contenedor .row #cotizacion-mapa ul .activador-pata p{cursor:pointer}
    #cotizacion-contenedor .row #cotizacion-mapa ul .activador-pata:hover p:before{transform:matrix(1.8,0,0,1.8,0,0)}
}
@media(min-width:1400px){#cotizacion-contenedor .row #cotizacion-contacto{margin:0 -8.33% 0 0}}

/*descripcion*/
.descripciones{background:#fff}
.descripciones .row.muestra>.col:first-child{flex-direction:column;justify-content:center;padding-bottom:30px;padding-top:30px}
.descripciones .row.muestra>.col:first-child .titulo{color:#00ab9e;font-size:calc(12px + 2.1vmin)}
.descripciones .row.muestra>.col:last-child{overflow:hidden;padding:0 0 50% !important}
.descripciones .row.muestra>.col:last-child .fondo{display:flex;align-items:center;justify-content:center}
.descripciones .row.muestra>.col:last-child .fondo .icon-video{color:#00ab9e;font-size:calc(12px + 11.2vmin);z-index:2}
@media(max-width:1199.98px){.descripciones .row.muestra>.col:last-child .fondo .icon-video:after{display:none}}
@media(min-width:768px){
    .descripciones .row{overflow:hidden}
    .descripciones .row.muestra>.col:first-child{display:flex}
    .descripciones .row.muestra>.col:last-child{min-height:60vh;transform:skewX(-15deg)}
    .descripciones .row.muestra>.col:last-child{padding-bottom:0 !important}
    .descripciones .row.muestra>.col:last-child .fondo{transform:skewX(15deg)}
    .descripciones .row.muestra:nth-child(odd)>.col:last-child,.descripciones .row.muestra:nth-child(odd)>.col:last-child .fondo{transform-origin:left bottom}
    .descripciones .row.muestra:nth-child(even){flex-direction:row-reverse}
    .descripciones .row.muestra:nth-child(even)>.col:last-child,.descripciones .row.muestra:nth-child(even)>.col:last-child .fondo{transform-origin:right top}
}
@media(min-width:992px){
    .descripciones .row{justify-content:flex-end}
    .descripciones .row.muestra:nth-child(odd)>.col:first-child{padding-right:calc(15px + 8.33%)}
    .descripciones .row.muestra:nth-child(even)>.col:first-child{padding-left:calc(15px + 8.33%)}
}
@media(min-width:1200px){
    .descripciones .row.muestra>.col:last-child .fondo:not(.popup-abrir){cursor:default}
    .descripciones .row.muestra>.col:last-child .fondo.popup-abrir:hover .fondo-imagen{transform:translateZ(10px)}
    .descripciones .row.muestra>.col:last-child .fondo.popup-abrir .icon-video:before{border:3px solid transparent;border-radius:50%;transition:background-color 0.4s}
    .descripciones .row.muestra>.col:last-child .fondo.popup-abrir:hover .icon-video:before{background-color:#fff}
}
@media(min-width:1200px){.descripciones .row.muestra>.col:first-child{flex:0 0 40%;width:40%;max-width:800px;min-width:500px}}

/*muestra*/
/*muestra nofondo*/
@media(min-width:1200px){
    .muestra:not(.fondo)>*{transform-origin:50% 50% -50px}
    .muestra:not(.fondo)>*:not(.activa){opacity:0 !important;transition:none !important}
    .muestra:not(.fondo)>*:not(.centro){transform:rotateX(-60deg)}
    .muestra:not(.fondo)>*:not(.centro).arriba{transform:rotateX(60deg)}
    .muestra:not(.fondo)>*.activa{transition:1s 0.5s;transition-property:opacity,transform !important}
    .muestra:not(.fondo)>*.activa.activada{transition-delay:0s !important}
}
/*muestra fondo*/
@media(min-width:1200px){
    .muestra.fondo .fondo-elemento:not(.activa),.muestra.fondo .fondo-elemento:not(.activa) .fondo-imagen{transition:none !important}
    .muestra.fondo .fondo-elemento:not(.activa){opacity:0 !important}
    .muestra.fondo .fondo-elemento:not(.centro) .fondo-imagen{transform:translateZ(20px)}
    .muestra.fondo .fondo-elemento.activa{transition:opacity 2s !important}
    .muestra.fondo .fondo-elemento.activa .fondo-imagen{transition:transform 2s !important}
}

/*pie*/
#pie{height:85px}
#pie aside.row{color:rgba(0,0,0,0.6);font-size:10px}
#pie aside.row .col{padding-bottom:5px;padding-top:5px}
#pie aside.row .col address{line-height:1.4em}
@media(max-width:1199.98px){#pie aside.row .col a{padding:10px 5px}}
@media(max-width:575.98px){#pie aside.row .col:last-child{margin-bottom:10px}}
@media(min-width:576px){#pie{height:50px}}
@media(min-width:1200px){
    #pie{height:90px}
    #pie nav.row .col{margin:0 4.5vmin 0 0}
    #pie nav.row .col a{display:flex;align-items:center;height:30px;width:100%}
    #pie nav.row .col a:before{content:'';background:#00ab9e;display:block;height:3px;width:100%;position:absolute;bottom:0;left:0;transform:skewX(-45deg);transition:0.4s;transition-property:visibility,transform}
    #pie nav.row .col a:not(:hover):before{visibility:hidden;transform:skewX(-45deg) scaleX(0)}
    #pie aside.row .col a{transition:color 0.4s}
    #pie aside.row .col a:hover{color:#000}
}

/*popup*/
#popup{background:rgba(0,0,0,0.5);padding-top:60px !important;transition:0.4s;transition-property:opacity,visibility}
#popup div.popup-cerrar b{font-size:30px}
#popup #popup-contenedor{transition:transform 0.4s}
#popup:not(.activo){opacity:0;visibility:hidden}
#popup:not(.activo) #popup-contenedor{transform:matrix(0.5,0,0,0.5,0,0)}
#popup.iframe #popup-contenedor{max-width:1100px}
#popup.iframe #popup-contenedor #popup-contenido{height:0;width:100%;padding:0 0 56.25%}
#popup.iframe #popup-contenedor #popup-contenido iframe{height:100%;width:100%;position:absolute;left:0;top:0}
@media(min-width:1200px){#popup div.popup-cerrar b{cursor:pointer;transition:color 0.4s}#popup div.popup-cerrar b:hover{color:#00ab9e}}

/*inicial*/
/*inicial inicio*/
#inicial-inicio{height:100vh}
#inicial-inicio #carrusel-banner{border-top:60px solid transparent}
#inicial-inicio #carrusel-banner .carrusel-contenedor .carrusel-items li{transition:1s;transition-property:opacity,visibility}
#inicial-inicio #carrusel-banner .carrusel-contenedor .carrusel-items li:not(.activo){opacity:0;visibility:hidden}
#inicial-inicio #carrusel-banner .carrusel-contenedor .carrusel-items li.activo{z-index:1}
#inicial-inicio #carrusel-banner .carrusel-contenedor .carrusel-items li .titulo{font-size:calc(10px + 4vmin)}
#inicial-inicio #carrusel-banner .carrusel-contenedor .carrusel-flechas p{color:#fff;display:flex;align-items:center;justify-content:center;font-size:calc(30px + 1.5vmin);height:calc(100vh - 60px);width:10%;min-width:30px}
#inicial-inicio #carrusel-banner .carrusel-contenedor .carrusel-flechas p .icon:after{display:none}
#inicial-inicio #carrusel-banner .carrusel-control{height:10%}
#inicial-inicio #carrusel-banner .carrusel-control li{width:35px;margin:0 5px;opacity:0.5;padding:7px 0;transform:skewX(-15deg);transition:opacity 0.4s}
#inicial-inicio #carrusel-banner .carrusel-control li:before{content:'';background:#fff;display:block;height:10px;width:100%}
#inicial-inicio #carrusel-banner .carrusel-control li.activo{opacity:1}
@media(min-width:1200px){
    #inicial-inicio #carrusel-banner{border-top-width:13.5vh}
    #inicial-inicio #carrusel-banner .carrusel-contenedor .carrusel-items li .fondo-imagen,#inicial-inicio #carrusel-banner .carrusel-contenedor .carrusel-items li .titulo{transition:transform 1s}
    #inicial-inicio #carrusel-banner .carrusel-contenedor .carrusel-items li:not(.activo) .fondo-imagen{transform:translateZ(10px)}
    #inicial-inicio #carrusel-banner .carrusel-contenedor .carrusel-items li.previo .titulo{transform:matrix(1,0,0,1,-100,0)}
    #inicial-inicio #carrusel-banner .carrusel-contenedor .carrusel-items li.siguiente .titulo{transform:matrix(1,0,0,1,100,0)}
    #inicial-inicio #carrusel-banner .carrusel-contenedor .carrusel-flechas p{cursor:pointer;height:86.5vh;transition:opacity 0.4s}
    #inicial-inicio #carrusel-banner .carrusel-contenedor .carrusel-flechas p:not(:hover){opacity:0.5}
    #inicial-inicio #carrusel-banner .carrusel-control li{cursor:pointer}
    #inicial-inicio #carrusel-banner .carrusel-control li:hover{opacity:1}
}
/*inicial categorias*/
#inicial-categorias .container-fluid{border-top:none}
#inicial-categorias .container-fluid .row{overflow:hidden}
#inicial-categorias .container-fluid .row .col:not(:first-child):not(:last-child){overflow:hidden;z-index:1}
#inicial-categorias .container-fluid .row .col a{width:calc(100% + 30px)}
#inicial-categorias .container-fluid .row .col a .fondo .fondo-elemento{opacity:0.15}
#inicial-categorias .container-fluid .row .col a .icon{font-size:calc(30px + 6vmin)}
@media(min-width:1200px){
    #inicial-categorias .container-fluid .row .col{transform:skewX(-15deg);transform-origin:50% 57.5%;transition:0.6s;transition-property:flex,width,max-width}
    #inicial-categorias .container-fluid .row .col a{height:100vh;min-height:600px;transform:skewX(15deg);transform-origin:50% 57.5%}
    #inicial-categorias .container-fluid .row .col a .fondo{width:250%;left:-75%}
    #inicial-categorias .container-fluid .row .col a .fondo .fondo-elemento{opacity:0.3}
    #inicial-categorias .container-fluid .row .col a footer{min-height:40vh;width:0;transition:width 0.6s}
    #inicial-categorias .container-fluid .row .col a footer .parrafos{flex:0 0 22.5vw;width:22.5vw;max-width:22.5vw}
    #inicial-categorias .container-fluid .row .col:hover{flex:0 0 32.5% !important;width:32.5% !important;max-width:32.5% !important}
    #inicial-categorias .container-fluid .row .col:hover a .fondo .fondo-elemento{opacity:0.4 !important}
    #inicial-categorias .container-fluid .row .col:hover a footer{width:22.5vw}
    #inicial-categorias .container-fluid .row:hover .col{flex:0 0 22.5%;width:22.5%;max-width:22.5%}
    #inicial-categorias .container-fluid .row:hover .col a .fondo .fondo-elemento{opacity:0.15}
}
/*inicial productos*/
#inicial-productos #carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid:before{content:'';background:#97a1ae;display:block;height:100%;width:100%;opacity:0.08;position:absolute;left:0;top:0}
#inicial-productos #carrusel-productos .carrusel-control{padding-left:15px;padding-right:15px}
#inicial-productos #carrusel-productos .carrusel-control li{border:solid #fff;border-width:7px 0;width:35px;margin:0 5px;transform:skewX(-15deg)}
#inicial-productos #carrusel-productos .carrusel-control li:before,#inicial-productos #carrusel-productos .carrusel-control li:after{content:'';display:block;height:10px;width:100%}
#inicial-productos #carrusel-productos .carrusel-control li:before{background:#fff;border:1px solid #000;opacity:0.2}
#inicial-productos #carrusel-productos .carrusel-control li:after{background:#00ab9e;visibility:hidden;position:absolute;left:0;top:0;transform:matrix(0.01,0,0,1,0,0);transition:0.4s;transition-property:visibility,transform}
#inicial-productos #carrusel-productos .carrusel-control li.activo:after{visibility:visible;transform:matrix(1,0,0,1,0,0)}
@media(min-width:1200px){
    #inicial-productos #carrusel-productos>*:not(.carrusel-contenedor){flex:0 0 15%;height:15%;max-height:15%}
    #inicial-productos #carrusel-productos .carrusel-contenedor{flex:0 0 calc(70% + 30px);height:calc(70% + 30px);max-height:calc(70% + 30px)}
    #inicial-productos #carrusel-productos .carrusel-contenedor .carrusel-items>li .fondo{height:100vh;min-height:600px;width:60%;margin:-6.75vh 0 0;left:-40%;transform:skewX(-15deg) translateY(-50%)}
    #inicial-productos #carrusel-productos .carrusel-contenedor .carrusel-items>li .fondo .fondo-elemento{transform:skewX(15deg);transform-origin:right top;transition:transform 0.6s}
    #inicial-productos #carrusel-productos .carrusel-contenedor .carrusel-items>li .fondo .fondo-elemento .fondo-imagen{opacity:0.3}
    #inicial-productos #carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid:before{transform:skewX(-15deg)}
    #inicial-productos #carrusel-productos .carrusel-contenedor .carrusel-items>li .container-fluid figure.col{margin-bottom:-2.5%;margin-left:8.33%;margin-top:-2.5%}
    #inicial-productos #carrusel-productos .carrusel-control{border:solid transparent;border-width:0 15px;padding:0 0 0 58.33%}
    #inicial-productos #carrusel-productos .carrusel-control li{cursor:pointer}
    #inicial-productos #carrusel-productos .carrusel-control li:hover:after{visibility:visible;transform:matrix(1,0,0,1,0,0)}
}
@media(min-width:1400px){
    #inicial-productos #carrusel-productos>*:not(.carrusel-contenedor){flex:0 0 20%;height:20%;max-height:20%}
    #inicial-productos #carrusel-productos .carrusel-contenedor{flex:0 0 calc(60% + 30px);height:calc(60% + 30px);max-height:calc(60% + 30px)}
}
/*inicial cotizacion*/
@keyframes mapa{
    0%{background-color:#00ab9e;opacity:1;z-index:1;transform:matrix(0.01,0,0,0.01,0,0)}
    33.33%{background-color:#00ab9e;opacity:1;z-index:1;transform:matrix(1,0,0,1,0,0)}
    66.67%{background-color:#00695c;opacity:1;z-index:0;transform:matrix(1.5,0,0,1.5,0,0)}
    100%{background-color:#00695c;opacity:0;z-index:0;transform:matrix(4,0,0,4,0,0)}
}

/*productos*/
#productos.catalogo #productos-lista .row{font-size:calc(15px + 0.5vmin);margin:0 -1px}
#productos.catalogo #productos-lista .row .col{padding:1px}
#productos.detalle #productos-lista .row{font-size:calc(10px + 0.5vmin)}
/*productos banner*/
#productos-banner{min-height:calc(320px + 52.5vw)}
#productos-banner .col figure{width:100%}
#productos-banner .col figure img{display:block;height:auto}
#productos-banner .col figure:first-child img{width:33.33%;max-width:290px}
#productos-banner .col figure:last-child{margin-bottom:-31vw}
#productos-banner .col figure:last-child img{width:100%;max-width:570px}
#productos-banner .col h1.titulo{font-size:calc(12px + 1.3vmin)}
#productos-banner .col p.titulo{font-size:calc(12px + 2.3vmin)}
@media(max-width:767.98px){#productos-banner .fondo-elemento{width:240%}}
@media(min-width:578px){#productos-banner{min-height:calc(320px + 42.5vw)}#productos-banner .col figure:last-child{margin-bottom:-25vw}}
@media(min-width:768px){#productos-banner{min-height:calc(320px + 25vw)}#productos-banner .col figure:last-child{margin-bottom:-17.5vw}#productos-banner .col figure:last-child img{width:90%}}
@media(min-width:992px){#productos-banner{min-height:calc(320px + 20vw)}}
@media(min-width:1200px){#productos-banner{min-height:calc(255px + 22.5vw)}#productos-banner .col{margin:2vw 0 0}#productos-banner .col figure:last-child{margin-bottom:-15vw}}
@media(min-width:1400px){#productos-banner{min-height:calc(545px + 7.5vw)}#productos-banner .col{margin-top:4vw}#productos-banner .col figure:last-child{margin-bottom:-10vw}}
/*productos beneficios*/
#productos-beneficios li.col .icon-gota{font-size:calc(12px + 3.3vmin)}
@media(min-width:1400px){#productos-beneficios li.col{margin:0 4.16%}}
/*productos lista*/
#productos-lista .row{text-align:center}
#productos-lista .row a,#productos-lista .row figure{display:block;overflow:hidden;height:100%;width:100%}
#productos-lista .row a{background:rgba(151,161,174,0.1)}
#productos-lista .row a:before,#productos-lista .row figure:before{content:'';background:#00ab9e;display:block;height:100%;width:100%;opacity:0.1;visibility:hidden;position:absolute;left:0;top:0;transform:skewX(-45deg) scaleX(0);transition:0.4s;transition-property:visibility,transform}
#productos-lista .row a img,#productos-lista .row figure img{width:55%}
#productos-lista .row a h3,#productos-lista .row figure figcaption{width:100%;margin:0.8em 0 0}
#productos-lista .row figure.activo:before{visibility:visible;transform:skewX(0deg) scaleX(1)}
@media(min-width:1200px){
    #productos-lista .row figure{cursor:pointer}
    #productos-lista .row figure:hover:before,#productos-lista .row a:hover:before{visibility:visible;transform:skewX(0deg) scaleX(1)}
}
/*productos items*/
@media(min-width:1200px){
    #productos-items .carrusel-contenedor{height:30vw;max-height:800px;min-height:600px}
    #productos-items .carrusel-contenedor figure.col{display:flex;align-items:center;flex:0 0 100% !important;height:100% !important;max-height:100% !important}
}
@media(min-width:1400px){#productos-items .carrusel-contenedor{height:35vw}#productos-items .carrusel-contenedor>header{margin:0 0 5vmin}}
/*productos cotizacion*/
#productos-cotizacion .formulario-campo{color:#fff}
#productos-cotizacion .formulario-campo.texto .formulario-marcador{border-bottom-color:#fff}
#productos-cotizacion .formulario-campo.texto .formulario-marcador span{color:#fff !important;opacity:1}
#productos-cotizacion .formulario-campo.caja b:before,#productos-cotizacion .formulario-campo.caja b:after{border-color:#fff}
#productos-cotizacion .formulario-campo.caja a{color:#fff;text-decoration:underline}
#productos-cotizacion .boton{color:#00ab9e}
#productos-cotizacion .boton:before{background-color:#fff}
#productos-cotizacion .boton:after{background-color:#00ab9e;border-color:#fff}
@media(min-width:1200px){#productos-cotizacion .boton:hover{color:#fff}}

/*empresa*/
#empresa .activador-objetivo{transform-origin:50% 50% -100px;transition:0.6s;transition-property:opacity,visibility,transform}
#neuma:not(:checked)~.contenedor .activador-objetivo.neuma,
#petronas:not(:checked)~.contenedor .activador-objetivo.petronas{opacity:0;visibility:hidden;position:absolute;left:0;top:0;z-index:-1}
#neuma:checked~.contenedor .activador-objetivo.neuma,
#petronas:checked~.contenedor .activador-objetivo.petronas{transition-delay:0.2s}
#neuma:checked~.contenedor .activador-objetivo.petronas{transform:rotateY(60deg)}
#petronas:checked~.contenedor .activador-objetivo.neuma{transform:rotateY(-60deg)}
/*empresa banner*/@media(min-width:992px){#empresa-banner{height:33.33vw}}
/*empresa nombres*/
#empresa-nombres .row:before{content:'';background:#fff;display:block;height:calc(100% - 30px);width:1px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#empresa-nombres .row .activador-pata{margin-left:auto;margin-right:auto}
#empresa-nombres .row .activador-pata:before{content:'';border-bottom:30px solid #f2f2f2;border-left:30px solid transparent;border-right:30px solid transparent;display:block;height:0;width:0;margin:0 0 0 -30px;position:absolute;bottom:-15px;left:50%;transition:0.4s;transition-property:border-bottom-width,visibility}
#empresa-nombres .row .activador-pata .icon-gota{font-size:calc(12px + 3.3vmin)}
#neuma:not(:checked)~#empresa-nombres .row .activador-pata.neuma:before,
#petronas:not(:checked)~#empresa-nombres .row .activador-pata.petronas:before{border-bottom-width:0;visibility:hidden}
#neuma:checked~#empresa-nombres .row .activador-pata.neuma strong,
#petronas:checked~#empresa-nombres .row .activador-pata.petronas strong{font-family:'gilroy-extrabold'}
@media(min-width:1200px){
    #empresa-nombres .row .activador-pata{cursor:pointer}
    #empresa-nombres .row .activador-pata strong{transition:text-shadow 0.4s}
    #empresa-nombres .row .activador-pata:hover strong{text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff}
}
/*empresa presentacion*/#empresa-presentacion .fondo-imagen{background:#f2f2f2}

/*terminos*/
/*terminos descripcion*/#terminos-descripcion .parrafos{font-size:calc(15px + 0.3vmin)}
/*terminos politicas*/
#terminos-politicas .acordion-panel:not(:last-child){margin:0 0 3vmin}
#terminos-politicas .acordion-panel .acordion-pata{background:rgba(0,0,0,0.07);min-height:calc(30px + 4vmin);padding:5px 3vmin 5px 6vmin}
#terminos-politicas .acordion-panel .acordion-pata:before,#terminos-politicas .acordion-panel .acordion-pata:after{content:'';display:block}
#terminos-politicas .acordion-panel .acordion-pata:before{background:#00ab9e;height:100%;width:100%;visibility:hidden;position:absolute;left:0;top:0;transform:skewX(-75deg) scaleX(0);transition:0.6s;transition-property:visibility,transform}
#terminos-politicas .acordion-panel .acordion-pata:after{flex:0 0 0;height:calc(20px + 4vmin);width:0;max-width:0}
#terminos-politicas .acordion-panel .acordion-pata .titulo{color:#00ab9e;transition:color 0.4s}
#terminos-politicas .acordion-panel .acordion-pata i{flex:0 0 20px;height:20px;width:20px;max-width:20px;margin-left:auto}
#terminos-politicas .acordion-panel .acordion-pata i:before,#terminos-politicas .acordion-panel .acordion-pata i:after{content:'';background:#00ab9e;display:block;position:absolute;transition:0.4s}
#terminos-politicas .acordion-panel .acordion-pata i:before{height:1px;width:100%;left:0;top:50%;transform:translateY(-50%);transition-property:background-color,height}
#terminos-politicas .acordion-panel .acordion-pata i:after{height:100%;width:1px;left:50%;top:0;transform:translateX(-50%) scaleY(1);transition-property:background-color,width,visibility,transform}
#terminos-politicas .acordion-panel .acordion-contenedor{max-height:0;transition:0.8s;transition-property:max-height,visibility}
#terminos-politicas .acordion-panel .acordion-contenedor .parrafos{padding:5vmin 8vmin}
#terminos-politicas .acordion-panel.activo .acordion-pata:before{visibility:visible;transform:skewX(0deg) scaleX(1)}
#terminos-politicas .acordion-panel.activo .acordion-pata .titulo{color:#fff}
#terminos-politicas .acordion-panel.activo .acordion-pata i:before{background-color:#fff;height:2px}
#terminos-politicas .acordion-panel.activo .acordion-pata i:after{background-color:#fff;width:2px;visibility:hidden;transform:translateX(-50%) scaleY(0)}
#terminos-politicas .acordion-panel.activo .acordion-contenedor{max-height:200vh;transition-timing-function:ease-in}
#terminos-politicas .acordion-panel:not(.activo) .acordion-contenedor{visibility:hidden;transition-timing-function:ease-out}
@media(min-width:1200px){
    #terminos-politicas .acordion-panel .acordion-pata{cursor:pointer}
    #terminos-politicas .acordion-panel .acordion-pata:hover:before{visibility:visible;transform:skewX(0deg) scaleX(1)}
    #terminos-politicas .acordion-panel .acordion-pata:hover .titulo{color:#fff}
    #terminos-politicas .acordion-panel .acordion-pata:hover i:before{background-color:#fff;height:2px}
    #terminos-politicas .acordion-panel .acordion-pata:hover i:after{background-color:#fff;width:2px}
}

/*
.popup .popup-contenedor .popup-cabecera{background:#69c7df;display:flex;align-items:center;justify-content:center;height:calc(30px + 4vmin);width:100%}
.popup .popup-contenedor .popup-cabecera p{color:#003f8c;font-size:calc(15px + 1.3vmin);font-weight:500;text-transform:uppercase}
.popup .popup-contenedor .popup-cabecera span.popup-pata{color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:300;height:30px;width:30px;position:absolute;right:10px;top:10px;transform:rotate(45deg)}
.popup .popup-contenedor .popup-contenido{background:#fff;width:100%;padding:4vmin 5vmin 6vmin}
@media(min-width:1200px){.popup .popup-contenedor .popup-cabecera span.popup-pata{cursor:pointer;transition:color 0.4s}.popup .popup-contenedor .popup-cabecera span.popup-pata:hover{color:#003f8c}}
*/

/*
.formulario .formulario-campo.texto select.formulario-control{z-index:1}
.formulario .formulario-campo.texto select.formulario-control~.formulario-marcador span{opacity:0}
.formulario .formulario-campo.texto:not(:last-of-type){margin:0 0 10px}
.formulario .formulario-campo.texto .formulario-control~.formulario-marcador .icon-fecha{color:#a6b7bf;font-size:20px}
.formulario .formulario-campo:not(.texto){padding:0 30px 0 0}
.formulario .formulario-campo:not(.texto) .order-last{flex:0 0 100% !important;width:100% !important;max-width:100% !important;padding-bottom:0 !important;padding-top:0 !important}
.formulario .formulario-campo.radio:before{top:7px}
.formulario .formulario-campo.radio .formulario-control~.formulario-marcador b{border:2px solid #a2a2a2;border-radius:50%;flex:0 0 20px;height:20px;width:20px;max-width:20px;transition:border-color 0.4s}
.formulario .formulario-campo.radio .formulario-control~.formulario-marcador b:before{content:'';background:#003f8c;border:3px solid #fff;border-radius:50%;display:block;height:100%;width:100%;transition:0.4s;transition-property:visibility,transform}
.formulario .formulario-campo.radio .formulario-control~.formulario-marcador span{font-size:15px;transition:0.4s;transition-property:color,font-weight}
.formulario .formulario-campo.radio .formulario-control~.formulario-marcador span small{font-size:0.8em}
.formulario .formulario-campo.radio .formulario-control~.formulario-marcador span strong,.formulario .formulario-campo.radio .formulario-control~.formulario-marcador img,.formulario .formulario-campo.radio .formulario-control~.formulario-marcador .icon{display:inline-block;vertical-align:middle}
.formulario .formulario-campo.radio .formulario-control~.formulario-marcador span strong{padding:0 2vmin 0 0}
.formulario .formulario-campo.radio .formulario-control~.formulario-marcador span img{flex:0 0 auto;height:auto;width:auto;max-width:100%}
.formulario .formulario-campo.radio .formulario-control~.formulario-marcador span .icon{color:#6b6b6b;font-size:40px}
.formulario .formulario-campo.radio .formulario-control:checked~.formulario-marcador b{border-color:#003f8c}
.formulario .formulario-campo.radio .formulario-control:checked~.formulario-marcador span{color:#003f8c;font-weight:500}
.formulario .formulario-campo.radio .formulario-control:not(:checked)~.formulario-marcador b:before{visibility:hidden;transform:matrix(0.01,0,0,0.01,0,0)}
.formulario .formulario-campo.radio.has-error .row .formulario-control~.formulario-marcador b{border-color:#f00}
.formulario .formulario-campo.interruptor .formulario-control~.formulario-marcador span{padding:0 10px 0 0}
.formulario .formulario-campo.interruptor .formulario-control~.formulario-marcador b{background:#a2a2a2;border:2px solid transparent;border-radius:10px;flex:0 0 40px;height:20px;width:40px;max-width:40px;transition:background-color 0.4s}
.formulario .formulario-campo.interruptor .formulario-control~.formulario-marcador b:before{content:'';background:#fff;border-radius:50%;display:block;height:16px;width:16px;transition:transform 0.4s}
.formulario .formulario-campo.interruptor .formulario-control:checked~.formulario-marcador b{background-color:#55ce63}
.formulario .formulario-campo.interruptor .formulario-control:checked~.formulario-marcador b:before{transform:matrix(1,0,0,1,20,0)}
.formulario .formulario-campo.interruptor.has-error .formulario-control~.formulario-marcador b{background-color:#f00}
.formulario .formulario-campo.caja .control~.formulario-marcador span{color:#a2a2a2}
.formulario .formulario-campo.caja .control:not(:checked)~.formulario-marcador b:before,.formulario .formulario-campo.caja .control:not(:checked)~.formulario-marcador b:after{border-radius:5px}
*/

/*datepicker*/
/*
.ui-datepicker{background:#fff;border:1px solid #dbe3e7;border-radius:5px;width:250px;padding:5px;position:absolute;left:0;top:0}
.ui-datepicker .ui-datepicker-header{background:#e6f3f6;display:flex;align-items:center;justify-content:center;width:100%;margin:0 0 5px;padding:5px}
.ui-datepicker .ui-datepicker-header .ui-corner-all{background:#69c7df;border-radius:50%;color:#fff;display:flex;align-items:center;flex:0 0 20px;justify-content:center;height:20px;width:20px}
.ui-datepicker .ui-datepicker-header .ui-corner-all:before{font-size:10px}
.ui-datepicker .ui-datepicker-header .ui-corner-all span{display:none}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev{order:0;padding:0 2px 0 0}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before{content:'◄'}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next{order:2;padding:0 0 0 2px}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before{content:'►'}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title{order:1;margin:0 10px}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select{background:#fff;margin:5px;padding:5px}
.ui-datepicker .ui-datepicker-calendar{width:100%;text-align:center}
.ui-datepicker .ui-datepicker-calendar th{color:#003f8c;font-size:15px;font-weight:500;width:14.28%;padding:5px}
.ui-datepicker .ui-datepicker-calendar td{border:1px solid #dbe3e7;color:#6b6b6b;font-size:14px;padding:5px}
*/