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

/*635 ldc*/

*{box-sizing: border-box;outline: 0;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
*:focus, a, a:hover, a:focus{outline: none;text-decoration: none;}

body{font-family: 'Roboto',sans-serif;background-color: #CBCBCB;overflow-x: hidden;overflow-y: hidden;-webkit-overflow-scrolling: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

::-webkit-scrollbar-track
{   background-color: #DFDFE0;
    border-radius: 15px;
    box-shadow: 0px 0px 0.16px #000000;
    border-radius: 15px;
}

::-webkit-scrollbar{   
  position: absolute;
    width: 0;
    background-color: transparent;
}

::-webkit-scrollbar-thumb{   
    background-color: #777777;
    border: 1px solid #DFDFE0;
    border-radius: 15px;
}
:focus{outline: none;}
ol, ul{margin:0;padding: 0}
header{height:110px; display:block;overflow:hidden;font-size: 13px;position: fixed;width: 100%;z-index: 3;}
header .logo-contenedor img, .logo-contenedor{max-width:300px;}
header .logo-contenedor img{transition: all .2s; padding: 5px;}
h1, h2, h3, h4, h5, p{margin: 0;}

button,input,select{outline: none;}

.blur{filter:blur(0.9rem);}
.locked2, .locked-filtros{top:0;position: fixed;background: #000000;opacity: .5;height: 100%;width: 100%;z-index: 4;display: none;}
.locked2{z-index: 16;}
.btn1{background: #FF4800;text-align: center;border: none;font-size: 1em;line-height: 40px;font-family: 'Fjalla One', sans-serif;color: #FFFFFF;padding: 0 19px;height: 40px;display: inline-block;line-height: 40px;text-transform: uppercase;transition: all .3s;}
.btn1:hover{color: #fff;text-decoration: none;background: #ce3a00 !important;}
.btn2{background: #000000;text-align: center;border: none;font-size: 1em;line-height: 40px;font-family: 'Fjalla One', sans-serif;color: #FFFFFF;padding: 0 19px;height: 40px;display: inline-block;line-height: 40px;text-transform: uppercase;transition: all .3s;}
.btn2:hover,.btn2:focus{color: #fff;text-decoration: none;background: #fff;color: #000}

.blue-button{text-align: center;background: #e62e00;color: #fff;border: 0;border-radius: 4px;height: 55px;width: 100%;max-width: 430px;font-size: 20px;font-weight: normal;padding: 0 20px;text-transform: uppercase;position: relative; transition: all .3s;}
.blue-button:hover{background: #e62e00}

.full-content{position: relative;height: calc(100vh - 110px);overflow-y: auto;top: 110px;}


.item.oferta .price, #listado-cuadros .item.oferta .decontado, .detalles-section .msj-credito .quincenal, .offer{color: #EB0042 !important;}




@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon/icomoon.eot?npp1lk');
  src:  url('../fonts/icomoon/icomoon.eot?npp1lk#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.ttf?npp1lk') format('truetype'),
    url('../fonts/icomoon/icomoon.woff?npp1lk') format('woff'),
    url('../fonts/icomoon/icomoon.svg?npp1lk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"], .talla .input.select:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shopping-cart:before {
  content: "\e904";
}
.icon-exclamation-triangle:before {
  content: "\e911";
}
.icon-chevron-right:before {
  content: "\e90e";
}
.icon-chevron-down:before {
  content: "\e90d";
}
.icon-angle-right:before {
  content: "\e901";
}
.icon-angle-left:before {
  content: "\e902";
}
.icon-exit_to_app:before {
  content: "\e90f";
}
.icon-check:before {
  content: "\e908";
}
.icon-chevron-down1:before {
  content: "\e907";
}
.icon-close:before {
  content: "\e900";
}
.icon-checkmark1:before {
  content: "\e910";
}
.icon-search:before {
  content: "\e90a";
}
.icon-grid:before {
  content: "\e905";
}
.icon-icons:before {
  content: "\e905";
}
.icon-play:before {
  content: "\e909";
}
.icon-chevron-down:before {
  content: "\e90d";
}
.icon-angle-right:before {
  content: "\e901";
}
.icon-minus:before {
  content: "\e90c";
}
.icon-plus:before {
  content: "\e90b";
}
.icon-chevron-small-down:before {
  content: "\e906";
}
.icon-close1:before {
  content: "\e903";
}





/*.zoomContainer{display: none!important;}*/
.discount{background: #FF4800;color: #fff;height: 20px;line-height: 21px;width: 63px;text-align: center;display: inline-block;font-size: 1.07em;font-weight: 500}
.overlay_block{background: rgba(0,0,0,0.3);width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: none; z-index: 20;}
.lds-roller {display: inline-block;position: relative;width: 64px;height: 64px;position: fixed;top: calc(50% - 32px);left: calc(50% - 32px);}
.lds-roller div {animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 32px 32px;}
.lds-roller div:after {content: " ";display: block;position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #fff;margin: -3px 0 0 -3px;}
.lds-roller div:nth-child(1) {animation-delay: -0.036s;}
.lds-roller div:nth-child(1):after {top: 50px;left: 50px;}
.lds-roller div:nth-child(2) {animation-delay: -0.072s;}
.lds-roller div:nth-child(2):after {top: 54px;left: 45px;}
.lds-roller div:nth-child(3) {animation-delay: -0.108s;}
.lds-roller div:nth-child(3):after {top: 57px;left: 39px;}
.lds-roller div:nth-child(4) {animation-delay: -0.144s;}
.lds-roller div:nth-child(4):after {top: 58px;left: 32px;}
.lds-roller div:nth-child(5) {animation-delay: -0.18s;}
.lds-roller div:nth-child(5):after {top: 57px;left: 25px;}
.lds-roller div:nth-child(6) {animation-delay: -0.216s;}
.lds-roller div:nth-child(6):after {top: 54px;left: 19px;}
.lds-roller div:nth-child(7) {animation-delay: -0.252s;}
.lds-roller div:nth-child(7):after {top: 50px;left: 14px;}
.lds-roller div:nth-child(8) {animation-delay: -0.288s;}
.lds-roller div:nth-child(8):after {top: 45px;left: 10px;}
@keyframes lds-roller {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}


/* Header iconos */
.centrar-logo{width: auto;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
.carrito .icon-shopping-cart{font-size: 25px;position: relative;margin-right: 0;display: inline-block;transition: all .14s;}
.contador-productos{position: absolute;top: -8px;right: 0;left: 0;bottom: 0;font-size: 13px; font-weight: bold;color: #F44817;transition: all .14s;}
.added{color: #F44817;}
.buscador .icon-search:hover, .carrito:hover, header .barras-menu span:hover{color: #000;}
.added:hover, .added:hover span{color: #fff;}
header .content .iconos .menu{float:right; margin-top:4px;}
header .content .iconos{position:absolute;right:4.62%; top:38px;}

/*Buscador*/
header .buscador{float: right;position: relative;text-align: center;margin-top: 0;margin-right: 22px;top: -5px;}
.icon-search{font-size: 33px;}
.menu-flotante .icon-search{color: #fff;}
.buscador .icon-search {display: block;transition: all .14s;}

/*Carrito*/
.carrito{float: right;position: relative;width: 50px;text-align: center;margin-top: 0;display: block;line-height: 16px;margin-right: 27px;}

.menu-flotante{position: fixed;z-index: 3;top: 50%;right: 20px;padding: 0 14px;border-radius: 5px;box-shadow: 0 0px 17px -2px #9a9a9a;padding-bottom: 30px;text-align: center;min-width: 78px;}
.menu-flotante .buscador{margin: 25px 0 -5px 0}
.menu-flotante > div{margin-top: 30px;}
.menu-flotante .carrito{margin-right: 0; float: initial;}
.menu-flotante > div, header .iconos > div {padding: 7px;position: relative;}
.menu-flotante .added .contador-productos{color: #fff;}

header .container-fluid{padding-left: 0;padding-right: 0;}
header img{vertical-align:0;}


header #return{width: 35px;height: 35px; position: absolute;left: 3.24%;top: 0;bottom: 0;margin: auto;z-index: 2;display: none; box-sizing: content-box; padding: 15px;}
header #return img,.menu-flotante #return-white{width: 29px;}
header #return-white{display: none;}

header .regresar.clicked #return-black{display: none;}
header .regresar.clicked #return-white{display: block;}

.menu-flotante #return-white{margin-top: 30px;display: none;}
.menu-flotante #return-white.clicked{opacity: .5;}



/*Barras Menu*/
.barras-menu {margin-bottom: 1px;cursor: pointer;height: 20px;width: 35px;z-index: 15;position: relative;display: block;}
.barras-menu span {background: #242424 none repeat scroll 0 0;display: block;height: 3px;left: 0;position: absolute;right: 0;top: 6px;transition: transform 0.3s ease 0s;-webkit-transition: transform 0.3s ease 0s;}
.barras-menu span::after, .barras-menu span::before {background-color: #242424;content: "";display: block;height: 3px;left: 0;position: absolute;width: 100%;}
.menu-flotante .barras-menu span{background: #fff none repeat scroll 0 0;}
.menu-flotante .barras-menu span::after, .menu-flotante .barras-menu span::before {background: #fff;}
.barras-menu span::before {top: -8px;transform-origin: left top 0;-webkit-transform-origin: left top 0;transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;-webkit-transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;}
.barras-menu span::after {bottom: -8px;transform-origin: left bottom 0;-webkit-transform-origin: left bottom 0;transition: transform 0.3s ease 0s, width 0.3s ease 0s, bottom 0.3s ease 0s;-webkit-transition: transform 0.3s ease 0s, width 0.3s ease 0s, bottom 0.3s ease 0s;}
.barras-menu:hover span, .barras-menu:hover span::before, .barras-menu:hover span::after{background: #242424;}
.menu-flotante .barras-menu:hover span, .menu-flotante .barras-menu:hover span::before, .menu-flotante .barras-menu:hover span::after{background: #fff;}




/*MENU*/
.headMenuLateral {margin-top: 47px;margin-left: 8.47%;margin-bottom: 67px;height: auto;}
.icon-close {font-size: 33px;}
.bodyMenuLateral{max-height: calc(100% - 151px);width: 100%;overflow-y: auto;overflow-x: hidden;}

/*first content*/
.bodyMenuLateral ul{list-style-type: none; padding: 0; margin: 0;}
.opMenu>li{height: auto;position: relative;}
.opMenu>li> a i{position: absolute;font-size: 24px;font-size: 20px;left: 31px;margin-top: 7px;}
.opMenu>li> a .icon-chevron-down{margin-top: 6px;}
.opMenu li.menuActive i{color: #006DB6;}

.opMenu>li>a{font-weight: bold;font-size: 24px;/*padding: 13px 10%;*/padding: 13px 56px;}

.opMenu>li>ul {padding-left: 12.5%}

/*second content*/
.subMenu-item>li{height: auto;padding: 13px 0;}
.subMenu-item>li>a {font-size: 24px;font-weight: bold;}
.subMenu-cont>li>a{font-size: 24px;font-weight: lighter;}
.subMenu-cont>li.subcat {padding: 8px 0;}

.menuActive{background: #EDEEF2;}
.menuActive > a, .submenu-active > a {color: #e62e00 !important;}
.menuActive a .subcat{float: right;font-size: 20px;margin-top: -7px;padding: 8px 45px 8px 10px;} /*seleccionar todo*/
.menuActive .submenu-active a .subcat{display: block;}
.menuActive a .sub-menu-name{display: inline-block;}

.opMenu li ul{display: none;position: relative;}

.bodyMenuLateral a{text-decoration: none;color: #242424;display: block;transition: 0.3s;}
.sidenav {height: 100%;width: 54.62%;position: fixed;z-index: 1;top: 0;right: -100%;background-color: #FFFFFF;overflow: hidden;transition: 0.5s;z-index: 1500;}

.bodyMenuLateral::-webkit-scrollbar-track
{   background-color: #969696;
    border-radius: 15px;
    box-shadow: 0px 0px 0.16px #000000;
    border-radius: 15px;
    border: 1px solid #707070;
}

.bodyMenuLateral::-webkit-scrollbar{   
    position: absolute;
    width: 0;
    background-color: transparent;
}

.bodyMenuLateral::-webkit-scrollbar-thumb{   
    background-color: #777777;
    border: 1px solid #969696;
    border-radius: 15px;
}
#modal_no_conexion .title, #modal_general .title{font-family: 'Fjalla One', sans-serif;text-transform: uppercase;font-size: 20px;font-weight: normal;display: block;margin-bottom: 29px;background-color: #fff;color: #000}
#modal_no_conexion .btn1, #modal_general .btn1{padding: 0 33px;}
#modal_error_pago_cc,#modal_error_cp,#modal_cp_change,#modal_multi_motos,#modal_motos,#modal_no_conexion, #modal_general, .modal-confirmacion, #modal_no_conexion, #modal_socket,#modal_popup, .modal{background: #fff;position: fixed;top: 0;left: 0;bottom: 0;right: 0;width: 600px;z-index: 9999;text-align: center;margin: auto;height: 196px;box-sizing: border-box;padding: 49px 30px 30px;display: none;overflow: hidden;border-radius: 4px;}
#modal_general .title{padding: 0;margin-bottom: 0px;}
#modal_general {padding: 48px 30px 30px;}



#modal_no_conexion .title, #modal_socket .title{font-family: 'Fjalla One', sans-serif;text-transform: uppercase;font-size: 20px;font-weight: normal;display: block;margin-bottom: 29px;background-color: #fff;color: #000}
#modal_no_conexion .btn1, #modal_socket .btn1{padding: 0 33px;}
#modal_socket .title{padding: 0;margin-bottom: 25px;}
#modal_socket {padding: 48px 30px 30px;}


/*Icono buscador*/
.mostrar-filtro{left: 0;}
.ocultar-filtro{left: -100%;}

/*Modal error cambio cp y modal error pago con tarjeta.*/
#modal_error_cp .modal_content, #modal_error_pago_cc .modal_content{overflow-y: auto;display: block;}
#modal_error_cp .modal_content .modal_left,#modal_error_pago_cc .modal_content .modal_left{display: inline-block;float: left;}
#modal_error_cp .modal_content .modal_rigth,#modal_error_pago_cc .modal_content .modal_rigth{display: inline-block;float: right;}
#modal_error_cp .modal-title,#modal_error_pago_cc .modal-title{font-size: 24px; color: #337ab7; text-align: left;}
#modal_error_cp .modal_content .modal_rigth img,#modal_error_pago_cc .modal_content .modal_rigth img{width: 70px; height: auto;}
#modal_error_cp .modal_btn,#modal_error_pago_cc .modal_btn{margin-top: 1em;}
#modal_error_cp .modal_btn button,#modal_error_pago_cc .modal_btn button{width: 100%; text-transform: uppercase;}
#modal_error_pago_cc .modal_content p{margin-top: 1em;text-align: left;}
#modal_error_pago_cc .modal_content .modal_left{max-width: 70%;}
#modal_error_pago_cc .modal_content .modal_rigth img{margin-top: 2em;}
#modal_error_pago_cc{height: 270px;}
#modal_general{height: 225;}


/*Modal cambio de cp*/
#modal_cp_change{width: 400px;height: 200px;text-align: left;}
#modal_cp_change .modal_loading{margin-top: 20px;display: flex; align-items: center;}
#modal_cp_change .modal_loading .loader-text{display: inline-block;margin-left: 20px;}
.loader-cp,.loader-cp:after { border-radius: 50%; width: 40px; height: 40px;}
.loader-cp { display:inline-block;font-size: 10px;  position: relative;  text-indent: -9999em;  border-top: 5px solid #fff;  border-right: 5px solid #fff;  border-bottom: 5px solid #124979;border-left: 5px solid #124979;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 1.1s infinite linear;animation: load8 1.1s infinite linear;}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*Modal Motos/Otros */
#modal_motos{height: 220px;}
#modal_motos p.que-hacer{font-weight: bold;margin: 1em 0;}
#modal_motos .modal_btns{margin-bottom: 1em;}
#modal_motos .modal_btns button{text-transform: uppercase; margin:0 5px;}
#modal_motos .modal_btns #motosDeleteMotos{color: #337ab7;background-color: #fff;border: 1px solid #006FB9!important}
/*Mensaje Motos/articulos Eliminados*/
.deletedArticlesMessage{height: auto; width: 100%; border: 1px solid #008A00; border-radius: 4px; background-color: #F1F9F1; padding: 10px;overflow-y: auto;margin-bottom:20px;display: none;}
.deletedArticlesMessage .column1,.deletedArticlesMessage .column2{float:left;display: inline-block;}
.deletedArticlesMessage .column2{margin-left:10px;color:#65A151;}
.deletedArticlesMessage .column3{float:right;display: inline-block;}
.deletedArticlesMessage .mask{height: 15.5px; width: 15.5px;}
.deletedArticlesMessage .maskClose{height: 12px; width: 12px;}
/*Modal multimotos*/
#modal_multi_motos .modal_btns{margin:2em 0 1em 0;}
#modal_multi_motos .modal_btns button{text-transform: uppercase;}


/*Modal buscador*/
.modal-buscador{/*opacity: 0;*/ display:none;background-color: #fff;position: fixed;top: 0;left: 0;bottom: 0;right: 0;width: 69.91%;height: 200px;z-index: 18;box-sizing: border-box;padding: 47px 50px 0px 50px;margin: 400px auto 0 auto;  border-radius: 5px; /*transition: all .4s;*/}

/*Place holder background*/
.modal-buscador ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #8E8F93;opacity: 1; /* Firefox */}
.modal-buscador :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #8E8F93;}
.modal-buscador ::-ms-input-placeholder { /* Microsoft Edge */color: #8E8F93;}

.modal-buscador .contenedor-input{width: 76.34%;display: inline-block;margin-right: .7%;}
.modal-buscador .icon-close{position: absolute;right: 14px;top: 13px;}
.modal-buscador .icon-search{font-size: 28px;position: relative; top: 4px;/*margin-right: 5px;*/}
.modal-buscador label{display: inline-block;font-size: 24px;}
.modal-buscador input{width: 100%;height: 55px;padding-left: 20px;border: 1px solid #E6E6E6;border-radius: 5px;font-size: 20px;}
.modal-buscador .blue-button{width: 22.13%;height: 55px;padding: 0;font-family: 'Roboto', sans-serif;}
.modal-buscador span{margin-top: 15px;display: block;font-size: 16px;color: #006DB6;}

/*Sugerencias de busqueda*/
.modal-buscador .suggestions-container{display: none;background-color: whitesmoke;width: 76%;height: 450px;overflow: scroll;}
.modal-buscador .suggestions-container .suggestion-entry-header{display: block;font-size: 20px;color: #3A3D3F;font-weight: bold;text-align: left;padding: 10px;border-bottom: 1px solid #F5F5F5;;padding-left: 10px;background-color: whitesmoke;position: -webkit-sticky;position: sticky;top: 0;}
.modal-buscador .suggestions-container ul li.suggestion-entry-element{display: block;font-size: 20px;padding: 10px;color: #222222;border-bottom: 1px solid #aaa;padding-left: 20px;background-color: #fff;list-style: none;}
.modal-buscador .suggestions-container ul li.suggestion-entry-element span.match-highlight{color: #585ABE;display: inline;font-size: inherit;font-weight: bold;}

/*Filtros*/
.navfiltros{height: calc(100% - 92px);position: fixed;background-color: #FFF;transition: .5s;z-index: 3;width: 335px;font-size: 18px;top: 92px;padding-bottom: 40px;opacity: 0.95}
.navfiltros .filtro-header{display: flex; align-items: center;margin: 30px 25px 37px 30px;}
.navfiltros .mayuscula{text-transform: uppercase;}
.navfiltros .cerrar-filtro .icon-close{font-size: 33px;float: right;}
.navfiltros .cerrar-filtro{width: 100%}

.contenido-filtro{max-height: calc(100% - 100px); width: 100%; overflow-y: auto; overflow-x: hidden;}
.contenido-filtro fieldset{padding: 0 24px 36px 30px; width: calc(100% - 30px)}
.contenido-filtro ul{list-style-type: none;}
.contenido-filtro .titulo-filtro{margin-bottom: 10px;font-weight: bold; text-transform: uppercase;}
.contenido-filtro li{margin-bottom: 10px;}
.contenido-filtro li input{margin-right: 8px;}
/*Checkbox menu filtro*/
.menu-filtro .check{width: 20px;height: 20px;background: #fff;border: 1px solid #000;display: inline-block;text-align: center;-webkit-transition: all .1s ease 0s;transition: all .1s ease 0s;position: relative;left: 0;box-sizing: border-box;top: 3px;margin-right: 4px;}
.menu-filtro input[type=checkbox]{display: none;}
.menu-filtro input[type=checkbox] + label a{font-weight: 700;color: inherit;}
.menu-filtro label{margin-bottom: 0; font-weight: 400; width: 100%;}

.filtro-titulo{font-size: 18px; float: left;}
.filtros{position: absolute; margin-top: 5px; margin-left: 15px;text-transform: uppercase;display: none;}



#modal_inactividad{position: fixed;width: 100%;height: 100vh;left: 0;right: 0;margin:auto;top: 0;bottom: 0;z-index: 10000;box-sizing: border-box;padding:0;background: #000000;display: block;background-repeat: no-repeat;display: none;}
.banner-ocultar{display: none;}
.banner-mostrar{display: block;}




/*LISTADO TITULO*/
.listado-titulo{height: 80px; line-height: 80px; position:fixed;font-size:24px;width: 100%;top: 109px;z-index: 3;overflow: hidden;}
.listado-titulo .inicio{display: block;}
.listado-titulo .titulo-text{display:inline-block;width: 40%;line-height: normal;margin-top: 10px;justify-content: center;}
.listado-titulo .titulo-text strong{margin-left:10px; color: #fff;}

.listado-titulo .busqueda {text-align: center; padding: 0 50px;display: none;}
.listado-titulo .busqueda .titulo-filtro{background: #EDEEF2;height: 50px;border-radius: 5px;float: right;position: relative;top: 15px;text-align: center;line-height: 50px;font-size: 20px;}
.listado-titulo .busqueda .select{width: 336px; padding: 0 20px;text-align: left;/*display: none;*/}
.listado-titulo .busqueda .select span{font-weight: normal;}
.listado-titulo .busqueda .filtro{width: 100px;margin-right: 20px;}
.listado-titulo .busqueda .filtro:hover{background: #ddddde;}
.listado-titulo .busqueda select{border: 0;background: transparent;font-size: 20px;font-weight: bold;height: 100%;width: 60%;-webkit-appearance: none;-moz-appearance: none;}

.busqueda .select i{font-weight: bold;font-size: 31px;float: right;position: absolute;top: 10px;right: 12px;}

.nav-filtros{height: calc(100% - 189px);position: fixed;background-color: #FFF;transition: .5s;z-index: 4;width: 46.30%;top: 189px;padding: 0;padding-top: 40px;border-top: 2px solid #E6E6E6;text-align: left; font-size: 24px;}
.nav-filtros .icon-close{position: absolute;right: 13px;top: 13px;}
.nav-filtros h3{font-size: 24px;margin-bottom: 33px;margin-left: 50px;font-weight: bold;}
.nav-filtros ul{list-style: none;padding: 0;margin: 0;}
.nav-filtros > ul{font-weight: bold;max-height: calc(100% - 100px);overflow-x: hidden;overflow-y: auto;}
.nav-filtros > ul > li{border-bottom: 1px solid #E6E6E6;/*padding: 28px 50px;*/}
.nav-filtros > ul .facet-title{padding: 28px 50px;}
.nav-filtros > ul i {font-size: 30px;float: right;position: relative;top: 2px;font-weight: bold;}
.nav-filtros label{font-weight: normal;}
.nav-filtros > ul > li > ul{padding: 12px 50px 0; display: none;}
.nav-filtros > ul > li > ul > li{padding: 12px 0;}

/*Checkbox menu filtro*/
.nav-filtros .check{width: 25px;height: 25px;background: #EDEEF2;border: 1px solid #E6E6E6;display: inline-block;text-align: center;-webkit-transition: all .1s ease 0s;transition: all .1s ease 0s;position: relative;left: 0;box-sizing: border-box;top: 4px;margin-right: 7px;border-radius: 4px;}
.nav-filtros input[type=checkbox]{display: none;}
.nav-filtros input[type=checkbox] + label a{font-weight: 700;color: inherit;}
.nav-filtros label{margin-bottom: 0; font-weight: 400; width: 100%;}




/*LISTADO CUADRO*/
.body-listado{position: relative;height: calc(100vh - 110px);overflow-y: hidden;top: 110px;}
#listado-cuadros{width: 100%;margin: 0 auto;padding: 60px 3.7% 0 3.7%;height: calc(100vh - 191px);position: relative;overflow: auto;top: 80px;padding-bottom: 80px;-webkit-overflow-scrolling: touch;}
.item, .item_category{cursor: pointer;list-style: none;width: 46%;height: 635px;float: left;position: relative;margin:0 2%;background: #fff;margin-bottom: 45px;border-radius: 5px;box-shadow: 0 2px 10px -5px #9a9a9a;-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); transition: all .3s;padding: 0;}
.item:hover{box-shadow: 0 4px 15px 1px #9a9a9a;}
.item > img, .item_category img{width:100%; padding: 0; margin: 0;border-top-left-radius: 5px;border-top-right-radius: 5px; max-width: 384px; max-height: 384px;}
.item > .info, .item_category > .info{padding: 25px 20px 20px;width: 100%;text-align: left;border-top: 1px solid #E6E6E6;height: auto;}
.item.exclusivo-linea > .info{padding: 20px 20px 20px 20px;width: 100%;text-align: left;border-top: 1px solid #E6E6E6;height: auto;}
span.exclusivo-linea{font-family: 'Roboto', sans-serif; font-size: 16px; color: #8E8F93; display: inline-block;}
.item .name, .item_category .name{font-size: 24px;font-weight: normal;line-height: 1.3em;height: 72px; overflow: hidden;}
.item .name{height: auto; max-height: 86px;margin-bottom: 15px;}
.item .price, .item_category .price{font-size: 40px;font-weight: bold; display: block;color: #333333; margin-bottom: 5px;}
.item .price.offer{color: #ee2054;}
.decontado{margin-left: 10px;font-size: 20px;font-weight: bold;color: #333333;}
.item .quincenal{display: block;font-size: 20px;font-weight: lighter;color: #8E8F93;margin-bottom: 40px;height: 28px;}
.price.special_price{text-decoration: line-through;color: #747474;font-size: 16px; margin-right: 8px;}
.vendor_product{color: #929292; font-size: 18px; margin-bottom: 8px; text-transform: uppercase;}
.precio_tachado{text-decoration: line-through; color: #b4b4b4; font-size: 20px;}

.etiqueta{height: 40px;line-height: 40px;text-transform: uppercase;color: #fff;font-size: 16px;box-shadow: 3px 5px 7px -4px #9a9a9a;padding: 0 24px;}

.item_category .price{margin-bottom: 30px; font-size: 24px;}
.item_category{height: 522px;}
.item_category img{max-height: 345px; max-width: unset;}
.item_category .vendor_product{font-size: 16px;}

/*Modal disponiblidad*/
#modal_product_availability .title-modal{font-family: 'Roboto', sans-serif;color: #333333;font-weight: bold;font-size: 24px;text-transform: initial;}
#modal_product_availability .sku{text-align: left;margin-bottom: 40px;}
#modal_product_availability .availability_form{padding: 0;background: #fff;}
#modal_product_availability .availability_form .select {width: 48.27%;position: relative;color: #707070;margin: 0;display: inline-block;}
#modal_product_availability .availability_form label {font-weight: bold;font-size: 24px;color: #333333;}
#modal_product_availability .availability_form .select:last-of-type{margin-left: 3.45%;}
#modal_product_availability .availability_results{border:1px solid #E6E6E6;padding-bottom: 2px;}
#modal_product_availability .availability_results th{background: #F5F5F5;}
#modal_product_availability .availability_results th, #modal_product_availability .availability_results td{padding: 10px;}
#modal_product_availability .availability_form > form{margin-bottom: 33px;overflow: hidden;padding-bottom: 2px;}




/*DETALLES PRODUCTO*/
.detalles-section{padding: 0;margin: 28px 50px 100px 50px; overflow: initial;text-align: left;}
.detalles-section .pictures{position: relative; padding: 0;margin: 0;overflow: hidden;border-radius: 7px;border-bottom-right-radius: 0;}

.detalles-section .info .precio.special_price, .item.oferta .old-price{font-size: 24px;color: #8E8F93;margin: 0 13px 0 0;font-weight: normal;}

.pictures>div {width: 100%;height: auto;position: inherit;padding: 0;}
.fracments{margin-right: 1.02%;}
.fracment {width:100%;display: block;cursor: pointer;position: relative;border: 1px solid #E6E6E6;margin-bottom: 2.2%;min-width: 0;padding: 0; margin:0 0 10px 0; min-height: 0;}
.fracment>img {margin: 0;padding: 0;border: 0;height: auto;width: 100%; max-width: 138px; max-height: 138px;}
.main-info #miniaturas{-moz-transform: translate3d(0,0,0);}

.full-picture{height: auto;position: relative;overflow: hidden;width: 84.28%;display: inline-block;border:0;float: right;}
.full-picture img{position: relative;width: 100%;transition: opacity 1s linear;}

.detalles-section .info{width: 100%; height: auto;}
.detalles-section .info #title, .detalles-section .info .precio{font-size: 40px;font-weight: bold;}
.detalles-section .info .precio{display: inline-block;color: #333333;}
.detalles-section .main-info, .detalles-section .info-detalle{box-shadow: 0px 2px 12px -5px #9a9a9a;text-align: left;border-radius: 5px;overflow: hidden;}
.detalles-section .main-info{overflow: initial;}


.talla{margin: 0;display: inline-block;margin-right: 20px;float: none;min-width: 17%;}
.talla label{font-size: 24px}
.talla .input.select{float: none;position: relative;}
.talla .dropdown > span{display: inline;}
.talla select, #modal_product_availability .availability_form select{width: 100%;background: #FFFFFF;font-size: 20px;font-family: 'Roboto',sans-serif;padding: 0 20px;border: 1px solid #E6E6E6;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;height: 55px;border-radius: 4px; }
.talla .input.select:before, #modal_product_availability .availability_form .select i{pointer-events: none;content: "\e907";position: absolute;bottom: 12px;right: 17px;font-size: 32px;color: #707070;font-weight: bold;}
#modal_product_availability .availability_form .select .dropdown + i{bottom: 18px;}

.detalles-section .info-detalle{background: #fff;margin-top: 40px;text-align: left;}
.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;}
.detalles-section .info-detalle .detalles-content{width: 65.21%;display: inline-block;float: left;}
.detalles-section .head{border-bottom: 1px solid #E6E6E6;}
.detalles-body{padding: 38px 30px;font-size: 16px;}
.detalles-body table td{width: 50%}

.detalles-section .info-detalle .beneficios{width: 32.6%;display: inline-block;float: left;padding: 30px 0 0 30px;font-size: 16px;}
.detalles-section .info-detalle .beneficios .tittle{font-size: 24px;margin-bottom: 39px;display: block;}
.detalles-section .info-detalle .beneficios > div{margin-bottom: 40px;overflow: hidden;}
.detalles-section .info-detalle .beneficios > div > div{float: left; width: calc(100% - 50px);}
.detalles-section .info-detalle .beneficios strong{margin-bottom: 2px;}


.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;}
.productos img{width: 100%;}
.productos>.row{text-align: center;position: relative;margin: 0;}
#suguerencias div{width: 23%;padding: 0;margin-right: 2%;box-shadow: 0 2px 10px -5px #9a9a9a;text-align: left;padding-bottom: 19px;transition: all .3s;border-radius: 5px;overflow: hidden;}
#suguerencias div:hover{box-shadow: 0 4px 15px 1px #9a9a9a;}



.text-center{text-align:center;}
.lighter{font-weight: 300;}
.bold{font-weight: bold;}
.inline-block{display: inline-block !important;}
.bloque{display: block;}
.hide{display: none;}


.degradado{pointer-events: none;position: fixed;bottom: 0;width: 100%;z-index: auto;height: 80px;left: 0;background: rgba(204,204,204,0);background: -moz-linear-gradient(top,rgba(204,204,204,0) 0,rgba(204,204,204,.42) 42%,rgba(204,204,204,.77) 77%,rgba(173,173,173,1) 100%);background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(204,204,204,0)),color-stop(42%,rgba(204,204,204,.42)),color-stop(77%,rgba(204,204,204,.77)),color-stop(100%,rgba(173,173,173,1)));background: -webkit-linear-gradient(top,rgba(204,204,204,0) 0,rgba(204,204,204,.42) 42%,rgba(204,204,204,.77) 77%,rgba(173,173,173,1) 100%);background: -o-linear-gradient(top,rgba(204,204,204,0) 0,rgba(204,204,204,.42) 42%,rgba(204,204,204,.77) 77%,rgba(173,173,173,1) 100%);background: -ms-linear-gradient(top,rgba(204,204,204,0) 0,rgba(204,204,204,.42) 42%,rgba(204,204,204,.77) 77%,rgba(173,173,173,1) 100%);background: linear-gradient(to bottom,rgba(204,204,204,0) 0,rgba(204,204,204,.42) 42%,rgba(204,204,204,.77) 77%,rgba(173,173,173,1) 100%);}


/*VIRTUAL SELECT*/
.dropdown {width: 100%;display: inline-block;background-color: #fff;border-radius: 5px;border: 1px solid #E6E6E6;transition: all .5s ease;position: initial;font-size: 20px;color: #474747;text-align: left;padding: 0 38px 0 20px;line-height: 55px;height: 55px;}
.dropdown > span{white-space: nowrap;display: block;overflow: hidden; text-overflow: ellipsis;}
.dropdown:active {background-color: #f8f8f8}
.dropdown .dropdown-menu {position: absolute;background-color: #fff;width: auto;left: 0;margin-top: 1px;box-shadow: 0px 3px 20px -5px;border: 0;border-radius: 5px;overflow: hidden;display: none;max-height: 350px;overflow-y: auto;z-index: 9;min-width: 100%;font-size: 20px;top: initial;margin-top: 7px;}
.dropdown .dropdown-menu li {padding: 15px;transition: all .2s ease-in-out;cursor: pointer;line-height:1;border-bottom: 1px solid #E6E6E6;} 
.dropdown .dropdown-menu {padding: 0;list-style: none}
.dropdown .dropdown-menu li:hover {background-color: #f2f2f2}
.dropdown .dropdown-menu li:active {background-color: #e2e2e2}


.detalles-section ::-webkit-scrollbar, #modal_product_availability ::-webkit-scrollbar, #body-carrito ::-webkit-scrollbar, .modal-aviso-privacidad ::-webkit-scrollbar{ width: 0;}

body.keyboard_at_the_bottom div#mlkeyboard{height: 30% !important;}

#longDescription ul{padding-inline-start: 18px;}
#vendor_detail_product{color: #929292; font-size: 22px; text-transform: uppercase; display: block;}

#modal_inactividad img{width: 100%; height: auto;}


#action_banner_button{
  position: absolute;
  width: 200px;
  height: 60px;
  right: 30px;
  bottom: 30px;
  z-index: 3;
  border-radius: 8px;
  border: 0;
  opacity: .9;
  background: #e62e00;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
}