/*/////////////////////////////////////////////////////.btnselect///////////////*/
/*   BOXES                 ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

/* PRODUCT_BOX */
.PRODUCT_BOX {
    background: transparent none repeat scroll 0 0;
    margin-bottom: 35px;
    padding: 0;
    position: relative;
    /*min-height: 430px;*/
    height: auto;
}

/* box_image */
.PRODUCT_BOX .box_image {
    background: #F9F9F9 none repeat scroll 0 0;
    position: relative;
    width: 100%;
    width: 250px !important;
    height: 250px !important;
    margin-bottom: 10px;
    border-radius: 100%;
    display: flex;
    margin: 20px auto;
    align-items: center;
    justify-content: center;
}




/* box_data */
.PRODUCT_BOX .box_data {
    position: relative;
    width: 100%;
    line-height: 20px;
    padding: 5px 8px 10px;
    color:#717171;
    
}
.PRODUCT_BOX .box_data h3 {
    text-align: center;
    font-size: 26px;
    color: #54595F;
    font-weight: 600;
    margin: 10px auto;
}

.PRODUCT_BOX .box_data .description{
    text-align: center;
    max-width: 400px;
    margin: 15px auto;
    line-height: 28px;
    font-size: 18px;
    color: #676767;
}

/* generales BOX y DETAIL */
.price_wrapper {
    float: left;
    line-height: 1.3em;
    position: relative;
    width: 100%;
    height: 51px;
}
.price_wrapper > span {
    color: #4c4c4c;
    float: left;
    font-size: 0.9em;
    width: 100%;
    margin: 0 0 2px;
}

