/*INICIA resultados DE search*/
.btn-filter{
    width: 100%; display: none;
}
.btn-filter span{
    width: auto; background: #3dc34e; border-radius: 5px; float: right; display: table; cursor: pointer;
    box-sizing: border-box; padding: 8px 10px; font-size: 14px; color: #fff; font-weight: 500;
}
#closeFilter{
    text-align: right; display: table; cursor: pointer;
    width: 100%; margin-bottom: 20px; display: none;
}
#closeFilter span{
    width: auto; background: #3dc34e; border-radius: 3px; float: right; display: table;
    box-sizing: border-box; padding: 4px 8px; font-size: 12px;
}
#layerFilter{
    position: fixed; width: 100%; height: 100%; z-index: -1;
    background: rgba(0,0,0,.45); top: 0; left: 0; display: none ;
}
.mobilehide{
    display: block !important;
}
.result{
    text-align: center; font-size: 20px; margin-top: 50px;
}
.resultados-wrap {
    width: 100%; position: relative; background: url('../images/carrito/carrito-de-compras-bg.jpg') no-repeat center; background-size: cover;
}
.resultados-cont {
    width: 85%; position: relative; margin: 0 auto; padding: 150px 0; max-width: 1200px;
    display: table;
}
.resultados-left-top {
    background: #232323; border-radius: 10px; padding: 15px;
}
.resultados-left {
    float: left; max-width: 250px;  color: #fff; text-align: center;
    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;
}
.resultados-left input{
    font-size: 18px; font-weight: 400; display: none;
}
.resultados-left-cont {
    background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 10px 20px 25px;
    text-align: left;
}
.resultados-left span{
    font-weight: 500;
}
.resultados-left select{
    padding: 10px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none;
    background: #fff url('../images/resultados/flechita.png') no-repeat right center; width: 29%; display: inline-block;
    margin: 10px 10px 0 0; font-size: 12px;
}
.resultados-left .select-first {
    width: 100%; margin: 0;
}
.resultados-left .select-last {
    margin: 10px 0 0 0;
}
.resultados-radio {
    text-align: left;
}
.resultados-left h6 {
    font-size: 16px; padding: 15px 0 10px; text-align: left; font-weight: 400;
}
.buscar{
    text-align: left;
}
@media screen and (min-width: 481px){
    .buscar {
        text-align: right;
    }
}
.btn-search {
    width: 29.5%; margin: 10px 0 0; text-align: center; padding: 8.5px 0; border-radius: 6px;
}
.resultados-left-auto{
    margin: 35px 0 0;
}
.resultados-left-auto .select-last{
    float: left; margin: 0;
}
.search-auto {
    margin: 0;
}

/*BANNER PAGO SEGURO*/
.banner-pago-seguro {
    background: url(../images/resultados/banner-left.png) no-repeat center top; float: left; position: relative;
    width: 250px; min-height: 455px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
    margin: 5px 0 0;
}
.banner-pago-txt {
    position: absolute; bottom: 0; padding: 26px;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
    border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
}
.banner-pago-txt h4{
    font-size: 22px; font-weight: 300; text-align: left; max-width: 250px;
    background: url(../images/resultados/candado.png) no-repeat right 30px;
    padding-right: 30px; padding-bottom: 10px;
}
.banner-pago-txt h4 strong{
    font-weight: 500;
}
.banner-pago-txt h4 span{
    color: #fccc31; font-weight: 300;
}
.banner-pago-txt p {
    text-align: left; font-size: 14px; font-weight: 300;
}



/*RESULTADO RIGHT*/
.llanta-message {
    width: 100%; display: table;
}
.llanta-icon {
    background: url('/assets/images/resultados/llanta-icono.png') no-repeat center; background-size: contain; width: 40px; height: 40px;
    display: inline-block; float: left; vertical-align: middle;
}
.llanta-message p {
    padding-left: 10px; vertical-align: middle; line-height: 120%;
    width: 90%; display: inline-block; margin: 4px 0 0; font-size: 14px;
}
.llanta-message strong {
    color: #b40d0d;
}
.resultados-view {
  float: right; display: table; width: 78%
}
.resultados-title {
    float: right; width: 100%; text-transform: uppercase; padding: 0 10px;
}
.resultados-de {
    float: left; color: #676767; font-size: 21px;
}
.resultados-de span{
    color: #000;
}
.cantidad-resultados h5 span {
    font-weight: 700;
}
.cantidad-resultados h5 {
    font-size: 12px; color: #676767; letter-spacing: 2px; font-weight: 400;
}
.cantidad-resultados {
    float: right;
    text-align: right;
}
.cantidad-resultados select {
    -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; background: transparent;
    color: #676767; background: url(../images/resultados/flecha-verde.png) no-repeat right center; padding-right: 15px;
}

