:root{--azul:#08245b;--blancoGRis:#efefef;--celeste:#9fb6e1;--gris:#3f4444;--blanco:#fff;--negro:#000;--azulbtn:#38B6FF}@font-face{font-family:latoBold;src:url("../fonts/latoBold.ttf") format("truetype")}@font-face{font-family:latoRegular;src:url("../fonts/latoRegular.ttf") format("truetype")}@font-face{font-family:latoSemibold;src:url("../fonts/latoSemibold.ttf") format("truetype")}html{scroll-behavior:smooth}body,html{font-family:latoRegular,sans-serif;font-size:18px;height:100%;width:100%;margin:0;padding:0;font-weight:400;overflow-x:hidden}input.invalid:invalid{border:1px solid red}.pd0{padding-top:50px}header .navbar-default{background-color:var(--blanco);border-color:var(--blanco)}header .navbar-default .navbar-nav>li>a{color:var(--azul);font-size:14px;font-family:latoBold;text-decoration:none}header .navbar{position:relative;min-height:60px;margin-bottom:0;border:1px solid transparent;margin-top:10px}header .logo{height:50px;margin-top: 0px}header .sub:hover{text-decoration:1px solid underline #08245b}.logo-gracias{width:300px}
@font-face {
    font-family: Bebas Neue;
    src: url(../fonts/BebasNeue-Regular.ttf);
    font-weight: bold;
}
@font-face {
    font-family: 'montserratthin';
    src: url('../fonts/montserrat-variablefont_wght-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-variablefont_wght-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url(../fonts/Montserrat-VariableFont_wght.ttf);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url(../fonts/Montserrat-VariableFont_wght.ttf);
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url(../fonts/Montserrat-VariableFont_wght.ttf);
    font-weight: 800;
    font-style: normal;
}
nav.navbar.navbar-default {
    box-shadow: 0px 0px 13px #00000094;
}
nav.navbar.navbar-default {
    background-color: #072059;
}
.navbar-header {
    margin: 0 auto;
}
p{
    font-family: 'montserrat';
}
.redondeo{
    border-radius: 8px;
}
a.btn.btn-primary {
    background-color: #00205b;
    border-color: #00205b;
    font-weight: 800;
    border-radius: 25px;    
}
.section0 {
    border-top: 23px solid #08245b;
} 
.section0 .container {
    padding: 100px 60px;
    max-width: 980px;
}
h1.titulo-h1 {
    font-weight: 900;
    color: #00205b;
    text-transform: uppercase;
    font-family: Bebas Neue;
    font-size: 53px;
}
.separador h2.titulo {
    font-family: "Montserrat", Sans-serif !important;
    font-size: 62px;
    margin-top: 20px;
}
.section0 p {
    text-align: center;
    color:#08245b;
}
.section0 a.btn.btn-primary {
    margin: 0 auto;
    display: block;
    margin-top: 30px;
    font-size: 22px;
    width: 260px;

}

img.img-producto-banner {
    width: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 8px;
    margin-top: 48px;
}
/*.home .banner{
    background:url("../img/Resourses-Pagina-web.jpg");
    background-size: cover !important;
}*/
.home .section1 {
    background-position: left;
    background-size: cover;
    width: 100%;
}
.row.iconos-minimalistas h4 {
    color: #726e6e;
}
.section1.banner .container {
    max-width: 100%;
    padding: 0;
}
.section1.banner img{
    width: 100%;
}
.centro {
    display: block;
    margin: 0 auto !important;
    width: fit-content;
}
div#cases {
    background: url(../img/fondo-1.png) !important;
    background-repeat: no-repeat !important;
    background-position: top !important;
    background-size: cover !important;
    margin: 0;
}     
.section2 {
    padding-top: 40px;
    padding-bottom: 80px;
}
img.redondeo {
    width: 100%;
}
.divformsec2.contenedor {
    padding: 20px 40px;
}
.row.mid {
    display: flex;
    align-items: center;
    width: 100%;
}
.productos-section {
    padding: 80px 1px;
    background: url(../img/fondo-3.png) !important;
    background-repeat: no-repeat !important;
    background-position: top !important;
    background-size: cover !important;
    margin: 0;  
    border-top: 15px solid #00205b;
}
.tablet{
    display: none !important;
} 
.mobil {
    display: none !important;
}
.col-sm.centro {
    display: flex;
    align-items: center;
    width: 100%;
}
.col-6.divsc2 img {
    width: 480px;
}
.col-sm.centro.escritorio {
    padding: 0px;
}
.col-6.divsc2.escritorio img {
    width: 480px;
}
.row.iconos-cat {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.row.iconos-cat .col-sm {
    flex: 0 0 0%;
}
.productos-section h3{
    text-align: center;
    color: #00205b;
    font-weight: 800 !important;
    text-transform: uppercase;
    font-family: 'montserrat';
    font-size: 50px;
}
.productos-section p.parrafo-normal {
    text-align: center;
    padding: 20px 0px;
    color: #00205b;
    font-size: 17px;
}
.productos-section img {
    width: 220px;
    margin: 0 auto;
    display: block;
}  
img.icono-caja {
    border-radius: 8px;
}  
a.link-icon.box {
    text-decoration: none;
}
.icon-box {
    text-align: center;
    /*box-shadow: 3px 3px 12px #00000094;*/
    border-radius: 5px;
    padding: 15px;
}
.icon-box.productos {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    margin-top: 10px;
    padding-top: 25px;
}
.icon-box img {
    width: 75px !important;
}
a.btn-ar img {
    width: 60px !important;
    padding-top: 1px;
}

a.btn-ar {
    background-color: #1D84E0;
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border-radius: 40px !important;
}
.icon-box.producto img.icono-caja {
    width: 240px !important;
}
.icon-box.producto:hover {
    box-shadow: 0px 1px 6px #00000057 !important;
}
.icon-box.producto h4 {
    margin-top: 10px;
}
.icon-box.productos h4 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
}    
.icon-box h4 {
    font-size: 20px;
    font-weight: 800;
    color: #00205b;
    font-family: "Montserrat", Sans-serif;    
}
.icon-box p {
    font-size: 16px;
    color: #00205b;
}
.contato-info {
    background-color: #06205c;
    padding: 30px;
    margin-right: 135px;
}
p.titulo-contacto {
    margin-bottom: -11px;
    font-size: 26px;
}
h3.titulo-contacto {
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 100px;
    font-family: Bebas Neue !important;
    margin-bottom: -10px;
}
.bar-blanco {
    background-color: #ffffff;
    width: 100%;
    height: 17px;
    margin-bottom: 15px;
    margin-left: -30px;
}
.contato-info p {
    color: #ffffff;
}
.pie-pagina .col-md-4.alineacion {
    padding-top: 30px;
    padding-bottom: 30px;
}
input.submit {
    font-weight: 800;
}
.custom-shape-divider-bottom-1721946475 {
    margin-bottom: -32px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1721946475 svg {
    position: relative;
    display: block;
    width: calc(115% + 1.3px);
    height: 186px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1721946475 .shape-fill {
    fill: #06205C;
}
footer {
    background: url(../img/Fondo-pie-pagina.png) !important;
    background-size: cover !important;
    background-position-y: -170px !important;
    padding-top: 45px;
    background-repeat: no-repeat !important;
}
.home .section1 .titulobanner{font-family:latoBold;color:var(--blanco);font-size:30px;text-align:center}.home .section1 .subtitules{color:var(--blanco);text-align:center;font-size:50px;font-family:latoSemibold}.home .section1 .refbanner,.home .section3 .refsec3,.home .section4 .resec4,.home .section5 .resec5{text-decoration:none;text-align:center;font-size:15px;font-family:latoSemibold;justify-content:center;display:flex}.home .section1 .btnbanner{border-radius:15px;border:0;width:60%;padding:8px;background-color:var(--azul);color:var(--blanco);transition-duration:.5s;transition-property:transform}.home .section1 .btnbanner:hover,.home .section3 .btncot:hover,.home .section4 .btnsec4:hover,.home .section4 .btnsec4cotizar:hover,.home .section5 .btnsec5:hover,.home .section5 .btnsec5cotizar:hover{transform:scale(1.1)}.home .section1 hr{margin-top:-10px;margin-bottom:0;border:0;border-top:3px solid var(--blanco);width:100%}.home .section2{width:100%;margin:20px}
.home .section2 .titulo {
    padding-top: 10px;
    font-size: 42px;
    color: var(--azul);
    text-align: left;
    font-weight: 800 !important;
    font-family: 'montserrat';
}
.home .section2 .imgsec2{width:100%;justify-content:center;transition:.5s ease-in-out}.home .section2 .imgsec2:hover,.home .section3 .imgsec3:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.home .section2 .parrafoSubtitulo{color: #00205b;;font-size:17px;text-align:left}
.home .section3{z-index:9;margin:50px 0}.home .section3 .sec3btn{margin:15px 0}.home .section3 .btncot{border-radius:15px;border:0;width:30%;padding:8px;background-color:var(--azul);color:var(--blanco);transition-duration:.5s;transition-property:transform}.home .section3 .yep{text-align:center}.home .section3 .subcoment{text-align:center;font-size:20px;margin-top:10px}.home .section3 .caract_sec3{font-size:25px;font-family:latoBold;color:var(--azul);text-align:center}.home .section3 .imgsec3{width:70%;transition:.5s ease-in-out}.home .section4{text-align:center;margin:50px 0}.home .section4 .art-titulo,.home .section5 .art-titulo{color:var(--azul);margin:25px;font-family:latoBold}.home .section4 .sombreado{border:1px solid var(--blancoGRis);border-radius:15px;box-shadow:0 10px 70px #00205B33;padding:25px;margin-bottom:10px}.home .section4 .btnsec4,.home .section5 .btnsec5{border-radius:15px;border:0;width:60%;padding:8px;background-color:var(--azul);color:var(--blanco);transition-duration:.5s;transition-property:transform;margin:10px}.home .section4 .btnsec4cotizar,.home .section5 .btnsec5cotizar{border-radius:15px;border:0;width:60%;padding:8px;background-color:var(--azulbtn);color:var(--blanco);margin:5px;transition-duration:.5s;transition-property:transform}.home .section4 .imgsec4,.home .section5 .imgsec5{width:70%;text-align:center}.home .section4 .descripcion,.home .section5 .descripcion5{text-align:left;color:var(--negro)}.home .section4 .caracteristicas,.home .section5 .caracteristicas5{text-align:left;font-weight:700;padding:5px}.home .section4 ul li,.home .section5 ul li{text-align:left;padding:3px;font-size:15px}.home .section5{width:100%;text-align:center;margin:50px 0}.home .section5 .sombreado{border:1px solid var(--blancoGRis);border-radius:15px;box-shadow:0 20px 70px #00205B33;padding:25px 25px 0;margin-bottom:10px}.home .section12{background:url("../img/karen.webp") center/cover no-repeat;width:100%;padding:30px 0;background-attachment: fixed;background-position: top;}.home .separador,footer{background:var(--azul);width:100%}.home .section12 .imgonda{margin-bottom:-150px}.home .section12 .fondoForm{background:rgba(12,56,144,.62);border-bottom-left-radius:30px;height:650px;border-top-right-radius:30px;padding:20px}.home .section12 .fondoForm .contactanos{text-align:center;color:var(--blanco);font-size:22px}.home .section12 .etiopciones{color:var(--blanco);font-family:latoSemibold;font-size:18px}.home .section12 .fondoForm .input{padding:10px 12px;width:100%;border-radius:5px;border:0;margin-bottom:10px;font-size:15px}.home .section12 .fondoForm .camposObligatorios{color:var(--blanco);font-size:13px}.home .section12 .fondoForm .submit{width:80%;color:var(--azul);background:var(--blanco);border:0;margin-left:10%;border-radius:10px;padding:10px;font-size:15px;letter-spacing:3px}.body-gracias{background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(80%,#fff),color-stop(80%,#08245b),to(#08245b));background:linear-gradient(to right,#fff 0,#fff 80%,#08245b 80%,#08245b 100%);padding-right:20%}.body-gracias .gracias{padding:150px 0 50px;text-align:center}.body-gracias .gracias h5{font-weight:300;color:var(--azul);font-size:35px;margin-bottom:50px}.body-gracias .gracias p{font-weight:300;color:var(--azul);font-size:25px;margin-bottom:70px}.body-gracias .gracias a,footer a,footer a:hover{text-decoration:none;color:#fff}.body-gracias .gracias a{font-weight:700;font-size:25px;background-color:var(--azul);padding:10px 40px;border-radius:3px;display:inline-block}footer{text-align:center;color:var(--blanco)}footer .titulofooter{text-align:left;font-weight:bolder}footer .textfooter{text-align:left;font-size:13px}footer .logofooter{width:200px;margin-left:100px}footer .redsocial{width: 50px !important;padding:5px;margin:10px;transition-duration:.5s;transition-property:transform}footer .redsocial:hover{transform:scale(1.2)}footer .termino{margin-bottom:80px;padding-left:0}footer .alineacion{text-align:left;margin-left:-10px}.home .separador{height:auto;display:flex;justify-content:center;align-items:center}.home .separador .titulo{color:var(--blanco);text-align:center;font-family:latoBold;margin-bottom:20px}@media (max-width:3100px) and (min-width:2100px){.home .banner{background-position:center;background-size:contain}}@media (max-width:2100px) and (min-width:1800px){.home .banner{background-position:center;background-size:contain}}@media (max-width:1800px) and (min-width:1200px){.home .banner{background-position:center;background-size:cover}}@media (max-width:1200px) and (min-width:990px){.home .section1 .subtitules{font-size:35px}.home .section2 .divsc2{text-align:center;display:flex;margin-top:15px}.home .section2 .divformsec2{margin-top:30px}}@media (max-width:989px) and (min-width:768px){.home .banner{background-position:center;background-size:cover}.home .section2 .divsc2{margin-top:85px}.home .section2 .divformsec2{margin:15px}.home .section3 .caract_sec3{font-size:25px;color:var(--azul)}.home .section4 .divimgsec4,.home .section5 .divimgsec5{margin-top:55px}.home .section12 .fondoForm .contactanos{font-size:20px}footer .alineacion,footer .textfooter,footer .titulofooter{text-align:center}footer .logofooter{margin:0}}@media (max-width:767px) and (min-width:480px){.home .banner{background-position:center;background-size:cover}.pd0{padding:0}.home .section1 .subtitules,.home .section3 .caract_sec3,.home .separador .titulo{font-size:25px}
.home .section2 .titulo{padding-top:10px;font-size:25px}.home .section2 .divformsec2{margin:25px}.home .section2 .parrafoSubtitulo{padding:0 20px 40px 30px;font-size:15px}.home .section3{margin-top:0}.home .section3 .btncot{width:50%}.home .section3 .sec3btn{display:inline}.home .section5{padding:20px 0 50px}.home .section12 .fondoForm .contactanos{font-size:18px}footer .alineacion,footer .textfooter,footer .titulofooter{text-align:center}footer .logofooter{margin:0}.home .section12 .imgonda{margin-bottom:-80px}}@media (max-width:479px) and (min-width:0px){.home .banner{background-position:center;background-size:cover}.pd0{padding:0}.home .section1 .subtitules{font-size:25px}
.home .section2 .titulo{padding-top:10px;font-size:22px}.home .section2 .divformsec2{margin:25px}.home .section2 .parrafoSubtitulo{padding:0 20px 40px 30px;font-size:15px}.home .section3{margin-top:0}.home .section3 .btncot{width:50%}.home .section3 .sec3btn{display:inline}.home .section3 .caract_sec3,.home .separador .titulo{font-size:20px}.home .section3 .subcoment{font-size:15px}.home .section5{padding:20px 0;margin-bottom:20px}.home .section12 .fondoForm .contactanos{font-size:18px}footer .alineacion,footer .textfooter,footer .titulofooter{text-align:center}footer .logofooter{margin:0}.home .section12 .imgonda{margin-bottom:-60px}}
img.logofooter {
    margin: 0 auto;
    width: 270px;
}
@media only screen and (min-width: 769px) {
    nav.navbar.navbar-default {
        position: fixed;
        position: fixed;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 5;
        opacity: 1;
        width: 100%;
        visibility: visible;
        margin-top: 0;
    }
    .section1.banner {
        margin-top: 30px;
    }    
}
@media only screen and (max-width: 768px) {
    img.redondeo {
        width: 100%;
    }
    .section2 {
        padding-bottom: 30px;
    }  
 
    .section2 .col-6 {
        width: 100%;
    }    
    .col-ini, .col-fin{
        display: none;
    }
    .col-6.col-cen {
        width: 100%;
        padding: 0 10px !important;
        font-size: 11px;
    }
    img.escritorio {
        display: none;
    }      
    img.tablet {
        width: 220px !important;
    }    
    .contato-info {
        background-color: #06205c;
        padding: 30px;
        margin-right: 0;
    }
    .col-4.formulario {
        width: 100%;
        margin-top: 21px;
    }  
    .col-6.divsc2.escritorio img {
        display: none;
    }        
    .tablet{
        display: block !important;
    } 
    footer {
        background-position-y: bottom !important;
    }         
}
@media only screen and (max-width: 600px) {
    .iconos-cat {
        display: flex;
    }
    header .navbar {
        margin-top: 0px !important;
    }    
    .icon-box.productos {
        width: 130px;
        height: 110px;
        margin: 2px 2px;
        padding-top: 15px !important;
        padding: 5px;
    }
    .row.iconos-cat .col-sm {
        width: 49.33%;
        margin: 0px auto;
        margin-bottom: 17px;
    }
    .icon-box.productos h4 {
        color: #ffffff;
        font-size: 10px;
    }
    .icon-box.productos img {
        width: 60px !important;
    }

    .home .section2 {
        margin: 0px;
    }
    .section0 .container {
        padding: 100px 20px !important;
    }    
    .section2 .container.cont2 {
        padding-right: 0 !important;
    }    
    .col-6.mobil {
        width: 100%;
    }    
    h1.titulo-h1 {
        font-size: 45px;
    }        
    .divformsec2.contenedor {
        padding: 20px 40px;
        padding: 0;
        margin: 0 !important;
    }    
    p.parrafo-normal {
        padding-left: 0px;
        padding-right: 0px;
    }
    p.parrafoSubtitulo {
        padding: 0px !important;
        margin-bottom: 30px;
    }    
    img.img-producto-banner {
        width: 100%;
    } 
    .escritorio {
        display: none !important;
    }
    .mobil{
        display: block !important;
    }
    .section2 h3.titulo {
        font-size: 40px !important;
        margin-bottom: 15px;
    }    
    .col-6.col-cen h3{
        font-size: 30px;
    } 
    div#contact .col-8 {
        width: 100% !important;
    }
    .contato-info {
        margin-right: 0 !important;
    }
    h3.titulo-contacto {
        font-size: 63px;
    }
    div#contacto .col-4 {
        width: 100% !important;
        margin-top: 30px !important;
    }                   
    .separador h2.titulo {
        font-family: Bebas Neue !important;
        font-size: 44px !important;
        margin-top: 20px;
    }
}