/*DISTRIBUIDORES*/
.distribuidores-top-wrap {
    width: 100%; position: relative; background: url('../images/distribuidores/mazllantas-distribuidores-bg.jpg') no-repeat center; background-size: cover;
    overflow: hidden;
}
.distribuidores-top-cont {
    width: 90%; margin: 0 auto; padding: 180px 0; max-width: 1100px;
}
.distribuidores-top-left, .distribuidores-top-right {
    display: inline-block; width: 49%; position:relative; vertical-align: top;
}

.distribuidores-top-left h3, .no-encuentras h3 {
    font-size: 31px; text-transform: uppercase; font-weight: 400;
}
.distribuidores-top-left h3 strong {
    color: #5dd069; font-weight: 400;font-size: 48px; line-height: 120%;
}
.no-encuentras {
    max-width: 340px; margin: 90px 0 110px;
}
.no-encuentras h6 {
    font-size: 12px; text-transform: uppercase; font-weight: 400;
}
.no-encuentras h3 {
    font-weight: 500;
}
.no-encuentras h3 strong {
    font-size: 31px!important; font-weight: 500;
}
.contact-whats {text-transform: uppercase;}
.contact-whats p {
    font-size: 15px; padding: 0;
}
.contact-whats span {
    font-size: 29px;
}
.contact-whats img {
    float: left; margin-top: -30px;
}

.distribuidores-llantas {
    position: relative;
    height: 480px;
}
.llanta-front {
    background: url('../images/distribuidores/llanta-left.png') no-repeat center; background-size: contain; width: 409px; height: 436px;
    position: absolute; top: 50px; left: -40px; z-index: 50;
}
.llanta-middle {
    background: url('../images/distribuidores/llanta-middle.png') no-repeat center; background-size: contain; width: 400px; height: 398px;
    position: absolute; top: 50px; left: 85px; z-index: 40;

    animation: gira 7s infinite linear;
    -webkit-animation: gira 7s infinite linear;
    -o-animation: gira 7s infinite linear;
    -moz-animation: gira 7s infinite linear;
}
@keyframes gira{
    0% {transform : rotate(0deg); }
    100% {transform : rotate(360deg); }
}

.llanta-back {
    background: url('../images/distribuidores/llanta-right.png') no-repeat center; background-size: contain; width: 389px; height: 441px;
    position: absolute; top: 50px; left: 200px; z-index: 30;
}
.la-que-buscas {
    text-align: center; margin: 0 auto;
}
.la-que-buscas p {
    font-size: 18px; text-transform: uppercase;
}
.surtido-marcas-title {
    text-align: right; margin-right: 5%;
}
.surtido-marcas-title h2{
    font-size: 44px; font-weight: 300; text-transform: uppercase; line-height: 100%;
}
.surtido-marcas-title h2 strong{
    font-weight: 600; color: #5dd069; font-size: 70px; line-height: 90%;
}
.surtido-marcas-title p {
    font-size: 18px; max-width: 400px; float: right; margin: 15px 0 0;
}
.surtido-marcas-cont {
    width: 90%; margin: -60px auto 0; position: relative; max-width: 1100px;
}

.marcas-distribucion {
    text-align: center; margin: 0 0 40px;
}
.marcas-distribucion img{
    margin: 20px 25px;
}
.brandDis{
    width: 200px; display: inline-block;
    background-size: 70%!important; height: 80px;
}
/*TERMINA DISTRIBUIDORES*/

/*MOVIL*/
@media screen and (max-width: 1200px) {
    .llanta-front {height: 400px;}
    .llanta-middle {height: 370px;}
    .llanta-back {height: 421px;}
    .distribuidores-top-right {width: 40%;}
    .distribuidores-llantas {margin-left: -80px;}
}
@media screen and (max-width: 1030px) {
    .distribuidores-top-cont {padding: 221px 0 180px;}
    .marcas-distribucion img {margin: 20px 15px;}
}

@media screen and (max-width: 1000px) {
    .distribuidores-llantas {margin-left: 0;}
    .llanta-front {height: 300px; width: 100%}
    .llanta-middle {height: 270px;width: 100%; left: 40px;}
    .llanta-back {width: 100%; height: 320px; left: 120px;}
    .no-encuentras {margin: 40px 0 50px;}
    .distribuidores-llantas {height: 350px;}
    .la-que-buscas {margin: 0 auto 0 89px;}
    .marcas-distribucion img {width: 20%;}
}
@media screen and (max-width: 900px) {
    .distribuidores-top-cont {width: 90%;}
    .distribuidores-top-cont {padding: 221px 0 140px;}
}

@media screen and (max-width: 770px) {
    .llanta-back {display: none;}
    .distribuidores-top-cont {width: 85%;}
    .contact-whats {display: none;}
    .distribuidores-top-right {margin-left: 50px;}
    .distribuidores-top-cont {padding: 180px 0 140px;}
}
@media screen and (max-width: 670px) {
    .distribuidores-llantas {height: 310px;}
    .distribuidores-top-left h3 strong {font-size: 40px;}
    .surtido-marcas-title h2 {font-size: 30px;}
    .surtido-marcas-title h2 strong {font-size: 50px;}
    .marcas-distribucion img {margin: 20px 5px;}
    .marcas-distribucion {margin: 0;}
}
@media screen and (max-width: 580px) {
    .distribuidores-top-left, .distribuidores-top-right {width: 100%;}
    .no-encuentras {margin: 40px 0 0;}
    .distribuidores-top-right {margin-left: 0;}
    .distribuidores-llantas {height: 340px;}
    .marcas-distribucion img {width: 25%;}
    .marcas-distribucion img {margin: 10px 5px;}
}
@media screen and (max-width: 480px) {
    .marcas-distribucion img {margin: 5px 5px; width: 29%;}
}
@media screen and (max-width: 380px) {
    .distribuidores-top-right {width: 80%; margin-left: 11%;}
    .llanta-front {height: 190px; top: 0;}
    .llanta-middle {height: 175px; top: 0;}
    .no-encuentras {margin: 10px 0 25px; text-align: center;}
    .distribuidores-top-left h3 {text-align: center;}
    .distribuidores-top-left h3 strong {font-size: 35px;}
    .no-encuentras h3, .no-encuentras h3 strong{font-size: 24px!important; color: #000;}
    .distribuidores-top-cont {padding: 150px 0 140px;}
    .la-que-buscas p{font-size: 16px;}
    .distribuidores-llantas {height: 190px;}
    .surtido-marcas-title h2 {font-size: 25px;}
    .surtido-marcas-title h2 strong {font-size: 40px;}
}
@media screen and (max-width: 330px) {
    .marcas-distribucion img {width: 40%;}
}