body {
  margin: 0;
  padding: 0;
  color: #707276;
  font-family: 'Hind Siliguri', sans-serif;
}

/* =============================================================== */
/* CLASES GLOBALES
================================================================ */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: #dc241f;
  border-radius: 15px;
}
.styleNavPills{
  width: 90% !important;
  margin-bottom: 20px !important;
  border: 1px solid #dc241f;
  border-radius: 15px;
}
.fondo-derco-plomo {
  background-color:#d5d5d5;
}

.fondo-derco-plomo-claro {
  background-color:#f4f4f4;
}

.fondo-derco-blanco {
  padding-left: 0px;
  padding-right: 0px;
  background-color:#fff;
}

.bt-transparente {
  background-color: #fff;
  font-size:12px;
  font-weight: bold;
  letter-spacing: 2.0px;
  padding: 8px 15px 7px 15px;
  border: 1px solid #545558;
  border-radius: 100px;
  border-color: #545558;
  margin: 0px auto 5px auto;
  color: #545558;
  width: 90% !important;

  -webkit-transition: background-color .2s linear, color .2s linear, border-color .2s linear;
  -moz-transition: background-color .2s linear, color .2s linear, border-color .2s linear;
  -o-transition: background-color .2s linear, color .2s linear, border-color .2s linear;
  transition: background-color .2s linear, color .2s linear, border-color .2s linear;
}

.bt-transparente:hover, 
.bt-transparente:focus {
  color: #fff;
  background-color: #dc241f;
  border-color: #dc241f;
}  

.bt-transparenteCompra {
  background-color: blue;
  font-size:12px;
  font-weight: bold;
  letter-spacing: 2.0px;
  padding: 8px 15px 7px 15px;
  border: 1px solid #545558;
  border-radius: 100px;
  border-color: #545558;
  margin: 0px auto 5px auto;
  color: white;
  width: 90% !important;

  -webkit-transition: background-color .2s linear, color .2s linear, border-color .2s linear;
  -moz-transition: background-color .2s linear, color .2s linear, border-color .2s linear;
  -o-transition: background-color .2s linear, color .2s linear, border-color .2s linear;
  transition: background-color .2s linear, color .2s linear, border-color .2s linear;
}

.bt-transparenteCompra:hover, 
.bt-transparenteCompra:focus {
  color: #fff;
  background-color: blue;
  border-color: blue;
}  

input[type="text"], textarea {
  outline: none;
  box-shadow:none !important;
  border:1px solid #ccc;
  color: #555;
  border-radius: 0px;
}

button { outline: none; }

.checkbox label {
  font-size: 14px;
}

.separator {
  border-bottom: 1px solid #ccc;
  margin:20px 0;
}


.bg-gris {
  background-color: #dfdfdf;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-10 {
  margin-bottom: 10px;
}

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

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.no-border {
  border:none !important;
}

.no-padding {
  padding:0;
}

.full-width {
  width:100%;
  height:auto;
}

.desparecer{
visibility: hidden;
}

