/*@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);*/

header{background: #e62e00; background: #fff; z-index: initial;position: absolute;}
header .logo-container img{width: 145px; height: auto;padding: 18px;box-sizing: initial;}
header .logo-container #coppel-logo-2{z-index: 25; opacity: 0;}
header .content{height: 100%;width: 100%;padding:30px;}

header .content .iconos{right: calc(4.62% - 24px);}

header .content .iconos .menu{float: left;margin-right: 38px; margin-left: 7px;}
header .iconos > div{float: left;margin-right: 11px;}

.cerrar-sesion{position: absolute;right: 4.62%;top: 4px;bottom: 0;height: 31px;color: #006DB6; display: block;padding: 0 !important;display: none;}
.cerrar-sesion span{font-size: 16px;font-weight: bold;margin-top: 5px;float: left;margin-right: 5px;}
.cerrar-sesion i{font-size: 31px;float: right;}
.cerrar-sesion .line{width: 1px; height: 20px; background: #989898; margin-right: 20px;}

a, a:hover{color:#fff;}
.opMenu a, .opMenu a:hover{color:#242424;}

#modal_product_availability{height: 850px; overflow: hidden;}
#modal_product_availability .content_table{height: 500px;}
#modal_product_availability .availability_form .select-tallas{display: none}

#modal_producto_carrito{padding-top: 41px;width: 66.7%;height: 282px;overflow: hidden;}
#modal_producto_carrito .title{font-size: 24px;margin-bottom: 40px;}
#modal_producto_carrito button{width:300px}
#modal_producto_carrito .seguir{margin-top: 28px;font-size: 16px;font-weight: bold; position: relative; color: #006DB6;}
#modal_producto_carrito .seguir .icon-angle-right{font-size: 22px;top: 9px;position: absolute;font-weight: bold;margin-left: 12px;}
#modal_producto_carrito .icon-close{position: absolute;top: 0;right: 0;padding: 11px;padding-right: 13px;}

#modal_no_conexion button{width: auto;}

#cerrarModalGenral{width: 100px;}

.menu-flotante{background: #e62e00;}

.regresar img{width: 29px;}
.regresar .back-white, .menu-flotante .regresar{display: none;}
.regresar.clicked .back-white{display: inline-block;}
.regresar.clicked .back-black{display: none;}
.menu-flotante .regresar{padding: 0 !important;}
.carrito.added, .contador-productos, .menu-flotante .added .contador-productos{color: #006DB6;}
.added:hover, .added:hover span{color: #fff !important;}

.listado-titulo .busqueda .titulo-filtro{float: left;color: #333;position: absolute;}

.modal-buscador .blue-button:hover{background: #e62e00;}
.modal-buscador .blue-button.clicked{background: #e62e00;}

.blue-button.disabled{background:#F0F0F0;color:#7C8082;font-weight: bold;}

.loading{margin-top: 400px;height: 240px;width: 755px; padding: 50px; font-size: 16px;text-align: center;}
.loading h3{font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.loading p{margin-bottom: 38px;}
.loading .porcentaje-text{display: block; color: #006DB6; margin-bottom: 10px;}
.loading .container-bar{width: 500px; background: #EDEEF2; height: 6px; overflow: hidden; border-radius: 4px; position: relative; margin: 0 auto;}
.loading .bar{height: 8px;background: #006DB6;width: 60%;margin-top: -1px;}

@media screen and (max-width: 860px){
    .item {height: 600px;}
    .decontado{display: none;}
}

@media screen and (min-width: 1200px){
    .item {width: 29.33%}
}

.item.oferta .etiqueta{background: #E11D1A;}
.item.oferta .etiqueta::before{border-color: transparent #9E3B3B transparent transparent;}
.item.oferta .old-price {text-decoration: line-through;font-size: 20px;}

.precio-tachado{font-size: 20px;text-decoration: line-through;margin-right: 10px;position: relative;top: -6px;}

.etiqueta{background: #4C6EB3;position: absolute;top: 15px;left: -15px;border-radius: 10px 20px 20px 0px;z-index: 2; display: none;}
.oferta .etiqueta, .nuevo .etiqueta {display: block}
.etiqueta::before{content: '';width: 0;height: 0;border-style: solid;border-color: transparent #2E4573 transparent transparent;position: absolute;border-width: 0 15px 13px 0;left: 0px;top: 40px;}

.listado-titulo{background-color: #e62e00; }

.talla .input.select:before, #modal_product_availability .availability_form .select i{color: #333333;}

.listado-titulo .busqueda .filtro:hover{background: #EDEEF2;}
.listado-titulo .busqueda .filtro.titulo-filtro.clicked{background: #ddddde;}




.detalles-section{text-align: right;}
.sku{font-size: 20px;text-align: right;color: #8E8F93;display: block;margin-bottom: 10px;}
.detalles-section .pictures{background: #fff;padding-left: 3.06%;}




.fracments{width: 14.7%;display: inline-block;min-height: 873px;margin-top: 20px;}
.fracment {min-height: 0;}
.fracment.selected:after{background: rgba(0, 0, 0, 0.15);}



#carga_imagenes img{width: 5px;}



.detalles-section .main-info{padding: 0;background: #fff;}
.detalles-section .main-info, .detalles-section .info-detalle, .info-detalle-offline{box-shadow: 0px 2px 12px -5px #9a9a9a;text-align: left;border-radius: 5px;}
.detalles-section .info{background: #fff;padding: 40px 30px;border-top: 1px solid #E6E6E6;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;}
.detalle-precios{margin-top: 10px;}
.detalles-section .info .precio.special_price{display: none;}


.detalles-section .msj-credito{display: block;font-size: 20px;font-weight: bold;}
.detalles-section .precio-excv{margin-bottom: 54px;/*60px;*/display: block;color: #B4B4B4;font-size: 16px;font-weight: bold;}
.detalles-section .detalle-quincenal{color: #8E8F93;}
.detalles-section .compra-habilitada-text{font-size: 20px; font-weight: bold;color:#01B139;}
.detalles-section .compra-deshabilitada-text{font-size: 20px; font-weight: bold;color:#EB0042;}

.detalles-section .blue-button{width: auto;min-width: 30.6%;padding: 0 50px;}
.conteiner-disponibilidad{margin-top: 46px;}
.detalles-section span.disponibilidad{display: inline-block;margin: 0;font-size: 24px;color: #006DB6;font-weight: bold;}
.detalles-section span.disponibilidad:hover{color: #1C5C95;}

.detalles-section .info-detalle, .info-detalle-offline{background: #fff;margin-top: 40px;text-align: left;}
.detalles-section .head{border-bottom: 1px solid #E6E6E6;}
.head-descripcion, .head-caracteristicas{display: inline-block;padding: 30px 30px 20px 30px;font-size: 24px;font-weight: bold;color: #8E8F93;}
.descripcion-selected{border-bottom: 5px solid #e62e00;color:#000000;}
.linea{width: 1px;height: 100%;background: #E6E6E6;position: absolute;right: 34.69%;}
.detalles-beneficios {overflow: hidden;height: auto;position: relative;}

.detalles-section .info-detalle .beneficios > div > img{float: left;margin: 0 10px 0 0; width: 40px; height: auto;}
.credito-coppel{margin-top: 7px;}

.bloque{display: block;}


.productos{margin: 0;background: #fff;text-align: left;border-top: 1px solid #E6E6E6;clear: initial;overflow: hidden;width: 100%;padding: 30px 30px 60px 30px;display: none;}
.productos .subtitle{margin-bottom: 40px;font-size: 24px;font-weight: bold;}
.productos h3{font-family: 'Roboto', sans-serif;color: #242424;margin: 0;height: 90px;font-size: 16px;font-weight: normal;text-align: left;line-height: 22px;padding: 20px 10px 0 10px;margin-bottom: 10px;border-top: 1px solid #E6E6E6;}
.productos span{margin: 0 10px;color: #333333;font-size: 24px;font-weight: bold;}
#suguerencias div{width: 23%;padding: 0;margin-right: 2%;box-shadow: 0px 2px 10px 0 #b5b6b7ad;text-align: left;padding-bottom: 19px;transition: all .3s;border-radius: 5px;}
#suguerencias div:hover{box-shadow: 0 4px 15px 1px #9a9a9a;}

.info-detalle-offline {display: block; font-size: 16px;}
.info-detalle-offline h3{padding: 30px;border-bottom: 1px solid #E6E6E6;}
.info-detalle-offline .beneficios-container{padding: 35px 32px 5px 32px;}
.info-detalle-offline .beneficios-container > div{position: relative;display: inline-block; overflow: hidden;width: 33%; margin-bottom: 43px;}
.info-detalle-offline .beneficios-container > div > *{float: left;}
.info-detalle-offline .beneficios-container > div > img{margin-right: 9px; margin-top: 2px;}
.info-detalle-offline  .credito-coppel{margin-top: 5px;}


@media screen and (max-width: 1080px){
    .detalles-section .pictures>div {height: auto;margin-left: 0;width: 100%;}
    .pictures>div {position: inherit;}
    .fracments {width: 14.7%;max-height: 620px;overflow-y: auto;overflow-x: hidden;min-height: 0;}
}


body{font-family: 'Roboto',sans-serif;background-color: #EDEEF2;overflow-x: hidden;overflow-y: hidden;margin:0;padding:0;-webkit-overflow-scrolling: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height: 1.42857143;}




/*Degradado de fondo*/
.blur{filter:blur(0.9rem);} 




.blue-button i{position: absolute;right: 20px;font-size: 27px;top: 12px;bottom: 0;font-weight: bold;}
input.invalido{border: 1px solid #ff0000 !important;}
input.invalido::placeholder {color: #ff0000;}