.item-description-left {
    float: left; width: 75%;
}
.item-description-price{
    float: right; width: 25%; position: relative; min-height: 220px;
}
.price h4 span{
    font-size: 11px; text-align: right; display: block;
}
.resultados-search-cont {
    background: #fff; border-radius: 10px; padding: 20px 20px 0 0; width: 75%; float: right; margin: 8px 0;
    position: relative;
}
.resultados-item-img {
    background-size: contain; height: 213px; background-position: center 0; background-repeat: no-repeat; border-radius: 10px;
    display: inline-block; width: 30%; vertical-align: top;
}
.item-description {
    display: inline-block; width: 65%; vertical-align: middle;
}
.item-description p {
    font-size: 14px; font-weight: 300; color: #a0a0a0; padding: 0;
}
.resultados-item-marca {
    background-size: contain; width: 153px; height: 54px; background-position: center; background-repeat: no-repeat;
}
.resultados-search-cont-item .quantity {
     position: absolute; bottom: 0; right: 0;
}
.quantity input[type=number] {
    border: 1px solid #ccc; border-radius: 5px; padding: 5px 3px 5px 7px; width: 40px; font-size: 15px;
}

.item-description h3{
    font-size: 31px; font-weight: 500;
}
.price {
    vertical-align: top; text-align: right;
}
.price h4{
    color: #0050a3; font-weight: 500; font-size: 26px; line-height: 60%; margin: 10px 0 40px;
}
.price-little h6{
    color: #2d2d2c; font-weight: 300; font-size: 13px; padding: 10px 0; text-align: right;
}


.resumen-title {
    background: #242424; color: #6e6e6b; font-size: 15px; padding: 12px 0; font-weight: 500;
    border-top-left-radius: 12px; border-top-right-radius: 12px; text-align: center;
}
.agregados-number {
    background: #242424; border-radius: 50%; display: inline-block; padding: 10px 15px; color: #00c443; font-size: 17px; margin-right: 10px;
}
.articulos-agregados-cont {
    font-size: 12px; color: #676767; text-transform: uppercase; text-align: center; border-bottom: 1px solid #dedede; padding: 4px 0 12px;
        margin: 0 0 10px;
}
.articulos-agregados-title {
    font-size: 11px; color: #242424; font-weight: 600; padding: 10px 0; display: inline-block; width: 70%; text-align: left;
}
.articulos-agregados-quantity {
    font-size: 16px; font-weight: 300; color: #c1c1c1; float: right; padding: 5px 0;
}
.total-price {
    color: #0050a3; font-size: 31px; font-weight: 500; text-align: center; margin: 30px 0 0;
}

.pay {
    text-align: center;
}

.meses-sin-intereses {
    float: right; max-width: 180px; background: url(../images/detalle-producto/meses-sin-intereses.png) no-repeat right 0;
    padding-right: 40px; text-align: right;
}

.detalle-producto-caracteristicas ul {
    border-top: 1px solid #ccc; margin: 0;
}
.detalle-producto-caracteristicas ul li{
    list-style-type: none; display: inline-block; width: 32%; vertical-align: top; border-right: 1px solid #ccc;
    min-height: 60px; padding-top: 5px;
}
.detalle-producto-caracteristicas ul li:last-child{
    border-right: 0px;
}
.detalle-producto-caracteristicas ul li p{
    font-size: 13px; padding: 0; color: #000;
}
.detalle-producto-caracteristicas ul li p span {
    font-size: 15px; margin-left: 10px;
}
.btn-agregar {
    margin: 0; color: #fff; padding: 6px 14px;
}

/*TERMINA resultados DE searchS*/