p {
  font-weight: 500;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover, a:focus {
  text-decoration: underline;
  color: inherit;
}

.np {
  padding-left: 0px;
  padding-right: 0px;
}

.paddingPage {
  width: 100%;
  padding-left: 75px;
  padding-right: 75px
}

.contenedor-datos{
  opacity: 1;
  transition: 1s all;
}

.container {
  padding-top:15px;
  padding-bottom: 15px;
}

.hcont-intro {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-tile-intro {
  font-size: 30px;
}

@media(max-width: 576px){
  .text-tile-intro{
      font-size: 18px;
  }
  .hcont-intro {
    padding-right: 8px;
  }
}

@media(max-width: 320px){
  .text-tile-intro{
      font-size: 15px;
  }
}


/*Inicio*/
h1 {
  color: #545558;
  font-weight: 700;
  font-size: 34px;
}

h2 {
  color: #e41b17;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 10px;
}

h3 {
  font-size: 2.125rem;
  font-weight: 700;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
}

h4 {
  color: #707276;
  font-size: 18px;
}

.img-opciones {
  width: 100%;
  margin-bottom:15px;
}




.titleTransporte {
  font-size: 1.5rem;
}



.btnVerMas {
  color: white;
  font-size:14px;
  font-weight: bold;
  background-color: #e41b17;
  border: 1px solid white;
  border-radius: 25px;
  padding: 10px 30px;
  outline: none;
  transition: 0.6s all;
  margin-bottom: 20px; 
}

.btnBeneficios {
  color: white;
  font-size:14px;
  font-weight: bold;
  background-color: #e41b17;
  border: 1px solid white;
  border-radius: 25px;
  padding: 10px 30px;
  outline: none;
  transition: 0.6s all;
  margin-bottom: 20px; 
}

.btnVerMas2 {
  color: white;
  font-size:14px;
  font-weight: bold;
  background-color: #e41b17;
  border: 1px solid white;
  border-radius: 25px;
  padding: 10px 30px;
  outline: none;
  transition: 0.6s all;
  margin-bottom: 20px; 
}

@media(max-width: 576px){
  .containerMain {
    padding-bottom: 0px;
  }
  .btnVerMas{
    font-size: 12px;
    padding: 5px 10px;
  }
  .btnBeneficios{
    font-size: 12px;
    width: 50%;
    margin-bottom: 15px;
  }
  .btnVerMas2{
    padding: 5px 9px;
    font-size: 13px;
    text-align: center!important
  }
}

.btnVerMas:hover,
.btnVerMas:focus {
  color: #e41b17;
  border: 1px solid #e41b17;
  background-color: white;
  transition: 0.6s all;
}
.btnVerMas2:hover,
.btnVerMas2:focus {
  color: #e41b17;
  border: 1px solid #e41b17;
  background-color: white;
  transition: 0.6s all;
}
.btnBeneficios:hover,
.btnBeneficios:focus {
  color: #e41b17;
  border: 1px solid #e41b17;
  background-color: white;
  transition: 0.6s all;
}

.bg-promociones {
  background-color: #e9eaee;
  padding-top:10px;
}

.mobilePosition{
  margin-top: -71px;
    position: relative;
    z-index: 99;
    /*background-color: #e41b17;*/
}

@media(max-width: 320px){
  .btnVerMas2{
      font-size: 8px;
  }
  .btnBeneficios {
    width: 50%;
  }
}

.bt-volver {
  color: #707276;
  font-size: 14px;
}

.bt-volver:hover,
.bt-volver:focus {
  color: #dc241f;
  text-decoration: underline;
}

.btn-compraonline {
  margin-top: -27px;
}

/* =============================================================== */
/* MODELOS - FILTRO
================================================================ */
.modelo {
  padding: 20px 0px;
  background-color: #fff;
  /*min-height:375px;*/
  cursor: pointer;

  -webkit-transition: box-shadow .2s linear;
  -moz-transition: box-shadow .2s linear;
  -o-transition: box-shadow .2s linear;
  transition: box-shadow .2s linear;
}

.modelo:hover,
.modelo:focus {
  box-shadow: 0px 0px 0px 5px #dc241f;
}

.modelo .datos {
  min-height: 76px;
  padding: 0 15px;
  margin-bottom: 20px;
}

.modelo .titulo-carro {
  font-size: 20px;
  color: #383838;
  line-height: 20px;
  font-weight: bold;
  margin: 0 auto;
}

.modelo .img-responsive {
  margin: 0 auto;
}

.modelo a {
  text-decoration: none !important;
}
.backgroundBeneficio{
  background-color: #dc241f;
  padding: 5px 5px 5px 5px !important;
  border-radius:5px;
}
.beneficio-titulo{
  font-size:12px;
  color:white;
  font-weight:bold;
  padding:0;
  margin-bottom: 0px;
  text-align: left;
}
.modelo .beneficio-carro{
  font-size:16px;
  color:white;
  font-weight:bold;
  padding:0;
  margin-bottom: 0px;
  text-align: left;
}
.modelo .precio-carro {
  font-size:22px;
  color:#dc241f;
  font-weight:bold;
  margin: 5px auto;
  padding:0;
  text-align: center;
}
.borderRightLogo{
  border-right: 1px solid #707276;
}

.modelo .informacion-basica {
  font-size: 14px;
  color: #545558;
  font-weight: 600;
  margin: 0 0 0px;
  text-align: center;
}
.modelo .informacion-basica2 {
  font-size: 12px;
  color: #545558;
  font-weight: 600;
  margin: 0 0 0px;
  text-align: center;
}
.textoRegistro{
  color: white;
  font-family: 'helvetica';
  margin: 0;
  font-size: 21px;
}
.lineHeader{
  height: 1px;
  background-color: black;
  width: 280px;
  margin: auto;
}
.inputForm{
  width: 100%;
}
.fondoForms{
  background-color: rgba(180, 100, 79, 0.7);
  padding: 25px 15px;
  height: auto;
  border: 10px solid white;
}

.posFormIngreso{
  margin-top: 35px;
}

.container-año {
  width: 50%;
  border-radius: 15px;
  background-color: #dc241f;
  border-style: solid;
  border-width: 2px;
  margin: auto;
  margin-bottom: 20px;
}

.inputForm{
  border: 1px solid white;
  padding: 15px;
  font-size: 18px;
  color: rgba(180, 100, 79, 1);
  text-align: center;
}
.inputForm::placeholder{
  text-align: center;
}
.espaceBtnForm{
  margin-top: 30px;
  margin-bottom: 15px;
}
.btnFormulario{
  width: 100%;
  color: white;
  padding: 15px 20px;
  background-color: #425550;
  border: 1px solid #425550;
  font-size: 21px;
  font-family: 'helvetica_bold';
  outline: none;
  margin:auto;
  max-width: 300px;
}

.spaceBtns{
  margin-bottom: 20px;
}
/*End Inicio*/

/*Validaciones Forms*/
.errorStyle{
  color: #5E2525;
  font-family: 'helvetica';
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0px;
  opacity: 0;
  transition: 0.4s all;
}
.backgroundTurno1{
  background-color: #41544F;
  padding: 20px;
  margin-top: 25px;
}
.backgroundTurno2{
  background-color: #8A9974;
  padding: 20px;
  margin-top: 25px;
  margin-bottom: 25px;
}
.backgroundTurno3{
  background-color: #ADA157;
  padding: 20px;
  margin-top: 25px;
}
.backgroundTurno1 p,.backgroundTurno2 p,.backgroundTurno3 p{
  color:white;
  font-size: 21px;
  font-family: 'helvetica';
}
.selectButton{
  color: #B25E49;
  font-family: 'helvetica';
  font-size: 16px;
  font-weight: 600;
  background-color: white;
  border:1px solid white;
  outline: none;
  padding: 12px 8px;
  margin-top: 45px;
  width: 100%;
}
.espacioTop{
  margin-top: 150px;
}
.espacioPregunta{
  margin-top: 10px;
  margin-bottom:10px;
}
.centerInputs{
  margin: auto;
}
.labelForm{
  color: #e80707;
}
.inputForms{
  width: 100%;
  border: 1px solid black;
  padding: 5px;
  margin-bottom: 15px;
  max-width: 480px;
  outline: none;
}
.espacioBtns{
  margin-top: 25px;
  margin-bottom: 15px;
}

.btnSeguir{
  color: white;
  border: 1px solid #707276;
  border-radius: 25px;
  padding: 10px 30px;
  background-color: #707276;
  font-size: 18px;
  outline: none;
  transition: 0.6s all;
}
.btnSeguirGray{
  color: #545558;
  border: 1px solid #707276;
  border-radius: 25px;
  padding: 10px 30px;
  background-color: transparent;
  font-size: 18px;
  outline: none;
  transition: 0.6s all;
}.btnSeguirGray:hover,.btnSeguirGray:focus{
  color: #e80707;
  border: 1px solid #e80707;
  border-radius: 25px;
  padding: 10px 30px;
  background-color: white;
  font-size: 18px;
  outline: none;
  transition: 0.6s all;
}
.btnSeguir:hover,.btnSeguir:focus{
  color: #e80707;
  border: 1px solid #e80707;
  border-radius: 25px;
  padding: 10px 30px;
  background-color: white;
  font-size: 18px;
  outline: none;
  transition: 0.6s all;
}


.btnSeguir4 {
  color: white;
  border: 1px solid white;
  border-radius: 25px;
  padding: 10px 30px;
  background-color: #c81b16;
  font-size: 18px;
  outline: none;
  transition: 0.6s all;
}


.btnSeguir4:hover,
.btnSeguir4:focus {
  color: #c81b16;
  border: 1px solid #e80707;
  border-radius: 25px;
  padding: 10px 30px;
  background-color: white;
  font-size: 18px;
  outline: none;
  transition: 0.6s all;
}
#modalFirstDatos{
  background-color: rgba(0,0,0,.6);
  padding-top: 80px;
}
.modal-body{
  padding: 45px;
}
.imgTipo{
  width: 100%;
  margin: auto;
}

.btnTipoSelect{
  padding: 0px;
  margin-top: 25px;
  background-color: transparent;
  border:0px;
}

.inputPrecios{
  padding: 8px 12px;
  background-color: rgb(255, 255, 255);
  color: #555;
  border: 1px solid;
}
.marginTopCategorias{
  margin-top: 17px;
}
.marginSeccion{
  margin-bottom: 35px;
}
.tamModelo{
  height: 580px;
  margin-bottom:20px;
  background-color: white;
}
.tamModeloCamion{
  height: 540px;
  max-width: 500px;
  margin-bottom:10px;
}


.bg-opciones {
  background-color: #e41b17;
  padding: 0;
  padding-bottom: 0px;
}
/*Responsive*/

@media (min-width: 320px) {
  .paddingPage{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
  }
  .textSlogan{
    color: white;
    font-family: 'helvetica';
    font-size: 32px;
    margin-top: 5px;
    font-weight: 2  00;
    text-align: center;
    bottom: 0;
  }
  .posLogo{
      bottom: 0;
  }
  .espaceMovil{
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .marginEspacioPrecios{
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    width: 90%;
  }
  .tamModelo{
    height: 620px;
    max-width: 500px;
    margin-bottom:10px;
  }
  .tamModeloCamion{
    height: 600px;
    max-width: 500px;
    margin-bottom:10px;
  }
  .espacioPregunta{
    margin-top: 10px;
    margin-bottom:0px;
  }

    /*Desplegables*/

    .desplegable{
      background-color: #bbbbbd;
      padding: 10px 15px;
      width: 95%;
      margin: auto;
      display: block;
    }
    #desplegablePrecioAutoData{
      display: none;
    }
    #desplegablePrecioCamionData{
      display: none;
    }
    #desplegablePrecioMotoData{
      display: none;
    }
    .desplegableCategoriaAutoData{
      display: none;
    }
    .desplegableCategoriaMotoData{
      display: none;
    }
    .desplegableTransporteCamionData{
      display: none;
    }
    .desplegableMarcaAutoData{
      display: none;
    }
    .desplegableMarcaCamionData{
      display: none;
    }
    .colorTextDesplegable{
      color:#707276;
    }
    .btnDesplegable{
      border: 0;
      background-color: transparent;
      outline: none;
      width: 100%;
    }
}
@media (min-width: 768px) {
  .bg-opciones {
    background-color: #e41b17;
    padding: 0;
    padding-bottom: 10px;
  }
  .paddingPage{
    width: 100%;
    padding-left: 30px;
    padding-right: 30px
  }
  .posElements{
    position: relative;
    bottom: 0;
    margin-top: 50px;
      padding-bottom: 100px;
  }
  .textSlogan{
    position: relative;
    text-align: center;
  }
  .posLogo{
    position: relative;
  }
  .backgroundTurno3{
    margin: auto;
    max-width: 299px;
  }
  .tamModelo{
    height: 600px;
    max-width: 500px;
    margin-bottom:10px;
  }
  .tamModeloCamion{
    height: 560px;
    max-width: 500px;
    margin-bottom:10px;
  }
  .espacioPregunta{
    margin-top: 10px;
    margin-bottom:10px;
  }
  /*Desplegables*/
  .desplegable{
    background-color: #bbbbbd;
    padding: 10px 15px;
    width: 95%;
    margin: auto;
    display: none;
  }
  #desplegablePrecioAutoData{
    display: block;
  }
  #desplegablePrecioCamionData{
    display: block;
  }
  #desplegablePrecioMotoData{
    display: block;
  }
  .desplegableCategoriaAutoData{
    display: block;
  }
  .desplegableTransporteCamionData{
    display: block;
  }
  .desplegableCategoriaMotoData{
    display: block;
  }
  .desplegableMarcaAutoData{
    display: block;
  }
  .desplegableMarcaCamionData{
    display: block;
  }
}
@media (min-width: 992px) {
  .paddingPage{
    width: 100%;
    padding-left: 120px;
    padding-right: 120px
  }
  .backgroundTurno3{
    margin: 25px 0px 0px 0px;
  }
  .tamModelo{
    height: 630px;
    max-width: 100%;
  }
  .tamModeloCamion{
    height: 580px;
    max-width: 500px;
    margin-bottom:10px;
  }
}
@media (min-width: 1200px) {
  .tamModelo{
    height: 650px;
    max-width: 100%;
  }
  .textSlogan{
    position: absolute;
    text-align: left;
  }
  .posLogo{
    position: absolute;
  }
  .posElements{
    position: relative;
    bottom: 0;
    margin-top: 150px;
      padding-bottom: 100px;
  }
  .tamModeloCamion{
    height: 610px;
    max-width: 500px;
    margin-bottom:10px;
  }

}
@media (min-width: 1400px) {
  .paddingPage{
    width: 100%;
    padding-left: 150px;
    padding-right: 150px
  }
}