.price {
    float: left;
    font-size: 1em;
    margin-right: 6px;
    color: #000;
    min-width: 65px;
    font-weight: 700;
}
.tachado {
    color: #8d8d8d;
    float: left;
    font-size: 0.67em;
    margin: -11px 0 0 1px;
    position: relative;
    text-align: right;
    clear: left;
    text-decoration-line: line-through;
}
.price_wrapper.nonavailable {
    font-weight: bold;
    opacity: 0.4;
    padding-top: 3px;
}
.nonavailable .tachado {display: none;}
.nonavailable .price {opacity: 0.3; color: #000;}

.nonavailable {
    letter-spacing: -0.2px;
}

.nonavailable .texto {
    width:100%;
}
.PRODUCT_BOX .price_wrapper.nonavailable {
    padding-top: 54px;
}

.desc-corta {
    padding: 0 15px;
    float: left;
    display: block;
    width: 100%;
    margin: 5px 0 15px;
    font-size: 20px;
}

.cuotas {
    /*background: #fff none repeat scroll 0 0;*/
    color: #888;
    float: left;
    font-size: 0.9em;
    letter-spacing: 0.02em;
    line-height: 16px;
    margin: 7px 0 4px;
    /* padding: 10px; */
    /* position: absolute; */
    text-align: left;
    width: 100%;
    letter-spacing: 0;
    order: 5;
}

.bloque {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    position: relative;
}
/*.cuotas::before {
    border-color: transparent transparent transparent #f4f4f4;
    border-style: solid;
    border-width: 14px 0 0 19px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -10px;
    width: 0;
}
.cuotas span {
    display: inline-block;
}
.cuotas small {
    font-size: 10px;
}
.cuotas strong {
    color: #000;
    font-weight: 500;
}
.cuotas > img {
    display: inline-block;
    margin: 5px auto 2px;
    padding: 0 7px;
    width: 84px !important;
}
.cuotas > img {
	filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale');	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: Gray(Opacity=70);
	opacity: 0.7;
}*/

@media (max-width: 1199px){
    .BUY .badge-dto{
        top: 3px !important;
    }
}

@media (max-width: 991px) {    
    .Home .PRODUCT_BOX .badge-dto {
        font-size: 0.9em;
    }
}

@media (max-width: 767px) {    
    .cuotas > img {width: 70px}
    .PRODUCT_BOX .badge-dto {
        font-size: 1em;
        margin: 0;
        position: absolute;
        right: 4px;
        top: 15px;
        margin-left: 5px;
    }

    .PRODUCT_BOX .box_image{
        width: 145px !important;
        height: 145px !important;
    }

    .owl-carousel .box_image img{
        width: 70%;
    }

    .BUY .badge-dto{
        margin: 0 5px !important;
    }
}

.allthumbs {padding-bottom: 10px;}

.Home .gridview > ul.row {
    float: left;
    width: 100%;
}
    
.PRODUCT_BOX .tachado {
    order: 3;
    margin: 2px 0 0;
}

.PRODUCT_BOX .badge-dto {
    order: 4;
}

.PRODUCT_BOX .price_wrapper {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

.PRODUCT_BOX .price {order: 2;min-width: unset;}

.PRODUCT_BOX .price .pesos {
    font-size: 0.6em;
}

.PRODUCT_BOX .price_wrapper > span {
    order: 1;
    color: #000;
    font-size: 0.93em;
    font-weight: normal;
    margin-bottom: -5px;
}

@media (max-width: 479px) {

    .PRODUCT_BOX .tachado {
        order: 3;
        margin: 0;
        flex-basis: 100%;
        text-align: left;
        margin-top: -5px;
        position: absolute;
        top: 22px;
        font-size: 0.75em;
    }
    .PRODUCT_BOX .price {
        font-size: 1.1em;

    }

    .PRODUCT_BOX .badge-dto {
        order: 2;
        font-size: 1.1em !important;
        position: relative;
        top: 17px;
        left: -10px;
    }

    .PRODUCT_BOX {
        border:none;
    }

    .PRODUCT_BOX .price_wrapper > span {
        display:none;
    }
    .price_wrapper {
        line-height: 2em;
    }
}

/* recuadro del producto */
.Product .contenido {
    border: 1px solid #dadada;
    display: flex;
    justify-content: stretch;
}

@media (min-width: 767px){
    .Product .contenido{
        margin: 0;
    }
}

.Product .c-envio::before {
    content: "";
    display: block;
    height: 1px;
    position: relative;
    left: -35px;
    top: 0;
    width: calc(100% + 70px);
    background-color: #dadada;
    margin-bottom: 20px;
}

@media(max-width:1439px){
    .Product .c-envio::before {
        left: -32px;
        width: calc(100% + 64px);
    }
}




/*Comparar*/
.compare {
    float: left;
}

.compare:hover .comp-button {
    text-decoration: underline;
    color: #000;
}

.comp-button span {
    font-family: 'Montserrat';
    font-size: 0.95em;
    color: #707070;
}

.comp-button::before {
    float: left;
    font-family: "Ionicons";
    font-size: 1.1em;
    margin: 5px 4px 0px 4px;
    height: 12px;
    width: 12px;
    border: 1px solid #a1a2a2;
    content: "";
    border-radius: 2px;
}

@media (max-width:479px){
    .compare, .BUTTONFAV{
        display:none;
    }
}


/* buttons */
.PRODUCT_BOX  .buttons_wrapper {
    padding-top: 105px;
}

.BUTTONFAV {
    bottom: 0;
    color: rgba(0, 0, 0, 0.15);
    font-family: "E3font";
    font-size: 1.4em;
    font-weight: lighter;
    padding: 10px;
    position: absolute;
    right: 0;
    text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
    z-index: 1;
}
.BUTTONFAV span {display: none}
.BUTTONFAV:before {content: "Z";}
.BUTTONFAV:hover {color: #002364 !important}


.Home .BUTTONBUY.nonavailable, .Category .BUTTONBUY.nonavailable {
    display: none;
}


.BUTTONBUY {
    display: block;
    font-weight: normal;
    padding: 11px 00;
    text-align: center;
    text-decoration: none;
    text-transform:none;
    min-width: 159px;
    width: 159px;
    font-size: 15px;
    margin: auto;
}

@media(max-width: 1439px){
    .BUTTONBUY{
        padding: 9px 0;
        min-width: 150px;
        width: 150px;
        font-size: 13px;
    }

    .PRODUCT_BOX .box_data h3{
        font-size: 22px;
    }

    .PRODUCT_BOX .box_data .description{
        line-height: 24px;
        font-size: 15px;
    }
}

ul#related-product-slider .BUTTONBUY.nonavailable{
    display: none;
}

ul#related-product-slider .BUTTONBUY{
    margin-top: 0px;
    /*display: none;*/
}

.BUTTONBUY:hover,.BUTTONBUY:active  {
    background: #00B4AA;
    color: #FFF;
}

.BUTTONBUY.nonavailable span {
    padding: 0 9px 0 0;
}
.BUTTONBUY.nonavailable span:before {content: "\f21f"}
.BUTTONBUY.nonavailable span::before {
    float: right;
    font-family: "Ionicons";
    font-size: 1.4em;
    top: -1px;
}
.BUTTONBUY.nonavailable:hover {background: #bbb}

.BUTTONBUY.nonavailable {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #888 !important;
    font-size: 0.9em;
    padding: 10px 0;
    text-decoration: underline;
    width: auto;
    min-width: 0;
}
.PRODUCT_BOX:hover .BUTTONBUY.nonavailable, .BUTTONBUY.nonavailable:hover {
	color: #000 !important;
	text-decoration: underline !important;
	background: none !important;
}



/* valoracion ****/
.valoracion {
    line-height: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    background: #ffffffe6;
    width: 100%;
    z-index: 0;
    display: none;
    opacity: 0;
    transition: ease-in-out 0.5 all;
    display:none;
}
@media (min-width: 768px) { 
	.PRODUCT_BOX:hover .valoracion {display: none; opacity: 1; transition: ease-in-out 0.5 all;}
}
.stars_off {
    float: right;
    font-family: "E3Interface";
    font-size: 10px;
    height: 19px;
    letter-spacing: 0.2em;
    position: relative;
    width: 73px !important;
    margin: 5px 27px 11px 0;
}
.stars_on {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 0%;
}
.stars_on:before, .stars_off:before {content: "\e08f \e08f \e08f \e08f \e08f "}
.stars_on:before, .stars_off:before {
    height: 100%;
    position: absolute;
    width: 100%;
}
.stars_off:before {color: #c2c2c2;}
.stars_on:before {color:#f7cb00;}

.puntaje {
	width: 1px;
	height: 1px;
    overflow: hidden;
    text-indent: 1000px;
}


@media(max-width:767px){
    ul#related-product-slider .BUTTONBUY{
        margin-top: 0px;
    }
    
    .PRODUCT_BOX .box_data h3{
        font-size: 20px;
    }

    .PRODUCT_BOX .box_data .description{
        font-size: 13px;
        line-height: 22px;
    }
}

@media(max-width:479px){
    ul#related-product-slider .BUTTONBUY{
        display:none;
    }
.PRODUCT_BOX .buttons_wrapper{padding-top: unset;}
    
}




/* PRODUCT_BOX:HOVER ****************************/

@media (min-width: 768px) {

.PRODUCT_BOX:hover .box_data h3 {text-decoration: underline}
.PRODUCT_BOX:hover .BUTTONFAV {display: block} 


/*.PRODUCT_BOX:hover .hover_image {
    display: table !important;
    height: 100%;
    opacity: 1;
    top: 0;
}

.PRODUCT_BOX .hover_image, .PRODUCT_BOX:hover .hover_image {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}*/
}





/* PASTILLAS **********************************/

.badges {
    z-index: 999;
}
.badges ul {
    text-align: center;
    float: left;
    padding: 0;
    margin: 3px 0 0 3px;
}
.badges ul li {
    display: inline-block;
}
.badges ul li > div {
    background: #efefef none repeat scroll 0 0;
    color: #666;
    font-size: 0.85em;
    height: 23px;
    line-height: 20px;
    margin: 0 2px 2px 0;
    padding: 0 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 1;
    font-family: 'Montserrat' , sans-serif;
    border-radius: 0;
    /*border: 1px solid #ccc;*/
    letter-spacing: -0.02em;
}

.badges-generales .badge-enviogratis {
    /*display:none*/
}

/* descuento "-20%" */

.badge-dto {
    background: transparent;
    border-radius: 2px;
    color: #E10571;
    float: left;
    font-size:1em;
    height: 22px;
    line-height: 20px;
    margin: 0 0 0 3px;
    padding: 0 4px;
    position: relative;
    text-align: center;
    width: auto;
    font-weight: 500;
}

.badge-dto.percent span::after {
    content:"% off";
    margin-left: 1px;
}

/*.badge-dto::before {
    border-color: transparent #002364 transparent transparent;
    border-style: solid;
    border-width: 6px 11px 6px 0;
    content: "";
    height: 0;
    left: -7px;
    position: absolute;
    top: calc(50% - 6px);
    width: 0;
}*/
.badge-dto strong {
    font-weight: bold;
    font-family: 'Montserrat' , sans-serif;
}


.badge-oferta {
    background-color: #b5b3b3 !important; 
    color:white!important;
    border: 1px solid #b5b3b3 !important;
}
.badge-nuevo {
    background-color: #00a8ff!important;
    color:white!important;
}

@media (min-width: 768px){
    .badge-nuevo {
        background-color: transparent !important; 
        color:white!important;
        transform: rotate(-35deg);
        border-right: 30px solid transparent !important;
        border-left: 15px solid transparent!important;
        border-bottom: 22px solid #00a8ff!important;
        border: none;
        position: relative !important;
        top: 2px;
        right: 20px;
    }

    .Product .GALLERY .badge-nuevo {
        background-color: transparent !important;
        color: white!important;
        transform: rotate(-35deg);
        border-right: 40px solid transparent !important;
        border-left: 20px solid transparent!important;
        border-bottom: 28px solid #00a8ff!important;
        border: none;
        position: relative !important;
        top: 4px;
        right: 27px;
        width: 130px !important;
        line-height: 2em !important;
    }
}


/* envio gratis */
.badge-enviogratis {
    background-color: #fdac39;
    border-radius: 0;
    bottom: 0;
    color: #fff;
    font-size: 0.95em;
    font-weight: normal;
    left: 0;
    padding: 1px 7px;
    position: absolute;
    font-family: 'Montserrat' , sans-serif;
    z-index: 1;
    letter-spacing: -0.02em;
}
.badge-enviogratis span::before {
    content: "";
    background-image: url('../../images/camion.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 19px;
    height: 17px;
    float: left;
    opacity: 0.4;
    margin: 2px 4px 0 0;
}
.badge-enviogratis::before {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    right: -4px;
    width: 0;
    border-color: #fdac39 transparent transparent;
    border-width: 11px 4px 0 0;
    top: 0;
}

.badge-enviogratis::after {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    right: -4px;
    width: 0;
    border-color: transparent transparent transparent #fdac39;
    border-width: 11px 0 0 4px;
    bottom: 0;
}


/* descuento */
.badge-dto.money .txt {
    color: rgba(255, 255, 255, 0.83);
    float: left;
    font-size: 9px;
    height: 4px;
    letter-spacing: 0.01em;
    line-height: 22px !important;
    text-transform: none;
    width: 100%;
    display: none;
}
.badge-dto.money strong {
    font-size: 1.3em;
    line-height: 1px !important;
}
.badge-dto.money strong::before {
    content: "$";
    font-size: 0.8em;
    margin: 4px 2px 0 0;
}

/* descuento "-20%" */
.badge-dto.percent .txt {display: none}

.badge-cuotas {
    background: #002364 !important;
    color: #fff !important;
}

/* Pastillas en Product Detail ************/
.GALLERY #g_image .badges {
    float: initial;
    left: -8px;
    position: absolute;
    top: 7px;
    z-index: 1;
}
.GALLERY #g_image .badges ul {
    margin: 0;
}
.GALLERY .badges ul li > div {
    font-size: 1em;
}
.GALLERY #g_image .badge-nostock, .GALLERY #g_image .badge-ultimos {display: none;}


/* PRODUCT_BOX responsive  ******/

@media (max-width: 1439px) {
    .BUY .envios .bloque1, .BUY .envios .bloque2 {
        width: 60%!important;}

    .PRODUCT-TABS {
        margin-top: 60px !important;
    }
    
}

@media (max-width: 1199px) {

.cuotas span {
    display: inline;
}
.PRODUCTAREA .buttons_wrapper .compare::after {
    display:none!important;
}
.PRODUCTAREA .buttons_wrapper .compare {
    margin-left: 0px!important;
}
.PRODUCT_BOX .badge-dto {
    top: auto;
    position: relative;
    margin-left: 5px;
    right: auto;
}
.BUY .envios {margin: 3px 0 !important}
}

@media (max-width: 991px) {
.PRODUCT_BOX {font-size: 1em}
.BUY .envios {margin: 0 !important}
}

@media (max-width: 767px) {
/*.PRODUCT_BOX {
    border: 1px solid #eee;
    padding: 0 5px 5px 0;
}*/

.BUY .envios .bloque1, .BUY .envios .bloque2 {
    width: 250px!important;
    margin-left: 30px;
}

.PRODUCT_BOX .price_wrapper {
    align-items: flex-start;
}

.hover_image {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    bottom: -14px;
    display: block !important;
}

.badges ul {
    margin: 0;
}

.PRODUCT_BOX .badge-dto::before {
    border-width: 5px 7px 5px 0;
    left: -5px;
    top: calc(50% - 5px);
}
.PRODUCT_BOX .price_wrapper {height: 53px}
.PRODUCT_BOX .price {
    margin-right: 0;
}
.PRODUCT_BOX .tachado {
    /* margin-top: -12px; */
    padding: 0 0 0 5px;
}
.PRODUCT_BOX .cuotas {
    line-height: 15px;
    padding: 0px;
}
.PRODUCTAREA {
    padding-top: 15px !important;

}.PRODUCTAREA .buttons_wrapper .compare {display:none}
.PRODUCTAREA .buttons_wrapper {font-size: 1.3em !important;}
.PRODUCTAREA .buttons_wrapper {
    padding: 20px 0 !important;
}
.badges ul li > div {
    padding: 0 4px;
    font-size: 0.85em;
    height: 22px;
    line-height: 20px;
}
.BUY .envios .bloque1, .BUY .envios .bloque2 {
    padding-bottom: 20px;
}
.BUY .c-envio h2 {
    font-size: 1.3em;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 20px 0;
}
.Product section {
    margin-top: 0;
}
}


@media (max-width: 479px) {
.PRODUCT-TABS {
    margin-top: 20px !important;
}
.Home .PRODUCT_BOX .cuotas{top: 32px;font-size: 1em;}
.Home .PRODUCT_BOX .price{
    flex-basis: 100%;
    }
.Home .PRODUCT_BOX .price_wrapper{
    line-height: 1em;
}
.Home .PRODUCT_BOX .tachado {
    order: 2;
    position: relative;
    top: 0;
    left: 0 !important;
    align-self: flex-start;
    float: left;
    flex-basis: unset;
    margin-top: 0;
}
.Home .PRODUCT_BOX .badge-dto {
    order: 3;
    top: 25px;
    position: unset;
    right: auto;
    border: 0;
    padding: 0;
    align-self: center;
    line-height: 0.1em;
    font-size: 1em !important;
}

.PRODUCT_BOX .cuotas {
    font-size: 1.2em;
    padding: 0;
    position: absolute;
    top: 40px;
}

.PRODUCT_BOX .cuotas strong:first-child {
    font-weight: normal !important;
}


.PRODUCT_BOX .badges ul li {
    display: block;
}
.PRODUCT_BOX .badges ul li > div {
    height: auto;
    line-height: 1em;
    padding: 2px 3px;
    min-width: auto;
    margin-bottom: 2px;

}
.badge-enviogratis{
    padding: 0 3px 0;
}

.badge-enviogratis::after {
    right: -5px;
    border-width: 11px 0 0 5px;
}

.badge-enviogratis::before {
    right: -5px;
    border-width: 11px 5px 0 0;
}

.badge-enviogratis span::before{display:none;}

}

@media (max-width:520px) and (min-width:481px){
    .PRODUCT_BOX .badge-dto {
        top: 23px;
        position: absolute;
        margin-left: 5px;
        right: -10px;
    }
}


/* NOHAYPRODS  **************************/
.nohayprods > li {
    float: left;
    margin-bottom: 30px;
}
.nohayprods > li > a::before {
    display: block;
    font-family: "cdafont";
    font-size: 4em;
    text-decoration: none !important;
}
.nohayprods > li > a {
    text-transform: uppercase;
}
.nohayprods > li > a:hover {color: #002364 !important}
.nohayprods .caret {
    display: none;
}
.nohayprods > li > ul {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #ffdd07 transparent transparent;
    border-style: solid none none;
    border-width: 1px 0 0;
    box-shadow: none;
    display: block;
    float: left;
    font-size: 0.9em;
    left: unset;
    margin: 8px 0 0;
    padding: 0;
    position: relative;
    top: unset;
    width: 100%;
    padding-top: 4px;
    z-index: 0;
}
.nohayprods > li > ul a {
    opacity: 0.6;
    padding: 2px 0;
}

.nohayprods a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: inherit !important;
    opacity: 1 !important;
}
.nohayprods > li > ul a:hover {
    text-decoration: underline !important;
}


/* PRODUCT_LIST - VISTA GRILLA DEFAULT **************************/

.gridview .PRODUCT_BOX {margin-bottom: 35px}
.gridview .PRODUCT_BOX .box_image {height: 285px}

@media (max-width: 1199px) {   
.gridview .PRODUCT_BOX .box_image {height: 213px}
}
@media (max-width: 991px) {    
.gridview .PRODUCT_BOX .box_image {height: 247px}
}
@media (max-width: 767px) {    
.gridview .PRODUCT_BOX {margin-bottom: 35px}
.gridview .PRODUCT_BOX .box_image {height: 225px}
}
@media (max-width: 479px) {    
.gridview .PRODUCT_BOX {width: 106%; margin-bottom: 30px;}
.gridview .item:nth-child(2n+1) .PRODUCT_BOX {}
.gridview .item:nth-child(2n+2) .PRODUCT_BOX {margin-left: -6%;}

.gridview .PRODUCT_BOX .box_image {height: 155px}
.gridview .PRODUCT_BOX{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}




/* PRODUCT_LIST - VISTA LISTADO **************************/

.listview .item:last-child {
    margin-bottom: 30px;
}
  .listview .PRODUCT_BOX {
      border-radius: 0;
      height: auto;
      margin: 0;
      padding: 17px 10px 14px;
      position: relative;
      border-bottom: 1px solid #dcdcdc;
      width: 100%;
      display:flex;
      align-items: center;
  }
  
 .listview br {
    display: none;
}

.listview .badge-nuevo {
    top: auto;
    right: auto;
    border: 0 !important;
    background: #00a8ff !important;
    margin: 0;
}

.listview .BUTTONBUY {
    float: right;
    clear: right;
}

  @media (min-width: 480px) {
  /*.listview .PRODUCT_BOX:hover {
      border: 1px solid #c5c5c5 !important;
      z-index: 1;
      margin-top: -1px;
  }*/
  
  .listview .PRODUCT_BOX .BUTTONFAV {
          display:none;
      }
  }
  
  .listview .PRODUCT_BOX .box_image {
      float: left;
      height: 140px !important;
      width: 140px !important;
      clear: right;
      margin: 0;
      background-color: white;
  }

  .listview .PRODUCT_BOX .box_image img{
      width: 100%;
  }
   
  .listview .PRODUCT_BOX .box_data {
      float: left;
      margin: 0;
      width: calc(100% - 140px);
      position: relative;
      height: auto;
      padding: 0 0 0 15px;
      min-height: 100px;
  }

  .listview .PRODUCT_BOX .price_wrapper > span {
    margin-bottom: 13px;
    font-size: 1em;
    color: #676767;
  }
  .listview .PRODUCT_BOX .name_wrapper {
      float: none;
      width: calc(100% - 190px);
  }
  .listview .PRODUCT_BOX .box_data h3 {
      float: left;
      font-size: 1.2em;
      height: auto;
      margin: 0 0 20px 0;
      clear: both;
      width: 100%;
      color: #000;
      font-weight: 400;
  }
  .listview .PRODUCT_BOX .box_data .short_desc {
      color: #888;
      float: left;
      font-size: 1em;
      line-height: 1.2em;
      margin: -14px 0 20px;
      width: 100%;
      font-weight: lighter;
  }
  .listview .PRODUCT_BOX .box_data .short_desc p {
      margin: 0 !important;
  }
  .listview .PRODUCT_BOX .box_data .codeid {
    position: relative;
  }
  

  .listview .buttons_wrapper {
    display: none !important;
  }
  
  .listview .badge-dto {
      margin: 0;
      position: relative;
  }
  
  
  .listview .badge-dto strong {padding-top: 3px; font-size: 1.75em;}
  .listview .badge-dto strong::before {bottom: 6px;}
  
  .listview .badge-dto.percent .txt {
      font-size: 1em;
  }
  
  .listview .PRODUCT_BOX .BUTTONFAV {
      padding: 0 10px;
      right: 0;
      bottom: 6px;
      opacity: 0.35;
      display: block;
      background: transparent;
  }
  .listview .PRODUCT_BOX:hover .BUTTONFAV {opacity: 1}
  
  .listview .price {
      margin: 0;
      float: right;
      width: auto;
  }
  .listview .tachado {
    padding-left: 10px;
    text-align: right;
    float: right;
    width: auto;
  }

.listview .badge-enviogratis span::before {display: none}
.listview .badge-enviogratis {
    font-size: 0.8em;
    padding: 0 4px;
    left: -16px;
    bottom: -9px;
}
.listview .box_data .badges {
    margin: 0;
    display: block;
    float: left;
    left: 12px;
    top: -25px;
    position: absolute;
    width: 100%;
}
.listview .badges ul li > div {
    height: 18px;
    line-height: 16px;
    font-size: 0.8em;
    letter-spacing: -0.02em;
    transform: none;
    margin: 0 5px 0 0 !important;
    float: left;
}


  @media (max-width: 991px) {
    .listview .PRODUCT_BOX .price_wrapper > span{
        display: none;
    }
  .listview .PRODUCT_BOX .box_data .QUANTITY .BUTTONBUY {
      width: 99px;
  }
  .listview .PRODUCT_BOX .box_image {width: 100px; height: 120px}
  .listview .PRODUCT_BOX .box_data {width: calc(100% - 100px)}
  .listview .PRODUCT_BOX .box_data .codeid {margin-bottom: 5px}
  .listview .PRODUCT_BOX .name_wrapper {width: 100%}
  .listview .PRODUCT_BOX .box_data h3 {margin-bottom: 15px}
  .listview .PRODUCT_BOX .box_data .short_desc {margin: -12px 0 15px}
  .listview .PRODUCT_BOX .price_wrapper {
      position: relative;
      top: 0;
      right: 0;
      text-align: left;
      width: 100%;
      height: auto;
      padding-left: 0;
  }
  .listview .PRODUCT_BOX .price_wrapper.nonavailable {
        text-align: left;
  }

  .listview .tachado {
      margin: 0 0 8px;
      float: left;
      clear: none;
      padding-left: 0;
  }

  .listview .badge-nuevo {
    background-color: #00a8ff !important;
    transform: rotate(0deg);
    border-right: 0px!important;
    border-left: 0px!important;
    border-bottom: 0px!important;
    top: 0px;
    right: 0px;
    
    }

  }
  

  
  /*mobile listado*/



  @media (max-width: 480px) {
  
      .listado .QUANTITY {
          left: 20px!important;
      }
      .listado .QUANTITY .BUTTONBUY {
          padding: 0px!important;
          left: 70px!important;
          font-size: 1.1em!important;
      }
  
      .listview .PRODUCT_BOX .box_data h3 {
          padding-right: 0px;
      }
      .listview .PRODUCT_BOX .box_data .short_desc {
          padding-right: 0px;
      }
  
      .listview .badge-dto strong {font-size: 1.5em;}
  
      .listview .badge-dto.percent .txt {font-size: 0.8em;}
  }
  
  
  
  /*mobile product list*/
  
  @media (max-width: 479px) {
  .product_list > ul > li {
      padding: 0 !important;
  }
  .product_list > ul > li:last-child {
    border-bottom: 1px solid #ddd !important;
  }
  .product_list .PRODUCT_BOX {
      border-top: 1px solid #ddd !important;
      margin: 0 !important;
      padding: 5px 0;
  }
  .product_list .PRODUCT_BOX .box_image {
      width: 140px;
      height: 140px;
      float: left;
      max-height: 120px;
  }

  .product_list .PRODUCT_BOX .box_data {
      width: calc(100% - 153px) !important;
      float: right!important;
  
  }
  .product_list .PRODUCT_BOX .codeid {margin-bottom: 5px}
  .product_list .PRODUCT_BOX .box_data h3 {
      width: 95%;
      height: auto;
      margin-bottom: 0px;
      color: #000;
      font-size: 1.1em;
      padding-bottom: 10px;
  }
  .product_list .PRODUCT_BOX .price_wrapper {
      height: auto;
      margin: 0 0 11px;
  }
  .product_list .PRODUCT_BOX .QUANTITY {
      float: left;
      width: 100%;
      margin: 10px 0 0;
      left: -160px;
      position: relative;
  }
  .product_list .QUANTITY .spinner {
      display: block;
      width: auto;
  }
  .product_list article .QUANTITY .spinner .sp-buttons {
      display: block !important;
      float: left;
      margin: 0 10px 0 0;
  }
  .product_list article .QUANTITY .spinner input {
      height: 40px;
      float: left;
      width: 57px;
      padding: 0 5px;
  }
  .product_list .QUANTITY .BUTTONBUY {
      height: 40px!important;
      line-height: 40px;
      font-weight: 500;
      width: calc(100% - 152px) !important;
      float: left;
      max-width: 145px;
  }
  .product_list .badges {
      margin-top: -3px;
  }
  .product_list .badge-dto {
    top: 21px;
    right: -6px !important;
    width: auto;
  }
  
  .product_list .box_image > a > img {
      max-width: 100%;
      max-height: 100%;
  }
  .badge-dto.percent strong {padding-top: 5px; line-height: 1em;}
  .product_list .badge-dto.percent strong::before {bottom: 3px}
  }
  
  
  
	
.product_list {float: left; width: 100%;}
	
@media (min-width: 768px) {
.product_list {
    /*border-top: 1px solid #d1d1d1;*/
    margin-top: 10px;
}
}



/*////////////////////////////////////////////////////////////////////*/
/*   PRODUCTO              ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

.Product .breadcrumb {
    margin-bottom: 29px;
    top:0;
}
.Product .breadcrumb > li:last-child {display: none}



/* GALLERY  *************************************************/
.GALLERY {
    /*margin: -14px 0 40px;*/
    position: relative;
    padding-top: 14px;
    padding-bottom: 14px;
    border-right: 1px solid #dadada;
    display: flex;
    align-items: center;
}


/* zoom */
.zoomContainer {
    display: none !important;
}
.zoomWindowContainer .zoomWindow {
    border: 3px solid #fff;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
}



/* big image */
.allthumbs, #g_image {
	float: left;
	width: 100%;
	position: relative;
}

.allthumbs {
    display: flex;
    justify-content: center;
}

#g_image {
    text-align: center;
}
#g_image img {
    height: auto !important;
    width: auto !important;
    max-width: 100%;
}
#zoom_01 {cursor: zoom-in !important;}