/*TARJETAS ITEMS*/
.item-pro-wrap {
  width: 33%; padding: 10px; float: left; overflow: hidden;
}
.item-pro {
    text-align: center;
    width: 100%;
    background: #fff;
    margin: 0;
    border-radius: 14px;
    position: relative;
    cursor: pointer;

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

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

 .borde-izq {
    border-left: 1px solid #ccc;
    padding: 10px 0 10px 10px;
}
 .borde-izq p{
    font-size: 15px; white-space: nowrap;
    overflow: hidden; width: 90%;
    text-overflow: ellipsis;
}

 .item-pro-bottom-col p {
    font-size: 9px;
    padding:  0; position: relative;
    text-align: left;
}
 .item-pro-bottom-col p span{
    font-size: 14px;
    padding-left: 10px;
}

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

}
/******paginado*****/
.pagination{
    display: table; padding-top: 30px;
    width: 90%; margin: 20px auto 10px; text-align: center;
}
.pagination li{
    display: inline-block; text-align: center; margin: 8px;
    color: #6e6e6b; font-size: 20px;
}
.pagination li.active{
    color: #3dc34e; border: 1px solid rgba(0,0,0,.35);
    padding: 3px 8px; border-radius: 3px;
}
.pagination li a{
    color: #6e6e6b;
}
/*=======MOVIL========*/
@media screen and (max-width: 1400px) {
  .resultados-cont{max-width: 1300px; width: 95%;}
  .item-pro-img {height: 160px;}
}
@media screen and (max-width: 1250px) {

    .item-description {width: 69%;}
}
@media screen and (max-width: 1200px) {
    .resultados-view {width: 75%;}
}
@media screen and (max-width: 1130px) {
    .resultados-cont {padding: 200px 0 150px;}
}
@media screen and (max-width: 1100px) {
    .resultados-view {width: 72%;}
    .item-pro-img {height: 140px;}
    .item-pro-wrap {padding: 10px 7px;}
    .item-description h3 {font-size: 25px;}
    .detalle-producto-caracteristicas ul li p span {margin-left: 0; font-size: 13px;}
    .detalle-producto-caracteristicas ul li p {font-size: 12px;}
}
@media screen and (max-width: 1000px) {


}

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

    .banner-pago-seguro {display: none;}
    .resultados-cont{
        padding-top: 200px;
    }
    .resultados-view {width: 100%;}
    .resultados-de {font-size: 17px;}
    /**** RESULTADOS *******/
    .showFilter{
        left: 0px !important;;
    }
    .btn-filter{
        width: 100%; display: table;;
    }
    #layerFilter{
        z-index: 1009;
    }
    #closeFilter{
        display: table;
    }
    .resultados-left{
        position: fixed; left: -100%; z-index: 1110; top: 0px; height: 100%; min-height: 100%;
        max-height: 100%; overflow: auto;
    }
    .resultados-left-top{
        border-radius: 0px;
    }
}

@media screen and (max-width: 770px) {
    .resultados-cont {padding: 150px 0 150px;}
    .item-pro-wrap {width: 50%;}
}

@media screen and (max-width: 600px) {
    .resultados-item-img {width: 55%;height: 235px;}
    .item-description-price {float: none; width: 100%;}
    .item-description h3 {position: absolute; top: 20px; right: 30px; max-width: 190px; margin: 70px 0 0; text-align: right; line-height: 110%;}
    .resultados-item-marca {position: absolute; top: 5px; right: 20px; height: 45px; background-position: right;}
    .item-description-left {width: 100%;}
    .item-description {width: 100%;}
    .resultados-search-cont {padding: 10px 20px 5px; margin: 15px 0;}
    .item-description p {text-align: center; margin: -15px 0 15px;}
    .detalle-producto-caracteristicas {margin: 0 0 20px;}
    .detalle-producto-caracteristicas ul {border-bottom: 1px solid #ccc;}
    .detalle-producto-caracteristicas ul li {min-height: 45px;}
    .detalle-producto-caracteristicas ul li p {margin: 0;}
    .price {position: absolute; right: 10px; top: 53px;}
    .price h4 {margin: 0;}
    .meses-sin-intereses {float: left;}
    .resultados-search-cont-item .quantity {float: right; position: relative;}
    .resultados-search {margin: 0 auto;}
    .resultados-de {float: none; margin: 0 0 8px;}
    .cantidad-resultados {float: none; text-align: center;}
    .resultados-title {text-align: center;}

}

@media screen and (max-width: 525px) {
  .item-pro-wrap {width: 100%; }
  .resultados-search {max-width: 310px;}
  .llanta-icon {display: none;}
  .llanta-message p {width: 100%; margin: 20px 0 0;}
}

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

    .resultados-item-img {height: 205px;}
    .item-description h3 {max-width: 165px; background: rgba(255, 255, 255, 0.37);}
    .item-description-price  {text-align: center;}
    .meses-sin-intereses {float: none; text-align: center; max-width: 100%; padding: 0;
    background: url(../images/detalle-producto/meses-sin-intereses.png) no-repeat center left;
    position: relative; display: inline-block; margin: 0 auto;}
    .meses-sin-intereses p {padding-left: 40px;}
    .resultados-search-cont-item .quantity {float: none;}
    .price-little h6 {text-align: center;}
    /**** RESULTADOS *******/
    .btn-filter span{
        float: none; margin: 0px auto 20px; padding: 8px 15px;
    }
    .resultados-left{
        width: 100%; max-width: 100%;
    }
}

@media screen and (max-width: 380px) {
.detalle-producto-caracteristicas{}
}

@media screen and (max-width: 320px) {
.detalle-producto-caracteristicas{display: none;}
}