.content{
  text-align: center;
}

.np{
  padding-left: 0;
  padding-right: 0;
}
.sectionBanner{
  background-color: #232323;
}

.sinpadding div {
  color: white;
  padding: 10px 0px;
  border: 1px solid salmon;
  font-weight: 600;
  font-size: 32px;
  letter-spacing: 10px;
}

.titulo{
  color: black;
  font-family: 'helvetica_medium', 'Open sans';
}
.textoGeneral{
  color: black;
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
}
.imgResponsive{
  width: 100%;
  margin: auto;
}

.cardB{
  background-color: white;
  padding: 5px 20px;
  margin-top: 15px;
  max-width: 380px;
  margin: auto;
}

.carB:hover{
  border: 5px solid red;
}


/*Calculadora Derco*/
.calculadoraContainer{
  background-color: #d5d5d5;
  height: auto;
  position: fixed;
  right: 0px;
  bottom: 220px;
  border-radius: 20px;
  max-width: 450px;
  display:none;
}
.tituloCalculadora{
  padding: 10px 0px;
  color: #363839;
  font-size: 18px;
  font-family: 'Hind Siliguri', sans-serif;
  font-weight: bold;
  width: 80%;
}
.iconCalculadora{
  width: 20%;
}
.iconIMG{
  float: right;
  margin-top: 10px;
}
.upCalculadora{
  background-color: transparent;
  border: 0;
  outline: none;
  width: 100%;
  display: flex;
}
.upCalculadora:focus{
  background-color: transparent;
  border: 0;
  outline: none;
}
.inputStyle{
  width: 100%;
  padding: 6px 5px;
  font-size: 14px;
}
.inputStyle::placeholder{
  font-size: 13px;
}
.input-form{
  margin-bottom: 10px;
}
.bodyCalculadora{
  display: none;
  transition: 0.4s all;
  padding-bottom: 20px;
}
.labelCalculadora{
  margin-bottom: 0;
  color:#363839;
  font-size: 14px;
}
.calcularButton{
  border: 1px solid #363839;
  background-color: transparent;
  border-radius: 20px;
  color: #363839;
  transition: 0.4s all;
  padding: 8px 20px;
  outline: none;
  font-size: 14px;
  font-family: 'helvetica_medium', 'Open sans';
}
.btnSubmitCalculadora{
  margin-top: 25px;
  margin-bottom: 25px;
}
.calcularButton:hover{
  border: 1px solid #e80707;
  border-radius: 20px;
  background-color: #e80707;
  transition: 0.4s all;
  color: white;
  padding: 8px 20px;
  outline: none;
  font-size: 14px;
  font-family: 'helvetica_medium', 'Open sans';
}
.estiloResultado{
  color:#363839;
  font-size: 14px;
}
@media(min-width: 320px){
  .fixPad{
      padding: 5px 0px;
  }
  .pdTb{
    padding: 0px 14px;
  }

  .bg-opciones-alt {
    background-color: #c81b16;
    padding: 0;
    padding-bottom: 0px;
  }
  
}

