.products .breadcrumb{padding: 0 10px 10px;} .products .breadcrumb ul{float: left;} .products .total-products{float: right;padding-top: 5px;} .products .banner-page{position: relative;min-height: 130px;background-position: center center;background-size: cover;background-repeat: no-repeat;} .products .banner-page .container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width: 100%;} .products .banner-page .container .table{display: table;width: 100%;height: 100%;} .products .banner-page .container .table .table_cell{display: table-cell;vertical-align: middle;} .products .banner-page .title-banner{text-align: center;} .products .banner-page .title-banner .h1{padding-top: 8px;} /* ----- GUIDE ----- */ /* ----------------- */ .products .wrapper-page{position: relative;padding: 0 0px 100px;} .products .container-filters{position: relative;z-index: 11;} .title_list_1, .subtitle_list_1{display: none;} .button-filters{float: right;position: relative;padding: 0 19px;border-left: 1px solid #DCDCDC;text-decoration: none;} .title-filters{position: relative;padding: 13px 0;border-bottom: 1px solid #DCDCDC;text-align: center;} .title-filters .button-filters-close{position: absolute;top: calc(50% - 10px): 16px;height: 16px;background: url(../../sysimages/icon-close.png) left top/16px no-repeat;} .products .wrapper-filters{float: left;width: 100%;} .products .list-filters{background-color: #FFF;} .products .list-filters .container{max-width: 1440px;padding: 0;border-bottom: 1px solid #f0f0f0;} .products .list-filters .side-menu{position: relative;float: left;padding: 6px 0;width:8.553%;} .products .list-filters #menu-filters p{position: relative;padding:1px 0 11px 39px;} .products .list-filters #menu-filters p::after{content: '';position: absolute;top: 1px;left: 0;width: 20px;height: 11px;background: url(../../sysimages/icon-arrow-filters.png) left top/20px 11px no-repeat;} .products .list-filters p{float: left;padding-right: 12px;} .products .list-filters ul{list-style: none;margin: 0;float: left;} .products .list-filters .wrapper-side-menu.doubleMenu{min-width: 300%;} .products .list-filters .wrapper-side-menu.tempMenuWidth{min-width: 150% !important;} .products .list-filters .wrapper-side-menu.tempMenuWidth .firstLevel{width: 100% !important;} .products .list-filters .wrapper-side-menu{display: none;z-index: 99;position: absolute;top: 30px;left: 0;min-width: 150%;/*padding: 12px 23px 23px 23px;*/padding: 10px 15px;border: 1px solid #d8d8d8;background: #f9f9f9;} .products .list-filters .wrapper-side-menu .menus > .firstLevel{list-style-type: none;float: left;width: 100%;margin-left: 0;position: relative;} .products .list-filters .wrapper-side-menu .menus > .firstLevel a.notCud{cursor: default;} .products .list-filters .wrapper-side-menu.doubleMenu .menus > .firstLevel{width: 50%;} .products .list-filters .wrapper-side-menu.showSecondMenu:not(.doubleMenu) .menus > .secondLevel{display: block !important;} .products .list-filters .wrapper-side-menu .menus > .secondLevel{list-style-type: none;display: none;float: left;width: 50%;margin-left: 0;position: relative;} .products .list-filters .wrapper-side-menu .menus > .secondLevel.active{display: block;} .products .list-filters .wrapper-side-menu .menus > .secondLevel ul{display: none;} .products .list-filters .wrapper-side-menu.tempMenu:not(.doubleMenu){min-width: 300%;} .products .list-filters .wrapper-side-menu.tempMenu:not(.doubleMenu) .menus > .firstLevel{display: block;float: left;width: 50%;} .products .list-filters .wrapper-side-menu.tempMenu:not(.doubleMenu) .menus > .secondLevel{display: block;float: left;width: 50%;} .products .list-filters .wrapper-side-menu:not(.tempMenu) .menus > .secondLevel ul.active{display: block !important;} .products .list-filters .wrapper-side-menu .menus > ul li .submenu.active {display: block;} .products .list-filters .filters{position: relative;float: left;padding: 0;width: 100%;} .products .list-filters .filters .box-filter{height: 59px;position: relative;float: left;padding-right: 0;border-left: 1px solid transparent;border-right: 1px solid transparent;} .products .list-filters .filters .box-filter:hover{border-color: #e8e8e8;} .products .list-filters .filters .box-filter:first-child > p{padding-left: 9px;} .products .list-filters .filters .box-filter > p{position: relative;display: inline-block;cursor: pointer;padding: 22px 26px 22px 7px;} .products .list-filters .filters .box-filter > p::after{content: '';position: absolute;top: calc(50% - 9px);right: 4px;width: 18px;height: 18px;background: url(../../sysimages/icon-arrow-drop-filters.png?2) no-repeat left 1px/18px;display: inline-block;} .products .list-filters .filters .box-filter > p span{margin-left: 6px;margin-right: 0;display: inline-block; display: none;} .products .list-filters .filters .box-filter.active > p{padding: 22px 46px 22px 7px;} .products .list-filters .filters .box-filter.active > p span{display: inline-block;} .products .list-filters .filters .box-filter:first-child > p span{margin-left: 3px;} .products .list-filters .filters .box-filter .cnt-filters{display: none;min-width: 170px;position: absolute;top: 33px;left: -1px;padding-top: 26px;} .products .list-filters .filters .box-filter .cnt-filters > div{position: relative;border: 1px solid #e8e8e8;background: #fefefe;} .products .list-filters .filters .box-filter .cnt-filters .filter-list{position: relative;padding: 0 4px 0;margin: 8px 6px; max-height: 50vh;overflow-y: auto;z-index: 15;-webkit-overflow-scrolling: touch;} .products .list-filters .filters .box-filter .cnt-filters.price .filter-list{margin: 0;} .products .list-filters .filters .box-filter .cnt-filters .ps > .ps__scrollbar-y-rail>.ps__scrollbar-y{background-color: #333;width: 4px !important;right: 0;} .products .list-filters .filters .box-filter .cnt-filters .ps > .ps__scrollbar-y-rail{background: transparent;} .products .list-filters .filters .box-filter .cnt-filters .ps > .ps__scrollbar-y-rail:hover>.ps__scrollbar-y, .products .list-filters .filters .box-filter .cnt-filters .ps > .ps__scrollbar-y-rail:active>.ps__scrollbar-y{width: 4px !important;} .products .list-filters .filters .box-filter .cnt-filters .ps > .ps__scrollbar-y-rail{opacity: 0.6;width: 4px;right: 2px;background-color: #e6e6e6;border-radius: 6px;} .products .list-filters .filters .box-filter .cnt-filters .ps > .ps__scrollbar-y-rail {opacity: 0.3;display: block;} .products .list-filters .filters .box-filter .cnt-filters:hover .ps > .ps__scrollbar-y-rail {opacity: 0.5;} .products .list-filters .filters .box-filter .cnt-filters.price{min-width: 264px;} .products .list-filters .filters .box-filter .cnt-filters.price .filter-list{padding-top: 25px;padding-bottom: 16px;} .products .list-filters .clear-filters{display: none;float: left;padding: 17px 0 0 20px;} .products .list-filters .checkbox, .products .list-filters .radio{padding-top: 10px;padding-left: 4px;} /*.products .list-filters .checkbox:not(.disabled):hover, .products .list-filters .radio:not(.disabled):hover{cursor: pointer;}*/ .products .list-filters .checkbox:first-child, .products .list-filters .radio:first-child{padding-top: 0;} .products .list-filters .checkbox .filter-name, .products .list-filters .radio .filter-name{float: left;width: calc(100% - 14px);padding-left: 8px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .bottom-filters{display: none;padding-top: 33px;} .bottom-filters .button{float: right;} .products .list-filters .bottom-filters-mobile{position: relative;padding: 8px 15px;text-align: right;background-color: #f7f7f7;border-top: 1px solid #ececec;} .products .list-filters .bottom-filters-mobile::before{content: '';position: absolute;/*bottom: 53px;*/bottom: calc(100% + 1px);left: 0;width: 100%;height: 40px;background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);} .products .list-filters .bottom-filters-mobile .clear-filters a{float: left;padding-bottom: 1px;margin: 17px 12px 0;} .products .list-filters .bottom-filters-mobile .row{margin: 0 -5px;} .products .list-filters .bottom-filters-mobile .row .column{padding: 0 5px;} /* ----- ORDER CONTROLS ---- */ .products .box-filter.order{float: right !important;} .products .box-filter.order > p{position: relative;float: left;} .products .box-filter.order > p::after{content: '';position: absolute;top: calc(50% - 2px);right: 2px !important;width: 7px;height: 4px;background: url(../../sysimages/icon-arrow-drop-filters.png?2) left top/7px 4px no-repeat;} .products .box-filter.order > p span{margin-left: 5px;} .products .box-filter.order .order-type .order-dropdown{min-width: calc(100% + 30px);min-width: -webkit-calc(100% + 30px);left: -29px;top: 33px;} .products .box-filter.order .order-type .order-dropdown > div{position: relative;padding: 0 10px 15px;} /* ------------------------- */ .products .wrapper-products{position: relative;padding-top: 64px;padding-bottom: 60px;} .products .wrapper-products.hasBanner{padding-top: 10px;} .filters .title-filter .clear-filter{display: none;width: 12px; height: 12px;background: url(../../sysimages/icon-clear-filter.png) center/12px no-repeat;position: absolute;top: calc(50% - 12px);right: 20px; padding: 12px;} .filters .title-filter .clear-filter.active{display: inline-block;} .filters .price .numbers{position: relative;padding: 11px 8px 0 5px;} .filters .price .numbers span.min{float: left;} .filters .price .numbers span.max{float: right;} .filters .price .numbers span > div{display: inline-block;} .filters .price #slider-range{position: relative;height: 20px;background: #DCDCDC;border: 8px solid #FFF;} .filters .price #slider-range .ui-slider-range{position: absolute;top: -8px;display: block;height: 100%;z-index: 1;background: #000;height: 20px;border: 8px solid #FFF;border-right: 0px;border-left: 0px;} .filters .price #slider-range .ui-slider-handle{position: absolute;top: -7px;width: 5px;height: 18px;z-index: 2;background: #000;cursor: default;-ms-touch-action: none;touch-action: none;} .filters .price #slider-range .ui-slider-handle:last-child{margin-left: -5px;} .filters .price .filter-mobile{position: relative;padding-right: 35px;} .filters .price .filter-mobile .row{margin: 0 -2px;} .filters .price .filter-mobile .row .column{padding: 0 2px;} .filters .price .filter-mobile .row .column input{width: 100%;padding: 8px 10px;margin-top: 4px;background: #FFF;font-size: 11px;} .filters .price .filter-mobile .row .column input[type=number]::-webkit-inner-spin-button, .filters .price .filter-mobile .row .column input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;} .filters .price .filter-mobile > a{position: absolute;bottom: 16px;right: 4px;width: 32px;height: 32px;border: 1px solid #000;background: #FFF;} .filters .price .filter-mobile > a::after{content: '';position: absolute;top: calc(50% - 8px);left: calc(50% - 8px);width: 16px;height: 16px;background: url(../../sysimages/icon-arrow-button.png) left bottom/16px no-repeat;} .filters .price .filter-mobile > a:hover{background: #000;} .filters .price .filter-mobile > a:hover::after{background-position: left top;} .filters .toggle-filters{display: none;} .filters .see-all{display: inline-block;} .top-list{position: relative;padding-bottom: 17px;display: none;} .top-list .row .column{position: static;} .top-list .row .column .total{float: left;max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .top-list .list-controls{float: right;} /* ----- GRID CONTROLS ----- */ .grid-controls{float: right;margin-left: 22px;margin-right: 8px;margin-top: 22px;} .grid-controls ul{margin: 0;list-style: none;font-size: 0;line-height: 0;margin-top: -6px !important;} .grid-controls ul li{display: inline-block;} .grid-controls ul li:first-child{padding-left: 0;margin-right: 5px;} .grid-controls a{display: block;border: 1px solid #999;text-decoration: none;padding: 5px 9px 6px;width: 28px;height: 28px;} .grid-controls a:hover, .grid-controls a.sel{border-color: #333;} .grid-controls a.sel{cursor: default;} /* ------------------------- */ .products .container-list > .row{margin: 0;font-size: 0;} .products .container-list > .row > .column{padding: 31px 12px 0;float: none;display: inline-block;vertical-align: top;} .products .container-list > .row > .column.column-ads{position: relative;} .products .container-list > .row > .column .promoCol{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .products .container-list > .row > .column .promoCol .table_desc{display: table;width: 100%;height: 100%;} .products .container-list > .row > .column .promoCol .table_desc .cell_desc{display: table-cell;width: 100%;height: 100%;vertical-align: middle;text-align: center;} .products .container-list > .row > .column .promoCol .table_desc .cell_desc .content{overflow-y: auto;max-height: 100%;} .products .container-list > .row > .column .promoCol .table_desc .cell_desc span{display: block;} .products .container-list > .row > .column .promoCol .table_desc .cell_desc a{margin-top: 27px;} .products .container-list .bottom-list{padding-top: 72px;text-align: center;} .products .container-list .bottom-list .loadingIcon{display: none;line-height: 0;} .products .container-list .bottom-list .loadingIcon img{max-width: 42px;} .products .list-overlay{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.8) url(../../sysimages/listloader.gif?v=1) center center/62px no-repeat;z-index: 40;} .products .wrapper-products.overlay::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.8);} .shipping-info{padding: 11px 0;/*background-color: #f54f4f;*/background-color: #000;position: fixed;width: 100%;top: 0;left: 0;z-index: 999;opacity: 0; min-height:34px;} .shipping-info .container{max-width: 1440px;position: relative;line-height: 0;font-size: 0;} .shipping-info .container > .row{margin: 0;text-align: center;font-size: 0;} .shipping-info .container > .row > .column{float: none;display: inline-block;vertical-align: top;} .shipping-info .row .column{text-align: center;} .shipping-info .row1 .column{width: 100%;} .shipping-info .row2 .column{width: 35%;} .shipping-info .row3 .column{width: 33.3333%;} .shipping-info .row .column .info{line-height: 0;} .shipping-info .row3 .column:not(:first-child):not(:last-child) .info{text-align: center;} .shipping-info .row3 .column:first-child .info{text-align: left;} .shipping-info .row3 .column:last-child .info{text-align: right;padding-right: 59px;} .shipping-info .row .column .info img{vertical-align: top;display: inline-block;max-width: 14px;margin-right: 3px;} .shipping-info .row .column .info p{vertical-align: top;display: inline-block;} .shipping-info .row .column .info p span{vertical-align: top;display: inline-block;} .shipping-info a.closeShipp{width: 13px;height: 13px;position: absolute;right: 13px;top: 0;background: url(../../sysimages/closeShipp.png) no-repeat;background-size: 13px;display: block;line-height: 0;} .shipping-info .sliderShipping{min-height: 34px;padding: 5px 0;text-align: center;} body.fixed-body{position: fixed;top: 0;left: 0;width: 100%;} @media screen and (min-width: 768px) and (max-width: 1487px){ .products .container-banner{padding-left: 0;padding-right: 0;} .products .list-filters .filters{padding-left: 15px;padding-right: 15px;} } @media screen and (max-width: 1290px){ .products .list-filters .filters{padding-left: 5px;padding-right: 5px;} /*.products .list-filters .filters .box-filter > p{padding: 16px 0px 23px 4px;}*/ .products .list-filters .filters .box-filter > p span{margin-left: 2px;} .products .list-filters .clear-filters{padding-left: 5px;} .products .list-filters p{padding-right: 8px;} /*.products .list-filters .filters .box-filter > p{padding-left: 3px !important;}*/ } @media screen and (max-width: 1200px){ .grid-controls{margin-left: 0;} .products .list-filters .filters .box-filter > p span{margin-left: 0;} } @media screen and (min-width: 768px){ body .products .list-filters .filters .box-filter:hover .cnt-filters{display: block;} .products .container-list .column.first-line {padding-top: 0} .products .container-list .row3 .column:nth-child(-n+3){padding-top: 0;} //.products .container-list .row4 .column:nth-child(-n+4){padding-top: 0;} } @media screen and (max-width: 768px){ .products .breadcrumb{padding: 7px 0 0;} .products .breadcrumb ul {padding-bottom: 9px;} .products .total-products{padding-top: 0; padding-bottom: 9px;} .products .banner-page{display: none;} .products .topInfo{margin: 0;} .products .topInfo .col:first-child{width: 25.2%;padding-right: 0;} .products .topInfo .col:not(:first-child){width: 74.8%;padding-left: 0;} .products .box-filter.order{padding-left: 5px;} .products .box-filter.order > p span{font-size: 11px !important;} .products .wrapper-page{padding: 0 0 60px;} .products .container-filters{height: auto;z-index: 200;} .products .wrapper-filters{display: none;border:0;width: 100%;padding: 0;background: transparent;overflow: hidden;overflow-y: auto;border-top: 1px solid #f0f0f0;} .products .list-filters{padding: 5px 0 0 !important;} .products .list-filters.sticky{overflow-y: auto;} .products .list-filters .side-menu{display: none !important;} .products .list-filters .side-menu > p{padding: 0 16px 0 0;text-indent: -99999px;cursor: pointer;font-size: 0;width: 28px;height: 28px;padding: 0 !important;background: url(../../sysimages/icon-drop-menu.png) no-repeat;background-position: left top;background-size: 28px;} .products .list-filters .side-menu > p::after{display: none;} .products .list-filters .side-menu .wrapper-side-menu{top: 25px;left: 8px;min-width: 286px;max-width: calc(100% - 16px);padding-top: 12px;} .products .list-filters .side-menu .wrapper-side-menu > div::after{display: none;} .products .list-filters .wrapper-side-menu{position: relative;top: auto;bottom: auto;right: auto;left: auto;float: left;min-width: auto;max-width: 100%;width: 100%;background: transparent;border: 0;padding: 10px 0;} .title-filters{display: none;} .products .box-filter.order .order-type{position: relative;} .products .box-filter.order .order-type .order-dropdown{right: 0;top: 30px;position: absolute;z-index: 5;} .radio .filter-name{padding-left: 5px;} .radio .check{margin: 3px 0;} .products .box-filter.order .order-type .order-dropdown {display: none;} .products .box-filter.order .order-type .order-dropdown > div{padding: 10px;} .products .order > p > span{padding-left: 5px;} .products .list-filters .filters{float: none;padding: 18px 15px;max-height: 68.8vh;overflow-y: auto;position: relative;} .products .list-filters .filters .box-filter{float: none;padding: 0;height: auto !important;border: 0;border-top: 1px solid #f0f0f0 !important;} .products .list-filters .filters .box-filter:last-child{border-bottom: 1px solid #f0f0f0 !important;} .products .list-filters .filters .box-filter > p{padding: 14px 5px !important;display: block;float: none;} .products .list-filters .filters .box-filter > p span{margin-left: 10px !important;margin-right: 0;} .products .list-filters .filters .box-filter > p::after{position: absolute;top: calc(50% - 6px);right: 9px;width: 16px;height: 16px;background: url(../../sysimages/icon-arrow-drop-filters.png?2) no-repeat center/20px;} .products .list-filters .filters .box-filter.open > p::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); top: calc(50% - 7px);} .products .list-filters .filters .box-filter .cnt-filters{margin-bottom: 10px;padding-top: 0 !important;position: relative;top: auto;right: auto;left: auto;min-width: 1px;} .products .list-filters .filters .box-filter .cnt-filters.showAfter::after{content:'';display: block;position: absolute;top: 0;left: 0;background: rgba(255,255,255,0.4) url(../../sysimages/listloader.gif?v=1) no-repeat;background-size: 62px; background-position: center;width: 100%;height: 100%;} .products .list-filters .filters .box-filter .cnt-filters > div{border: 0;background: none;padding-top: 0;} .products .list-filters .filters .box-filter .cnt-filters > div::after{display: none;} .products .list-filters .filters .box-filter .cnt-filters .filter-list{max-height: 20vh;padding: 10px 5px;margin-bottom: 0;} .products .list-filters .filters .box-filter .cnt-filters .filter-list .checkbox:nth-child(-n+2){padding-top: 0;} .products .list-filters .filters .box-filter .cnt-filters.price .filter-list{padding-top: 10px;padding-right: 40px;} .products .list-filters .filters .box-filter .cnt-filters .bottom-filter{padding: 10px;border: 1px solid #ccc;border-top: 0;} .products .list-filters .filters .title-filter .clear-filter{width: 30px;height: 30px;top: calc(50% - 14px);right: 30px; background-size: 16px;} .products .box-filter.order > p > span{cursor: pointer;} .products .list-filters .wrapper-side-menu.doubleMenu{min-width: auto;} .products .list-filters .filters .box-filter.order{float: none;padding: 0;border: 0;} .products .grid-controls{float: left;padding: 8px 13px 4px 15px; margin: 0; width: 33.3333%; display: none;} .products .list-filters ul{margin-top: 0;} .products .grid-controls a{border-color: transparent;} .products .orderDrop{display: none;clear: left;width: 100%;padding: 9px 0 0;border-top: 1px solid #f0f0f0;} .products .orderDrop .order-dropdown{padding: 0 15px;} .products .orderDrop .wrapper-bottom{background-color: #f7f7f7;border-top: 1px solid #f0f0f0;padding: 8px 15px;margin-top: 23px;text-align: right;} .products .orderBy{float: left;margin: 0; padding: 0; width: 33.3333%; /*text-align: center;*/} .products .orderBy > p{cursor: pointer;padding-right: 0;padding: 8px 0;margin: 0 15px 0 22px;position: relative; float: none; display: inline-block;} .products .grid-controls ul li:first-child{margin-right: 3px;} .products .list-filters .filters .box-filter.order > p::after{top: calc(50% - 6px);right: 20px;width: 13px;height: 13px;background: url(../../sysimages/icon-accordion.png) left top/13px no-repeat;} .products .list-filters .filters .box-filter.order.open > p::after{background-position: left bottom;} .products .list-filters .filters .box-filter.order > p > span{display: none;} .products .list-filters .filters .box-filter.order .order-type .order-dropdown > div{padding: 0;border: 0;background: none;} .products .list-filters .filters .box-filter.order .order-type .order-dropdown > div::after{display: none;} .products .list-filters .checkbox{padding-top: 10px;width: 50%;float: left;} .products .list-filters .checkbox:nth-child(2n+1){clear: left;} .products .list-filters .clear-filters{float: none;display: block;padding: 0;border: 0;} .products .orderBy > p.active::after, .button-filters.active::after{content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color: #333;} .products .wrapper-products{padding-top: 43px;padding-bottom: 20px;} .button-filters{float: right;padding: 8px 0;margin: 0 22px 0 15px;border-left: 0;position: relative;} .products .container-list > .row{margin: 0 -8px;} .products .container-list > .row > .column{padding-top: 22px;padding-left: 2px;padding-right: 2px;} .products .container-list > .row.row4 > .column .slider-images, .products .container-list > .row.row3 > .column .singleImage{display: none;} .products .container-list > .row.row4 > .column .singleImage, .products .container-list > .row.row3 > .column .slider-images{display: block;} .products .container-list > .row > .column:first-child{padding-top: 0;} .products .container-list > .row > .column:first-child + .column{padding-top: 0;} .products .container-list > .row.row4 > .column:nth-child(2n+1){clear: left;} /* .products .container-list > .row.row4 > .column:nth-child(-n+2){padding-top: 0} .products .container-list > .row.row3 > .column:first-child{padding-top: 0} */ .products .container-list .bottom-list{padding-top: 30px;} .products .container-list .bottom-list .button{margin-top: 10px;} .products .box-filter.order{padding-top: 0 !important;} .products .box-filter.order .order-type .order-dropdown{left: auto;min-width: 120px !important;} .products .list-overlay{background-size: 32px auto;} .products .wrapper-products.overlay{min-height: calc(100vh - 49px);} .products .list-filters .filters .box-filter .cnt-filters .filter-list::-webkit-scrollbar{-webkit-appearance: none;width: 4px;} .products .list-filters .filters .box-filter .cnt-filters .filter-list::-webkit-scrollbar-thumb{border-radius: 4px;background-color: rgba(0,0,0,.5);box-shadow: 0 0 1px rgba(255,255,255,.5);} } body:not(.bannerWelcomeGiftVisible) .products .list-filters{position: absolute;top: 0;left: 0;width: 100%;z-index: 1;transition: top .150s;} body:not(.bannerWelcomeGiftVisible) .products .list-filters {position: fixed; top: 118px;} body.submenuHidden:not(.bannerWelcomeGiftVisible) .products .list-filters {top: 83px;} body:not(.bannerWelcomeGiftVisible) .shipping-info-visible.submenu-visible + .products .list-filters {top: 154px} body:not(.bannerWelcomeGiftVisible).header-slim .products .list-filters {top: 92px;} body.submenuHidden:not(.bannerWelcomeGiftVisible).header-slim .products .list-filters {top: 57px;} body:not(.bannerWelcomeGiftVisible).header-slim .shipping-info-visible.submenu-visible + .products .list-filters {top: 128px} .shipping-info-visible.submenu-visible + #main.hasBanner{padding-top: 178px;} body.submenuHidden:not(.bannerWelcomeGiftVisible) .shipping-info-visible + #main.products .list-filters{top: 118px;} body.submenuHidden:not(.bannerWelcomeGiftVisible).header-slim .shipping-info-visible + #main.products .list-filters{top: 92px;} body.bannerWelcomeGiftVisible.unpinned .list-filters {position: fixed; top: 154px; left: 0; width: 100%;} body.bannerWelcomeGiftVisible.unpinned.header-slim .list-filters {top: 128px} body.bannerWelcomeGiftVisible.unpinned #header:not(.shipping-info-visible) + #main .list-filters {top: 118px;} body.bannerWelcomeGiftVisible.unpinned.header-slim #header:not(.shipping-info-visible) + #main .list-filters {top: 92px;} .bannerWelcomeGiftVisible:not(.unpinned) .submenu-visible + #main .wrapper-products {padding-top: 4px;} body.tablet .products .list-filters{transition: .2s all;} body.tablet:not(.bannerWelcomeGiftVisible) .shipping-info-visible.submenu-visible + .products .list-filters, body.tablet:not(.bannerWelcomeGiftVisible).header-slim .shipping-info-visible.submenu-visible + .products .list-filters {top: 102px;} body.tablet:not(.bannerWelcomeGiftVisible) .products .list-filters {top: 62px;} body.tablet.bannerWelcomeGiftVisible .shipping-info-visible.submenu-visible + .products .list-filters, body.tablet.bannerWelcomeGiftVisible .products .list-filters {top: 142px;} body.tablet.bannerWelcomeGiftVisible .shipping-info-visible.submenu-visible + .products .list-filters, body.tablet.bannerWelcomeGiftVisible .products .list-filters{top: 102px;} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { body:not(.bannerWelcomeGiftVisible) .shipping-info-visible.submenu-visible + .products .list-filters {top: 160px} body:not(.bannerWelcomeGiftVisible).header-slim .shipping-info-visible.submenu-visible + .products .list-filters {top: 136px;} .filters .title-filter .clear-filter {top: calc(50% - 11px);} } @media screen and (min-width: 768px) and (max-width: 1280px) { body .products .list-filters{position: absolute !important;top: 100% !important;} .products .list-filters .filters .box-filter .cnt-filters .filter-list{border-color: #000;} .products .list-filters .filters .box-filter .cnt-filters .filter-list::-webkit-scrollbar{-webkit-appearance: none;width: 4px;visibility: visible;} .products .list-filters .filters .box-filter .cnt-filters .filter-list::-webkit-scrollbar-thumb{border-radius: 4px;background-color: rgba(0,0,0,.5);box-shadow: 0 0 1px rgba(255,255,255,.5);} } @media screen and (max-width: 768px){ /*body:not(.bannerWelcomeGiftVisible) .products .list-filters, body.bannerWelcomeGiftVisible.unpinned #header:not(.shipping-info-visible) + #main .list-filters {top: 49px !important;} body.bannerWelcomeGiftVisible:not(.unpinned) .shipping-info-visible + .products .list-filters {top: 116px !important;} .bannerWelcomeGiftVisible .submenu-visible.shipping-info-visible + #main {padding-top: 86px !important;}*/ /*body #main.products .wrapper-page .list-filters {top: 49px !important;} body .shipping-info-visible + #main.products .wrapper-page .list-filters, body .shipping-info-visible + #main {top: 86px !important;}*/ #main .list-filters{/*top: 49px !important;*/top: 67px !important;} body:not(.bannerWelcomeGiftVisible) .products .wrapper-products{padding-top: 43px !important;} }