/* thumbs */
#g_thumbs {
    padding-right: 4px;
    float: left;
}
#g_thumbs img {
    bottom: 0;
    color: #bbbbbb;
    font-size: 8px;
    height: auto;
    left: 0;
    line-height: 10px !important;
    margin: auto;
    max-height: 85%;
    max-width: 85%;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
#g_thumbs a {
    border: 1px solid #ffffff;
    display: block;
    float: left;
    height: 70px;
    margin: 0 8px 8px 0;
    position: relative;
    text-align: center;
    width: 70px;
}
#g_thumbs a:hover  { border-color: #ccc;}
#g_thumbs .active  { border-color: #002364;}


/* boton zoom */
#g_button {
    color: #444;
    display: none;
    float: left;
    line-height: 3em;
    /*margin-top: 5px;
    padding: 10px 0 10px 30px;*/
    position: relative;
    text-align: left !important;
    text-decoration: none;
    width: auto !important;
    height: auto !important;
    border-color: #fff !important;
    margin-bottom: 10px;
}
#g_button:before {content: "i"}
#g_button::before {
    display: block;
    float: left;
    font-family: "dhs";
    font-size: 1.35em;
    left: 4px;
    position: relative;
    top: 15px;
}
#g_button:hover {color: #002364 !important;}
#g_button span {
    font-size: 9px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* FLECHAS galeria + fancybox */