@media(min-width: 768px){
  .fixPad{
      padding: 5px 10px;
  }
  .pdTb{
    padding: 10px 14px;
  }
  .bg-opciones-alt {
    background-color: #c81b16;
    padding: 0;
    padding-bottom: 10px;
  }
}
@media(min-width: 1024px){
  .fixPad{
      padding: 5px 15px;
  }
}

.car-border{
  border: 2px solid red;
  margin: 0px 10px;
}

.fk-btn{
  width: 5%;
  border:1px solid black;
  border-radius: 15px;
  margin-top: 40px;
}

.padin{
  margin: auto;
}

.paginador-area{
  padding: auto;
}

.marg{
margin-top: 30px;
}

.fo{
  font-family: Hind Siliguri, Arial, Helvetica, sans-serif;
}


.ig{
  background-color: white;
}

.ig:hover{
  cursor: pointer;
}

.precio-card{
  color: black;
  font-family: 'helvetica_medium', 'Open sans';
  font-size: xx-large;
}

@media(min-width: 1200px){
  .precio-card{
    font-size: xx-large;
  }
}

@media(max-width: 960){
  .precio-card{
      font-size: large;
  }
}

@media(max-width: 720px){
  .precio-card{
      font-size: medium;
  }
}

@media(max-width: 576px){
  .precio-card{
      font-size: small;
  }
}

