body{
    padding: 0;
    margin: 0;
    font-family: fontRegular;
}

/* CONF */

.w100{
    width: 100%
}

.text-red{
    color: #ba364c
}

.text-azul{
    color: #253743;
}
.link-azul{
    color: #253743;
}

.link-azul:hover{
    color: #395568;
}

.text-opaco{
    color: #98c9c0;
}

.link-opaco{
    color: #98c9c0;
    text-decoration: none;
}

.link-opaco:hover{
    color: #98c9c0b2;
}

.badge-red{
    background: #ba364c;
}

.btn-red{
    background: #ba364c;
    color: white;
}

.btn-red:hover{
    background: #ba364cce;
    color: white;

}

.btn-green{
    background: #28a745;
    color: white;
}

.btn-green:hover{
    background: #21913b;
    color: white;
}

.font-bold{
    font-family: fontBold;
}

.titulo{
    border-radius: 20px;
}

.patron-uno{
    background: url('../img/lineas-verticales.png') no-repeat;
    background-position: top right
}

.my-list-group .list-group-item{
    border: 0;
    border-radius: 0;
    color: #253743
}

.my-list-group .list-group-item-secondary{
    background: #e2e2e2;
    color: #253743
}

.bornes img{
    width: 100%;
}

.bg-gray{
    background: #f0f0f0;
}

.bg-banner{
    background: url('../img/kauf-parts-banner-vans.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-atencion{
    background: url('../img/asistente-final.png') no-repeat;
    background-position: right bottom;
    background-size: 40%;
}

.bg-vehiculo{
    background: url('../img/bus-kaufmann.png') no-repeat;
    background-position: right bottom;
    background-size: 40%;
}

.bg-banner-prc{
    background: url('../img/banner-landing-another.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    color: white;
}

.link-white{
    color: rgba(255, 255, 255, 0.774);
    font-weight: 500;
    text-decoration: underline;
}

.link-white:hover{
    color: white;
}

.line-h{
    line-height: 1.6
}

.bg-dark-m{
    background: #253743;
}

.bg-black{
    background: #1d2b35;
}
.bg-celeste{
    background: #94f6dc;
}

.opacity-40{
    opacity: .4;
}

.imgbrand{
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    width: 80px;
}

.icono{
    width: 90px;
}


.mov {
    display: none
}

.desk {
    display: inline-block
}

.hidden-md{
    display: none
}

.img-footer{
    width: 180px;
}

.img-footer.kaufmann{
    margin-top: 20px;
}

/* CONTENIDO */

.marca{
    width: 170px;
    margin: 20px 0
}

.marca.small{
    width: 100px;
}

.marca.big{
    width: 250px;
}

.w-90{
    width: 95%
}

@media (max-width: 900px) {

    .mov {
        display: inline-block
    }

    .desk {
        display: none
    }
    
    .cotiza img{
        width: 100%;
    }

    .hidden-md{
        display: inline
    }

    .hidden-sm{
        display: none
    }

    .icono{
        width: 60px;
    }

    .marca{
        width: 100%;
        margin: 20px 0
    }
    
    .marca.small{
        width: 80%;
    }
    
    .marca.big{
        width: 100%;
    }

    .title-mov{
        font-size: 18px;
    }

    .mb-mov{
        margin-bottom: 20px;
    }

    .bg-atencion .pt-5{
        padding-top: 0px !important;
    }

    .bg-atencion .pt-5 .pt-5{
        padding-top: 0px !important;
    }

    .bg-atencion{
        background: none;
    }

    .bg-banner-prc{
        background: url('../img/banner-landing-another.jpg') no-repeat;
        background-position: -500px center;
        background-size: cover;
        color: white;
    }
}



@media (max-width: 768px) {

    nav .nav-tabs .nav-link:first-child{
        padding-top: 18px;
    }

    #destacados-cont .card .card-title{
        font-size: 15px;
    }

    .patron-uno{
        background: url('../img/lineas-verticales.png') no-repeat;
        background-position: top right;
        background-size: 100px;
    }
    
}

/* HEADER */

.header .logo{
    width: 120px;
}

.header .navbar-nav .nav-item{
    padding-right: 0;
    padding-left: 0;
}

.header .navbar-nav .nav-item.active{
    border-bottom: 3px solid #98c9c0;
}

/* BANNER */




/* COMENTARIOS */

.commets{
    background: #98c9c0;
}

.star{
    width: 30px;
}

/* FOOTER */

.footer .foot-brand img{
    width: 200px;
}

.footer .foot-item img{
    width: 50px;
    margin-right: 20px;
}

.footer .foot-item{
    text-align: left;
}

/* FUENTES */

@font-face {
    font-family: fontBold;
    src: url('../font/DINNextRoundedLTPro-Bold.otf');
}

@font-face {
    font-family: fontRegular;
    src: url('../font/DINNextRoundedLTPro-Regular.otf');
}