#g_arrows {}
#g_arrows > * {
    color: #B3B3B3;
    cursor: pointer;
    display: block;
    font-size: 30px;
    height: 60px;
    line-height: 58px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: calc(50% - 30px);
    width: 40px;
    display:none;
}
#g_arrows > *:hover {color: #002364}

#g_arrows .l_arrow {left:-20px}
#g_arrows .r_arrow {right:-20px}

#g_arrows > *:before {font-family: "dhs";}
#g_arrows .l_arrow:before {content: "j"}
#g_arrows .r_arrow:before {content: "k"}




/* FANCYBOX ******/
.fancybox-nav span {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 28px;
    height: 60px;
    line-height: 58px;
    padding: 0;
    text-align: center;
    width: 20px;
    background: none !important;
    visibility: visible;
    opacity: 0.5
}
.fancybox-nav:hover span {color: #fff; opacity: 1;}

.fancybox-next {right: -60px}
.fancybox-prev {left: -60px}

.fancybox-nav span:before {font-family: "Ionicons"}
.fancybox-prev span:before {content: "\f124"}
.fancybox-next span:before {content: "\f125"}

.fancybox-close {
    background: #5c5c5c none repeat scroll 0 0;
    border: 3px solid rgba(255, 255, 255, 0.46);
    border-radius: 100%;
    box-shadow: 2px 2px 10px #000;
    color: #fff;
    font-size: 19px;
    height: 40px;
    line-height: 34px;
    overflow: hidden;
    text-align: center;
    width: 40px;
}
.fancybox-close:hover {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}

.fancybox-close:before {font-family: "Ionicons"}
.fancybox-close:before {content: "\f12a"}

#fancybox-loading {
    background-image: url("/Content/images/fancybox-2.1.5/fancybox_sprite@2x.png");
}



@media (max-width: 1199px) {   
#g_thumbs a {
    height: 60px;
    width: 60px;
    margin: 0 2px 2px 0;
}
}

@media (max-width: 767px) {
.zoomContainer {display: none !important}
#sticker {
	position:relative !important;
}
#g_image img {
    max-height: 400px;
}
}
@media (max-width: 479px) {
#g_image {}
#g_image img {pointer-events: none; max-height: 300px}

#g_button {
    display: block !important;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute !important;
    top: -23px;
    width: 40px !important;
    height: 40px !important;
    font-size: 1.1em;
    background: #fff;
    opacity: 0.6;
    display:none!important;
}
#g_button span {display: none}
#g_button::before {
    font-size: 1.2em;
    left: 10px;
    top: 16px;
}
#g_arrows > * {
    font-size: 17px;
    color: #666;
}
#g_arrows .l_arrow {left:-15px}
#g_arrows .r_arrow {right:-15px}

}




/* GALLERY SLIDER MOBILE *********************************/
#prod-slider {
    height: 280px;
}
#prod-slider .owl-nav > div {
    font-size: 18px;
    text-shadow: none;
    opacity: 0.3;
    top: 44%;
    padding: 0;
}
#prod-slider .owl-prev {left: -12px}
#prod-slider .owl-next {right: -12px}
#prod-slider li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 280px;
}
#prod-slider img.lazyOwl {
    max-height: 90%;
    max-width: 90%;
    width: auto;
    height: auto;
    margin: auto;
    padding: 0;
    text-align: center;
}
.imobile {
    float: left;
    width: 100%;
    position: relative;
}
.imobile .badges {
    position: absolute;
    top: 6px;
    left: 0;
}





@media (max-width: 480px){
    .list-items .price {
        flex-basis: 100%;
    }
    .list-items .PRODUCT_BOX .tachado {
        order: 2;
        position: relative;
        top: 0;
        left: 0 !important;
        align-self: flex-start;
        float: left;
        flex-basis: unset;
        margin: 0;
        line-height: 1.2em;
        padding: 0;
    }

    .list-items .PRODUCT_BOX .badge-dto {
        order: 3;
        position: unset;
        border: 0;
        padding: 0;
        align-self: center;
        line-height: 0.5em;
        font-size: 0.9em !important;
        margin: 0 0 0 5px;
    }
    .list-items .PRODUCT_BOX .price_wrapper {
        margin-top: -15px;
    }

    .list-items .PRODUCT_BOX .cuotas {
        font-size: 0.9em;
        top: 35px;
    }
}



/* PRODUCTAREA *********************************/

.PRODUCTAREA {
    padding-top: 35px;
}

.Product h1 {
    float: left;
    font-size: 2.3em;
    font-weight: normal;
    letter-spacing: 0;
    margin: 0 0 7px;
    padding: 0;
    color: #002364;
    position: relative;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Montserrat' , sans-serif;
    padding: 0 15px;
}
.codeid {
    float: left;
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
    width: auto;
    margin: 0 14px 5px 0;
    color: gray;
    font-family: 'Montserrat' , sans-serif;
    padding: 0 15px;
}

.PRODUCTAREA .desc-corta{
    line-height: 31px;
    color: #676767;
}

.PRODUCTAREA .buttons_wrapper {
    /*float: left;*/
    width: 100%;
    padding: 15px 0;
    font-size: 1.2em;
}

.PRODUCTAREA .buttons_wrapper .compare{
    font-size: 0.5em;
    margin-left: 30px;
}