.contInicioTop{
  background-color: red;
}

.contInicioTop2{
  background-color: #990704;
}
.contInicioMd{
 background-color: #c1c0c0;
}

.bg-grayderco{
  padding: 30px;
  padding-bottom: 5px; 
  background-color: #dc241f;
  text-align: left;
}


.bg-grayderco2{
  padding: 25px;
  text-align: left;
}

.bg-derco {
  background-color: #dc241f;
  padding: 30px;
}

.bg-gray{
  background-color: #707276;
}
.modelo-select, .marca-select {
  color: #ffffff;
  /*margin-top: 15px;*/
  cursor: pointer;
  height:35px;
  font-size: 14px; 
}

.modelo .img-responsive {
  margin: 0 auto;
}

/*.modelo-select:hover .checkbox-modelo,
.modelo-select:focus .checkbox-modelo{
  background-color: #dc241f;
  border-color: #dc241f;
}*/

.checkbox-modelo-selected-color {
  color: #ffffff;
}

.checkbox-marca-selected-color {
  color: #ffffff;
}

.checkbox-marca-selected {
  background-color: #ffffff;
  border-color: #ffffff !important;
}

.checkbox-modelo-selected {
  background-color:#ffffff;
  border-color:#ffffff !important;
}

.checkbox-modelo {
  float: right;
  width: 13px;
  height: 13px;
  border:2px solid #ffffff;
  margin-top: 1px;

  -webkit-transition: background-color .2s linear, border-color .2s linear;
  -moz-transition: background-color .2s linear, border-color .2s linear;
  -o-transition: background-color .2s linear, border-color .2s linear;
  transition: background-color .2s linear, border-color .2s linear;
}

