.products{position: relative;}
.products .wrapper-page{padding: 19px 0px 93px;}
/*.products .wrapper-products{max-width: 1470px;}*/
.products .breadcrumb{padding-bottom: 29px;}

/* --------- BANNER -------- */
body .wrapper-banner{margin-bottom: 26px;}
body .wrapper-banner .banner-slider .cover-image{min-height: 260px;}
body .wrapper-banner .banner-slide .item-subtitle {padding-top:12px;}
body .wrapper-banner .banner-slider .description{padding: 25px;}
body .wrapper-banner .banner-slider .description .content{padding: 24px 15px 15px;}
/* ------------------------- */

/* ------- SIDE MENU ------- */
.products .wrapper-side-menu{float: left;width: 240px;padding-bottom: 100px;padding-right: 29px;margin-top: 1px;}
.products .side-menu{margin-bottom: 103px;}
.products .side-menu ul{margin-left: 0;list-style: none;}
.products .side-menu ul li{padding-top: 6px;line-height: normal;}
.products .side-menu ul li:first-child{padding-top: 0;}
.products .side-menu ul li a{position: relative;display: inline-block;border-bottom: 1px solid transparent;text-decoration: none;}
.products .side-menu ul.secondLevelMenu{margin: 17px 0 0 10px;}
/*.products .side-menu ul.secondLevelMenu ul{display: none;}*/
.products .side-menu ul.secondLevelMenu li.sel ul{display: block;}
.products .side-menu ul.thirdLevelMenu{margin: 10px 0 0 28px;}
.products .side-menu ul.thirdLevelMenu li{padding-top: 8px;}
.products .side-menu ul.thirdLevelMenu li:first-child{padding-top: 0;}
.products .side-menu ul.thirdLevelMenu li a{display: inline-block;border-bottom: 2px solid transparent;}
.products .side-menu ul.thirdLevelMenu li.sel a{border-color: #0F6CB2;}
/* ------------------------- */

/* ------- FILTROS ------- */
.products .filters .title-filters{padding: 0 0 17px;}
.products .filters .box-filter +.box-filter{margin-top: 16px;}
.products .filters .box-filter > p,
.products .order.hidden-md > p{position: relative;padding: 10px 0;}
.products .filters .title-filter .clear-filter{display: none;}
.products .filters .clear-filters{display: none;padding: 5px 8px 6px;border-radius: 4px;border: 1px solid #999999;margin-top: 29px;}
.products .filters .clear-filters:hover{border-color: #333;}
.products .filters .cnt-filters{padding: 3px 0 0 6px;max-height: 171px;}
.products .filters .cnt-filters.tamanho{padding-left: 0;}
.products .filters .cnt-filters.cor{padding-left: 0;}
.products .filters .cnt-filters .row{margin: 0;}
.products .filters .cnt-filters .row .column{padding: 0 6px;}
.products .filters .cnt-filters .row .column:nth-child(2n+1){clear: left;}
.products .filters .cnt-filters .row .column:nth-child(2n+1) + .column{padding-left: 9px;padding-right: 3px;}
.products .filters .cnt-filters .checkbox{margin-bottom: 7px;cursor: pointer;display: block;clear: both;}
.products .filters .cnt-filters .checkbox.filter-img{padding-right: 25px;}
.products .filters .cnt-filters .checkbox input[type=checkbox]{display: none;}
.products .filters .cnt-filters .checkbox input[type=checkbox]:checked + .check::before{display: block;}
.products .filters .cnt-filters .checkbox .check{position: relative;float: left;width: 14px;height: 14px;background-size: cover;border: 1px solid #999;}
.products .filters .cnt-filters .checkbox .check::before{content: '';display: none;width: 100%;height: 100%;background: url(../../sysimages/icon-checked.png) no-repeat center center;background-size: 8px 6px;}
.products .filters .cnt-filters .checkbox.disabled{cursor: no-drop;}
.products .filters .cnt-filters .checkbox.disabled .check{border-color: #CCC;}
.products .filters .cnt-filters .checkbox.filter-img{background-position: right 2px;background-size: auto 10px;background-repeat: no-repeat;}
.products .filters .cnt-filters .checkbox .filter-name{float: left;width: calc(100% - 14px);line-height: 14px;padding-left: 6px;}
.products .filters .cnt-filters.price{padding: 3px 2px 0 5px;}
.products .filters .cnt-filters.price #slider-range{position: relative;height: 14px;margin-right: 3px;background: #dddddd;border: 6px solid #fff;border-left: 0;border-right: 0;}
.products .filters .cnt-filters.price #slider-range .ui-slider-range{position: absolute;top: 0;bottom: 0;display: block;background: #000;z-index: 1;}
.products .filters .cnt-filters.price #slider-range .ui-slider-handle{position: absolute;top: -6px;width: 4px;height: 14px;z-index: 2;background: #000;cursor: default;-ms-touch-action: none;touch-action: none;}
.products .filters .cnt-filters.price #slider-range .ui-slider-handle:last-child{margin-right: 3px;}
.products .filters .cnt-filters.price .numbers{position: relative;margin-top: 14px;}
.products .filters .cnt-filters.price .numbers span > *{display: inline-block;}
.products .filters .cnt-filters.price .numbers .min{float: left;}
.products .filters .cnt-filters.price .numbers .max{float: right;}
.products .filters .cnt-filters.price .filter-mobile{position: relative;padding-right: 34px;}
.products .filters .cnt-filters.price .filter-mobile .row{margin: 0 -2px;}
.products .filters .cnt-filters.price .filter-mobile .row .column{padding: 0 2px;}
.products .filters .cnt-filters.price .filter-mobile .row .column .small{padding-bottom: 2px;}
.products .filters .cnt-filters.price .filter-mobile .row .column input{width: 100%;height: 30px;padding: 8px 10px;background: #FFF;font-size: 11px;background: white}
.products .filters .cnt-filters.price .filter-mobile .row .column input[type=number]::-webkit-inner-spin-button,
.products .filters .cnt-filters.price .filter-mobile .row .column input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.products .filters .cnt-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;}
.products .filters .cnt-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;}
.products .filters .cnt-filters.price .filter-mobile > a:hover{border-color: #000;}
.products .wsm-button{display: none;}
/* ------------------------- */

/* ----- TOP LIST ---- */
.products .top-list{position: relative;padding-bottom: 16px;}
.products .top-list .row {font-size: 0;}
.products .top-list .row .column{display: inline-block;vertical-align: middle;float: none;}
.products .top-list .row .column:not(.total-products){text-align: right;}
.products .top-list .row .column .total{float: left;}
.products .top-list .row .column h1{float: left;padding-left: 4px;}
/* ------------------------- */

/* ----- ORDER CONTROLS ---- */
.products .top-list .order{position: relative;display: inline-block;vertical-align: middle;margin-left: 30px;}
.products .top-list .order:hover{border-color: #ddd;}
.products .top-list .order > p{display: inline-block;vertical-align: middle;margin-right: 10px;}
.products .top-list .order .select{display: inline-block;vertical-align: middle;min-width: 147px;}
.products .top-list .order .select select{height: 30px;padding: 2px 34px 2px 12px;}
/* ------------------------- */

/* ----- GRID CONTROLS ----- */
.products .top-list .grid-controls{display: inline-block;vertical-align: middle;}
.products .top-list .grid-controls > p{display: inline-block;vertical-align: middle;margin-right: 11px;}
.products .top-list .grid-controls ul{display: inline-block;vertical-align: middle;margin: 0;list-style: none;font-size: 0;line-height: 0;}
.products .top-list .grid-controls ul li{display: inline-block;padding: 4px 0 4px 5px;}
.products .top-list .grid-controls ul li:first-child{padding-left: 0;}
.products .top-list .grid-controls a{display: block;width: 32px;height: 32px;border: 1px solid #cccccc;text-align: center;text-decoration: none;padding: 7px;}
.products .top-list .grid-controls a:hover, .products .top-list .grid-controls a.sel{border-color: #333;}
.products .top-list .grid-controls a.sel{cursor: default;}
/* ------------------------- */


/* ----- GENERAL ----- */
.products .container-products{float: left;width: calc(100% - 240px);min-height: 735px;}
.products .container-products.large{float: none;width: 100%;}

.products .container-list{position: relative;}
.products .container-list > .row, .container-list .column-products > .row{margin: 0 -9px}
.products .container-list > .row .column{padding: 0 12px 74px;}
.products .container-list > .row .column.col-sm-3{padding: 0 11px 74px 10px;}
.products .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@3x.gif) center/64px no-repeat;z-index: 40;}

.products .bottom-list{padding-top: 15px;text-align: center;}
.products .bottom-list .loadingIcon{display: none;line-height: 0;}
.products .bottom-list .loadingIcon img{max-width: 36px;}
/* ------------------------- */

@media screen and (max-width: 1366px){
   .products .container-list > .row, .container-list .column-products > .row{margin: 0}
}

@media screen and (max-width: 768px){
   .products .wrapper-page{padding: 16px 0 50px;}
   .products .wrapper-side-menu{float: none;padding: 0 0 0;margin: 0;width: 100%;}
   .products .wrapper-side-menu > div{padding: 0 15px;border-bottom: 1px solid transparent;width: calc(100% + 30px);margin-left: -15px;}
   .products .wrapper-side-menu.active > div{border-bottom-color: #000;padding-bottom: 30px;}
   .products .side-menu{display: none;}
   .products .order.hidden-md{display: none;}
   .products .container-list .list-overlay{left: -4px;width: calc(100% + 8px);}
   .products .wsm-button{display: block;max-width: 180px;margin: 0 auto;}
   .products .container-products{width: 100%;}
   .products .filters{display: none;}
   .products .filters .cnt-filters.price{padding:0 ;}
   .products .filters .box-filter > p,
   .products .order.hidden-md > p{padding: 10px 0;}
   .products .order.hidden-md{margin-top: 16px;}
   .products .filters .clear-filters{margin: 10px 0 0;}
   .products .container-products{float: none;width: 100%;}
   .products .top-list{padding-bottom: 10px;}
   .products .container-list{float: none;width: 100%;padding-top: 18px;}
   .products .container-list > .row{margin: 0 -10px;}
   .products .container-list > .row .column{padding: 0 7px 28px !important;}
   .products .container-list > .row .column:nth-child(2n+1){clear: left;}
}