.PRODUCTAREA .buttons_wrapper .compare::after {
    content: "";
    display: block;
    height: 43px;
    position: relative;
    left: -5px;
    top: 0px;
    width: 1px;
    background-color: #dadada;
}
.PRODUCTAREA .buttons_wrapper a {
    color: #ccc;
    display: block;
    float: left;
    font-size: 1.7em;
    line-height: 20px;
    padding: 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
.PRODUCTAREA .buttons_wrapper a:hover {color: #555 !important}

.PRODUCTAREA .BUTTONFAV {}

.BUTTONASK {}
.BUTTONASK::before {content: "z"}
.BUTTONASK::before {font-family: "e3font" !important;}
.BUTTONSHARE::before {font-family: "Ionicons" !important;}
.BUTTONSHARE::before{content: "\f3ac"}
.BUTTONWHATSAPP::before {font-family: "Ionicons" !important;}
.BUTTONWHATSAPP::before{content: "\f4ef"}

@media(max-width:1439px){
    .Product h1{
        font-size: 1.7em;
    }

    .PRODUCTAREA .desc-corta{
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 0;
    }
}

@media (max-width:767px){
    .codeid {
        margin: 5px 0!important;
        font-size: 1.05em;
        width: 100% !important;
        padding: 0;
    }

    .BUY .price{
        font-size: 27px;
    }
}

@media (max-width:479px){
    .PRODUCTAREA {
        padding-top: 0;
    }
    #g_arrows > * {
        display:block!important;
    }
}

/* BUY  ****************************************/

.BUY .caja {
    float: left;
    margin: 0 0 5px;
    padding: 10px 20px;
    width: 100%;
    background: #fff;
}
.BUY .caja > * {
    float: left;
    width: 100%;
}
.BUY .stock {
    color: #66b351;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 5px;
    font-family: 'Montserrat' , sans-serif;
    text-transform: uppercase;
    display:none;
}
.BUY .price_wrapper {
    float: left;
    font-size: 1.25em;
    height: auto !important;
    margin: 0;
    width: 100%;
    margin: 20px 0;
    line-height: 1.4em;
}
.BUY .price {
    margin: 0 10px 15px 0;
    font-size: 35px;
    color: #555;
}
.BUY .tachado {
    margin: 2px 0 6px 0;
    font-size: 21px;
}

.BUY .BUTTONBUY,  .BUY .BUTTONBUY:focus{
    margin: 0 0 18px;
    padding: 23px 3px;
    margin: 0 15px 35px 0;
    letter-spacing: 0px;
    font-size: 1.4em;
    text-transform: none;
    font-weight: normal;
    border-radius: 4px;
    width: 260px;
    color: #FFF!important;
    border: 1px solid #002364;
    background-color: #002364 !important;
}
.BUY .BUTTONBUY:hover,.BUY .BUTTONBUY:active  {
    background: #00B4AA!important;
    color: #FFF!important;
    border: 1px solid #00B4AA !important;
}

.BUY .BUTTONBUY span::before {
    font-size: 1.1em;
    left: -2px;
    top: -1px;
}

.BUY .BUTTONBUY.nonavailable {
    background: #777 none repeat scroll 0 0;
    line-height: 1.4em;
    color: #fff !important;
    text-decoration: none !important;
    padding: 23px 3px!important;
    margin: 0 15px 35px 0!important;
    letter-spacing: 0px;
    font-size: 1.2em;
    text-transform: none;
    font-weight: normal;
    border-radius: 0;
    width: 50%!important;
}
.BUY .BUTTONBUY.nonavailable:hover {background-color: #444 !important}

.BUY .nonavailable .price {
    color: #333;
    font-size: 1em;
    margin: 0 0 15px;
    opacity: 1;
}



.BUY .price_wrapper > span {
    font-size: 0.85em;
    margin-bottom: 10px;
    color: #002364;
    font-size: 1em;
}
.BUY .badge-dto {
    margin: 0 10px;
    top: 4px;
    font-size: 21px;
}
.BUY .cuotas {
    font-size: 0.86em;
    margin: 5px 0 23px;
    color: #000;
    line-height: 2em;
}
.BUY .cuotas span {
    display: unset;
}

.BUY .cuotas::before {
   content:"";
   background: url("/Content/Images/tarjetas.svg");
   background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 50px;
    height: 30px;
    float: left;
    margin-right: 5px;
}
.BUY .envios {
    display: flex;
    padding: 0;
    margin: 10px 0;
    float: left;
    width: 100%;
}
.BUY .envios .bloque1, .BUY .envios .bloque2 {
    width: 40%;
    float: left;
    font-size:1em;
    line-height: 1.3em;
}


.BUY .envios .bloque1::before {
    background: url("/Content/Images/casa.svg");
    content:"";
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 50px;
    height: 40px;
    float: left;
    margin-right: 5px;
}

.BUY .envios .bloque2::before {
    background: url("/Content/Images/camion-2.svg");
    content:"";
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 50px;
    height: 40px;
    float: left;
    margin-right: 5px;
}


.btn-calc {
    color: #1288ed;
    display: inline;
    text-decoration: underline;
    font-size: 14px;
    line-height: 1em;
    margin: 0;
    min-width: 131px;
    text-align: center;
    font-style: normal;
    clear: left;
}

.cuotas .btn-calc {
    padding: 5px 6px;
}

.price_wrapper .btn-calc {
    clear: both;
    margin:  0 0 20px;
}
.btn-calc, .btn-calc:visited {background-color: #fff}
/*.btn-calc, .btn-calc:visited {
	background: #efefef;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #efefef),
	color-stop(1, #ffffff)
);
background-image: -o-linear-gradient(bottom, #efefef 0%, #ffffff 100%) !important;
background-image: -moz-linear-gradient(bottom, #efefef 0%, #ffffff 100%) !important;
background-image: -webkit-linear-gradient(bottom, #efefef 0%, #ffffff 100%) !important;
background-image: -ms-linear-gradient(bottom, #efefef 0%, #ffffff 100%) !important;
background-image: linear-gradient(to bottom, #efefef 0%, #ffffff 100%) !important;
}*/
.btn-calc:hover {
    border-color: #515151;
    color: #000000;
}


.GALLERY .badge-enviogratis {
    display: none;
}

.badg-env .btn-calc {
    display: none;
}

.BUY .badge-enviogratis {
    background-color: #fdac39;
    border-radius: 0;
    bottom: unset;
    color: #000;
    float: left;
    left: unset;
    line-height: 1.2em;
    padding: 4px 6px 3px 8px;
    position: relative;
    margin: 0 15px 15px 0;
    font-weight: 500;
}
.BUY .badge-enviogratis::before, .BUY .badge-enviogratis::after {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    right: -8px;
    width: 0;
}
.BUY .badge-enviogratis::before {
    border-color: #fdac39 transparent transparent;
    border-width: 11px 8px 0 0;
    top: 0;
}
.BUY .badge-enviogratis::after {
    border-color: transparent transparent transparent #fdac39;
    border-width: 11px 0 0 8px;
    bottom: 0;
}

.BUY .badge-enviogratis span::before {
    display:none;
}

.BUY .ship {
    color: #002364;
    float: left;
    font-size: 0.92em;
    line-height: 1.1em;
    margin: 5px 0 12px;
}
.BUY .ship strong {}

@media (max-width:1439px){
    .BUY .tachado, .BUY .badge-dto{
        font-size: 16px;
    }

    .BUY .price{
        font-size: 27px;
        margin-bottom: 5px;
    }
}

@media(max-width:991px){
    .BUY .BUTTONBUY {
        width: 70%;
    }
}

@media (max-width:767px){
    .BUY .BUTTONBUY {
        width: 100%;
        padding: 19px 3px;
    }
    .Product .c-envio::before {display:none}
    .share {
        align-items: center;
        margin: 0 auto;
        justify-content: center;
        margin-top: -30px;
        margin-bottom: 20px;
    }
    .BUY .envios {
        flex-direction: column;
        display: flex;
        align-items: center;
        min-width: 400px;
        margin-top: 10px;
    }
    .BUY .c-envio {
        border: 1px solid lightgray;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .BUY .c-envio h2 {
        font-size: 1.3em;
        font-weight: bold;
        text-align: center;
        margin: 0;
        padding: 10px;
        position: relative;
        top: -20px;
        width: auto;
    }

    .BUY .c-envio h2 span {
        background: #fff;
        padding: 0 10px;
    }
    .COMPRA {
        display: flex;
        flex-direction: column;
    }

    .BUY .envios {
        margin-left: 20px;
    }

    .BUY .envios .bloque1::before {
        margin-right: 15px;
    }

    .BUY .envios .bloque2::before{
        right: 5px;
        position: relative;
        margin-right: 15px;
    }

    .BUY .badge-enviogratis span {
        display:none;
    }

    .BUY .badg-env{
        margin: 0 0 15px;
        text-align: center;
        margin-right: 25px;
    }
    .BUY .badge-enviogratis {
        font-size: 1em;
        float: none;
        display: inline;
    }

    .short_desc {
        color: #717171;
    }
}

@media (max-width:479px){
    .BUY .caja {padding: 0 0 !important;}
    .BUY .price_wrapper > span {margin-bottom: 0px;}
    .BUY .cuotas {margin: 0px 0 23px;}
    .BUY .cuotas::before {
        width: 40px;
        height: 30px;
        /*top: 10px;*/
        position: relative;
        margin: 0 10px 0 0;
    }
    .BUY .cuotas {padding: 0;}
    .BUY .cuotas span {display: block;}
    .BUY .cuotas .btn-calc {padding: 0 0;}
    .cobertura {padding: 0 5px 0 0;}

}



.txt-envio {
    color: #333;
    float: left;
    font-size: 0.85em;
    letter-spacing: 0.02em;
    line-height: 1.2em;
    margin: 0 0 9px;
    padding-left: 36px;
    position: relative;
    width: 100%;
}
.txt-envio::before {
    left: -2px;
    position: absolute;
    top: -1px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    content: "";
    display: block;
    height: 28px;
    width: 28px;
}
.txt-envio a {text-decoration: underline; color: #999;}

.txt-envio1::before {background-image: url("/Pubs/Sites/Default/Custom/i-cesto.png")}
.txt-envio2::before {background-image: url("/Pubs/Sites/Default/Custom/i-camion.png")}



/* DATA  ***************************************************/

.DATA > * {
    float: left;
    width: 100%;
}
.DATA h2 {
    font-size: 1.34em;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin: 0 0 20px;
    font-family: 'Montserrat' , sans-serif;
}

.DATA .short_desc, .DATA .long_desc {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.3em;
    margin-bottom: 12px;
}
.DATA .long_desc ul {
    clear: both;
    float: left;
    margin: 0 0 20px;
}
.DATA .long_desc ul > li {
    clear: left;
    float: left;
    margin-bottom: 6px;
    padding-left: 16px;
    position: relative;
}
.DATA .long_desc ul > li::before {content: "\f363"}
.DATA .long_desc ul > li::before {
    font-family: "Ionicons";
    font-size: 1.1em;
    left: 1px;
    opacity: 0.3;
    position: absolute;
    top: 0;
}




/* BANNER producto  **************************/

.b-data {
    margin: 20px 0 50px;
}
.b-data .item {
    float: left;
    font-size: 0.9em;
    font-weight: 300;
    padding: 7px 24px 7px 50px;
    position: relative;
    width: 50%;
    line-height: 1.2em;
}
.b-data .item strong {
    display: block;
    margin-top: 3px;
}
.b-data .item::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size: 2.6em;
    left: 0;
    position: absolute;
    top: 5px;
    height: 43px;
    width: 42px;
    content: "";
}
.b-data .item1::before {background-image: url('/Pubs/Sites/Default/Custom/i-cards.png')}
.b-data .item2::before {background-image: url('/Pubs/Sites/Default/Custom/i-devol.png')}

.b-data .item1::after {
    border-right: 1px solid #ddd;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 12px;
    top: 0;
    width: 1px;
}

.b-data .item:hover strong {
    text-decoration: underline;
    color: #002364;
}


  
@media (min-width: 1440px) {   
.b-data {width: 33.3333%}
}



@media (min-width: 1200px) and (max-width: 1439px) {
.b-data .item {
    font-size: 0.85em;
    width: 50%;
    border-top: 0;
    padding: 10px 10px 10px 40px;
}
.b-data .item::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size: 2.6em;
    left: 0;
    position: absolute;
    top: 5px;
    height: 40px;
    width: 36px;
    content: "";
}
/* .b-data .item1::after {display: none} */
}

@media (max-width: 1199px) {

    .b-data .item1::after {
        border-bottom: 1px solid #ddd;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: 12px;
        top: 0;
        border-right: 0;
        width: 100%;
    }
    .b-data .item {
        float: left;
        font-size: 0.9em;
        font-weight: 300;
        padding: 7px 24px 7px 50px;
        position: relative;
        width: 100%;
        line-height: 1.2em;
    }

}

@media (max-width: 991px) { 
.b-data {float: right; clear: right; font-size: 0.9em;}
.b-data .item1::after {right: 2px}
.b-data .item {
    line-height: 1.2em;
    padding: 7px 12px 17px 49px;
}
}

@media (max-width: 767px) { 
.b-data {
    margin: 10px 0 25px;
    opacity: 0.6;
}
}

@media (max-width: 479px) { 
.b-data .item {
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 10px 24px 10px 53px;
}
.b-data .item1::after {display: none}
}





/* share */
.socialshare {
    float: right;
}
.socialshare > * {
    line-height: 30px;
    opacity: 0.4;
}
.socialshare p {
    float: left;
    font-family: 'Montserrat' , sans-serif;
    font-size: 1.4em;
    margin: 4px 4px 0 0;
}
.socialshare a {
    display: block;
    float: left;
    font-family: "Ionicons";
    font-size: 1.4em;
    padding: 3px 5px;
    text-align: center;
    width: 29px;
}
.socialshare a:hover {opacity: 1; color: #000;}

.socialshare .s-email {
    font-weight: lighter;
}





/* NONAVAILABLE */
.PRODUCTAREA .nonavailable .price {opacity: 1; font-weight: normal;}
.PRODUCTAREA .nonavailable .BUTTONBUY:before {display: block}
.PRODUCTAREA .BUTTONBUY.nonavailable {
    background: #9d9d9d none repeat scroll 0 0 !important;
    border: 1px solid #fff;
    clear: both;
    font-size: 1.1em !important;
    height: auto !important;
    line-height: 1.2em !important;
    padding: 23px 18px !important;
    width: 50% !important;
}




/* PRODUCT RESPONSIVE *********************************/

@media (max-width: 1599px) {
}
@media (min-width: 1200px) and (max-width: 1439px) {
.BUY .caja {
    padding: 20px 16px;
}
}
@media (max-width: 1439px) {
.PRODUCTAREA {
    padding-top: 15px;
}
.BUY .BUTTONBUY {margin-bottom: 22px; font-size: 16px; padding: 18px 3px;}
}

@media (max-width: 1199px) {  
    .BUY .envios .bloque1, .BUY .envios .bloque2 {
        font-size: 0.9em;
    }
}
@media (max-width: 991px) { 
    .PRODUCTAREA .BUTTONBUY.nonavailable {
        width: 70% !important;
    }   
}
@media (max-width: 767px) {
    .PRODUCTAREA .BUTTONBUY.nonavailable {
        width: 100% !important;
    }
}
@media (max-width: 479px) {    
}




@media (max-width: 1199px) {  
.BUY .caja {
    font-size: 0.96em;
    padding: 17px;
}
}

@media (max-width: 991px) { 
.Product .breadcrumb {margin: -20px 0 0}
.GALLERY {margin: 0 0 0px;}
.PRODUCTAREA {margin-bottom: 0;}
.codeid {
    margin: 0 10px 15px 0;
    width: auto;
    font-size: 1.05em;
}
.PRODUCTAREA .buttons_wrapper {
    margin: 0;
    display: flex;
    padding-top: 0;
}

.DATA {
    clear: right;
    float: right;
}
.DATA .short_desc, .DATA .long_desc {line-height: 1.4em; margin-bottom: 15px;}
.nav-tabs > li > a {
    padding: 13px !important;
}
}

@media (max-width: 767px) {
.Product .contenido{
    flex-direction: column;
    border:none;
}
.Product .breadcrumb  {text-align: left; display: none}
.Product h1 {
    font-size: 1.7em;
    line-height: 1.2em;
    margin: 10px 0 0;
    padding: 0;
}
.Product .desc-corta {
    padding: 0;
    font-size: 17px;
    line-height: 25px;
    margin: 20px 0 10px;
}
#g_image{
    padding: 0;
}

.GALLERY {
    margin: 0;
    position: relative !important;
    top: unset !important;
    border-right: none;
    padding: 0;
}
.GALLERY .badges ul li > div {
    font-size: 0.88em;
}
.PRODUCTAREA {border-top: 1px solid lightgray; padding-top: 22px !important}

.BUY .cuotas {text-align: left}
.BUY .caja {
    padding: 17px 0;
}
.Product .related {
    margin-top: 0 !important;
}
.Product .related h2 {
    margin-bottom: 0;
}
.PRODUCT-TABS {margin-bottom: 0 !important; margin-top: 0 !important;}
.tab-content > .active.collapse {
    height: 0 !important;
    padding: 0;
}
.tab-content > .active.collapse.in {
    height: auto !important;
    padding: 15px 0;
}
}

@media (max-width: 479px) {    
.Product .related {
    margin-bottom: 20px;
}
.Product section {
    margin-top: 20px;
}
.GALLERY {margin: -17px 0 0}
.GALLERY .badges ul li > div {
    font-size: 0.8em;
}
}








/* PRODUCT-TABS ***********************************************/
.PRODUCT-TABS {
    float: left;
    width: 100%;
    margin-bottom: 75px;
    margin-top: 30px;
}

.PRODUCT-TABS .caja {padding: 0}

.PRODUCT-TABS .table {border: 1px solid lightgray;}

.PRODUCT-TABS .long_desc {
    font-size: 1.1em;
    line-height: 1.5em;
    color:gray;
}

.PRODUCT-TABS .long_desc strong {
    font-weight: bold;
    color:black;
}

.PRODUCT-TABS li {
    font-weight: 500;
}

.PRODUCT-TABS li a, .PRODUCT-TABS li a:hover, .PRODUCT-TABS li a:focus {
    border: 0 !important;
    color: #000 !important;
    transition:none;
}

.PRODUCT-TABS li a {
    border-bottom: 4px solid #fff !important;
    transition:none;
    color:#8d8d8d !important;
    font-weight: 500!important;
}

.PRODUCT-TABS li.active a{
    color:black !important;
    font-weight: 700!important;
}

.PRODUCT-TABS li.active a, .PRODUCT-TABS li.active a:hover, .PRODUCT-TABS li.active a:focus {
    border-bottom: 4px solid #002364 !important;
    transition: none;
    color:black;
    font-weight: 700;
}

 /* solapas */
 .nav-tabs {
    border-bottom: 1px solid #fff !important;
    width: 100%;
    display: flex;
    justify-content: center;
}
.nav-tabs > li > a {
    border-color: #fff #fff #ededed;
    border-style: solid;
    border-width: 1px;
    color: #8f8f8f;
    float: left;
    font-size: 1.63em;
    font-weight: 700;
    letter-spacing: 0;
    padding: 13px 15px;
    margin-left:20px;
    position: relative;
    text-transform: none;
}

    
/* contenidos */
.tab-content {}
.tab-content > div {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: none;
}
.tab-pane {padding: 20px}


.opentoggle {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #000;
    font-size: 1.2em;
    font-weight: 600;
    padding: 15px 20px 14px;
    text-transform: uppercase;
    float: left;
    width: 100%;
    border: 1px solid lightgrey;
    margin-top: 10px;
}

.Product .opentoggle{
    border: 0;
    border-bottom: 1px solid lightgrey;
    color: #54595F;
    padding: 15px 0 14px;
    background-color: white;
}

.opentoggle:before {content: "\f462"}
.opentoggle.collapsed:before {content: "\f489"}
.opentoggle::before {
    float: right;
    font-family: "Ionicons";
    font-size: 1.3em;
}
.opentoggle:before {
    color: #878787;
}
.tog {
    padding: 15px 0;
}
.tog .short_desc, .tog .long_desc {
    /*font-size: 1.1em;
    line-height: 1.4em;
    padding: 30px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
    color: grey;
    margin: 0px 10px;*/
}

.table-responsive {border: 0 !important}


/* TAB VIDEO: embed responsive video **************/
.embed {
    float: left;
    margin: 0 2% 30px;
    width: 46%;
    border: 5px solid #ddd;
}
.embed > div { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed > div iframe,
.embed> div object,
.embed> div embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 767px) {
    .embed {width: 96%}

    .opentoggle {
        text-transform: none;
        font-weight: 700;
    }

    .PRODUCT-TABS .long_desc {
        font-size: 1em;
    }

    .PRODUCT-TABS .table{
        border: 0;
    }

    .PRODUCT-TABS .table *{
        display: block;
        float: left;
        clear: left;
        width: 100%;
        border: 0;
        font-weight: 500;
    }

    .ficha-tit{
        padding-bottom: 0 !important;
        color: #868686;
    }

    .ficha-dato{
        padding-top: 0 !important;
        color: #002364;
    }
}


/*cobertura*/

.cobertura {
    /*max-width: 280px;*/
    background-color: #f6f6f6;
    margin: 0 0 20px 0;
    height: 80px;
}

.cobertura label {
    color:#000;
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: 0;
    padding-bottom: 8px;
}

.cobertura label span {
    background-color: #4b9bef;
    height: 18px;
    width: 18px;
    border-radius: 10px;
    color: #fff;
    font-size: 0.8em;
    display: inline-block;
    padding: 0 6px;
    margin-left: 4px;
    line-height: 1.6em;
}

.cobertura .form-group {
    max-width: 280px;
}

.cobertura .form-group::after {
    content: "\f122";
    color: #66b351;
    font-size: 1.6em;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 15px;
    font-family: 'Ionicons';
    position: absolute;
    bottom: -5px;
    left: 290px;
}

@media(min-width:768px){
    .cobertura {
        padding: 5px 0 5px 30px;
        width: calc(100% + 66px)!important;
        position: relative;
        right: 33px;
    }
}
@media(max-width:767px){
    .cobertura {
        padding: 15px 0 15px 30px;
        width: calc(100% + 39px)!important;
        position: relative;
        right: 24px;
        height: 100px;
    }
}

/*Contenedor*/
.contenedor-b {
    border: 1px solid white;
    margin: 0;
}


/* TAB OPINIONES: valoracion y comentarios **************/
#tab-opi .valoracion, .PRODUCTAREA .valoracion {
    display: block;
    position: relative;
    right: initial;
    bottom: initial;
    opacity: 1;
    float: left;
    width: auto;
    height: auto;
}
#tab-opi .stars_off, .PRODUCTAREA .stars_off {
    margin: 0;
    float: left;
}


#tab-opi h5 {
    color: #002364;
    font-size: 1.6em;
    letter-spacing: -0.02em;
    font-family: 'Montserrat' , sans-serif;
    font-weight: bold;
    padding-left: 44px;
    position: relative;
    text-transform: uppercase;
}
#tab-opi h5 i {
    position: absolute;
    left: 3px;
    font-size: 1.5em;
}