.checkbox-marca {
  float: right;
  width: 13px;
  height: 13px;
  border:2px solid #ffffff;
  margin-top: 1px;

  -webkit-transition: background-color .2s linear, border-color .2s linear;
  -moz-transition: background-color .2s linear, border-color .2s linear;
  -o-transition: background-color .2s linear, border-color .2s linear;
  transition: background-color .2s linear, border-color .2s linear;
}

.filtros-head {
  font-size: 1.25rem;
  font-weight: 600;
  color: red;
  padding:0 !important;
  margin:0 !important;
}
.filtros-head2 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #c81b16;
  padding:0 !important;
  margin:0 !important;
}

.filtros-title, .filtros-title-gray {
  font-size:18px;
  text-transform: uppercase;
  margin:0;
}
.b-font {
  color: black !important;
}
.filtros-title-white {
  font-size: 18px !important;
  font-weight: bold;
  color: #fff !important;
  margin:0 !important;
  padding: 0 0 10px 0 !important;
  border-bottom: 3px solid #fff !important;
}

.filtros-title-gray {
  color: #545558;
  margin:0 !important;
  padding: 0 0 10px 0 !important;
  border-bottom: 3px solid #545558;
}

.filtros-title, .filtros-title-gray {
  font-size:12px;
}

.filtros-title-white {
  padding: 0 0 5px 0 !important;
  border-bottom: 1px solid #fff;
}

.filtros-title-black {
  font-size: 18px !important;
  font-weight: bold;
  color: black !important;
  margin:0 !important;
  padding: 0 0 10px 0 !important;
  border-bottom: 3px solid black !important;
}

.filtros-title-black {
  padding: 0 0 5px 0 !important;
  border-bottom: 1px solid black ;
}

.filtros-title-gray {
  padding: 0 0 5px 0 !important;
  border-bottom: 1px solid #545558;
}

