/* ====================fonts======================= */
@font-face {
    font-family: 'FiraSans Bold';
    src: url('../webfonts/FiraSans-Bold.ttf') format('ttf'), 
         url('../webfonts/FiraSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat Regular';
    src: url('../webfonts/Montserrat-Regular.ttf') format('ttf'), 
         url('../webfonts/Montserrat-Regular.woff') format('woff');
}

@font-face {
    font-family: 'FiraSans SemiBold';
    src: url('../webfonts/FiraSans-SemiBold.ttf') format('ttf'), 
         url('../webfonts/FiraSans-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'FiraSans Medium';
    src: url('../webfonts/FiraSans-Medium.ttf') format('ttf'), 
         url('../webfonts/FiraSans-Medium.woff') format('woff');  
}

@font-face {
    font-family: 'Montserrat SemiBold';
    src: url('../webfonts/Montserrat-SemiBold.ttf') format('ttf'), 
         url('../webfonts/Montserrat-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url('../webfonts/Montserrat-Bold.ttf') format('ttf'), 
         url('../webfonts/Montserrat-Bold.woff') format('woff');
}

@font-face {
    font-family: 'FiraSans Regular';
    src: url('../webfonts/FiraSans-Regular.ttf') format('ttf'), 
         url('../webfonts/FiraSans-Regular.woff') format('woff');
}

body{padding-top: 100px; font-family: 'Montserrat Regular'; font-size: 14px;}
body.auto-int {padding-top: 160px; position: relative; }
a, a:hover {text-decoration: none; cursor: pointer;}

header {padding: 0; position: fixed; top: 0; width: 100%; z-index: 99999999999; background-color: #fff;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

/*Privacidad*/
.backLoadP, .backLoadP2 {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999999991;
    left: 0;
    top: 0;
    background-color: transparent;
    background-color: rgba(0,0,0,0.76);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
    color: white;
    font-size: 18px;
    overflow-x: hidden;
    overflow-y: auto;
}
.cendiv {
    margin: 0 auto;
    width: 90%;
    padding: 21px;
    margin-top: 10%;
    text-align: center;
}
.imgclose {
    width: 70px;
    position: absolute;
    z-index: 4;
    right: 90px;
    margin-top: -50px;
    cursor: pointer;
}
.txtLeg_Priv {
    margin: 10px;
    text-align: justify;
}

.aUD {
    color: red !important;
    text-decoration: underline !important;
}
/*formularios*/
select.form-control:not([size]):not([multiple]){height: 45px;}
textarea.form-control{height: 150px;}
.form-control{height: 45px; color: #000;border-radius: 0; border: solid 2px #000;}
.form-control:focus {box-shadow: none !important; border-color: #000;}
.form-control::placeholder {color: #000;}
.custom-control-label a{color: #000; border-bottom: solid 1px #000;}

/*radios*/
.custom-control-label::before {width: 2rem; height: 2rem;background-color: #fff;}
.custom-control-label {margin-left: 30px; margin-top: 10px;}
.custom-control-label::after {border: solid 2px #ff0000; width: 2rem; height: 2rem;}

/*checkbox*/
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {background-color: #ff0000; border-radius: 0;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {background-image: none;}
.custom-checkbox .custom-control-label::before {border-radius: 0rem;}

/*botones*/
.btn {border-radius: 0rem; height: 45px;background-color: #ff0000; color: #fff;padding: .50rem .75rem;}
    .btn:hover {
        background: #fff;
        color: #f00;
        border: solid 1px red;
    }
.btn:focus{box-shadow: none;}
/*.l16{
    font-size:16px !important; 
}*/
header .container-fluid{border-bottom: solid 1px #eee;}
h1.title-sec{text-align: center; font-family: 'FiraSans Regular';}

.head-direccion {background: #000; color: #fff; font-size: 12px; padding: 5px; height: 30px;}
.head-direccion a{color: #fff;}
.head-direccion .red{margin: 0 5px 0 5px;}
.head-direccion .numero{font-family: 'FiraSans SemiBold';}
.navbar{height: 70px; background: #FFF;}
.navbar-brand img {width: 75px !important;}
.navbar-light .navbar-nav .nav-link {font-size: 15px;color: #000;}
.navbar-light .navbar-nav .nav-link.active {color: #ff0000;}
.navbar-light .navbar-nav .nav-link:hover {color: #ff0000;}
.navbar-nav{align-items: center; text-align: center;}
.img-kasa{border-left: solid 1px #c6c6c6; padding-left: 5px;}
.name-dist{font-family: 'FiraSans SemiBold'; font-size: 14px;}
.nav-link{font-family: 'FiraSans Medium';}
.submenu-modelos-wrap, .submenu-modelos-wrap2 {display: none;overflow: hidden; height: auto; position: relative; z-index: 9999; background: #fff; width: 100%; opacity: 0.9;}
.submenu-modelos-wrap ul, .submenu-modelos-wrap2 ul{padding: 25px 70px 25px 70px; list-style: none; font-family: 'FiraSans Medium'; text-align: center; color: #000;}
.submenu-modelos-wrap a, .submenu-modelos-wrap2 a{color: #000;}
.submenu-modelos-wrap a:hover, .submenu-modelos-wrap2 a:hover{color: #ff0000;}
.toggle-submenu-modelos::after{
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}
.toggle-submenu-modelos.active::after{width: 5px; border-top: 0; border-bottom: 0.3em solid;}

.head-direccion ul li.icon-head::before{background-image: url(../svg/whatsapp.svg);}
.head-direccion ul li.icon-tel::before{background-image: url(../svg/telefono.svg);}
.head-direccion ul li::before{position: absolute;content: ""; width: 25px;height: 25px;top: calc(30% - 8px);left: 10px;background-size: 25px 25px;background-position: left center;background-repeat: no-repeat;}
.head-direccion ul {list-style: none; padding-left: 0px; align-items: center;}
.tel-movil{background: #ff0000; text-align: center; padding: 0; color: #fff;font-size: 18px;}
.tel-movil span{font-family: 'FiraSans SemiBold';}
.tel-movil font{
	display: block;
    background: #bcbcbc;
    padding: 5px 0;
    color: #000;
}
.tel-movil font img {width: 18px; margin-right: 10px;}


/*heaader movil*/
.header-contact{display: none;}
.header-contact .accordion{display: flex; flex-direction: row; position: relative;}
.header-contact .card{position: unset; width: 33.3%; border: none;}
.header-contact .content-view{position: absolute; top: 45px; width: 100%; left: 0; background-color: #fff; box-shadow: 0px 21px 19px -19px rgb(158, 158, 158); z-index: 9;}
.header-contact .content-view ul{list-style: none; padding: 0; text-align: center; margin-bottom: 0;}
.header-contact .content-view ul li{padding: 10px; border-bottom: 1px solid #eee;}
.header-contact .content-view ul li a{color: #000; font-family: 'FiraSans Medium';} 

.card button .svg-img{display: block; margin: 0 auto;}
.card button.btn.collapsed .svg-img path.st2{fill: #fff;}
.card button.btn.collapsed .svg-img path.st1{fill: #fff;}
.card button.btn.collapsed{color: #fff; background-color: #000; font-size: 12px; padding: 0; transition: all .3s ease;}


.card button.btn{color: #ff0000; background-color: #fff; font-size: 12px; padding: 0; font-family: 'FiraSans Medium';}
.card button.btn:hover{color: #ff0000; background-color: #fff;}
.card button.btn:hover .svg-img path.st2, .card button.btn .svg-img path.st2{fill: #ff0000;}
.card button.btn:hover .svg-img path.st1, .card button.btn .svg-img path.st1{fill: #ff0000;}


.navbar-nav .dropdown-item{font-family: 'FiraSans Medium'; font-size: 11px; color: #000;}
/*menu autos*/
.marco {height: 115px;}
.modelo a:hover{color: #fff !important;}
.modeloselect {
    border-color: red !important;
    color: red;
}

/*Slider*/
.btn-cot{font-family: 'FiraSans Medium'; background: #ff0000; color: #fff; width: 180px; font-size: 18px; margin: 0 10px 20px 10px;}
.btn-pmanejo{font-family: 'FiraSans Medium'; background: #bcbcbc; color: #000; width: 180px; font-size: 18px; margin: 0 10px 20px 10px;}
.btn-pmanejo:hover{background: #000 !important; color: #fff;}

/*secciones*/
.container{max-width: 1320px;}

/*crm*/
.fondo-icono{background: #eee; margin: 10px; padding: 10px; cursor: pointer;}
.fondo-icono:hover{color: #ff0000;}
.fondo-icono:hover .svg-img path.st3{fill:#ff0000;text-align: center;} 
.fondo-icono:hover .svg-img path.st5{fill:#ff0000;text-align: center;} 
.servicios{justify-content: center;}
.servicios span{font-family: 'FiraSans SemiBold'; font-size: 17px;}

/*servicio-fixed*/
/*.servicio-fixed{position: fixed; color: #000; background-color: orange; height: 60px; top: 30%; left: 15px;z-index: 9;}
.servicio-fixed:hover{background-color: #f8a336;}
.servicio-fixed p{text-align: center;  padding: 12px; font-size: 12px;font-family: 'Montserrat Regular';}
.servicio-fixed p span{font-family: 'Montserrat SemiBold';}
.servicio-fixed img{margin-bottom: 20px;padding-right: 15px;}*/

/*call fixed*/
.fixed-container{position: fixed; left: 5%; top: 85%;z-index: 9;}
.call-fixed, .button, .call-fixed .nav{position: absolute;}
.call-fixed{margin-left: -20px;}
#toggle{display: none;}
.button{z-index: 999;width: 70px;height: 70px;transition: all 0.5s ease-in-out;cursor: pointer;background-image: url("../img/mensajes/mensajes.png");margin-left: -10px;}
.button2{background-image: url("../img/mensajes/cerrar.png");}
.call-fixed .nav{transform: translateY(-10%);opacity: 0;top: 13px;left: 12px;transition: all 0.5s ease-in-out;width: 100px;border-radius: 5px;transform: translateY(-50%);}
.call-fixed .nav a{text-align: center;display: block;margin: 10px 0;transition: all 300ms;}
.call-fixed .nav a:hover{color: #5f5f5f;}
#toggle:checked ~ .nav{opacity: 1;transform: translateY(-105%);}
#toggle:checked ~ .button{transform: rotate(90deg);box-shadow: 0 0 0 0 transparent;}

/*cotizacion rapida*/
.cot-rapida{background: #bcbcbc;}
.cot-rapida .form-control{background: #bcbcbc;}

/*modelos*/
.modelo{margin-top: 50px;}
.modelos .list-group{display: block;}
.modelos .tab-content > .active {display: flex;}
.marco{height: 130px; border: solid 2px black; position: absolute; width: 95%; margin-top: -30px;z-index: -5; font-family: 'Montserrat Bold';}
.modelo:hover .marco{border: solid 2px #ff0000;}
.btn-auto {background: #ff0000; color: #fff; border-radius: 0;font-family: 'FiraSans Bold'; height: 40px;}
.btn-auto:hover{background: #bf0915 !important;}
.marco img{margin-left: 5px; margin-top: -7px;}
.modelo span.precio{font-family: 'FiraSans SemiBold'; font-size: 18px;}
.modelo span{font-size: 12px;}
.tit-modelos{font-family: 'FiraSans Bold'; font-size: 25px; color: #bcbcbc; margin-right: 25px; margin-left: 25px;}
.modelos .list-group a.active{border-bottom: solid 2px #ff0000; color: #000;}
.modelos .list-group a:hover{color: #000;}

/*footer*/
footer{background-color: #1e2123; color: #8a8888;font-size: 12px;}
.redes .svg-img path.st2, .redes .svg-img circle.st2{fill:#8a8888;}
hr{border-top: 1px solid #bcbcbc;}
footer h5, footer h4{font-family: 'FiraSans Bold'; margin-top: 20px; font-size: 18px;}
footer .btn-footer{background: #1e2123; color: #bcbcbc; border-radius: 0rem; border: 1px solid #bcbcbc;font-size: 12px;font-family: 'FiraSans Bold';}
footer .btn-footer:hover{background: #bcbcbc !important; color: #1e2123;}
.redes svg.svg-img{margin-right: 15px; width: 35px; height: 35px;}
.horas{text-align: right;}
.info-footer{justify-content:center;align-items: start;}
footer a {
    color: #8a8888 !important;
}
/*CRM*/
.crm-fixed {
    position: fixed;
    top: calc(50% - 135px);
    z-index: 999;
    right: 85px;
    text-align: center;
}
.crm-fixed a {position: relative;display: flex;height: 70px;transition: all linear 0.2s; margin-bottom: 5px;}
.crm-fixed a p{font-size: 9px; font-family: 'Montserrat SemiBold'; color: #fff; margin-bottom: 0;}
.crm-fixed a .img {position: absolute;z-index: 99999; width: 85px;height: 70px;padding: 6px;background: #ff0000;}
.crm-fixed a .img img {margin: 0px 10px 2px 10px;}
.crm-fixed a .img svg {width: 60px; height: 60px;}
.crm-fixed a .img svg path, .crm-fixed a .img svg polygon, .crm-fixed a .img svg rect{fill: #fff;}
.crm-fixed a:hover .img {background-color: #bf0915;}

.crm-movil{display: none;}
.crm-movil img{width: 20px; padding: 0 0 5px;}
.crm-movil p{font-size: 10px; color: #fff; font-family: 'Montserrat SemiBold'; margin-bottom: 0; line-height: 1.2;}
.crm-movil .crm-fondo {
	width: auto;
	background-color: #ff0000;
	padding: 0;
}
.crm-movil .crm-fondo a {
	display: block;
    height: 61px;
    padding: 5px 2px;
    margin: 0;
    border-right: solid 1px rgba(255,255,255,0.5);
}
.crm-movil .crm-fondo:last-child a {border: none;}

.crm-fixed.izq {position: fixed; top: calc(50% - 135px); z-index: 999; right: unset; text-align: center;left: 0px;}
.crm-fixed.izq a .img img {margin: 0px 10px 11px 10px;} 


/*PRUEBA DE MANEJO*/
.pmanejo .modelo{cursor: pointer;}
.pmanejo .marco {font-family: 'Montserrat Bold'; font-size: 28px; padding-right: 10px;}
.pmanejo .marco span{font-size: 20px;}
.manejo .datos select{margin-bottom: 50px;}
h2 span{color: #ff0000;}
.vl {border-left: 2px solid #bcbcbc;height: 100px;}
.datos h2, .modelos h2{font-family: 'FiraSans Regular';}
.reacc {
    float: left;
    width: 100%;
    text-align: center;
}
/*contacto*/
/*.contacto .datos textarea.form-control{height: 150px;}*/
.mapa iframe {
    height: 500px;
}
.info-contacto h5{font-family: 'Montserrat SemiBold';}
.info-contacto h3{font-family: 'FiraSans SemiBold';}

/*credito*/
/*.credito .custom-select{margin-bottom: 0;}*/
.credito p{color: #fff; background: #bcbcbc; padding: 25px; text-align: center; font-size: 1rem;}
.credito .precio::placeholder{color: #fff;}
.credito .precio{background: #000;}
.credito-title h5{color: #ff0000; font-family: 'Montserrat SemiBold';}
.credito h6, .credito-title p{font-family: 'Montserrat SemiBold'; font-size: 20px;}
.credito h5, .planes h5, .autofin h5, .auto-text h5, .cotizacion h5, .cita h5{font-family: 'Montserrat SemiBold';}

/*autofinanciamiento*/
.auto-text{font-family: 'Montserrat Regular'; font-size: 15px; text-align: justify;}
.auto-text span{color: #ff0000;}
.planes .list-group{display: block; background: #bcbcbc; padding-top: 7px; padding-bottom: 7px;}
.planes a{padding-left: 6%; padding-right: 6%; padding-top: 10px; padding-bottom: 10px; /*background: #bcbcbc; */font-family: 'Montserrat Bold'; font-size: 20px; color: #000;}
.planes a.active{background: #ff0000; color: #fff;}
.planes p{font-family: 'Montserrat Regular'; font-size: 15px;}
.btn-credito{font-family: 'FiraSans Bold'; font-size: 20px; border: solid 2px #ff0000; background: #fff !important; color: #ff0000 !important;}
.btn-credito:hover{background: #ff0000!important; color: #fff !important;}

.cotizacion{margin-bottom: 100px;}
.cotizacion .custom-radio .custom-control-input:checked ~ .custom-control-label::after {background-image: none;}
.cotizacion .custom-radio .custom-control-label::before {border-radius: 0;}
.cotizacion .custom-radio .custom-control-input:checked ~ .custom-control-label::before {background-color: #ff0000;}
.cotizacion textarea.form-control{height: 150px; margin-top: 0px;}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: none;}
.custom-control-input:active ~ .custom-control-label::before {background-color: #fff;}

/*promociones*/
.promo .legales{font-size: 11px;}
.promo .promo-modelo{background: #f1f1f1; text-align: center; font-size: 25px; padding: 5px; font-family: 'Montserrat Bold';}
.promo .promo-modelo span{font-size: 18px;}
.btn-promo{width: 100%; background: #ff0000; color: #fff; font-family: 'FiraSans Medium';}
.promo .card-body{background: #f1f1f1; text-align: justify;}
.btn-promo{background-image: url(../img/mas.png);background-repeat: no-repeat;background-position-x: 95%;background-position-y: center; background-size: 25px; text-align: center;padding: .76rem .75rem;font-size: 1rem; cursor: pointer;}
.btn-promo2{background-image: url(../img/menos.png);}
.btn-promo3{margin: 0 auto; display: block; width: 250px; font-family: 'FiraSans Medium';}
.btn-promo3:hover{background: #cb0000 !important; color: #fff;}

/*cita-servicio*/
.cita button{margin-top: -45px;}
.cita .btn-cancel{background: #fff; color: #ff0000; border: solid 2px #ff0000;}
.cita .custom-control.custom-checkbox{margin-top: -120px;}
.cita .btn-cancel:hover{background: #ff0000 !important; color: #fff;}
.cita .servicio-title{text-align: center;width: 100%; background: #000; padding: 10px 0 10px 0;color: #fff;margin-bottom: 0;}
.cita .servicio-content{width: 100%; border: solid 2px #000;height: 100px; padding: 10px;}

/*form-contacto*/
section.contacto { background-color: #000; color: #fff; padding: 25px 0;}
.form-grid{display: flex; justify-content: space-between;}
.form-grid .form-derecha{width: 49%}
.form-grid .form-izquierda{width: 49%}
.form-izquierda .form-control{margin-bottom: 15px;}
/*.form-izquierda .form-control::placeholder {color: #989494;}*/

.form-derecha .radios-group{display: flex; align-items: baseline; justify-content: flex-start; margin-bottom: 15px;}
/*.form-derecha .radios-group .custom-control-label::after, .checkbox-form-contact .custom-control-label::after{width: 1.5rem; height: 1.5rem; border: solid 1px #989494;}*/
.form-derecha .radios-group .custom-control-label, .checkbox-form-contact .custom-control-label{margin: 12px 13px 0 16px;}
/*.form-derecha .radios-group .custom-control-label::before, .checkbox-form-contact .custom-control-label::before{width: 1.5rem; height: 1.5rem; background-color: #000;}*/
.form-derecha .custom-radio .custom-control-label::before, .checkbox-form-contact .custom-control-label::before{border-radius: 0;}
.form-derecha .custom-radio .custom-control-input:checked ~ .custom-control-label::before, .checkbox-form-contact .custom-control-input:checked ~ .custom-control-label::before{background-color: #ff0000;}
.form-derecha .custom-radio .custom-control-input:checked ~ .custom-control-label::after, .checkbox-form-contact .custom-control-input:checked ~ .custom-control-label::after{background-image: none;}

.label-radio span{margin-right: 10px;}
.texarea-contacto{margin-top: 25px;}
.texarea-contacto textarea{height: auto; background-color: #fff; color: #000; border: solid 2px #000;}
/*.texarea-contacto textarea:focus{border: solid 1px #989494;}*/
.texarea-contacto .form-control::placeholder {color: #000;}
/*.texarea-contacto .form-control:focus {background-color: #000;}*/

.form-contacto .avisoPriv{color: #000;}
.form-contacto .avisoPriv:hover{text-decoration: #000; text-decoration-line: underline;}
.form-contacto .btn-form2{background-color: #F01734; color: #fff; margin: 5px; width: 270px;}
.form-contacto .end-form{text-align: center;}
.form-contacto .end-form .avisoPriv {margin: 10px auto;width: auto; display: inline-block;}
.form-contacto .checkbox-form-contact{display: flex; justify-content: center; margin-bottom: 20px;}


/*menu auto*/
.container-fluid.ver-desktop {top: 100px; background-color: #000; border:none;}
.menu-interior {display: flex; flex-direction: row; flex-wrap: wrap; height: 60px;}
.menu-interior .img-logo { width: 15%; }
.menu-interior .list-group { width: 85%; flex-direction: row; justify-content: flex-end; }
.menu-interior .list-group-item {padding: 1em 0.5rem; margin-bottom: 0; height: 50px;  border: none; background-color: transparent; }
.menu-interior .list-group-item-action {color: #fff; width: auto; }
.menu-interior .img-logo img { width: 150px;}
.menu-interior .btn-collapse img { width: 150px;}
.menu-interior .list-group a::after, #menu-movil a::after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 0;
        border-bottom: 3px solid red;
        bottom: 0;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform .3s ease-in;
        transition: transform .3s ease-in;
    }

.menu-interior .list-group a.active::after, .menu-interior .list-group a:hover::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1);   transform: scaleX(1);
    }
#menu-movil a:hover::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}
.container-fluid.ver-movil { background-color: #000; height: 60px; padding: 0; position: fixed;  top: 100px; display: none;}
.menu-interior .btn-collapse { width: 100%;}
.menu-interior .btn-collapse a { color: #fff; display: block; height: 60px; padding: 0 0.75em;    }
.menu-interior #menu-movil {width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.8);}
#menu-movil .list-group-item:first-child { border-top-left-radius: 0em !important; border-top-right-radius: 0em !important;}




@media (max-width: 1200px) {

    /*menu auto*/
    .menu-interior .list-group-item { padding: 1.2em 0.5rem; font-size: 13px; }

	.info-footer .contacto{display: flex;}
	.info-footer .contacto{text-align: center;}
	.horas{text-align: right;}
	.head-direccion .col-md-2, .head-direccion .col-md-3{font-size: 10px; padding-right: 5px; padding-left: 5px;}
	.navbar-nav li br{display: none;}

	.btn-pmanejo, .btn-cot{width: 140px; font-size: 15px; height: 35px; margin-bottom: 10px;}

	.galeria img{width: auto;}

	.tab-content .slider-counter, .tab-content .slider-counter2, .tab-content .slider-counter3, .tab-content .slider-counter4 {position: absolute;right: 4%; top: 86%;}

	/*pmanejo*/
	.pmanejo .marco {font-size: 20px; height: 109px;}
	.manejo .datos select {margin-bottom: 45%;}

	/*menu autos*/
	#autos-nuevos img.w-75{padding-top: 5px;}

    .planes a{padding-bottom: 13px; padding-top: 12px; font-size: 16px;}
    .planes .list-group {padding-bottom: 10px; padding-top: 10px;}

    /*form-contacto*/
	.form-derecha .radios-group {flex-wrap: wrap;}

	.navbar{padding: .5rem 0rem;}
	.img-kasa {border-left: none; width: 120px; padding-left: 0px;}
	.navbar-light .navbar-nav .nav-link {font-size: 12px;}
	.navbar-nav {align-items: baseline;}
	.navbar-expand-lg .navbar-nav .nav-link {padding-right: .3rem; padding-left: .3rem;}
	
}

@media (max-width: 991px) {

    /*menu auto*/
    .container-fluid.ver-movil { display: initial; }
    .container-fluid.ver-desktop { display: none; }
    .menu-interior .list-group-item {font-size: 14px; height: 45px; }
    .ver-movil .btn-movil::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; position: absolute; font-size: 22px; right: 25px; top: 10px; color: #fff;}

	body{padding-top:  120px;}
	.head-direccion ul {padding-left: 10px;}
	.head-direccion{height: 50px;}
	.navbar-toggler{position: fixed; right: 0; bottom: 2%;z-index: 99;}
	.navbar {padding: 0;}
	.navbar-nav li:first-child, .navbar-nav li:last-child{display: none;}
	.btn-pmanejo, .btn-cot{width: 120px; font-size: 13px; height: 30px; margin-bottom: 0px;}
	.nav-link br{display: none;}
	.navbar-nav .nav-item {width: 100%; border-bottom: solid 1px #f6f6f6;}
	.dropdown-menu{border: none;}
	.navbar-light .navbar-toggler-icon {background-image: url("../img/menu-movil.png");}
	.navbar-toggler-icon {width: 55px; height: 55px;}
	.navbar-light .navbar-toggler {border-color: transparent;}
	.navbar-light .navbar-toggler-icon.close {background-image: url("../img/menu-movil-cerrar.png");opacity: 1;}

    .navbar-brand img { width: 45px !important; }   
    .img-kasa-logo { height: 40px;}

    /*.navbar-collapse{padding-top: 100px;}*/

	.crm-fixed {right: 60px;}
	.crm-fixed a p{display: none;}
 	.crm-fixed a .img{height: 50px; width: 60px;}
	.crm-fixed a .img img{margin: 0;}
	.crm-fixed a{height: 50px;}

	/*autos index*/
	.auto-index .marco {height: 168px;}

	/*caract*/
	.img-high{margin: 0 auto; margin-bottom: 25px;}

	/*caracteristicas*/
	.slider-highlights .owl-nav .owl-prev::before {left: 10%; top: 40%;}
	.slider-highlights .owl-nav .owl-next::before {right: 10%; top: 40%;}
	.fondo-high{background: #bcbcbc; height: 60%; position: absolute; width: 100%; margin: 0; padding: 0;}
	.dark {background-color: #363636 !important;}
	.highlights h6{color: #fff;}
	.slide-desk{display: none;}
	.slide-tab{display: block;}
	.title-tab{background-color: #bcbcbc; text-align: center; color: #fff; margin-bottom: 0; padding-top: 10px;}
	.slider-counter, .slider-counter2, .slider-counter3, .slider-counter4{right: 16%;top: 66%;}
	.slider-specs .owl-nav .owl-prev::before, .slider-specs2 .owl-nav .owl-prev::before, .slider-specs3 .owl-nav .owl-prev::before, .slider-specs4 .owl-nav .owl-prev::before {left: 7%; top: 35%;}
	.slider-specs .owl-nav .owl-next::before, .slider-specs2 .owl-nav .owl-next::before, .slider-specs3 .owl-nav .owl-next::before, .slider-specs4 .owl-nav .owl-next::before {right: 7%; top: 35%;}

	/*contacto*/
	.info-contacto .horarios{margin-top: 35px;}
	.vl{display: none;}

	/*pmanejo*/
	.manejo .datos select {margin-bottom: 15%;margin-top: 15%;}

    .planes a{padding-left: 4%; padding-right: 4%;font-size: 16px;padding-bottom: 9px;}
    .planes .list-group {padding-bottom: 7px; padding-top: 9px;}

    .promo{padding: 30px;}
    .promos .datos .form-control{margin: 0;}

    .cita button{margin-top: 30px;}
    .cita .custom-control.custom-checkbox{margin-top: 30px;}

    .form-derecha .radios-group .custom-control{margin-bottom: 6px;}
    .form-derecha .radios-group { flex-wrap: wrap;  }
}

@media (max-width: 767px) {
    /*header contacto*/
    .header-contact{display: block;}

    /*menu auto*/
    /*.container-fluid.ver-movil { top: 105px; height: 55px; }*/
    .container-fluid.ver-movil { top: 124px; height: 55px; }       
    .menu-interior #menu-movil { margin-top: -5px; }
    .ver-movil .btn-movil::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; position: absolute; font-size: 22px; right: 25px;    top: 10px;
        color: #fff;
    }

	body{padding-top:  114px;}
	.info-footer .col-6, .contacto .col{padding: 0}
	.horarios{justify-content:center;}
	.info-head{display: none;}
	.head-direccion li:first-child{text-align: left;}
	.head-direccion li:last-child{text-align: right;}
	.head-direccion ul{padding: 0px 20px 0 20px; margin-bottom: 0;}
	.head-direccion {height: 26px; padding: 1px 5px;}
	.navbar-collapse{margin-top: 117px; /*padding-top: 90px !important;*/}

	.navbar {padding: 0 5px; height: 60px;}

	/*autos index*/
	.auto-index .marco {height: 130px;}

	.btn-pmanejo, .btn-cot{width: 145px; font-size: 18px; height: auto; margin-bottom: 15%;}
	.carousel-caption{width: 100%; left: 10%;}

	/*colores*/
	.colores .content-img {height: 265px; padding-top: 5rem}
	.color-back{height: auto;}
    .color-back {background-size: cover;}

    /*galeria*/
    .galeria td a::before {width: 30px; height: 30px; background-size: 30px 30px;}

	#banner .carousel-caption{left: 0; width: 100%;}
	#banner .btn-pmanejo, #banner .btn-cot{margin-bottom: 0;}

	/*caracteristicas*/
	.nav-tabs{display: none;}
	.slider-highlights .owl-nav .owl-prev::before, .slider-specs2 .owl-nav .owl-prev::before, .slider-specs3 .owl-nav .owl-prev::before, .slider-specs4 .owl-nav .owl-prev::before {top: 30%;}
	.slider-highlights .owl-nav .owl-next::before, .slider-specs2 .owl-nav .owl-next::before, .slider-specs3 .owl-nav .owl-next::before, .slider-specs4 .owl-nav .owl-next::before {top: 30%;}
	.text-high {padding: 0 50px 0 50px;}
	.slider-counter, .slider-counter2, .slider-counter3, .slider-counter4 {right: 16%;top: 59%;}
	.inicio-seccion p {width: 85%; text-align: justify;}

	/*pmanejo*/
	.pmanejo .marco {font-size: 23px; height: 130px;}

	.servicio-fixed{display: none;}

    .planes .list-group {display: flex;padding-top: 0px;padding-bottom: 0px;}
    .planes a{border-bottom: solid 1px #fff;}

    .promo{padding: 20px 0 20px 0;}

    /*form-contacto*/
	.form-grid{flex-wrap: wrap;}
	.form-grid .form-derecha{width: 100%}
	.form-grid .form-izquierda{width: 100%}
	.form-derecha .radios-group {align-items: baseline;}


}

@media (max-width: 575px) {

	body{padding-top: 124px;}
    /*body.auto-int { padding-top: 124px;  position: relative;  }*/

	.info-footer .contacto{display: block; text-align: left;}
	.btn-pmanejo, .btn-cot{font-size: 16px; margin-bottom: 3%;}
	.carousel-caption{width: auto; left: 15%;}
	.crm-fixed{display: none;}
    .crm-movil { display: flex; padding: 0; margin-top: 0;  position: fixed; z-index: 9; bottom: 0; width: 100%; }
    .navbar-toggler { bottom: 15%; }
    .crm-movil .crm-fondo a { padding: 10px 2px; }   

    .navbar-collapse{margin-top: 118px !important; /*padding-top: 90px !important;*/} 

	/*autos index*/
	.auto-index .marco {height: 190px;}

	/*caracteristicas*/
	.fondo-high {height: 60%;}
	.text-high{padding: 0 30px 0 30px;}
	.text-high p {font-size: 12px;}
	.highlights h6 {font-size: 14px;}
	.title-tab{font-size: 30px;}
	.slider-counter, .slider-counter2, .slider-counter3, .slider-counter4 {right: 13%; top: 58%;}
	.slider-specs .owl-nav .owl-prev::before, .slider-specs2 .owl-nav .owl-prev::before, .slider-specs3 .owl-nav .owl-prev::before, .slider-specs4 .owl-nav .owl-prev::before {left: 2%; top: 32%;}
	.slider-specs .owl-nav .owl-next::before, .slider-specs2 .owl-nav .owl-next::before, .slider-specs3 .owl-nav .owl-next::before, .slider-specs4 .owl-nav .owl-next::before {right: 2%; top: 32%;}

	/*contacto*/
	.info-contacto .horarios{font-size: 12px;}
	.mapa iframe{height: 300px;}
	h1{font-size: 28px;}

	/*pmanejo*/
	.pmanejo .marco {font-size: 18px; height: 105px;}
	.modelos h2, .datos h2 {font-size: 25px; margin-bottom: 20px;}

	#navbarSupportedContent.height-mov{height: 480px; overflow-y: auto; overflow-x: hidden; -webkit-transition: all 0.6s ease-in-out;transition: all 0.5s ease-in-out;}
	.container-fluid{padding: 0;}

    .credito select {margin-bottom: 0;margin-top: 0;}
    .credito h6 {font-size: 14px;}
    .credito .btn{font-size: 12px;}
    .credito h5{text-align: center; font-size: 17px;}

    .auto-text p{font-size: 13px;}
    .auto-text h5{font-size: 18px;}

    .cita br{display: none;}

    /*form-contacto*/
    .form-derecha .radios-group {
        flex-direction: column;
    }
}

@media (max-width: 480px) {

    .tit-modelos {
        font-size: 20px;
        margin-right: 15px;
        margin-left: 15px;
    }

    .btn-pmanejo, .btn-cot {
        width: 120px;
        font-size: 14px;
        margin-bottom: 0;
    }

    .carousel-caption {
        width: 100%;
        left: 0;
        padding-bottom: 10px;
    }

    .auto-index .marco {
        height: 130px;
    }

    /*colores*/
    /*.colores .content-img {height: 260px; padding-top: 7rem;}
	.colores .content-img img {width: 125%; left: -35px;}
	.colores a{margin-left: 0; margin-right: 0;}*/

    /*galeria*/
    .galeria td a::before {
        left: 43%;
    }

    /*caracteristicas*/
    .fondo-high {
        height: 40%;
    }

    .slider-counter, .slider-counter2, .slider-counter3, .slider-counter4 {
        right: 14%;
        top: 56%;
        font-size: 12px;
    }

    .slider-specs .owl-nav .owl-prev::before, .slider-specs2 .owl-nav .owl-prev::before, .slider-specs3 .owl-nav .owl-prev::before, .slider-specs4 .owl-nav .owl-prev::before {
        left: 0;
        top: 21%;
    }

    .slider-specs .owl-nav .owl-next::before, .slider-specs2 .owl-nav .owl-next::before, .slider-specs3 .owl-nav .owl-next::before, .slider-specs4 .owl-nav .owl-next::before {
        right: 0;
        top: 21%;
    }

    /*pmanejo*/
    .pmanejo .marco {
        font-size: 13px;
        height: 70px;
    }

        .pmanejo .marco span {
            font-size: 13px;
        }

    .pmanejo .modelo img {
        width: 108% !important;
    }

    .btn-promo3 {
        width: 100%;
    }

    /*form-contacto*/
    .checkbox-form-contact {
        flex-wrap: wrap;
    }

    .checkbox-form-contact .custom-checkbox { width: 100%; text-align: center; }

    /*form-contacto*/
    .form-derecha .radios-group .custom-control {
        margin-bottom: 6px;
    }

    /*crm*/
    .container-fluid.ver-movil { top: 131px;  height: 55px; border-top: solid 1px red;}  
    
    /*crm*/
    .crm-movil { bottom: -1px; }
    .crm-movil .crm-fondo a { padding: 5px 2px; }
}

img.logodist{width: 145px !important; border-left: solid 1px #c6c6c6;
    padding-left: 5px;}

img.logodistmov{width: 140px;}

a.dropdown-item {
    /* display: block; */
    text-align: center;
    /* color: var(--color-secondary); */
    padding: 6px 0;
    color: #585f69!important;
}

.NomDist {
    border-left: solid 1px #c6c6c6;
    padding-left: 5px;
}