.PRODUCTAREA .valoracion {
    margin: 0 0 10px;
}
.PRODUCTAREA .stars_off {
}
.comments {
    color: #4f4d58;
    font-size: 0.95em;
    width: auto;
}
.comments span {}





/* COMENTARIOS ****************/
.comm_gral {
    border: 3px double #D1D1D1;
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-moz-border-radius: 5px; /* Firefox */
	border-radius: 5px;
	behavior:url(../Scripts/border-radius.htc);
    color: #868686;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 2em;
    padding: 1.2em 3%;
}
.comm_gral .title,
.comm fieldset legend {
    color: #000;
	font-weight:700;
    font-size: 1.1em;
    letter-spacing: 0.02em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}
.comm fieldset legend {
	font-size:1.3em;
	margin-top:0.7em;
}
.comm_gral p strong {
	color:#002364;
}
.comm_gral .sep, .comm_item .sep {
    color: #BBBBBB;
    font-size: 1.1em;
    padding: 0 0.7em;
}
.puntaje {color:#FFF}

.comm_item {
    border-bottom: 1px dashed #BBBBBB;
    color: #636363;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 1.5em;
    padding-bottom: 2em;
}
.comm_item .datos {
    color: #002364;
    display: block;
    font-size: 0.8em;
    margin-bottom: 0.3em;
}
.comm_item .titulo {
    color: #000;
    margin: 10px 0;
    font-size: 1.25em;
}
.comm_item .util {
    color: #BBBBBB;
    font-size: 0.88em;
    font-style: italic;
    margin-top: 1.2em;
}

.comm fieldset .button {
    color: #002364;
	font-weight:700;
    font-size: 1.3em;
    padding: 0.4em 1em;
}



.comm_gral {
    background: #f4f3f7 none repeat scroll 0 0;
    font-size: 1em;
    margin-bottom: 20px;
    padding: 15px 20px;
}
.comm_gral .title {
    float: left;
    font-size: 1.3em;
    margin-right: 10px;
}
.comm_gral .ranking {
    margin-top: -1px;
    width: auto;
    float: left;
}
.comm_gral .stars_off {float: left; font-size: 15px;}
.comm_gral .stars_off:before {color: #C1C1C1;}
.comm_gral p {clear: left; font-size: 1em;}
.comm_gral p strong {color: #002364;}
.comm_gral .sep {margin: 0 7px; opacity: 0.5;}


/**/
.comm_item {
    font-size: 1.1em !important;
    margin-bottom: 25px;
}


/**/
.comment-create {
    margin-left: 35px;
}
.comment-create::before {
    font-family: 'e3font';
    content: "e";
    text-transform: none;
    color: #002364;
    float: left;
    margin: -1px 5px 0 -37px;
    text-align: center;
    font-size: 1.8em;
}
.comment-create legend {
    margin: 0 0 10px;
    position: relative;
    color: #002364;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: uppercase;
}
.comment-create .form-group {margin-bottom: 7px}
.comment-create .form-group.auto {
    width: 160px;
}
.comment-create a {
    color: #002364;
    text-decoration: underline;
    font-size: 1.2em;
}
.comment-create a:hover {
    color: #000;
    text-decoration: underline;
}
.comment-create .rta {
    font-size: 1.3em;
    font-weight: normal;
    color: #002364;
}



@media (max-width: 767px) {
#tab-opi h5 {
    font-size: 1.4em;
    margin-bottom: 27px;
    padding-left: 37px;
}
.comm_gral {padding: 15px 20px 4px}
.comm_gral .title {font-size: 1.1em;}
.comm_gral p span {
    display: block;
}
.comm_gral p span.sep {
    display: none;
}
.comm_item {
    font-size: 1em !important;
    padding-bottom: 17px;
}
.comment-create::before {
    margin-left: -30px;
    font-size: 1.5em;
}
.comment-create {
    margin-left: 30px;
}
.cobertura .form-group {
    max-width:90%;
}
.cobertura .form-group::after {
    right: -25px;
    left: unset;
}
}



/* RELATED (categoria) **********************************/
.Product .related {margin-bottom: 30px;}
.Product .related h2 {font-size: 2em}
.Product .related .PRODUCT_BOX {
    margin-bottom: 0;
}



/***************************************************************************/
/**************************CALCULADORA CUOTAS*******************************/
.productheader {
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    display: table;
    float: left;
    margin: -10px 0 40px;
    padding: 10px 15px;
    position: relative;
    vertical-align: middle;
    width: 100%;
    display: none !important;
}
.productheader .image {
    display: table-cell;
    float: left;
    height: auto;
    position: relative;
    vertical-align: middle;
    width: 57px;
}
.productheader .image img {
    width: 100%;
}
.productheader .title {
    border-right: 1px solid #ccc;
    color: #000;
    display: table-cell;
    font-weight: 500;
    padding: 0 20px;
    text-align: left;
    vertical-align: top;
}
.productheader .precio {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
}
.productheader .precio .price_wrapper {
    height: auto;
}
.productheader .precio .price_wrapper > span {
    line-height: 1.1em;
    margin-bottom: 4px;
}

@media (max-width: 767px) {    
.productheader {
    display: block;
}
.productheader .title {
    border: 0 none;
    line-height: 1.2em;
    padding-right: 0;
}
.productheader .precio {
    border-top: 1px solid #ddd;
    display: block;
    float: left;
    font-size: 0.9em;
    margin-top: 10px;
    padding-top: 13px;
    width: 100%;
}
p.subtit {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.2em;
}
.Product .related h2 {font-size: 1.6em !important; padding-left: 13px;}
}
@media (max-width: 479px) {   
    
    .Product .related h2 span, .related h2 strong {
        display: inline;
    }
    .Product .related {
       border-top: 1px solid lightgray;
        padding-top: 10px;
    }
    .Product .related h2 {font-size: 1.4em !important; padding: 0;}

}





#paytabs {
    border: 0 none;
    margin-bottom: 20px;
}
#paytabs > li {
    margin-right: 2%;
    width: 41%;
}

