* { border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
a {
  outline: none;
  text-decoration: none;
  color: #000;
}
body {font-family: 'Rubik', sans-serif!important; overflow-x: hidden;}
p { font-size: 13px; font-weight: 400; padding-bottom: 10px; }
header {
    background: rgba(0,0,0,.85);
    /*background: rgba(72,220,91,1);
    background: -moz-linear-gradient(-45deg, rgba(72,220,91,1) 0%, rgba(15,15,15,0.93) 64%, rgba(15,15,15,0.89) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(72,220,91,1)), color-stop(64%, rgba(15,15,15,0.93)), color-stop(100%, rgba(15,15,15,0.89)));
    background: -webkit-linear-gradient(-45deg, rgba(72,220,91,1) 0%, rgba(15,15,15,0.93) 64%, rgba(15,15,15,0.89) 100%);
    background: -o-linear-gradient(-45deg, rgba(72,220,91,1) 0%, rgba(15,15,15,0.93) 64%, rgba(15,15,15,0.89) 100%);
    background: -ms-linear-gradient(-45deg, rgba(72,220,91,1) 0%, rgba(15,15,15,0.93) 64%, rgba(15,15,15,0.89) 100%);
    background: linear-gradient(135deg, rgba(72,220,91,1) 0%, rgba(15,15,15,0.93) 64%, rgba(15,15,15,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48dc5b', endColorstr='#0f0f0f', GradientType=1 );*/
    position: relative;
    width: 100%;
    text-align: center;
    padding: 15px 0 15px;
    z-index: 1000;
    height: 110px;
}

@media screen and (max-width: 767px) {
    header {
        height: 80px;
    }
}

.marquee-content {
    display: block;
    clear: both;
    width: 100%;
    height: 50px;
    overflow: hidden;
    position: relative;
    background-color: #232323;
    border-top: 1px solid #1d1d1d;
}
.marquee {
    font-size: 17px;
    text-transform: uppercase;
    color: #46d759;;
    font-weight: 400;
    position: absolute;
    width: 'auto';
    margin: 0;
    line-height: 50px;
    text-align: left;
    white-space: nowrap;
    animation: marqueeAnim 35s linear infinite;
}
.marquee span {
    color: #46d759;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .marquee {
        font-size: 16px;
    }
}

@keyframes marqueeAnim {
    0% {
        transform: translateX(55%);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    100% {
        transform: translateX(-100%);
    }
}

@media screen and (max-width: 1200px) {
    @keyframes marqueeAnim {
        0% {
            transform: translateX(40%);
            opacity: 0;
        }
        5% {
            opacity: 1;
        }
        100% {
            transform: translateX(-100%);
        }
    }
}

@media screen and (max-width: 500px) {
    @keyframes marqueeAnim {
        0% {
            transform: translateX(20%);
            opacity: 0;
        }
        5% {
            opacity: 1;
        }
        100% {
            transform: translateX(-100%);
        }
    }
}

.alerta {
  background: rgba(0, 0, 0, 0.61);
  padding: 12px 15px;
  border-radius: 8px;
  margin: 0 0 15px;
}
.alerta p {
  color: #fff; margin: 0; padding: 0;
}
.alerta a {
  color: #49df5c;
}
.header-cont {
    max-width: 1300px; margin: 0 auto;
}
#alert{
    position: fixed; top: 16%; right: 30px;
    width: 200px; z-index: 150;
}
#content{

}
/******** LOADER *******/
.layer{
    width: 100%; position: fixed; top: 0px; left: 0px;
    height: 100vh; background: black; z-index: 2000;
}
.loader{
    width: 70px; height: 70px; position: absolute; background: blue;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    background-repeat: no-repeat !important;
    background-position: center !important;
}
/*burger*/
.pos-abs {
    position: absolute;
}
.burger{ display: none;}
.burger .burger-line{
  height: 2px; width: 100%; border-radius: 4px; background: #49df5c; margin-bottom: 6px;
  -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;

}
.open .burger-line:first-child {
  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);margin-top: 10px;  background-color:#49df5c;
}
.open .burger-line:last-child {
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -16px; background-color: #49df5c;
}
.open .middle {
  -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);
  }

#menu{
    transition: .3s all ease-in-out; -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out; -ms-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
}
#logo {
    vertical-align: middle;
    float: left; background-position: center !important; background-size: contain !important;
    margin: 0 0 0 2%; background-repeat: no-repeat !important;
    width: 25%; height: 70px;  z-index: 10; position: relative;
}
.pleca{
    position: absolute; height: 100%; width:40%;
    top: 0px; left: 0px;
}
.pleca::before{
    content: ''; position: absolute; width: 90%; height: 100%;
    left: 0; top: 0; z-index: 1; background: #46d759;
}
.pleca::after{
    content: ''; position: absolute; width: 50%; height: 100%;
    right: 0; top: 0; z-index:3; background: url('../images/pleca.webp') center right no-repeat;
    background-size:100% 100%;
}

#logo img {
    width: 80%;
}
nav.menu{
    display:block
}
nav.menu a {
    text-decoration: none;
}
nav.menu li {
    list-style-type: none;
    color: #fff; position: relative;
    font-weight: 300;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    vertical-align: top;
    margin: 0;
    box-sizing: border-box;
    display: inline-block;
    border-bottom: 2px solid rgba(73, 223, 92, 0);
    padding: 0 15px 20px;
    transition:All 0.3s ease;
    -webkit-transition:All 0.3s ease;
    -moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    line-height: 1.2em;
}
nav.menu li .carrito{
    line-height: 1.5em;
}
nav.menu li p, nav.menu li span{
    font-size: 10px; font-weight: 300; padding-bottom: 0px;
    margin-bottom: 0;
}
.carrito-movil-top{
    text-align: right !important;
}
.carrito-movil-top a{
    color: inherit;
}
.nameUser{
    padding-bottom: 7px !important;
}
span#login{
    font-size: 11px !important;
}
nav.menu li:hover{
    border-bottom: 3px solid #49df5c;
}
header .carrito {
    background: url(../images/carrito.webp) no-repeat 0 center;
    padding: 0 0 0 25px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    display: inline-block;
    font-weight: 300;
 }
 .carrito a{
   color: #fff;
 }
 header .contacto {
    color: #fff; box-sizing: border-box; padding-right:70px;
    display: block;
    text-align: right; position: relative;
 }
 header .contacto h6 {
     color: #49df5c;
     font-size: 11px;
     letter-spacing: 4px;
     text-transform: uppercase;
     font-weight: 300;
     display: inline-block;
     vertical-align: top;
     padding: 5px 10px 0 90px;
 }
.slider-cont {padding: 270px 150px 190px;}
 header .contacto .whats, header .contacto .tel {
     display: inline-block;
     vertical-align: top;
 }
 header .contacto .whats p, header .contacto .tel p {
     display: inline-block;
     vertical-align: middle;
     font-size: 11px;
     font-weight: 300;
     color: rgba(204, 204, 204, 0.52);
     letter-spacing: 4px;
 }
header .contacto img{
    padding-right: 10px; max-width: 32px;
}

header .contacto .session {
    display: inline-block;
    padding-left: 70px;
}
header .contacto .session p{
    font-size: 12px;
    font-weight: 300;
    padding: 0;
}
header .contacto .session #login, #login{
    color: #49df5c;
}
span#login {
  font-size: 13px;
}
.session span {
  color: #fff; font-size: 13px;
}

.menu-top {
    text-align: right; width: 70%; float: right; display: table !important;
    margin: 30px 0 0px;
}
/*OWL-CAROUSEL*/
 .owl-carousel.owl-loaded {
    position: relative; z-index: 0;
}
#sliders .owl-dot span {
    border-radius: 0!important; width: 70px; height: 4px;
}
#sliders .owl-dot span {
    background: #5a5a5b;
}
#sliders .owl-dot.active span, #sliders .owl-dot:hover span{
    background: #49df5c;
}