#titulo-modelos-filtro {
  margin-bottom: 30px;
}

.marcas .img-responsive {
  margin: 0 auto;
}

.marcas-select select {
  color: #545558;
  margin-top: 41px;
  padding:10px 12px;
  border-radius: 25px !important;
  outline: none;
  width: 100%;
  max-width: 280px;
  background-color: #fff !important;
  border: 1px solid #d6d6d6 !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

.mgt{
  margin-bottom: 30px;
}

.mgTop{
  margin-top: 15px;
}

.bgTop{
  background-color: white;
}
.mgSides{
  margin: 5px 20px;
}

.npl{
  padding-left: 0;
}


.nav-container {
  width: 70%;
  margin: auto;
}

.rango-precio label {
  padding-top: 7px;
}

.pdTb{
  padding: 10px 14px;
}

.pdRight{
  padding-right: 25px;
}

.pdSides{
  margin: 30px 0px;
}

.precioInputs{
  margin: 0px 23px 23px 23px;
 /* margin-left: 5px;
  margin-right: 5px;*/
}

.negrita{
  font-weight: bold;
}

.card-button{
  border-radius: 25px;
  background-color: white;
  border: 1px solid black;
  font-size: 12px;
  letter-spacing: 2.0px;
  font-weight: bold;
  padding: 8px 15px 7px 15px;
}

.card-button:hover{
  background-color: red;
  color: white;
  transition: background-color .2s linear, color .2s linear, border-color .2s linear;
    transition-property: background-color, color, border-color;
    transition-duration: 0.2s, 0.2s, 0.2s;
    transition-timing-function: linear, linear, linear;
    transition-delay: 0s, 0s, 0s;
}

.contenedor-principal{
  background-color:white;
}

.filtro-container{
  margin: 20px 0px 0px 0px;
    /*padding: 23px 3px;*/
}

.mgpinput{
  margin-bottom: 10px;
}

.precioInputs2{
  margin: 26px 10px;
}

@media(min-width: 1199){
  .precioInputs{
    margin: 23px 13px;
  }
  .marginEspacioPrecios{
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
  }
}

.bg-derco2{
  padding: 0px 30px;
}

.padin2{
  margin: 27px 20px;
}

.btnVolver {
  color: #e41b17;
  border-radius: 25px;
  border: 1px solid #e41b17; 
  font-size: 12px;
  background-color: white;
  padding: 10px 30px;
  outline: none;
  transition: 0.4s all;
}

.btnSeguir {
  border: 1px solid #fff;
}

.btnSeguir2 {
  border: 1px solid #e41b17;
}

.btnSeguir,
.btnSeguir2{
  color: #e41b17;
  border-radius: 25px;
  font-size: 16px;
  background-color: white;
  padding: 10px 30px;
  outline: none;
  transition: 0.4s all;
  margin: 15px 3px;
}

.btnSeguir:hover,.btnSeguir:focus,
.btnSeguir2:hover,.btnSeguir2:focus{
  color: white;
  border-radius: 25px;
  padding: 10px 30px;
  background-color: #e41b17;
  font-size: 16px;
  outline: none;
  transition: 0.4s all;
}

.img-banner{
  max-width: 1110px;
}

@media(max-width: 1199px){
  .img-banner{
    max-width: 931px;
  }
}

@media(max-width: 991px){
  .img-banner{
    max-width: 691px;
  }
}

@media(max-width: 767px){
  .img-banner{
    max-width: 511px;
    height: 150px;
  }
}
@media(max-width: 575px){
  .img-banner{
    max-width: 544px;
  }
}

@media(min-width: 494px) and (max-width: 574px){
  .img-banner{
    max-width: 541px;
  }
}

@media(min-width: 410px) and (max-width: 493px){
  .img-banner{
    max-width: 384px;
  }
}

@media(min-width: 374px) and (max-width: 409px){
  .img-banner{
    max-width: 345px;
  }
}

@media(min-width: 358px) and (max-width: 373px){
  .img-banner{
    max-width: 330px;
  }
}

@media(max-width: 321px) and (max-width: 357px){
  .img-banner{
    max-width: 289px;
  }
}

@media(max-width: 321px){
  .modelo-select {
    font-size: 11px; 
  }
  .marca-select {
    font-size: 11px; 
  }
}
/*Mediaqueries imagen filtrada de auto*/

/*Mediaqueries imagen filtrada de auto*/

.img-filtro{
  max-width: 280px;
}

@media(max-width: 1199px){
  .img-filtro{
    max-width: 250px;
  }
}

@media(max-width: 991px){
  .img-filtro{
    max-width: 190px;
  }
}

@media(max-width: 767px){
  .img-filtro{
    max-width: 208px;
  }
}
@media(max-width: 575px){
  .img-filtro{
    max-width: 263px;
  }
  .bt-realizacotizacion{
    font-size: 17px;
  }
}

@media(max-width: 332px){
  .img-filtro{
    max-width: 248px  ;
  }
  .bt-realizacotizacion{
    font-size: 12px;
  }
}


.pd-filtro{
  padding: 10px 10px 40px 10px;
}

.card-filtro{
  /*height: 441px; */
  box-sizing: content-box;
}
@media(max-width: 1200){
  .card-filtro{
    height: 385px;
  }
}

.bt-transparente-pd{
  padding: 5px;
}

@media(min-width: 100){
  .bt-transparente-pd{
    padding: 5px;
  }
}

@media only screen and (max-width: 480px) {
  .sm-padding {
      margin-top: 10px !important;
      padding: 0 5px;
  }

  .fondo-logo .img-responsive {
      padding: 0 15%;
  }

  .bt-transparente {
      letter-spacing: 0px;
      font-size: 10px;
  }

  .marcas {
      min-height: 245px;
  }
}

/* =============================================================== */
/* MODELOS - DETALLE
================================================================ */

.titulo-autos2{
  font-weight: bold !important;
  font-size: 25px !important;
  color: #656568 !important;
  margin-top: 15px !important;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
}

.taman-colores {
  max-width: 85px;
}

.colores-block {
  display: flex;
  flex-wrap: wrap;
} 

.boton-colores {
  padding: 0;
  border:white;
  background: white
}

#modelo-imagen {
  width: 100%;
}