p.subtit {
    font-size: 1.1em;
    font-weight: bold;
}
p.subtit:before {content: "\f363"}
p.subtit:before {
    float: left;
    font-family: "Ionicons";
    font-weight: normal;
    margin: 1px 7px 0 0;
    opacity: 0.6;
}

.mdl_calculate .paymethod .item {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 2px solid #eee !important;
    border-radius: 0;
    color: #888 !important;
    cursor: pointer !important;
    display: block;
    font-size: 0.9em !important;
    font-weight: normal;
    height: 65px !important;
    letter-spacing: 0.02em;
    line-height: 1.3em !important;
    margin-right: 15px;
    padding: 3px 10px !important;
    position: relative;
    text-align: center !important;
    width: 100%;
    transform: none!important;
    margin:0;
}
.mdl_calculate .paymethod .active .item {
    background-image: linear-gradient(to bottom, #f9f9f9 40%, #dedede 100%);
    border-color: #002364 !important;
    color: inherit;

}
.mdl_calculate .paymethod .active .item:before {
    border-color: #002364 transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -25px;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
}

.mdl_calculate .paymethod .item span::after {
    background-size: 100% auto !important;
    content: "";
    display: block;
    height: 48px;
    margin: 4px auto 0;
    max-width: 116px;
    position: unset;
    z-index: 1;
}
.mdl_calculate .paymethod #mercadopago span::after {
    background: rgba(0, 0, 0, 0) url("/Content/PayMethods/mercadopago.png") no-repeat scroll center center;
}
.mdl_calculate .paymethod #todopago span::after {
    background: rgba(0, 0, 0, 0) url("/Content/PayMethods/todopago.png") no-repeat scroll center center;
    max-width: 95px !important;
}
.mdl_calculate .paymethod #cuentacorriente span::after {
    background: rgba(0, 0, 0, 0) url("/Content/PayMethods/cc.png") no-repeat scroll center center;
}
.mdl_calculate #select-payment .result {
    color: #000;
    font-weight: 300;
    line-height: 1.5em;
}
.mdl_calculate #select-payment .result li span {color: #0076c1}




.mdl_calculate .tab-pane {
    padding: 10px 0 0;
}
.tp-header {
    font-size: 1.3em;
    font-weight: 300;
    margin-bottom: 12px;
    text-align: left;
    width: 100%;
}
.tp-header:before {
    font-weight: normal;
    font-family: "Ionicons";
    content: "\f363";
    opacity: 0.6;
    float: left;
    margin: 1px 7px 0 0;
}
.tp-header:before{
    display: none;
}
.tp-tarjetas img{
    float: left;
    width: 70px;
}
.tp-tarjetas small{
    width: 100%;
    float: left;
}
.tp-tarjetas small a{
    font-size: 1.2em
}



/* tabla todopago */
.table-cuotas {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 1em !important;
}
.table-cuotas li {
    border-bottom: 1px solid #ddd;
    float: left;
    padding: 6px 0;
    width: 100%;
}
.table-cuotas li > div{
    float: left;
    width:18%;
    padding-left: 1%;
    text-align: left;
}
.table-cuotas li > div:nth-child(1), .table-cuotas li > div:nth-child(2), .table-cuotas li > div:nth-child(3){
   padding-right: 2%;
}
.table-cuotas li .cant-cuotas{
   font-weight: normal;
   font-size: 1.0em;
   color: #e6007c;
}
.table-cuotas li:first-child > div {
    background: #f4f4f4 none repeat scroll 0 0;
    color: #000;
    font-family: arial;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2em;
    padding: 10px 0 10px 4px;
}

.table-cuotas li .cuotas-cft,.table-cuotas li .cuotas-tea{
    width: 12%
}
.table-cuotas li .precio-total{
    width: 22%
}