#sliders .owl-dots{
    position: absolute; bottom: 95px; right: 5%;
}


.sliders {
    position: relative;
}
 #slider-01 {
     background: url('../images/mazllantas-slider-01.jpg') no-repeat center top;
     background-size: cover;
 }
 #slider-02 {
     background: url('../images/mazllantas-slider-02.jpg') no-repeat center top;
     background-size: cover;
 }
 #slider-03 {
     background: url('../images/mazllantas-slider-03.jpg') no-repeat center top;
     background-size: cover;
 }

 .slider-cont h2{
     text-shadow: 0.1em 0.1em rgba(0,0,0,.45);
     font-size: 21px;
    color: #fff;
    font-weight: 300;
 }
 .slider-cont h3 {
    color: #49df5c;
    text-shadow: 0.1em 0.1em rgba(0,0,0,.45);
    font-weight: 300;
    font-style: italic;
    font-size: 42px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.slider-cont h5 {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    position: absolute;
    right: 5%;
    margin-top: 45px;
}

.slider-cont h5 strong {
    letter-spacing: 2px;
    font-weight: 300;
}

.slider-cont h5 span{
    color: #49df5c;
    font-size: 18px;
}

.slider-cont ul li{
    color: #fff;
    font-weight: 700;
    text-shadow: 0.1em 0.1em rgba(0,0,0,.45);
    font-style: italic;
    font-size: 48px;
    text-transform: uppercase;
    list-style-type: none;
    padding-left: 50px;
}

.slider-cont ul li:first-child {
    background: url('../images/numbers-sprite.png') no-repeat 0 10px;
}

.slider-cont ul li:nth-child(2) {
    background: url('../images/numbers-sprite.png') no-repeat 0 -63px;
}

.slider-cont ul li:nth-child(3) {
    background: url('../images/numbers-sprite.png') no-repeat 0 -135px;

}


/*BUSCA TU LLANTA*/
.buscar-icono {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    position: relative;
    top: -1px;
}
.busca-tu-llanta-wrap {
    width: 100%; position: relative; max-width: 1200px; margin: 0 auto;z-index: 1;
}
.busca-tu-llanta-cont {
    width: 40%; margin: 0 auto; padding: 0; position: absolute;
    bottom: -25px;
}

/* @media screen and (min-width: 1024px){
    .busca-tu-llanta-cont {
        bottom: 100px;
    }
} */
.busca-tu-llanta-cont h6{
    color: #fff; font-weight: 300;  vertical-align: middle; margin: 2px 0 3px;
    font-size: 18px;
}
.busca-tu-llanta-cont h6 span {
    font-weight: 500;
}
.busqueda-por-llanta form, .busqueda-por-auto form {
    display: inline-block; width: 100%;
}
.busca-tu-llanta-cont select {
    background: #fff url('/assets/images/flechita.webp') no-repeat right center;
    color: rgb(140, 140, 140); border-radius: 5px!important;
    margin: 7px 0; -webkit-appearance:none; -moz-appearance:none;
    -o-appearance:none; -ms-appearance:none; padding: 8px 30px 7px 5px; font-size: 13px;
    width: 100%;
}
.busca-tu-llanta-cont input[type=submit] {
    font-size: 13px; display: block;
 }
.busqueda-filtro {
    width: 75%;
    /* border-top: 2px solid rgba(0, 0, 0, 0.17); */
    background: #232323;
    border-radius: 10px;
    margin-bottom: 12px;
}

.busqueda-filtro .box{
    /* background: #232323;
    border-radius: 10px; */
    padding: 18px;
    /* margin-bottom: 12px; */
    width: 100%;  
}

.grid_type_vehicle{
    display: flex;
    flex-wrap: wrap;
    padding: 12px 0;
}


.grid_type_vehicle .item{
    width: 25%;
    margin-bottom: 12px;
}

.grid_type_vehicle .item input{
    display: none;
}

.grid_type_vehicle .item input[type="radio"]:checked + label .wrapper_icon{ 
    border: 2px solid #2aca3f;
}

.label_type_vehicle{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.wrapper_icon{
    width: 58px;
    height: 57px;
    border-radius: 50%;
    background-color: rgb(29, 29, 29);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.34);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
    transition: all 0.1s;
}

.label_type_vehicle span{
    font-size: 12px;
    color: #d6d6d6;
    margin-top: 10px;
}
  
.wrapper_icon img{
    height: 24px;
}

.llanta-buscador-cont {
    position: absolute; left:50%; cursor: pointer; display: none;
}

.busqueda-por-auto, .busqueda-por-llanta {
    display: inline-block;
}
.busqueda-por-llanta {
    width: 100%;
}
/* .busqueda-por-auto {
    width: 100%;     margin: 20px 0 0;
} */
.cerrar {
    position: absolute; top:-35px; left: 50%; background: url('../images/cerrar.webp') no-repeat center; width: 14px; height: 14px;
    background-size:contain; margin-left: -7px; cursor: pointer;
}
.llanta-buscador {background: url('../images/mazllantas-llanta-buscador.webp') no-repeat center; width: 380px; height: 145px; background-size: contain;
    position: absolute; left: 50%; bottom: -18px; margin-left: -190px;}
.llanta-buscador h5 {
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -120px;
    top: 10px;
    color: #49df5c;
    text-transform: uppercase;
    font-weight: 300;
    font-style: italic;
    font-size: 28px;
    transition:All 0.3s ease;
    -webkit-transition:All 0.3s ease;
    -moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
  }
.llanta-buscador h5:hover {
  top: 5px;
}
.llanta-buscador h5 span {
  font-size: 21px;
}
.llanta-buscador img {
  width: 35px; display: block; position: relative; left: -10px; margin: 0 auto; bottom: -7px;
}
.green-light {background: url('../images/green-light.png') no-repeat center; width: 273px; height: 46px; background-size: contain;
    position: absolute; left: 50%; top: -45px; margin-left: -137px;
 -webkit-animation: luzverde 2s infinite linear;
    -o-animation: luzverde 2s infinite linear;
    -moz-animation: luzverde 2s infinite linear;
    animation: luzverde 2s infinite linear;
}

@keyframes luzverde{
0% {opacity: 1; }
50% {opacity: 0.3; }
100% {opacity: 1; }
}

@-moz-keyframes luzverde{
0% {opacity: 1; }
50% {opacity: 0.3; }
100% {opacity: 1; }
}

@-webkit-keyframes luzverde{
0% {opacity: 1; }
50% {opacity: 0.3; }
100% {opacity: 1; }
}

@-o-keyframes luzverde{
0% {opacity: 1; }
50% {opacity: 0.3; }
100% {opacity: 1; }
}

@-ms-keyframes luzverde{
0% {opacity: 1; }
50% {opacity: 0.3; }
100% {opacity: 1; }
}


/*Brands*/
.brands-carousel{
    margin: 0 auto; width: 90%; overflow: hidden; position: relative;
}
.brands-carousel .owl-dots, .brands-carousel .owl-nav{
    display: none;
}
.slide-prod-destacados {
    position: relative;
}
.slide-prod-destacados .owl-nav {
    position: absolute; top: 0; right: 0; margin-top: -70px!important;
}
.slide-prod-destacados .owl-dots {
    display: none;
}
.slide-prod-destacados .owl-nav [class*=owl-] {
    background: rgba(0, 0, 0, 0.42)!important;
}
.slide-prod-destacados .owl-nav [class*=owl-]:hover {
    background: rgba(0, 0, 0, 0.6)!important;
}
.navegacion-slide-left {
    background: url('../images/flecha-blanca.webp') no-repeat center center; padding: 10px;
}
.navegacion-slide-right {
    background: url('../images/flecha-blanca-right.webp') no-repeat center center; padding: 10px;
}
/*MARCAS*/

section.marcas {
    width: 100%;
}

section.marcas .contenido-marcas{
    max-width: 1080px;
    margin: 20px auto;
    text-align: center;
}
section.marcas .contenido-marcas img {
    padding: 0 15px;
    vertical-align: middle;
}
.marca-img {background-size: contain; width: 120px; height: 55px; background-position: center;
    background-repeat: no-repeat; vertical-align: middle; margin: 0 15px;}
.contenido-marcas div{display: inline-block;}

section.productos-bg {
    background: url('../images/mazllantas-bloque-2-3-bg.webp') no-repeat center bottom;
    width: 100%;
    background-size: cover;
}



/*=========PRODUCTOS DESTACADOS=========*/
.promoActive{
    width: 70px; height: 70px; position: absolute; top: 0px; left: 0px;
    background: url('../images/promocion_liston.webp') top left no-repeat;
    background-size: contain;
}
.item-pro:hover .btn-vista-rapida {
    background:#000;
}

.price-destacado {
    position: absolute; top: 15px; right: 15px; color: #000; background: #3dc34e; padding: 6px 10px; border-radius: 8px;
    font-size: 12px; font-weight: 500;
}
.item-pro-marca-img {background-size: contain; width: auto; height: 29px; background-position: center;
    background-repeat: no-repeat;}

section.productos-destacados {
    width: 90%;
    margin: 0 auto;
    padding: 80px 0;
    text-align: center;
}

.productos-destacados h3 {
    font-size: 19px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: left;
}
.productos-destacados h3 span{
    font-weight: 700;
}

section.productos-destacados .item-pro {
    text-align: center;
    display: inline-block;
    width: 100%;
    background: #fff;
    margin: 0;
    border-radius: 14px;
    position: relative;
    cursor: pointer;
}
.productos-destacados .owl-item{
    display: inline-block;
}
.productos-destacados .owl-stage-outer{
    overflow: hidden;
}
section.productos-destacados .item-pro  h4 {
    font-size: 22px;
    font-weight: 500;
    color: #000;
}
.item-pro-img {
    background-size: contain;
    width: auto;
    height: 201px;
    background-position: center;
    background-repeat: no-repeat;
}

section.productos-destacados .marca {
    display: inline-block;
    width: 48%;
    text-align: left;
    vertical-align: top;
    padding: 10px 0;
}
.marca img {
    width: 100%;
}

section.productos-destacados .item-pro-top{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
section.productos-destacados .marca h6 {
    font-weight: 400; color: #000;
}

section.productos-destacados .borde-izq {
    border-left: 1px solid #ccc;
    padding: 10px 0 10px 10px;
}
section.productos-destacados .borde-izq p{
    font-size: 14px; color: #000; line-height:150%;
    white-space: nowrap; text-overflow: ellipsis;
    width: 90%; overflow: hidden;
}

section.productos-destacados .item-pro-bottom-col p {
    font-size: 9px;
    padding:  0;
    text-align: left;
    color: #000;
}
section.productos-destacados .item-pro-bottom-col p span{
    font-size: 14px;
    padding-left: 10px;
}

section.productos-destacados .item-pro-bottom-col {
    display: inline-block;
    width: 48%;

}
.item-pro-cont {
    padding: 20px 35px 0; color: #000;
}
.btn-vista-rapida {
    background: #242424;
    color: #3dc34e;;
    font-size: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
}
.btn-vista-rapida img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.btn-vista-rapida strong {
    margin-right: 10px;
    font-weight: 500;
}
.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}


/*LLANTAS CARACTERISTICAS*/
.elegir-llanta-titulo {
    max-width: 587px;
    margin: 0 auto 45px;
    text-align: right;
}
.elegir-llanta-titulo h2{
    color: #47c557;
    font-size: 37px;
    font-weight: 400;
    text-transform: uppercase;
}

.elegir-llanta, .llantas-caracteristicas {
    position: relative;
    text-align: center;
}
.llantas-caracteristicas {
    width: 90%;
    margin: 0 auto;
}

.llanta-principal-caracteristicas {
    background: url('../images/mazllantas-llanta-caracteristicas.webp') center center no-repeat;
    position: relative;
    margin: 0 auto;
    width: 407px;
    height: 581px;
    background-size: contain;
 }
.llanta-izq, .llanta-der{
    width: 49%;
    display: inline-block;
    position: relative;
}

.caracteristicas-01, .caracteristicas-02, .caracteristicas-03 {
    position: absolute; cursor: pointer;
}
.caracteristicas-01{
    top: 0;
    right: 70px;
    width: 500px;
}
.caracteristicas-01 img, .caracteristicas-02 img, .caracteristicas-03 img {width: 100%;}

.caracteristicas-02 {
    top: -70px;
    left: 150px;
    width: 400px;
}
.caracteristicas-03 {
    top: 170px;
    left: 180px;
    width: 370px;
}
.caracteristicas-01-txt {
    text-align: left;
}
.caracteristicas-01-txt {
    cursor: pointer;
    max-width: 300px;
    color: #fff;
}
.caracteristicas-02-txt{
    cursor: pointer;
    text-align: right;
    max-width: 300px;
    color: #fff;
    margin-left: 140px;
    margin-right: -40px;

}
.caracteristicas-03-txt{
    cursor: pointer;
    text-align: right;
    max-width: 300px;
    color: #fff;
    margin-left: 140px;
    margin-right: -40px;

}


.caracteristicas-01-txt h5, .caracteristicas-02-txt h5 , .caracteristicas-03-txt h5 {
    color: #47c557;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 400;
}


/*DE LA MÁS CHICA A LA MÁS GRANDE*/
.myButton {
    margin: 15px 0 0;
	-moz-box-shadow:inset 0px 1px 0px 0px #3dc21b;
	-webkit-box-shadow:inset 0px 1px 0px 0px #3dc21b;
	box-shadow:inset 0px 1px 0px 0px #3dc21b;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5dd068), color-stop(1, #11b129));
	background:-moz-linear-gradient(top, #5dd068 5%, #11b129 100%);
	background:-webkit-linear-gradient(top, #5dd068 5%, #11b129 100%);
	background:-o-linear-gradient(top, #5dd068 5%, #11b129 100%);
	background:-ms-linear-gradient(top, #5dd068 5%, #11b129 100%);
	background:linear-gradient(to bottom, #5dd068 5%, #11b129 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dd068', endColorstr='#11b129',GradientType=0);
	background-color:#5dd068;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-size:14px;
	padding:8px 26px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
    transition:All 0.3s ease;
    -webkit-transition:All 0.3s ease;
    -moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #11b129), color-stop(1, #5dd068));
	background:-moz-linear-gradient(top, #11b129 5%, #5dd068 100%);
	background:-webkit-linear-gradient(top, #11b129 5%, #5dd068 100%);
	background:-o-linear-gradient(top, #11b129 5%, #5dd068 100%);
	background:-ms-linear-gradient(top, #11b129 5%, #5dd068 100%);
	background:linear-gradient(to bottom, #11b129 5%, #5dd068 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#11b129', endColorstr='#5dd068',GradientType=0);
	background-color:#11b129;
}
.myButton:active {
	position:relative;
	top:1px;
}



.de-la-mas-chica-wrap {
    width: 100%;
    background: #f3f5f4;
    position: relative;
    height: 380px;
}

.de-la-mas-chica-cont {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;

}

.de-la-mas-chica-titulo {
    padding: 30px 0 0 30px;
}
.de-la-mas-chica-titulo a{
    display: table;
}
.de-la-mas-chica-titulo a .fa{
    margin-right: 5px;
}
.de-la-mas-chica-titulo h5{
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 500;
}
.de-la-mas-chica-titulo h5 span{
    color: #49df5c;
}

/*Ciruculos efectos*/

.de-la-mas-01 img, .de-la-mas-02 img, .de-la-mas-03 img, .de-la-mas-04 img, .de-la-mas-05 img, .de-la-mas-06 img, .de-la-mas-07 img     {
    border-radius: 50%;
    background: rgb(0, 0, 0);
    transition:All 0.3s ease;
    -webkit-transition:All 0.3s ease;
    -moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
}
.de-la-mas-01 img:hover, .de-la-mas-02 img:hover, .de-la-mas-03 img:hover, .de-la-mas-04 img:hover, .de-la-mas-05 img:hover, .de-la-mas-06 img:hover, .de-la-mas-07 img:hover{
    box-shadow: -3px 3px 15px rgba(0, 0, 0, 0.68);
    border-radius: 50%;
    background: rgb(0, 0, 0);
}

.de-la-mas-01, .de-la-mas-02, .de-la-mas-03, .de-la-mas-04, .de-la-mas-05, .de-la-mas-06, .de-la-mas-07 {
    position: absolute;
}
.de-la-mas-01 {
    left:200px;
    top: 170px;
}
.de-la-mas-02 {
    left:300px;
    top: 300px;
}
.de-la-mas-03 {
    left:420px;
    top: 110px;
}
.de-la-mas-04 {
    left:680px;
    top: 260px;
}
.de-la-mas-05 {
    left:740px;
    top: 110px;
}
.de-la-mas-06 {
    left:900px;
    top: 210px;
}
.de-la-mas-07 {
    right:0;
    top: 310px;
}
.de-la-mas-01-txt, .de-la-mas-02-txt, .de-la-mas-03-txt, .de-la-mas-04-txt, .de-la-mas-05-txt, .de-la-mas-06-txt, .de-la-mas-07-txt {
    opacity: 0;
    position: absolute;
    bottom: -5px;
    left: 90px;
    transition:All 0.3s ease;
    -webkit-transition:All 0.3s ease;
    -moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
}

.de-la-mas-02-txt {
    bottom: -25px;
}
.de-la-mas-03-txt {
    left: 160px;
}
.de-la-mas-01:hover .de-la-mas-01-txt, .de-la-mas-02:hover .de-la-mas-02-txt, .de-la-mas-03:hover .de-la-mas-03-txt, .de-la-mas-04:hover .de-la-mas-04-txt, .de-la-mas-05:hover .de-la-mas-05-txt, .de-la-mas-06:hover .de-la-mas-06-txt, .de-la-mas-07:hover .de-la-mas-07-txt {
    opacity: 1;
    left:60px;
}

.de-la-mas-02:hover .de-la-mas-02-txt {
    left:40px;
}
.de-la-mas-03:hover .de-la-mas-03-txt {
    left:120px;
}
.de-la-mas-01-txt span, .de-la-mas-02-txt span, .de-la-mas-03-txt span, .de-la-mas-04-txt span, .de-la-mas-05-txt span, .de-la-mas-06-txt span, .de-la-mas-07-txt span{
    font-size: 15px;
    color: #fff;
    font-weight: 300;
}
.de-la-mas-01-txt, .de-la-mas-02-txt, .de-la-mas-03-txt, .de-la-mas-04-txt, .de-la-mas-05-txt, .de-la-mas-06-txt, .de-la-mas-07-txt {
    color:#3dc34e;
    font-size: 21px;
    line-height: 85%;
}


/*PORQUE ELEGIR A MAZ LLANTAS*/
.porque-elegir-wrap {
    background: url('../images/diagonal-gris-bg.webp') no-repeat center top;
    width: 100%;
}
.porque-elegir-cont {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.porque-elegir-left {
    display: inline-block;
    width: 69%;
    vertical-align: top;
}
.porque-elegir-right {
    display: inline-block; overflow: hidden;
    width: 30%; position: relative;
    vertical-align: top; min-height: 600px;
}
.porque-elegir-right .owl-nav, .porque-elegir-right .owl-dots{
    display: none;
}
.slideLlanta{
    position: absolute; width: 100%; height: 100%;
}

.slideLlanta .item{

}
.porque-elegir-right img{
    width: 100%;
    margin: 90px 0 0;
}

.porque-elegir-left h5{
    font-size: 35px;
    text-transform: uppercase;
    color:#49df5c;
    font-weight: 500;
    padding: 120px 0 0;
}
.porque-elegir-left h6 {
    font-size: 35px;
    text-transform: uppercase;
    color: #49df5c;
    font-weight: 500;
    line-height: 140%;
}
.porque-elegir-left span{
    font-size: 21px;
    font-weight: 400;
    color: #000;
}
.porque-elegir-col {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    margin: 35px 0 0;
    padding: 0 30px 0 0;
}
.porque-elegir-col h6{
    font-size: 13px;
    color: #000;
    font-style: italic;
    font-weight: 400;
}
.porque-elegir-col p {
    font-size: 13px;
    color: #9d9d9d;
    line-height: 160%;
    font-weight: 300;
    margin: 18px 0 0 0;
}

section.son-factores {
    background: url('../images/oscuro-bottom-bg.webp') no-repeat center top;
    width: 100%; background-size: 100%;
    margin: -100px 0 0;
}

.son-factores-cont {
    width: 85%;
    margin: 0 auto;
    padding: 30px 0;
    max-width: 1200px;
}
.son-factores-cont h3 {
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    max-width: 450;
}

.son-factores-cont h3 span {
    color: #49df5c;
}

.de-la-mas-07-txt {
    left: 0px;
}
.de-la-mas-07:hover .de-la-mas-07-txt {
    left:20px;
}

/*MODALES CARACTERISTICAS*/
.modales-caracteristicas {
    background: #fff; width: 60%!important; padding: 30px 50px; border-radius: 10px;
}
.modales-caracteristicas .md-content h3 {
    background: transparent; padding: 0; font-size: 25px; text-transform: uppercase; font-weight: 400;
    text-align: left; border-bottom: 1px solid #a0a0a0; margin-bottom: 15px;
}
.modales-caracteristicas p {
    font-size: 13px; color: #9d9d9d; line-height: 160%; font-weight: 300;
}
.columnas-2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}
.modales-caracteristicas .carac-img-float {
    float: left; margin: 5px 20px 0 0;
}



/*FOOTER*/

footer {
    width: 100%;
    /*background: url('../images/footer-bg.jpg') no-repeat center top fixed;*/
    background-size: cover;
    background: #000; box-sizing: border-box; padding-top: 15px;
}

footer .footer-cont {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 20px;
}
.footer-col {
    width: 100%;
    text-transform: uppercase;
    color: #fff;
}
.footer-menu h6 {
    color: #49df5c;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    display: inline-block;
}
.footer-menu hr {
    border: 1px rgba(204, 204, 204, 0.35) solid;
    width: 50px;
    display: inline-block;
}
footer .list_social_media{
    display: flex;
    justify-content: space-between;
    max-width: 120px; 
}
footer ul.list_social_media li{
    font-size: 15px;
}
footer ul li {
    list-style-type: none;
    font-size: 9px;
    font-weight: 300;
    letter-spacing: 2px;
    padding: 5px 0;
}
.footer-menu {
    width: 15%; box-sizing: border-box; padding-right: 10px;
    display: inline-block;
    vertical-align: top; text-align: left;
}
.footer-menu img{
    width: 130%;
}

.footer-menu p {
    text-transform: initial;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.38);
}
.footer-rin-txt h6{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
}
.footer-rin-txt h2{
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 1px;
}

.footer-rin-txt h2 span {
    color:#49df5c;
}
.footer-rin-txt {
    display: inline-block;
    width: 69%;
    vertical-align: top;
    margin-top: 45px;

}
.rin-img img {
    width: 40%;
    margin-left: -50px;
}

.footer-redes-top img {
    vertical-align: middle;
    padding: 0 8px;
}

.footer-redes-top h6, .footer-redes-bottom h6{
    display: inline-block;
    padding-right: 10px;
    font-weight: 400;
    color:#49df5c;
    letter-spacing: 2px;
    font-size: 11px;
}
.footer-redes-top, .footer-redes-bottom {
    text-align: right;
    padding: 10px 0 10px;

}
.footer-redes-bottom img.social-media {
    vertical-align: middle;
    border: 1px solid #929393;
    border-radius: 50%;
    margin: 0 10px;
    transition:All 0.3s ease;
    -webkit-transition:All 0.3s ease;
    -moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    background: transparent;

}
.footer-redes-bottom img.social-media:hover{
    background: rgba(255, 255, 255, 0.18);
}
.logo-footer{
  width: 200px; float: left; position: relative; top: -5px;
}
.footer-redes hr {
    border: 1px rgba(204, 204, 204, 0.35) solid;
}

.limpiar  {
    clear: both;
}
.mobileshow, .mobileshow-850, .mobileshow-770 {display: none;}
.footer-movil {display: none}
.footer-movil-tarjetas {display: none;}
.footer-cont ul a {text-decoration: none; color: #fff;}
.numbers .whats, .numbers .tel{
    width: 100%; position: relative;
}
.numbers img{
    width: 16px; display: inline-block; position: relative; top: 5px;
    margin-right: 5px;
}
.numbers p{
    display: inline-block; line-height: 25px; font-size: 13px;
    font-weight: 300; color: rgba(204, 204, 204, 0.52);
    padding-bottom: 2px !important;
}

.location{
    color: #fff;
    font-size: 12px;
}
.legal{
    width: 100%; font-size: 11px; padding: 10px 0; font-weight: 300;
    color: rgba(255, 255, 255, 0.38); display: table; text-align: center;
}
.conFooter{
    width: 100%; height: auto; display: table; margin: 20px 0px 25px;
}
.footer-right{
    width: 50%; float: right; height: auto; display: table;
}
/********* BRAND FOOTER *******/
.brandFooter{
    width: 150px; height: 50px; margin: 0px auto 0px;
    background-repeat: no-repeat !important; background-size: contain !important;
    background-position: center !important;
}
.icons{
    width: 100%; display: table; margin-top: 3px;
}
.iconApp{
    background-repeat: no-repeat !important; background-size: contain !important;
    background-position: center !important; width: 35px; height: 35px;
    margin-top: 3px; display: inline-block; margin-right: 5px;
}
/******** APPS STORES ********/
.appstore{
    width: 100%; height: 35px; line-height: 35px;
    padding-top: 10px; font-weight: 300; font-size: 14px; display: table;
    margin-bottom:0px; box-sizing: border-box; padding-right: 20px;
}
.contStores{
    width: 50%; float: right; text-align: right;
}
.appstore span{
    color: #49df5c;  height: 35px; position: relative; top: -10px;
    font-size: 12px;
}
.store{
    display: inline-block; height: 35px; width: 120px;
    background-position: center !important; background-repeat: no-repeat !important;
    background-size: contain !important;
    margin: 0 5px; border-radius: 5px; border: 1px solid rgba(204, 204, 204, 0.35);
}
/*MY MODAL GARANTIAS*/
#modal-garantias {
    width: 80%!important; background: #fff; padding: 60px; border-radius: 10px;
}
#modal-garantias .md-content h3 {
    background: url('../images/entregas/garantia-mazllantas.webp') no-repeat left center; text-align: left; padding: 14px 0 0 69px;
    background-size: contain; height: 66px; font-size: 32px; text-transform: uppercase; margin-bottom: 30px;
}
#modal-garantias p{
    font-size: 13px; font-weight: 300; line-height: 190%; width: 46%; display: inline-block; vertical-align: top;
}

/*MY MODAL*/
.modal_historial {
    width: 80%!important; max-width: 500px !important; background: #fff; padding: 60px; border-radius: 10px;
}
.modal_historial h2{
    color: #49df5c !important;
}
.modal_historial table{
    width: 100%;
}
.modal_historial .md-content h3 {
    background: url('../images/entregas/garantia-mazllantas.webp') no-repeat left center; text-align: left; padding: 14px 0 0 69px;
    background-size: contain; height: 66px; font-size: 32px; text-transform: uppercase; margin-bottom: 30px;
}
.modal_historial p{
    font-size: 13px; font-weight: 300; line-height: 190%; width: 46%; display: inline-block; vertical-align: top;
}

.llantaImg{
    width: 100%;  max-width: 300px; height: 180px; margin: 0 auto !important;
}
.cerrar-garantias {
    background: transparent; position: absolute; right: 0; top: -25px; cursor: pointer;
}
.garantias-first-p {
    margin-right: 40px;
}
.dudas h5 {
    font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; display: inline-block;
    vertical-align: middle;
}
.dudas-bottom {
    margin-top: 20px!important;
}
#modal-garantias .dudas {
    display: inline-block; width: 50%;
}
#modal-garantias .dudas p {
    background: url('../images/whats-modal.webp') no-repeat left center; padding: 0 0 0 40px!important;
    font-size: 16px!important; font-weight: 500!important; display: inline-block; vertical-align: middle!important;
    margin-left: 20px; letter-spacing: 2px;
}
.aplicar-garantia {
    float: right; font-size: 12px!important; text-transform: uppercase; color: #3dc34e;
    font-weight: 500!important; letter-spacing: 6px; margin-top: 9px;
}
.garantias-menu {
    cursor: pointer;
}
.buscador-movil {display: none;}
.search-top {display: none;}
#search-movil {display: none;}
.search-top-cerrar {display: none;}
.tele,.tele:visited {text-decoration: none;}
.tele:hover,.tele:focus, .tele,.tele:visited {color: #fff;}
.tele2,.tele2:visited {text-decoration: none;}
.tele2:hover,.tele2:focus, .tele2,.tele2:visited {color: #000;}
.visa {max-width: 75px;}
.buscador-movil-ocultar {display: none;}
.esconder {display: none!important;}
.btn-session p{
    width: auto; height: 20px; background-position: 0 0; font-weight: 300!important;
    text-transform: uppercase; font-size: 12px!important;-webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;
      transition: 0.3s ease-out; letter-spacing: 0.2px;
}
.btn-session p .fa{
    color: #49DF5C;
}
.btn-session a {
    text-decoration: none; color: #fff;
}
.btn-session a:hover {
    color: #49df5c;
}


/*=======MOVIL========*/

@media screen and (max-width: 1330px) {
    .pleca{
        width:34%;
    }
    .porque-elegir-col {
        margin: 15px 0 0;
    }
    .porque-elegir-cont {
        width: 93%;
    }
    .busca-tu-llanta-cont {
        width: 45%;
    }
    .busca-tu-llanta-wrap {
        max-width: 1000px;
    }
    .busca-tu-llanta-cont select {
        margin: 4px 0; padding: 6px 30px 6px 5px; font-size: 12px;
    }
    .busca-tu-llanta-cont input[type=submit] {
        padding: 6px 24px;
    }
}

@media screen and (max-width: 1290px) {
    .pleca{
        width:30%;
    }
    header .contacto {display: inherit; margin-right: inherit;; text-align: inherit;}
section.productos-destacados{
    width: 97%;
}

.item-pro-cont {
    padding: 20px 20px 0;
}
/*section.productos-destacados .item-pro {
    width: 22%;
}*/
.llantas-caracteristicas {max-width: 90%;}
.de-la-mas-07 {
    right: 60px; top: 90px;
}
/******* MENU *****/
header .contacto .session{
    float: right; text-align: right;
}
}


@media screen and (max-width: 1233px) {
    .caracteristicas-02 {width: 330px;}
    .caracteristicas-03 {width: 300px;}
    .caracteristicas-01 {width: 430px;}
      header .contacto {text-align: right; margin-right: 5%;}


}

@media screen and (max-width: 1200px) {
    section.son-factores {margin: 0;}
    .llanta-principal-caracteristicas {width: 350px;}
    .caracteristicas-02 {left: 100px;}
    .caracteristicas-03 {left: 159px;}
    .caracteristicas-01 {right: 40px;top:40px;}
    .footer-rin-txt h2 {font-size: 24px;}


    .busqueda-por-auto {margin: 15px 0 0;}
    /* .busqueda-filtro {padding: 10px 18px;} */

    /****** FOOTER ********/
    .footer-menu{width: 22%; height: 160px;}
    .lastF{height: auto !important;}
    .footer-col{margin: 0 auto; width: 90%;}
}

@media screen and (max-width: 1130px) {
    .columnas-2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
.pleca, .pleca::before{
    display: none;
}
    #modal-garantias {width: 93%!important;}
    #logo img {width: 70%;}
.slider-cont h5 {
    margin-top: 0;
}
#logo{
    float: none; background: url('../images/Llantapp-logo-footer.webp') center no-repeat!important;
    margin: 0 auto 20px; background-size: contain !important;
    width: 40%;
}
.menu-top{
    width: 100%; text-align: center; margin-top: 10px;
}
header .contacto {
    text-align: center;
    margin: 0 auto;
}
.slider-cont {
    padding: 250px 5% 150px;
}
.slider-cont h3{
    font-size: 30px;
}
.slider-cont ul li {
    font-size: 40px;
}
.item-pro-cont img{
    width: 100%;
}
/*section.productos-destacados .item-pro {
    width: 30%;
}
section.productos-destacados .item-pro:last-child {display: none;}*/
.de-la-mas-04 {
    left: initial;
    top: 321px;
    right: 390px;
}
.de-la-mas-05 {
    left: initial;
    top: 140px;
    right: 250px;
}
.de-la-mas-06 {
    left: initial;
    top: 270px;
    right: 100px;
}

.de-la-mas-01 {
    left: 100px;
}
.de-la-mas-02 {
    left: 200px;
}
.de-la-mas-03 {
    left: 300px;
}


.footer-col {
    margin: 0 auto; width: 80%;
}
.rin-img img, .footer-rin-txt {width: 49%}
.footer-menu {text-align: left;}
footer .footer-cont {width: 90%;}
.footer-redes {width: 100%}
.footer-col-first {margin-top: 20px;}
.footer-redes-top {padding: 0 0 25px;}
/****** FOOTER ********/
.footer-menu{
    width: 25%; height: 160px;
}
.footer-col{
    margin: 0 auto; width: 100%;
}
/******** APPS STORES ********/

.contStores{
    width: 100%; float: none; text-align: left;
}

}

@media screen and (max-width: 1000px) {

    .caracteristicas-02 {left: 100px; width: 250px; top: -30px; left: 120px;}
    .caracteristicas-02-txt {margin-left: 40px;}
    .caracteristicas-03 {left: 159px; width: 200px;}
    .caracteristicas-03-txt { margin-left: 40px;}
    .caracteristicas-01 {right: 70px; top: 70px; width: 350px;}
    .caracteristicas-01-txt {max-width: 230px;}
    footer .footer-cont {padding: 25px 0;}
    .slider-cont h5 {margin-top: -50px;}
    #sliders .owl-dots {bottom: 140px;}
    .de-la-mas-05 {right:170px;}
}

@media screen and (max-width: 900px) {
.modales-caracteristicas .carac-img-float {margin: 0; position: absolute; left: 0; top: 0;}
.modales-caracteristicas p {margin-top: 120px;}
.modales-caracteristicas .md-content h3 {margin: 0 0 0 150px;}

.de-la-mas-chica-wrap {height: 400px;}
.porque-elegir-right {display: none;}
.porque-elegir-cont {width: 85%;}
.porque-elegir-left {width: 100%;margin: 0 0 30px;}
.son-factores-cont {text-align: center;}
.son-factores-cont h3 {margin: 0 auto;}
.mobilehide {display: none;}
.mobileshow {display: block;}
.caracteristicas-01 {right: 100px; top: 70px; width: 100%;}
.caracteristicas-01-txt p, .caracteristicas-02-txt p, .caracteristicas-03-txt p {display: none;}
.caracteristicas-02 {width: inherit; top: 0; left: 110px;}
.caracteristicas-03 {width: inherit; left: 150px;}
/*Bolitas*/
.de-la-mas-01 {top: 200px; left: 0;}
.de-la-mas-02 {left: 13%; top: 330px;}
.de-la-mas-03{left: 50%; margin-left: -101px; top: 130px;}
.de-la-mas-04 {left: 31%; top: 360px;}
.de-la-mas-05 {right: 16%;}
.de-la-mas-06 {top: 300px; right: 13%;}
.de-la-mas-07 {left: inherit; right: 0}
/***** FOOTER ******/
.numbers p a{
    color: #868686 !important;
    }
.legal{
    color: #868686; padding: 20px 0px 0px;
}


}

@media screen and (max-width: 850px) {
    nav.menu li{
        padding: 0 22px 10px; margin-top: 10px;
    }
    .productos-destacados h3 {text-align: center;}
    .footer-rin-txt {margin-top: 25px;}
    .buscador-movil {display: none;}
    /**** FOOTER ****/
    .footer-menu{
        width: 30%; padding: 0px; margin-bottom: 20px;
    }
    .lastF img{
        width: 100%
    }
    .footer-menu hr{
        width: 35px;
    }
    .legal{
        color: #868686; padding: 0px;
    }
}
@media screen and (max-width: 1000px) {

    .top-home{
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 850px) {
    /********* SLIDER ******/
    .busca-tu-llanta-cont{
        bottom: -150px; left: 20px;
    }
    /********* LOGO ********/
    #logo{
        margin: 10px 0px 0px 20px; float: left; width: 40%;
    }
    .search-top{
        position: fixed !important; top: 40px !important; right: 70px !important;
    }
    .carrito-movil-top{
        text-align: left !important;
    }
    header #menu{display: block !important;}
    #modal-caracteristicas-01::-webkit-scrollbar {display: none;}
    .modales-caracteristicas {max-height: 100%; overflow-y: scroll; height: 100%;}
    .btn-session {display: inline-block; padding: 0 50px 0 0;}
    header .contacto img {max-width: 40px;}
    #modal-garantias::-webkit-scrollbar {display: none;}
    #modal-garantias {height: 100%; min-height: 100%; max-height: 100%; overflow-y: scroll; overflow-x: hidden;}
    #modal-garantias p {width: 100%}
    .garantias-first-p {margin-right: 0;}
    #logo img {width: 85%;}
    .slider-cont h5 {margin-top: 50px;}
    #sliders .owl-dots {bottom: 40px;}
    section.productos-destacados {padding: 30px 0;}
    .llanta-principal-caracteristicas {width: 330px;}
    .elegir-llanta-titulo {text-align: left; max-width: 65%; margin: 0 0 -60px 5%; padding: 95px 0 0;}
    section.productos-bg { background: #f3f5f4 url(../images/mazllantas-bloque-2-3-bg.webp) no-repeat center -180px;}
    .elegir-llanta-titulo h2 {font-size: 42px; line-height: 105%; margin: 0 0 10px;}
    .caracteristicas-01-txt h5, .caracteristicas-02-txt h5, .caracteristicas-03-txt h5 {font-size: 20px;}
    .caracteristicas-02 {top:30px;}
    .caracteristicas-03 {left: 140px;}
    .caracteristicas-01-txt h5 {margin-left: -35px;}
    .caracteristicas-01 {right: 50px; top: 80px;}
    .llantas-caracteristicas {margin-left: 0;}
    .porque-elegir-wrap {display: none;}
    section.son-factores {display: none;}
    /*BUSCADOR*/
    .busqueda-filtro {}
    .busca-tu-llanta-cont {height:auto;}
    /*Bolitas*/
    .de-la-mas-chica-wrap {height: 520px;}
    .de-la-mas-03 {margin-left: -131px; top:150px;}
    /*Footer*/
    .footer-col, .numbers { width: 100%; color: #fff;}
    .rin-img {display: none;}
    .conFooter{
        margin-bottom: 10px;
    }
    .footer-redes {display: none;}
    .footer-movil {display: block; text-align: center;}
    .footer-movil img {max-width: 50px; margin: 0 10px;}
    .footer-movil-tarjetas {display: block; margin: 25px 0;}
    .footer-movil-tarjetas h6{margin-right: 10px; font-size: 16px; text-transform: uppercase; font-weight: 500; display: inline-block; vertical-align: middle;}
    .footer-movil-tarjetas img {vertical-align: middle; max-width: 80px;}
    .cerrar-garantias {top: 15px; right: 15px;}
    /******** APPS STORES ********/
    .appstore{
        text-align: center;
    }
    .contStores{
        text-align: center !important;
    }
    .appstore span{
        display: block; color: #000;
    }

    /*AJUSTES MENU PARA MOVIL*/

    /*--Burger Menu--*/
    .mobileshow-770 {display: block;}
    nav.menu li:hover {border-bottom: 2px solid rgba(73, 223, 92, 0); color: #49df5c;}
    nav.menu li:active{color: #49df5c;}
      .burger { display: block; float:right; height: 18px; width: 30px; cursor: pointer; margin-right: 2.5%; margin-top: 45px;}
      .burger .burger-line{
          height: 2px; width: 100%; border-radius: 4px; background: #49df5c; margin-bottom: 6px;
        -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;
          transition: 0.3s ease-out;
      }
      .burger .burger-line:nth-child(3){ margin-bottom: 0px;}

      /**/
      #menu ul li {
          list-style: none; font-weight: 300; display: block; font-size: 12px; margin: 0px; text-align: center; line-height: 40px;
    color: #fff; font-size: 13px;
      }
    .showMenu{
        height: auto !important; display: table !important; opacity: 1 !important; padding-top: 15px !important;
    }
    #menu {width:100%; float:none; height: 0px; opacity: 0; overflow: hidden;}
    .mobileshow-850 {display: block;}
    header .contacto h6 {display: none;}
    header .contacto .whats p, header .contacto .tel p {letter-spacing: 0; color: #fff; font-size: 14px;}
    nav.menu li{display: block; font-size: 14px; margin: 0 0 0 5%;}
    nav {width: 100%;}
    nav.menu {margin: 0px 0;}
    .menu-top {text-align: left; display: inherit !important;}
    header {padding: 0; position: fixed;}
    .movil-bg {padding-bottom: 8px;}
    .menu-top {margin: 0;}
    header .contacto {padding: 0px 0 8px; background: none;}
    header .contacto img {padding: 0 5px 0 15px;}
    header .contacto .session {display: none;}
    .carrito-movil {text-align: center; border-top: 1px solid rgba(204, 204, 204, 0.18); padding: 25px 0 17px;}
    .carrito-movil-top p {color: #fff; padding-right: 10px; font-size: 14px; padding-bottom: 15px;}
    .carrito-movil .session span{color: #49df5c; font-weight: 300; font-size: 14px;}

    /*Tabs buscador movil*/
    .buscador-movil {display: none; background: #000; color: #fff;}
    .buscador-movil-btn-1 {float: left; width: 50%; padding: 13px 0 13px 25px;}
    .buscador-movil-btn-2 {padding: 13px 0 13px 25px; width: 50%; float: right;}
    .buscador-movil-btn-1, .buscador-movil-btn-2 {background: #333333; position: relative; z-index: 999}
    .buscador-movil-btn-1 h5, .buscador-movil-btn-2 h5 {color: rgba(255, 255, 255, 0.25); font-weight: 300; letter-spacing: 2px;
        display:inline-block; vertical-align: middle; font-size: 14px; text-transform: uppercase; margin-right: 15px;}
    .buscador-movil-btn-1 h5 span, .buscador-movil-btn-2 h5 span {font-weight: 500;}
    .buscador-movil-cont { margin: 0 auto;}
    .buscador-movil-btn-initial {background: #30883f;}
    .buscador-movil-btn-initial h5 {color: #fff;}
    .buscador-movil-forms {position: relative; padding: 60px 0 0; height: 250px; width: 90%; margin: 0 auto;}
    .buscador-movil-cont-1 form, .buscador-movil-cont-2 form {position: absolute; width: 100%; margin: 10px 0 0; text-align: left;}
    .buscador-movil-cont-1 select, .buscador-movil-cont-2 select {
        background: url(../images/flechita.webp) no-repeat right center;
        color: rgba(255, 255, 255, 0.57); border-radius: 0px!important; font-size: 12px;
        border-bottom: 1px solid #47c557; margin-right: 15px; -webkit-appearance: none; -moz-appearance: none;
        -o-appearance: none; -ms-appearance: none; padding: 0 30px 7px 0; width: 100%;
        margin: 5px 0;
    }
    .buscador-movil-cont-1 input[type=submit], .buscador-movil-cont-2 input[type=submit]{
        background: transparent; color: #47c557; text-transform: uppercase; letter-spacing: 4px;
        font-size: 14px; font-weight: 200; float: right; margin: 8px 0 0;
    }
    .busc-select-first {width: 100%!important; margin: 0 0 30px!important; padding: 0;}
    .select-50, .select-50-right { margin-bottom: 30px;}
    .select-50-right {margin-right: 0!important;}
    .buscador-movil-btn-active {background: #30883f;}
    .buscador-movil-btn-active h5 {color: #fff;}
    .buscador-movil-cont-2 {display: none;}
    /*Buscador*/
    .search-top {
        background: url(../images/lupita.webp) no-repeat 0 center; background-size: contain;
        width: 25px; height: 25px; position: absolute; right: 15px; z-index: 9999; top: 8px;
    }
    .search-top-cerrar {
        display: block; background: url(../images/cerrar.webp) no-repeat 0 center; background-size: contain;
        width: 15px; height: 20px; display: none; position: absolute; right: 15px; z-index: 9999; top: 8px;
    }
    #search-movil .buscador-movil-forms{height: 200px; }
    .visa {max-width: 53px!important;}
    .buscador-movil-ocultar {display: block;}

}
@media screen and (max-width: 800px) {
    .busca-tu-llanta-cont{
        position: relative; width: 90% !important; left: inherit; bottom: inherit;
    }
    .busqueda-filtro{
        width: 100%;
    }
    .top-home{
        margin-bottom: 0px;
    }
    /* .banner-txt-top{
        color: #000 !important;
    } */
    .ms-llanta-01{
        width: 100% !important;
    }
}

@media screen and (max-width: 580px) {
    #logo{
        width: 30%; height: 50px;
    }
    .search-top{
        position: fixed !important; top: 24px !important; right: 70px !important;
    }
    #logo img {width: 90%;}
    .llanta-principal-caracteristicas {width: 280px;}
    .caracteristicas-02 {top: 60px; left: 90px;}
    .caracteristicas-03 {left:115px;}
    .caracteristicas-01-txt h5 {margin-left: -20px;}
    /*Bolitas*/
    .de-la-mas-chica-cont {max-width: 100%;}
    .de-la-mas-03 {margin-left: -100px;}
    .de-la-mas-04 {margin-left: -41px; left: 50%; top:380px; }
    .de-la-mas-05 {right:4%;}
    .de-la-mas-06 {right:6%;}
    .de-la-mas-07 {top:0;}
    .de-la-mas-chica-titulo {margin-left: 5%;}
    .de-la-mas-01-txt,
    .de-la-mas-02-txt,
    .de-la-mas-03-txt,
    .de-la-mas-04-txt,
    .de-la-mas-05-txt,
    .de-la-mas-06-txt,
    .de-la-mas-07-txt {
        left: -10px;
    }
    .de-la-mas-01:hover .de-la-mas-01-txt,
    .de-la-mas-02:hover .de-la-mas-02-txt,
    .de-la-mas-03:hover .de-la-mas-03-txt,
    .de-la-mas-04:hover .de-la-mas-04-txt,
    .de-la-mas-05:hover .de-la-mas-05-txt,
    .de-la-mas-06:hover .de-la-mas-06-txt,
    .de-la-mas-07:hover .de-la-mas-07-txt {
        left: 10px;
    }
    /*AJUSTES MENU MOVIL*/
    .burger { margin-top: 25px;}
    /***** BUSCADOR FILTRADO ********/
    .buscador-movil-btn-1, .buscador-movil-btn-2{
        cursor: pointer;
    }
    /******* FOOTER ******/
    .footer-menu{
        width: 48%; height: auto;
    }
    .busca-tu-llanta-cont{
        bottom: 0px; left: 0px;
    }
    .busqueda-filtro{
        width: 100%; margin: 0 auto;
        left: 0px;
    }
}

@media screen and (max-width: 480px) {
    #logo{
        width: 45%; height: 50px;
    }
    .search-top{
        position: fixed !important; top: 24px !important; right: 60px !important;
    }
    section.productos-destacados .item-pro {width: 70%;}
    .llanta-principal-caracteristicas {width: 200px; height: 421px}
    .elegir-llanta-titulo {padding: 55px 0 0; max-width: 65%;}
    .elegir-llanta-titulo h2 {font-size: 30px;}
    .caracteristicas-02 {left: 80px;}
    .caracteristicas-03 {left: 80px;}
    .caracteristicas-02-txt h5 {margin-left: -40px;}
    .caracteristicas-03-txt h5 {margin-left: -20px;}
    .caracteristicas-01-txt h5, .caracteristicas-02-txt h5, .caracteristicas-03-txt h5 {font-size: 15px;}
    /*Bolitas*/
    .de-la-mas-01-txt {left: 0;}
    .de-la-mas-01:hover .de-la-mas-01-txt {left:60px;}
    .de-la-mas-chica-titulo h5 {font-size: 25px;}
    .de-la-mas-05-txt {font-size: 16px;}
    .de-la-mas-chica-wrap {overflow: hidden; height: 540px;}
    /**/
    .de-la-mas-01 {left: -7%;}
    .de-la-mas-02 {top: 355px; left: 7%;}
    .de-la-mas-03 {top: 170px;}
    .de-la-mas-05 {right: -5%;}
    .de-la-mas-04 {top: 400px; margin-left: 0; left: 34%;}
    .de-la-mas-06 {right: -3%; top: 340px;}
    .de-la-mas-07 {top: 20px;}
    .slide-prod-destacados .owl-nav {right: 36%; margin-top: -45px!important;}
    .productos-destacados h3 {margin-bottom: 45px;}
    #modal-garantias {padding: 60px 25px;}
    #modal-garantias .dudas {width: 90%;}
    .burger { margin-top: 28px;}
    /*Modal de productos-destacados*/
    #modal-1{height: 100%; min-height: 100%; max-height: 100%; overflow-y: scroll; overflow-x: hidden;}
    #modal-1 .md-content button{top: 15px; right: 15px;}
    #modal-1 .detalle-producto-item {margin-top: 100px;}
    .detalle-producto-item .total-price p {background: rgba(255, 255, 255, 0.46); border-radius: 5px; padding: 14px 5px 0;}
    #modal-1::-webkit-scrollbar {display: none;}
    /*OWL-CAROUSEL*/
    #sliders .owl-dot span {
        border-radius: 0!important; width: 30px; height: 4px;
    }

}
@media screen and (max-width: 380px) {
    header .contacto img {max-width: 32px;}
    /*SLIDER*/
    .slider-cont h5 {display: none;}
    .slider-cont {padding: 150px 5% 100px}
    .slider-cont ul li {font-size: 35px;}
    .slider-cont ul li:first-child {
    background: url('../images/numbers-sprite.png') no-repeat 0 6px;}

.slider-cont ul li:nth-child(2) {
    background: url('../images/numbers-sprite.png') no-repeat 0 -65px;}

.slider-cont ul li:nth-child(3) {
    background: url('../images/numbers-sprite.png') no-repeat 0 -137px;
}

    .llanta-principal-caracteristicas {width: 180px; height: 340px;}
    .caracteristicas-02 {left:115px;}
    .caracteristicas-03 {left: 126px;}
    .caracteristicas-01 {right: 80px;}
    .llantas-caracteristicas {margin-left: 5px;}
    /*Bolitas*/
    .de-la-mas-chica-wrap {height: 670px;}
    .de-la-mas-01 {top: 340px;}
    .de-la-mas-02 {top: 480px;}
    .de-la-mas-03 {margin-left: 0; left: 15%;}
    .de-la-mas-05 {top: 340px;}
    .de-la-mas-04 {}
    .de-la-mas-06 {top: 480px;}
    .de-la-mas-07 {right: -3%; top: 115px;}
    .de-la-mas-05-txt {max-width: 100px;}
    .de-la-mas-04-txt {font-size: 16px;bottom: 5px;}
    .de-la-mas-07-txt {font-size: 16px;bottom: 5px;}
    /*Footer*/
    .footer-movil-tarjetas h6 {display: block;}
    /*AJUSTES MENU MOVIL*/
    #logo {width: 55%;}
    .aplicar-garantia {margin-top: 15px;}
    #modal-garantias {padding: 35px 25px;}

    #search-movil .buscador-movil-btn-1 h5, #search-movil .buscador-movil-btn-2 h5 { font-size: 11px;}
    header .contacto img {padding: 0 5px 0 9px;}
    header .contacto {text-align: left;}
    .select-50, .select-50-right {}
    .buscador-movil-forms {height: 200px;}
    .de-la-mas-chica-titulo {padding: 30px 0 0 15px;}
}

.wabtn {
	position: fixed;
	z-index: 10000;
	bottom: 30px;
	right: 30px;

	width: 50px;
	height: 50px;
	background: #4ac959;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
}

.wabtn .fa {
    color: white;
    font-size: 30px;
}

@media screen and (max-width: 768px) {
    .wabtn {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        line-height: 45px;
    }
    .wabtn .fa {
        font-size: 25px;
    }
}

.info-alert {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    font-size: 16px;
    margin: 10px auto;
    line-height: 30px;
}
.info-alert img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.info-alert img.icon-lg {
    width: 36px;
    height: 36px;
}

@media screen and (max-width: 768px) {
    .info-alert {
        font-size: 12px;
        line-height: 20px;
    }
}

.llanta-message p.list-alert {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 24px;
}
.llanta-message p.list-alert img {
    width: 28px;
    height: 28px;
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    .llanta-message p.list-alert {
        font-size: 12px;
        line-height: 16px;
    }
}