.p-formstyle{
  color: #FF1D25;
  padding-left: 0px;
  font-size: 13px;
  padding-top: 0px;
  margin-top: -15px;
  opacity: 0;
  transition: 0.2 all;
  margin-bottom: 3px;
}

.titulo-modelo {
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  color: #383838;
  margin: 0 !important;
  padding: 0;
}

.titulo-precio {
  font-size: 28px;
  color: #dc241f;
  font-weight: 600;
  margin-bottom: 0 !important;
}

.titulo-anio {
  color: #707276;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0 !important;
}

.btn-cotizar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.bt-realizacotizacion {
  -ms-touch-action: none;
  touch-action: none;
  color: #fff;
  background-color: #ec0000;
  border-color: #fff;
  font-size: 23px;
}

.bt-realizacotizacion:hover, 
.bt-realizacotizacion:focus {
  color: #fff !important;
  text-decoration: none;
}

.descargaPDF {
  font-family: 'Hind Siliguri';
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
  background-color: #e41b17;
  padding: 13px 17px;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
}

@media(max-width: 575px){
  .bt-realizacotizacion{
    font-size: 17px;
  }
  .descargaPDF {
    font-size: 14px;
  }
}

@media(max-width: 332px){
  .bt-realizacotizacion{
    font-size: 12px;
  }
}

/* =============================================================== */
/* COTIZADOR
================================================================ */

.cotizadorcambio {
  font-size: 25px;
  font-weight: 600;
  padding-bottom: 0px;
  color: #383838;
}

.txtBanner2HomeRight {
  text-align: right;
  font-size: 2.125rem;
  font-weight: 500;
  padding-top: 5px;
}

.txtBanner2HomeRight:hover {

}
.txtBanner2HomeCenter {
  text-align: center;
  font-size:2.125rem;
  font-weight: 500;
  padding-top: 5px;
}
.txtBanner2HomeLeft {
  text-align: left;
  font-size:2.125rem;
  font-weight: 500;
  padding-top: 5px;  
}

.mb-1{
  margin-bottom: 10px;
}

.mb-2{
  margin-bottom: 20px;
}
.mb-3{
  margin-bottom: 30px;
}
.mb-4{
  margin-bottom: 40px;
}
.mb-5{
  margin-bottom: 50px;
}

.captcha{
  margin-bottom: 15px;
}