/* tabla mercadopago */
.mpresult {
    margin: 25px 0 30px;
    max-width: 400px;
}
.mpresult .mlatname {
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 12px;
    padding: 9px 6px 9px 0;
    text-align: left;
    text-transform: uppercase;
}
.mpresult .mlatname img {
    float: right;
}
.mpresult .mlapannt {
    letter-spacing: 0.02em;
    line-height: 1.5em;
    padding: 4px 9px;
}
.mpresult .mlapannt span {color: #0076c1}



/* select */
.mdl_calculate .customselect, .mdl_calculate input {
    margin-bottom: 10px;
    max-width: 400px;
}
.mdl_calculate select, .mdl_calculate input {
    border: 1px solid #ccc !important;
}


.tp-ver, .mp-ver {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ddd;
    float: left;
    font-size: 0.9em;
    margin: 20px 0 10px;
    padding: 3px 10px;
}



@media (max-width:600px){
.tp-tarjetas .img-container{
    float: left;
    width:25%;
}
.table-cuotas li {
    padding: 0;
    position: relative;
    margin-top: -1px;
    border: 1px solid #ddd;
    font-size: 0.9em;
}
.table-cuotas li:last-child:after{
    display: none;
}
.table-cuotas li:first-child{
    display: none;
}
.table-cuotas li>div{
    padding-left: 150px;
    position:relative;
    width: 100%!important;
    text-align: left;
    line-height: 24px;
}

.table-cuotas li > div::after {
    background: #eee none repeat scroll 0 0;
    color: #000;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    left: 0;
    padding: 2px 7px 6px;
    position: absolute;
    text-align: left;
    width: 137px;
    margin-bottom: 1px;
    top: 0;
}
.table-cuotas li .cant-cuotas:after{
    content:"Cantidad de cuotas";
    font-weight: 300;
    font-size: 12px;
}
.table-cuotas li .valor-cuotas:after{
    content:"Valor de la cuota";
}
.table-cuotas li .precio-total:after{
    content:"Precio total financiado";
}
.table-cuotas li .intereses:after{
    content:"Interes";
}
.table-cuotas li .cuotas-cft:after{
    content:"CFT*1";
}
.table-cuotas li .cuotas-tea:after{
    content:"TEA*2";
}

}



/* PRODUCT_LIST - VISTA LISTADO **************************/

    .listview .item:last-child {
    margin-bottom: 30px;
    }
    .listview .PRODUCT_BOX {
      border-radius: 0;
      height: auto;
      margin: 0 0 30px;
      padding: 30px 15px;
      position: relative;
      width: 100%;
      border: 1px solid #e3e3e3;
    }
    .listview .QUANTITY .spinner {display:none}

    .listview .tachado {
        margin-left: 3px;
        text-align: left;
    }
  
  @media (min-width: 480px) {
  /*.listview .PRODUCT_BOX:hover {
      border: 1px solid #c5c5c5 !important;
      z-index: 1;
      margin-top: -1px;
  }*/
  
  .listview .PRODUCT_BOX .BUTTONFAV {
          display:none;
      }
  }

  .listview .PRODUCT_BOX .tachado {
    order: 3;
    margin: 0 3px 0 0;
    text-align: left;
    padding: 0;
    font-size: 16px;
    }
   
  .listview .PRODUCT_BOX .box_data {
      float: left;
      margin: 0;
      width: calc(100% - 140px);
      position: relative;
      height: auto;
      padding: 0 0 0 15px;
      min-height: 100px;
  }
  .listview .PRODUCT_BOX .name_wrapper {
      float: left;
      width: calc(100% - 173px);
      padding-right: 50px;
  }
  .listview .PRODUCT_BOX .box_data h3 {
      float: left;
      font-size: 26px;
      line-height: 27px;
      height: auto;
      margin: 0 0 20px 0;
      clear: both;
      width: 100%;
      color: #54595F;
      font-weight: 600;
      text-align: left;
  }
  .listview .PRODUCT_BOX .box_data .short_desc {
      color: #676767;
      float: left;
      font-size: 18px;
      line-height: 28px;
      margin: -14px 0 5px;
      width: 100%;
      font-weight: lighter;
  }

  @media (max-width: 1439px){
    .listview .PRODUCT_BOX .box_data .short_desc{
        font-size: 15px;
        line-height: 25px;
    }

    .listview .PRODUCT_BOX .box_data h3{
        font-size: 24px;
        line-height: 25px;
    }

    .listview .PRODUCT_BOX .tachado, .listview .badge-dto{
        font-size: 14px;
    }
  }
  .listview .PRODUCT_BOX .box_data .short_desc p {
      margin: 0 !important;
  }
  .listview .PRODUCT_BOX .box_data .codeid {
    position: relative;
  }
  
  .listview .PRODUCT_BOX .price_wrapper {
      height: auto;
      text-align: left;
      width: 150px;
      float: right;
      padding: 0;
      margin: -1px 0 8px;
  }
  .listview .buttons_wrapper {
    display: none !important;
  }
  .listview .PRODUCT_BOX .cuotas {
    margin: 1px 0 4px;
  }
  
  .listview .badge-dto strong {padding-top: 3px; font-size: 1.75em;}
  .listview .badge-dto strong::before {bottom: 6px;}
  
  .listview .badge-dto.percent .txt {
      font-size: 1em;
  }
  
  .listview .PRODUCT_BOX .BUTTONFAV {
      padding: 0 10px;
      right: 0;
      bottom: 6px;
      opacity: 0.35;
      display: block;
      background: transparent;
  }
  .listview .PRODUCT_BOX:hover .BUTTONFAV {opacity: 1}
  
  .listview .price {
      margin: 0;
      margin-bottom: 10px;
      float: right;
      width: 100%;
      font-size: 29px;
      color: #555555;
  }
  .listview .tachado {
    margin-right: 10px;
    text-align: right;
    float: right;
    width: auto;
  }
  .listview .badge-dto {
    margin: 0;
    font-size: 16px;
  }
  
  .listview .codeid {display:none}
  
  
  @media (max-width: 991px) {
    .listview .PRODUCT_BOX{
        align-items: flex-start;
    }
.listview .badge-enviogratis span::before{display:none}
.listview .badge-enviogratis {font-size: 0.75em;}
  .listview .PRODUCT_BOX .box_data .QUANTITY .BUTTONBUY {
      width: 99px;
  }
  .listview .PRODUCT_BOX .box_image {width: 120px !important;height: 120px !important;align-items: flex-start;}
  .listview .PRODUCT_BOX .box_data {width: calc(100% - 136px);float: right;}
  .listview .PRODUCT_BOX .box_data .codeid {margin-bottom: 5px}
  .listview .PRODUCT_BOX .name_wrapper {width: 100%; padding-right: 0;}
  .listview .PRODUCT_BOX .box_data h3 {margin-bottom: 15px;padding-right: 20px;font-size: 20px;}
  .listview .PRODUCT_BOX .box_data .short_desc {margin: -12px 0 5px;font-size: 14px;}
  .listview .PRODUCT_BOX .price_wrapper {
      position: relative;
      text-align: left;
      width: auto;
      height: auto;
      margin: 10px 0 25px;
      float: left;
  }
  .listview .PRODUCT_BOX .price_wrapper.nonavailable {
        text-align: left;
  }
  .listview .PRODUCT_BOX .price_wrapper .price {
      float: left;
      width: 100%;
      font-size: 21px;
  }
  .listview .tachado {
      margin: 0 0 8px;
      float: left;
      clear: none;
  }

    .listview .BUTTONBUY {
        float: left;
        margin: 0;
        clear: left;
    }

  }
  
  @media (max-width: 767px) {
      .listview .badge-dto {
        padding: 0 0 0 8px !important;
      }

      .listview > ul > li{
          padding: 0;
      }

      .listview .PRODUCT_BOX{
          border-left: 0;
          border-right: 0;
          border-bottom: 0;
          margin-bottom: 0;
      }

      .listview > ul > li:last-child .PRODUCT_BOX{
        border-bottom: 1px solid #e3e3e3;
      }
  }
  
  /*mobile listado*/
  
  @media (max-width: 480px) {
  
      .listado .QUANTITY {
          left: 20px!important;
      }
      .listado .QUANTITY .BUTTONBUY {
          padding: 0px!important;
          left: 70px!important;
          font-size: 1.1em!important;
      }

    
      .listview .PRODUCT_BOX .box_data h3 {
          padding-right: 0px;
      }
      .listview .PRODUCT_BOX .box_data .short_desc {
          padding-right: 0px;
      }
  
      .listview .badge-dto strong {font-size: 1.5em;}
  
      .listview .badge-dto.percent .txt {font-size: 0.8em;}
      .listview .PRODUCT_BOX .price_wrapper .price {
        font-size: 1.5em;
        margin-bottom: 0;
    }
    .listview .badge-dto {
        line-height: 2.1em !important;
        position: unset;
    }

    .listview  .badges ul {
        display: flex;
    }

    .listview  .badges ul li {
        padding-right: 5px;
    }
    .listview .PRODUCT_BOX .box_data {
        width: 100% !important;
    }
    .listview .PRODUCT_BOX .box_data h3 {
        margin-bottom: 5px !important;
    }
  }

  @media (max-width: 520px) and (min-width: 481px){
    .listview .badge-dto {
        top: 0 !important;
    }
}
  


/*Garantia extendida*/

/*titulo*/
.c-garantia .title {
    font-weight: bold;
    float: left;
    margin-bottom: 5px;
}

/*boton info*/
.btinfo {
    color: #4b9bef;
    float: left !important;
    font-family: "Ionicons";
    font-size: 18px;
    padding: 0 5px;
    margin-left: 0;
}
.btinfo::before {
    content: "\f142";
}

/*dropdown*/
.btnselect .dropdown-menu {
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    width: 100%;
	top: 34px;
}

.social .dropdown-menu {
    border: 1px solid #ddd !important;
    width: auto;

}


.btnselect {
    width: 100%;
    clear: left;
    float: left;
    margin-bottom: 15px;
    max-width: 280px;
    font-family: "Montserrat", sans-serif;
    font-size: 0.95em;
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 0 0 3px 3px !important;
    border-top: 1px solid #eee;
    box-shadow: 2px 4px 6px rgba(57, 57, 57, 0.32);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.c-garantia .btnselect button, .c-garantia .btnselect button:hover {
    background: #fff none repeat scroll 0 0!important;
    border: 1px solid #efe08d;
    box-shadow: none !important;
}
span.selection {
    font-weight: normal;
}

.btnselect button {
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    color: #888;
    letter-spacing: 0;
    padding: 7px 13px !important;
    text-align: left;
    text-transform: none;
    width: 100% !important;
    font-size: 1.1em;
}


.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.btnselect button .caret {
    border-width: 5px 5px 0;
    color: #999;
    position: absolute;
    right: 11px;
    top: 46%;
}

@media(max-width:479px){
    .btnselect {
        max-width: 240px !important;
    }

}

/*Mensaje no*/
.mje {
    float: left;
    margin: 8px 0 0 2px;
    font-size: 1.5em;
}
.mje.mje-no {
    color: #bf001f;
}
.mje i {
    font-family: "Ionicons";
    font-size: 1.2em;
    font-style: normal;
    padding-left: 6px;
}
.mje.mje-no i::before {
    content: "";
}

/*Mensaje si*/
.mje.mje-si {
    color: #51ca6b;
}
.mje.mje-si i::before {
    content: "\f122";
}



/*Redes Sociales custom product detail*/

.popover-content{
    display:flex;
    font-size: 0.8em;
    background-color: #f1f1f1;
}

.popover-content li{list-style: none}
.popover-content a:before {font-family: 'Ionicons'}

.popover-content li .s-facebook {background-color: #4250ab;}
.popover-content li .s-facebook:before {content: "\f231"}

.popover-content li .s-twitter:before {content: "\f243"}
.popover-content li .s-twitter {background-color: #0995d9;}

.popover-content li .s-youtube:before {content: "\f24d"}
.popover-content li .s-youtube {background-color: red;}

.popover-content li .s-whatsapp:before {content: "\f4f0"}
.popover-content li .s-whatsapp {background-color: #00b427;}

.popover-content.s-pinterest:before {content: "\f2b1"}

.popover-content li .s-instagram:before {content: "\f350"}
.popover-content li .s-instagram {background-color: #e83a76;}

.popover-content li .s-email:before {content: "\f2eb"}
.popover-content li .s-email {background-color: #363636;}

.popover-content li a {
    width: 36px;
    height: 35px;
    color: #fff !important;
    border-radius: 5px;
    margin: 2px;
    font-size: 0.6em;
}

.popover-content li a:hover {
    background-color: #dddddd;
}

.popover.bottom > .arrow:after {
    border-bottom-color: #dbdbdb!important;
}