.search{position: relative;}
article.product .item-buttons{display: none !important;}

/* ----------- SIDE MENU ----------- */
.wrapper-side-menu{float: left;width: 344px;padding: 22px 10px 100px;margin-right: 10px;background: #FFF;}
.side-menu ul{margin-left: 0;list-style: none;}
.side-menu ul li{padding-top: 13px;line-height: normal;}
.side-menu ul li:first-child{padding-top: 0;}
.side-menu ul li a{position: relative;display: inline-block;}
.side-menu ul.secondLevelMenu{margin: 38px 0 0 0;}
.side-menu ul.secondLevelMenu ul{display: none;}
.side-menu ul.secondLevelMenu > li > a{position: relative;padding-left: 21px;}
.side-menu ul.secondLevelMenu > li > a::before{content: '';position: absolute;top: 1px;left: 0;width: 11px;height: 11px;background: url(/sysimages/icon-arrow-menu-list.png) left top/11px no-repeat;}
.side-menu ul.secondLevelMenu > li.sel > a::before{background-position: left bottom;}
.side-menu ul.secondLevelMenu > li.sel > ul{display: block;}
.side-menu ul.thirdLevelMenu{margin: 15px 0 11px 21px;}
.side-menu ul.thirdLevelMenu li{padding-top: 7px;}
.side-menu ul.thirdLevelMenu li:first-child{padding-top: 0;}
.side-menu ul.thirdLevelMenu li a{display: inline-block;border-bottom: 1px solid transparent;}
.side-menu ul.thirdLevelMenu li.sel2 a, .side-menu ul.thirdLevelMenu li:hover a{border-color: #1D428A;}
/* --------------------------------- */

/* ------------ FILTERS ------------ */
.filters{margin-top: 39px;border-top: 1px solid #EBEBEB;}
.filters .title-filters{position: absolute;top: 0;left: 0;width: 100%;padding: 17px 20px 15px;border-bottom: 1px solid #264083;background: #F5F5F5;}
.filters .close-filters{position: absolute;top: calc(50% - 15px);right: 15px;width: 30px;height: 30px;}
.filters .close-filters::before{content: '';position: absolute;top: calc(50% - 6px);left: calc(50% - 6px);width: 12px;height: 12px;background: url(/sysimages/icon-close-filters.png) left top/12px no-repeat;}
.filters .box-filter{border-bottom: 1px solid #EBEBEB;}
.filters .box-filter > p{position: relative;padding: 16px 11px 16px;cursor: pointer;}
.filters .box-filter > p::after{content: '';position: absolute;top: calc(50% - 6px);right: 10px;width: 10px;height: 10px;background: url(/sysimages/icon-arrow-filters.png) left bottom/10px no-repeat;}
.filters .box-filter .clear-filter{display: none;}
.filters .box-filter.closed p::after{background-position: left top;}
.filters .cnt-filters{padding: 3px 12px 17px 21px;}
.filters .cnt-filters .custom-scrollbar{max-height: 242px;}
.filters .price{padding: 9px 21px 23px;}
.filters .price .numbers{position: relative;margin: 14px -14px 0 0;}
.filters .price .numbers .min{float: left;}
.filters .price .numbers .max{float: right;}
.filters .price #slider-range{position: relative;height: 2px;background: #EBEBEB;}
.filters .price #slider-range .ui-slider-range{position: absolute;top: 0;display: block;height: 100%;z-index: 1;background: #1D428A;}
.filters .price #slider-range .ui-slider-handle{position: absolute;top: -6px;width: 14px;height: 14px;z-index: 2;border-radius: 14px;background: #1D428A;cursor: default;-ms-touch-action: none;touch-action: none;}
.filters .price .filter-mobile{position: relative;padding-right: 34px;}
.filters .price .filter-mobile .row{margin: 0 -2px;}
.filters .price .filter-mobile .row .column{padding: 0 2px;}
.filters .price .filter-mobile .row .column .small{padding-bottom: 2px;}
.filters .price .filter-mobile .row .column input{width: 100%;height: 30px;padding: 8px 10px;background: #FFF;font-size: 11px;background: white}
.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;position: absolute;bottom: 0;right: 0;width: 30px;height: 30px;border: 1px solid #DCDCDC;transition: 0.2s border;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{border-color: #000;}
.filters .rating{padding: 1px 0;}
.filters .rating.disabled{opacity: 0.5;}
.filters .rating span{float: left;display: block;width: 11px;height: 11px;margin-left: 2px;background: url(/sysimages/icon-star.png) left top/11px no-repeat;}
.filters .rating span.sel{background-position: left bottom;}
.filters .rating span.sel2{background-position: left -12px;}
.filters .rating span:first-child{margin-left: 0;}
.filters .checkbox, .order .checkbox{display: block;margin-bottom: 8px;cursor: pointer;}
.filters .checkbox .check, .order .checkbox .check{border: 1px solid #AAA;}
.filters .checkbox.disabled, .order .checkbox.disabled{cursor: default;}
.filters .checkbox.disabled .check, .order .checkbox.disabled .check{border-color: #CCC;}
.filters .checkbox input[type=checkbox], .order .checkbox input[type=checkbox]{display: none;}
.filters .checkbox input[type=checkbox]:checked + .check::before, .order .checkbox input[type=checkbox]:checked + .check::before{display: block;}
.filters .checkbox .check, .order .checkbox .check{position: relative;float: left;width: 14px;height: 14px;border-radius: 2px;}
.filters .checkbox .check::before, .order .checkbox .check::before{content: '';display: none;width: 100%;height: 100%;background: url(/sysimages/icon-checked.png) left top/100% no-repeat;}
.filters .checkbox .filter-name, .order .checkbox .filter-name{float: left;width: calc(100% - 14px);line-height: 14px;padding-left: 10px;}
.filters .toggle-filters{display: none;}
.order .checkbox .check{border-radius: 14px;}
.order .checkbox .check::before{width: 6px;height: 6px;margin: 3px;border-radius: 6px;background: #1d428A;}
.filters .clear-filters{display: none;position: relative;margin: 16px 13px;padding-left: 18px;}
.filters .clear-filters::before{content: '';position: absolute;top: calc(50% - 4px);left: 0;width: 7px;height: 7px;background: url(/sysimages/icon-clear-filters.png) left top/7px no-repeat;}
.filters .bottom-filters{position: fixed;bottom: 0;left: 0;width: 100%;padding: 7px 20px;border-top: 1px solid #264083;background: #F5F5F5;z-index: 10;}
.filters .bottom-filters .clear-filters{float: left;padding: 0;margin: 9px 0;}
.filters .bottom-filters .clear-filters::before{display: none;}
.filters .bottom-filters .apply-filters{float: right;}
.banner-side-menu{padding-top: 43px;}
.banner-side-menu img{display: block;width: 100%;}
/* --------------------------------- */

.top-list{border-bottom: 2px solid #FAFAFA;}
.list-info{padding: 27px 20px 20px;}
.list-info .column-total .total{float: right;margin: 4px 0 0;}
.banner-page{position: relative;min-height: 220px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.banner-page a{display: block;text-decoration: none;}
.banner-page .content-banner{padding: 30px;}
.banner-page .content-banner .banner-label{display: inline-block;padding: 13px 18px 14px 20px;background: #040404;}
.banner-page .content-banner .banner-desc{max-width: 910px;padding: 15px 20px 0;}
.list-filters{padding: 13px 19px;border-top: 2px solid #FAFAFA;}
.list-filters .wrapper-buttons-list a{display: block;padding: 8px 10px;border-radius: 4px;border: 1px solid #1D428A;text-align: center;}

/* --------- ORDER CONTROLS -------- */
.top-list .order{position: relative;float: right;padding: 4px 0 0;}
.top-list .order > p{float: left;}
.top-list .order > p::after{content: '';position: absolute;top: calc(50% - 5px);right: 2px;width: 11px;height: 11px;background: url(/sysimages/icon-arrow-order.png) left top/11px no-repeat;}
.top-list .order .order-type{float: left;padding: 0 25px 0 11px;}
.top-list .order .order-type .order-dropdown{position: absolute;top: 14px;right: 0;display: none;min-width: 150px;padding-top: 15px;z-index: 10;}
.top-list .order .order-type .order-dropdown > div{padding: 15px;border: 1px solid #F0EFED;background: #FFF;}
.top-list .order .order-type .order-dropdown label{white-space: nowrap;cursor: pointer;}
.top-list .order .order-type .order-dropdown label:not(:last-child){margin-bottom: 8px;}
/* --------------------------------- */

/* --------- GRID CONTROLS --------- */
.top-list .grid-controls{}
.top-list .grid-controls ul{margin: 0;list-style: none;}
.top-list .grid-controls ul li{float: left;padding-left: 28px;}
.top-list .grid-controls ul li:first-child{padding-left: 0;}
.top-list .grid-controls a{display: block;width: 24px;height: 24px;background: url(/sysimages/icon-grid-view.png) left top/48px no-repeat}
.top-list .grid-controls a.type1{background-position: left top;}
.top-list .grid-controls a.type2{background-position: right top;}
.top-list .grid-controls a.type1:hover, .top-list .list-filters .grid-controls a.type1.sel{background-position: left bottom;}
.top-list .grid-controls a.type2:hover, .top-list .list-filters .grid-controls a.type2.sel{background-position: right bottom;}
/* --------------------------------- */

.container-products{float: left;width: calc(100% - 354px);min-height: 735px;background: #FFF;}
.container-products.large{float: none;width: 100%;}
.container-list{position: relative;}
.container-list > .row{margin: 0;}
.container-list > .row > .column{position: relative;padding: 0;}
.container-list .list-overlay{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.8) url(/sysimages/listloader.gif) center 100px/60px no-repeat;z-index: 40;}
.bottom-list{padding: 39px 0 41px;text-align: center;}
.bottom-list .loadingIcon{display: none;line-height: 0;}
.bottom-list .loadingIcon img{max-width: 42px;}

@media screen and (min-width: 768px){
   .container-list > .row > .col-sm-4::before{content: '';position: absolute;top: -1px;right: -1px;bottom: -1px;left: -1px;border: 2px solid #FAFAFA;z-index: 2;}
   .container-list > .row > .col-sm-4:nth-child(3n)::before{border-right: 0;}
	.container-list > .row > .col-sm-4:nth-child(3n+1){clear: left;border-left: 0;}
   .container-list > .row > .col-sm-4:nth-child(-n+3)::before{border-top: 0;}
   .container-list > .row > .col-sm-12{padding-bottom: 2px;}
   .container-list > .row > .col-sm-12::before{content: '';position: absolute;right: 10px;bottom: 0;left: 10px;height: 2px;background: #FAFAFA;z-index: 2;}
   .container-list > .row > .col-sm-12:last-child::before{right: 0;left: 0;}
}

@media screen and (max-width: 768px){
   .search .wrapper-side-menu{display: none;float: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding: 0;margin: 0;overflow: hidden;overflow-y: auto;background: #FAFAFA;z-index: 45;}
   .search .side-menu{display: none;}
   .container-products{float: none;width: 100%;background: none;}
   .filters{position: relative;padding: 59px 10px;margin: 0;border: 0;}
   .top-list{padding: 0 0 9px;border: 0;}
   .banner-page{min-height: 77px;margin-bottom: 10px;}
   .list-filters{padding: 0 0 16px;border: 0;}
   .list-filters .grid-controls{float: left;width: 39px;}
   .list-filters .grid-controls ul li{padding: 0;}
   .list-filters .grid-controls ul li a{width: 39px;height: 32px;border: 1px solid #1D428A;border-radius: 4px;background: url(/sysimages/icon-grid-view-mobile.png) left center/30px no-repeat;}
   .list-filters .grid-controls ul li a.sel{display: none;}
   .list-filters .grid-controls ul li a.type1, .list-filters .grid-controls ul li a.type1:hover{background-position: top center;}
   .list-filters .grid-controls ul li a.type2, .list-filters .grid-controls ul li a.type2:hover{background-position: bottom center;}
   .list-filters .wrapper-buttons-list{float: left;width: calc(100% - 39px);padding-left: 10px;}
   .list-filters .wrapper-buttons-list > .row{margin: 0 -5px;}
   .list-filters .wrapper-buttons-list > .row > .column{padding: 0 5px;}
   .list-info{padding: 0;}
   .list-info .column-title .h4, .list-info .column-total .total{max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
   .list-info .column-total .total{margin-top: 3px;}
   .container-list{float: none;width: 100%;}
   .container-list > .row{background: #FFF;}
   .container-list > .row > .col-xs-6::before{content: '';position: absolute;top: -1px;right: -1px;bottom: -1px;left: -1px;border: 2px solid #FAFAFA;z-index: 2;}
   .container-list > .row > .col-xs-6:nth-child(2n)::before{border-right: 0;}
   .container-list > .row > .col-xs-6:nth-child(2n+1){clear: left;border-left: 0;}
   .container-list > .row > .col-xs-6:nth-child(-n+2)::before{border-top: 0;}
   .container-list > .row > .col-sm-12{border-bottom: 5px solid #FAFAFA;}
   .bottom-list{padding: 25px 0 0;}
}