@import url('fonts/DIN Neuzeit Grotesk Std Light.css');
@import url('fonts/DIN Next LT Pro.css');
@import url('fonts/Helvetica.css');
@import url('fonts/Myriad Pro Light.css');
@import url('fonts/DIN Light.css');

body {
    overflow-y: hidden;
}

.loader {
    background-color: #f9f9f9;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    transition: cubic-bezier(0.4, 0, 0.2, 1) 1s;
}
    .load {
        max-width: 50px;
    }

    .video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

:root {
    --cele-claro:  #0098d9;
    --cele-claro-md: #59c5f3;
    --gris-cele: #3f7092;
    --black-neo-1: #585858;
    --bg-cele-lg: #019ee3;
    --bg-cele-md: #5bc4f1;
    --bg-cele-claro: #e5f4fb;
    --bg-cele-sm: #80ceee;
    --cele-21: #1899d7;
}

.f-din-ne {
    font-family:'DIN Neuzeit Grotesk Std Light';
}

.f-mypro {
    font-family:'Myriad Pro Light';
}

.f-din-next-lt-pro {
    font-family:'DIN Next LT Pro';
}

.f-din-light {
    font-family:'DIN Light';
}

.f-s16 {
    font-size: 16px;
}

.f-s18 {
    font-size: 18px;
}

.f-s22 {
    font-size: 22px;
}

.f-s24 {
    font-size: 24px;
}

.f-s25 {
    font-size: 25px;
}

.f-s30 {
    font-size: 30px;
}

.f-s32 {
    font-size: 32px;
}

.f-s35 {
    font-size: 35px;
}

.f-s38 {
    font-size: 38px;
}

.f-s39 {
    font-size: 39px;
    line-height: 40px;
}

.f-s45 {
    font-size: 45px;
}

.f-s50 {
    font-size: 50px;
    line-height: 50px;
}

.cele-claro-md {
    color: var(--cele-claro-md);
}

.cele-claro {
    color: var(--cele-claro);
}

.gris-cele {
    color: var(--gris-cele);
}

.text-black-neo1 {
    color: var(--black-neo-1);
}

.bg-cele-lg {
    background-color: var(--bg-cele-lg);
}

.bg-cele-md {
    background-color: var(--bg-cele-md);
}

.bg-cele-claro {
    background-color: var(--bg-cele-claro);
}

.bor-top-cele-sm {
    border-top: solid 3px #80ceee;
    padding: 10px 0;
}

.bg-cele21 {
    background-color: var(--cele-21);
}

.descarga-i {
    max-width: 20px;
    margin-right: 10px;
    vertical-align: sub;
}

a.bg-cele21 {
    color: #fff;
    text-decoration: none;
    padding: 8px 10px;
    display: block;
    max-width: 270px;
    text-align: center;
    border-radius: 10px;
    transition: cubic-bezier(0.46, 0.03, 0.52, 0.96) .3s;
}
    a.bg-cele21:hover {
        background-color: #1076a5;
    }

.bor-bot-cele-sm {
    border-bottom: solid 3px #80ceee;
    padding: 10px 0;    
}

.bor-top-cele-md {
    border-top: solid 5px #80ceee;
    padding: 10px 0;
}

.bor-bot-cele-md {
    border-bottom: solid 5px #80ceee;
    padding: 10px 0;    
}

.bor-bot-black-md-pb-30-mb-35 {
    padding-bottom: 30px;
    border-bottom: solid 2px;
    margin-bottom: 35px;
}

.mt-n50 {
    margin: -50px 0 0 !important;
}

.mt-nega-110 {
    margin-top: -110px;
}

.icon {
    width: 100%;
    max-width: 46px;
}

.icon2 {
    width: 100%;
    max-width: 76px;
}

.icon3 {
    width: 100%;
    max-width: 50px;
}

.caja-info {
    padding: 50px;
    height: 100%;
    min-height: 450px;
}

.caja {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
}

.form-cont {
    position: absolute;
    top: 50%;
    margin-top: -150px;
    width: 100%;
}

.buscador {
    background-color: #ffffffed;
    border: none;
    font-size: 35px;
    height: 80px;
    padding: 50px;
}

.lupa {
    background: #ffffffed;
    font-size: 35px;
    padding: 30px;
    border: none;
}

.productos {
    width: 100%;
    max-width: 761px;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 1;
}

.patente {
    display: block;
    margin: -30px auto 0;
    max-width: 250px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.caja-boton {
    display: table;
    margin: 20px 0px;
    width: 100%;
    max-width: 250px;
}

    .caja-boton > a {
        font-size: 18px;
        width: 100%;
        text-align: left;
        padding: 5px 30px;
    }

.caja-tiendas {
    background-color: #e5f4fb;
    padding: 130px 50px;
    margin: 50px 20px;
}

.caja-contacto {
    padding: 130px 50px;
    margin: 50px 20px;
}

.bg-contacto {
    background-color: #EDEDED;
    background-size: cover;
}

/* Slick slider */

.slick-dots li {
    margin: 0 15px;
}

.slick-dotted.slick-slider {
    margin-bottom: 90px;
}

.slick-dots {
    bottom: -65px;
}

.slick-dots li button:before {
    color: #11a1e1;
    font-size: 23px;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #0098d9;
    font-size: 23px;
}

/* Logos */

.big-neotone {
    width: 100%;
    max-width: 220px;
}

/* Productos */

.boton {
    color: #fff;
    display: table;
    border: none;
    font-size: 20px;
    padding: 2px 12px;
    text-decoration: none;
}

.neotone {
    width: 100%;
    max-width: 180px;
}

.producto {
    width: 100%;
    max-width: 210px;
}

.mu {
    max-width: 100%;
    width: 20px;
}

/* MOB */

.logo-mob {
    width: 100%;
    max-width: 150px;
    display: block;
    margin: 25px auto;
}

/* Media queries */

@media only screen and (max-width: 1200px) {
    .f-s25 {
        font-size: 18px;
    }
    .f-s30 {
        font-size: 22px;
    }
    .neotone {
        width: 100%;
        max-width: 100px;
    }
}

/* Small devices (portrait tablets and large phones, 992px and up) */
@media only screen and (max-width: 992px) {

    .mt-n50 {
        margin: -10px 0 0 !important;
    }

    h4.mb-3.ms-3.text-white {
        font-size: 10px;
        margin: 30px 0px 6px 8px !important;
    }

    .form-cont {
        position: absolute;
        top: 50%;
        margin-top: -100px;
        width: 100%;
    }
        .caja {
            max-width: 300px;
        }
            .buscador {
                font-size: 15px;
                height: 42px;
                padding: 18px;
            }
            .lupa {
                font-size: 18px;
                padding: 12px;
            }

    .patente {
        display: block;
        margin: 50px auto 0;
        max-width: 250px;
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 60px;
    }
        .slick-dots {
            bottom: -40px;
        }    
            .slick-dots li {
                margin: 0 5px;
            }
                .slick-dots li.slick-active button:before,
                .slick-dots li button:before {
                    font-size: 13px;
                }

    .caja-tiendas,
    .caja-contacto {
        padding: 30px 20px;
        margin: 50px 0;
    }

}

/* Extra small devices (phones, 576px and down) */
@media only screen and (max-width: 576px) {
    .buscador {
        font-size: 12px;
        height: 36px;
        padding: 10px;
    }
    .lupa {
        font-size: 12px;
        padding: 12px;
    }
    .logo-mob {
        max-width: 120px;
    }
    .f-s32 {
        font-size: 26px;
    }
    .f-s24 {
        font-size: 20px;
    }
    .boton {
        font-size: 19px;
    }
}