.products{position: relative;}
.products .wrapper-page{padding: 0 0px 93px;}

/* --------- BANNER -------- */
.banner-page{position: relative;min-height: 93px;margin-bottom: 22px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.banner-page a{display: block;text-decoration: none;}
.banner-page .wrapper-text{float: left;}
.banner-page .breadcrumb{float: right;padding-top: 12px;}
.banner-page .content-banner{padding: 23px 15px 20px;max-width: 1440px;margin: auto;}
.banner-page .content-banner .banner-label{display: inline-block;}
.banner-page .content-banner .banner-desc{max-width: 910px;padding: 15px 20px 0;}
.banner-mobile{display: none;}
/* ------------------------- */

/* ------- SIDE MENU ------- */
.wrapper-side-menu{float: left;width: 167px;padding-bottom: 100px;margin: 2px 72px 0 0;}
.side-menu{padding: 3px 0 43px 0;}
.side-menu ul{margin-left: 0;list-style: none;}
.side-menu ul li{padding-top: 9px;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 li ul li a:hover{text-decoration: underline;}
.side-menu ul.secondLevelMenu{margin: 0 0 0 0;}
.side-menu ul.secondLevelMenu ul{display: none;}
.side-menu ul.secondLevelMenu li.sel ul{display: block;}
.side-menu ul.thirdLevelMenu{margin: 10px 0 -1px 16px;}
.side-menu ul.thirdLevelMenu li{padding-top: 5px;}
.side-menu ul.thirdLevelMenu li:first-child{padding-top: 0;}
.side-menu ul.thirdLevelMenu li a{display: inline-block;border-bottom: 2px solid transparent;}
.side-menu ul.thirdLevelMenu li a.active::before, .side-menu ul.thirdLevelMenu li a:hover::before{content: '';position: absolute;top: calc(50% - 3px);left: -14px;width: 5px;height: 8px;background: url(../../sysimages/icon-list-sel.png) no-repeat left top/5px;}
.side-menu ul.thirdLevelMenu li.sel a{border-color: #0F6CB2;}

.filters .title-filters{padding: 0 10px 18px;border-bottom: 1px solid #CCC;}
.filters .box-filter > p{position: relative;padding: 16px 0 6px;}

.filters .title-filter .clear-filter{display: none;}

.filters .box-filter.closed p::after{background-position: left top;}
.filters .cnt-filters{padding: 0 0 15px 8px;}
.filters .price{padding: 12px 11px 18px 5px;}
.filters .price .numbers{position: relative;margin-top: 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: 9px;border-radius: 5px;background: #e1e1e1;border: 3px solid #fff;}
.filters .price #slider-range .ui-slider-range{position: absolute;top: 0;display: block;height: 100%;z-index: 1;background: #ea672b;}
.filters .price #slider-range .ui-slider-handle{position: absolute;top: -4px;width: 11px;height: 11px;z-index: 2;border-radius: 11px;background: #000;cursor: default;-ms-touch-action: none;touch-action: none;}
.filters .price .filter-mobile .wrapper-inputs{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;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 .wrapper-inputs > a{position: absolute;position: absolute;bottom: 0;right: 0;width: 31px;height: 31px;border: 1px solid #EA672B;background: #FFF;}
.filters .price .filter-mobile .wrapper-inputs > 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 .wrapper-inputs > a:hover{background: #EA672B;}
.filters .price .filter-mobile .wrapper-inputs > a:hover::after{background-position: left top;}

.filters .cnt-filters .checkbox{cursor: pointer;}
.filters .cnt-filters .checkbox .check{border: 1px solid #dcdcdc;}
.filters .cnt-filters .checkbox.disabled{cursor: default;}
.filters .cnt-filters .checkbox.disabled .check{border-color: #CCC;}

.filters .default .checkbox{margin-bottom: 5px;}
.filters .default .checkbox.filter-img{padding-right: 25px;}
.filters .default .checkbox input[type=checkbox]{display: none;}
.filters .default .checkbox input[type=checkbox]:checked + .check::before{display: block;}
.filters .default .checkbox .check{position: relative;float: left;width: 13px;height: 13px;}
.filters .default .checkbox .check::before{content: '';display: none;width: 100%;height: 100%;background: url(../../sysimages/icon-checked.png) no-repeat center center;background-size: 100%;}
.filters .default .checkbox.filter-img{background-position: right 2px;background-size: auto 10px;background-repeat: no-repeat;}
.filters .default .checkbox .filter-name{float: left;width: calc(100% - 13px);line-height: 13px;padding-left: 11px;}

.filters .colors{padding-top: 1px;}
.filters .colors .checkbox{float: left;margin: 7px 6px 7px 0;}
.filters .colors .checkbox .check{width: 18px;height: 18px;}
.filters .colors .checkbox .check::after{content: '';position: absolute;left: 0;bottom: -5px;display: none;width: 100%;height: 2px;background: #ea672b;}
.filters .colors .checkbox input[type=checkbox]:checked + .check::before{display: none;}
.filters .colors .checkbox input[type=checkbox]:checked + .check::after{display: block;}
.filters .colors .checkbox.disabled{position: relative;cursor: no-drop;}
.filters .colors .checkbox.disabled::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../../sysimages/filter-color-disabled.png) left top/100% no-repeat;}
.filters .colors .checkbox.disabled .check{opacity: 0.1;}

.filters .colors.colors-select .checkbox{float: none;}
.filters .colors.colors-select .checkbox input[type=checkbox]:checked + .check::after{display: none;}
.filters .colors.colors-select .check{width: 13px;height: 13px;}
.filters .colors.colors-select .checkbox .check::before{content: '';display: none;width: 100%;height: 100%;background: url(../../sysimages/icon-checked.png) no-repeat center center;background-size: 100%;}
.filters .colors.colors-select .checkbox input[type=checkbox]:checked + .check::before{display: block;}
.filters .colors.colors-select .checkbox.disabled{cursor: default;}
.filters .colors.colors-select .checkbox.disabled::before{display: none;}
.filters .colors.colors-select .checkbox.disabled .check{opacity: 1;}

.filters .toggle-filters{display: none;}
.filters .see-all{display: inline-block;}
.filters .clear-filters{display: none;position: relative;margin: 12px 0 0;border-bottom: 2px solid #ed743b;padding-bottom: 2px;}
.filters .clear-filters:hover{border-color: transparent;}

.active-filters{display: none !important;font-size: 0;line-height: 0;}
.active-filters a{position: relative;display: inline-block;line-height: 26px;padding: 0 33px 0 15px;margin: 0 5px 5px 0;border-radius: 5px;border: 1px solid #428244;background: #DFF0D8;}
.active-filters a:active, .active-filters a:focus{border-color: #E84B3C;background: #FFE0D9;}
.active-filters a::after{content: '';position: absolute;top: calc(50% - 7px);right: 10px;width: 14px;height: 14px;background: url(../../sysimages/check.png) left top/14px no-repeat;}
.active-filters a:active::after, .active-filters a:focus::after{background: url(../../sysimages/error.png) left top/14px no-repeat;}

.wsm-button{display: none;padding: 11px 15px;border-radius: 59px;text-align: center;max-width: 191px;margin: auto;}

.filters-mobile{display: none;padding: 15px 0;}
.filters-mobile label{display: block;padding-top: 10px;}
.filters-mobile label:first-child{padding-top: 0;}
.filters-mobile label p{font-size: 11px;padding-bottom: 1px;}
.filters-mobile label p span{float: left;}
.filters-mobile label p a{float: right;color: #167ED2;}
.filters-mobile .clear-filter{display: none;}

.filters-mobile .price-mobile{padding-top: 10px;}
.filters-mobile .price-mobile input{width: 100%;}
.filters-mobile .price-mobile > p{font-size: 11px;padding-bottom: 1px;}
.filters-mobile .price-mobile .row{margin: 0 -5px;}
.filters-mobile .price-mobile .column{padding: 0 5px;}
.filters-mobile .price-mobile .column p{font-size: 10px;}

.filters-mobile .bottom-filters{padding-top: 15px;}
.filters-mobile .bottom-filters .row{margin: 0 -5px;}
.filters-mobile .bottom-filters .row .column{padding: 0 5px;}
.filters-mobile .bottom-filters .button{width: 100%;padding-top: 7px;padding-bottom: 7px;}
/* ------------------------- */

.top-list{position: relative;padding-bottom: 41px;}
.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 .row .column .list-filters{float: right;}
.top-list .row .column .list-filters .total{float: left;}


/* ----- ORDER CONTROLS ---- */
.top-list .list-filters .order{position: relative;float: left;margin-left: 18px;}
.top-list .list-filters .order > p, .top-list .list-filters .order > span{float: left;}
.top-list .list-filters .order .order-type .order-dropdown{position: absolute;top: 14px;right: 0;display: none;min-width: 140px;padding-top: 10px;z-index: 10;}
.top-list .list-filters .order .order-type .order-dropdown > div{padding: 10px;border: 1px solid #EBEBEB;background: #FFF;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);}
.top-list .list-filters .order .order-type .order-dropdown label{white-space: nowrap;margin-bottom: 5px;}
.top-list .list-filters .order .order-type .order-dropdown > div label:last-child{margin: 0;}
.top-list .list-filters .order .order-type .order-dropdown input[type=checkbox]{display: none;}
.top-list .list-filters .order .order-type .order-dropdown input[type=checkbox]:checked + .check::before{display: block;}
.top-list .list-filters .order .order-type .order-dropdown .check{position: relative;float: left;width: 14px;height: 14px;border: 1px solid #CCC;}
.top-list .list-filters .order .order-type .order-dropdown .check::before{content: '';display: none;width: 100%;height: 100%;background: url(../../sysimages/icon-checked.png) no-repeat center center;background-size: 100%;}
.top-list .list-filters .order .order-type .order-dropdown .filter-name{float: left;width: calc(100% - 14px);line-height: 14px;padding-left: 7px;}
/* ------------------------- */

/* ----- GRID CONTROLS ----- */
.top-list .list-filters .grid-controls{float: left;margin-left: 15px;}
.top-list .list-filters .grid-controls ul{margin: 0;list-style: none;font-size: 0;line-height: 0;}
.top-list .list-filters .grid-controls ul li{display: inline-block;padding: 4px 0 4px 10px;}
.top-list .list-filters .grid-controls ul li:first-child{padding-left: 0;}
.top-list .list-filters .grid-controls a{display: block;width: 17px;height: 12px;background: url(../../sysimages/icon-grid-view.png) no-repeat;background-size: 35px;}
.top-list .list-filters .grid-controls a.type1{background-position: left top;}
.top-list .list-filters .grid-controls a.type2{background-position: right top;}
.top-list .list-filters .grid-controls a.type1:hover, .top-list .list-filters .grid-controls a.type1.sel{background-position: left bottom;}
.top-list .list-filters .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% - 239px);min-height: 735px;}
.container-products.large{float: none;width: 100%;}

.container-list{position: relative;}
.container-list > .row{margin: 0 -11px}
.container-list > .row > .column{padding: 0 11px 57px;}
.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/40px no-repeat;z-index: 40;}

.bottom-list{padding-top: 15px;text-align: center;}
.bottom-list .loadingIcon{display: none;line-height: 0;margin-top: 5px;margin-bottom: 4px;}
.bottom-list .loadingIcon img{max-width: 32px;}

/* ------ COMPARATOR ------- */
#comparator{display: none;position: fixed;bottom: 0;left: 0;width: 100%;padding: 10px 0;border-width: 1px 0 5px 0;background: #F6F6F6;z-index: 45;}
#comparator.visible{display: block;}
#comparator .close-bar{position: absolute;top: 10px;right: 45px;padding: 10px;}
#comparator .close-bar::before{content: '';display: block;width: 10px;height: 10px;background: url(../../sysimages/icon-close03.png) left top/10px no-repeat;}
#comparator .wrapper-comparator{max-width: 1132px;position: relative;}
#comparator .row .column-item .item{position: relative;}
#comparator .row .column-item .item .image{float: left;width: 100px;border: 1px solid #EDEDED;}
#comparator .row .column-item .item .image img{display: block;width: 100%;}
#comparator .row .column-item .item .desc{float: left;width: calc(100% - 100px);padding-left: 16px;}
#comparator .row .column-item .item .desc .wrapper-desc{min-height: 79px;}
#comparator .row .column-item .item .desc .flags{min-height: 27px;padding-bottom: 9px;}
#comparator .row .column-item .item .desc .flags .flag{float: left;clear: left;padding: 0 5px;margin-top: 2px;}
#comparator .row .column-item .item .desc .flags .flag:first-child{margin-top: 0;}
#comparator .row .column-item .item .desc .name{padding-bottom: 2px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#comparator .row .column-item .item .desc .price p{float: left;line-height: 16px;}
#comparator .row .column-item .item .desc .price .old{padding-left: 8px;text-decoration: line-through;}
#comparator .row .column-default{float: right;padding: 28px 0 0 0;}
#comparator .row .column-default .wrapper-button{float: right;width: 100%;max-width: 162px;}
#comparator .row .column-default .wrapper-button .mobile-info{display: none;}
#comparator .row .column-default .wrapper-button .removeall{display: block;margin-top: 21px;}
/* ------------------------- */

/* --------- QUICKSGOP --------- */
a[href="#quickshop"]{display: none;}
#quickshop{width: 100%;max-width: 925px;min-height: 517px;padding: 0 15px;overflow: hidden;}
#quickshop .column-images .pager{float: left;width: 93px;padding: 15px 15px 15px 0;}
#quickshop .column-images .pager > div:not(.slick-list),
#quickshop .column-images .pager div.slick-slide{float: none;margin-bottom: 10px;border-width: 1px;border-style: solid;border-color: #F0F0F0;}
#quickshop .column-images .pager div a{display: block;}
#quickshop .column-images .pager div.slick-current{border-color: #999;}
#quickshop .column-images .pager div img{display: block;width: 100%;}
#quickshop .column-images .pager div .video-slide{position: relative;}
#quickshop .column-images .pager div .video-slide::after{content: '';position: absolute;top: calc(50% - 19px);left: calc(50% - 15px);width: 38px;height: 38px;background: url(../../sysimages/icon-play-white.png) left top/38px no-repeat;}
#quickshop .column-images .slider{float: left;width: calc(100% - 93px);background: #FFF;}
#quickshop .column-images .slider > div:not(.slick-list), #quickshop .column-images .slider div.slick-slide{border-width: 1px;border-style: solid;border-color: #EDEDED;}
#quickshop .column-images .slider div a{display: block;}
#quickshop .column-images .slider div a.zoom, #quickshop .column-images .slider div a.zoom *{cursor: url(../../sysimages/cursor-zoom.png) 0 0, auto;}
#quickshop .column-images .slider div img{width: 100%;}
#quickshop .column-images .slider .video{position: relative;}
#quickshop .column-images .slider .video .player{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#quickshop .column-desc{padding-top: 15px;padding-bottom: 15px;}
#quickshop .column-desc .flags{font-size: 0;line-height: 0;padding-bottom: 10px;}
#quickshop .column-desc .flags .flag{float: left;padding: 6px 10px;margin-left: 5px;}
#quickshop .column-desc .flags .flag:first-child{margin: 0;}
#quickshop .column-desc .name{padding-bottom: 5px;}
#quickshop .column-desc .ref{padding-bottom: 10px;}
#quickshop .column-desc .reviews{padding-bottom: 20px;}
#quickshop .column-desc .reviews .rating{float: left;min-width: 83px;min-height: 20px;padding: 2px 0 3px;margin-right: 11px;}
#quickshop .column-desc .reviews .rating span{float: left;display: block;width: 15px;height: 15px;margin-left: 2px;background: url(../../sysimages/icon-star.png) no-repeat left top;background-size: 15px;}
#quickshop .column-desc .reviews .rating:not(.disabled) span{cursor: pointer;}
#quickshop .column-desc .reviews .rating span.sel{background-position: left bottom;}
#quickshop .column-desc .reviews .rating span.sel2{background-position: left -15px;}
#quickshop .column-desc .reviews .rating span:first-child{margin-left: 0;}
#quickshop .column-desc .reviews p{float: left;width: calc(100% - 94px);}
#quickshop .column-desc .reviews p a{display: inline-block;}
#quickshop .column-desc .price{padding-bottom: 20px;}
#quickshop .column-desc .price span{float: left;}
#quickshop .column-desc .price .old{padding: 0 13px 0 21px;text-decoration: line-through;}
#quickshop .column-desc .price .discount{padding: 0 3px;margin: 1px 0;background: #D0021B;}
#quickshop .column-desc .colors{padding-bottom: 17px;}
#quickshop .column-desc .colors a{position: relative;float: left;max-width: 58px;margin: 0 3px 6px 0;text-decoration: none;}
#quickshop .column-desc .colors a:first-child{margin-left: 0;}
#quickshop .column-desc .colors a figure{border: 1px solid #EDEDED;}
#quickshop .column-desc .colors a figure img{display: block;width: 100%;}
#quickshop .column-desc .colors a span.color-name{display: block;padding-top: 3px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#quickshop .column-desc .colors a:hover figure, #quickshop .column-desc .colors a.sel figure{border-color: #999;}
#quickshop .column-desc .colors a:hover span.color-name, #quickshop .column-desc .colors a.sel span.color-name{text-decoration: underline;}
#quickshop .column-desc .warning-sizes .warning{display: none;}
#quickshop .column-desc .sizes{padding-bottom: 15px;}
#quickshop .column-desc .sizes .select{float: left;width: 100%;max-width: 200px;}
#quickshop .column-desc .sizes a{float: left;margin: 6px 0 0 20px;}
#quickshop .column-desc .buttons{padding-bottom: 7px;}
#quickshop .column-desc .buttons .selectQtd{float: left;width: 91px;border: 1px solid #EBEBEB;background: #F6F6F6;}
#quickshop .column-desc .buttons .selectQtd .qtd{float: left;width: 25px;padding: 13px 0;border: 0 !important;text-align: center;}
#quickshop .column-desc .buttons .selectQtd .input_nav{float: left;width: 32px;height: 40px;padding: 10px 0;text-align: center;cursor: pointer;}
#quickshop .column-desc .buttons .selectQtd .input_nav:hover{border: 1px solid #000;background: #000;color: #FFF;}
#quickshop .column-desc .buttons .button{float: left;}
#quickshop .column-desc .buttons .btn-cart, .column-desc .buttons .btn-cart-esgotado{width: 197px;margin: 0 10px;padding-top: 14px;padding-bottom: 12px;}
#quickshop .column-desc .popup-cart-notice, #quickshop .column-desc .popup-wish-notice{display: none;padding: 4px 15px;margin: 0 0 5px;text-align: center;}
#quickshop .column-desc .stock-alert .accordion > li{border: 0;}
#quickshop .column-desc .stock-alert .accordion > li > a{padding: 6px 33px 4px;}
#quickshop .column-desc .stock-alert .accordion > li > a::before{content: '';position: absolute;top: calc(50% - 8px);left: 10px;width: 15px;height: 15px;background: url(../../sysimages/icon-mail.png) left top/15px no-repeat;}
#quickshop .column-desc .stock-alert .accordion > li > a::after{display: none;}
#quickshop .column-desc .stock-alert .accordion > li .accordion-content{padding: 5px 0 0;}
#quickshop .column-desc .stock-alert .accordion-content .form-message > div{margin-bottom: 5px;}
#quickshop .column-desc .description{max-width: 360px;padding: 12px 0 15px;}
#quickshop .column-desc .social-product .share-icons{float: left;}
#quickshop .column-desc .social-product > a{display: block;float: right;}
/* ----------------------------- */

@media screen and (min-width: 768px){
   .container-list > .row.type3 > .column:nth-child(3n+1){clear: left;}
   .container-list > .row.type2 > .column:nth-child(4n+1){clear: left;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.side-menu ul.thirdLevelMenu li a.active::before, .side-menu ul.thirdLevelMenu li a:hover::before{background: url(../../sysimages/icon-list-sel@2x.png) no-repeat left top/5px;}

}

@media screen and (max-width: 768px){
   .products .wrapper-page{padding: 0 0 30px;}
   .products .wrapper-side-menu{float: none;width: 100%;padding: 25px 0 0;margin: 0;}
   .products .side-menu{display: none;}

   .wsm-button{display: block;}
   .active-filters{display: block;}

   .filters{display: none;border-bottom: 1px solid #e4e4e4;}

   .filters .cnt-filters{padding: 0 0 15px;}
   .filters .box-filter > p{padding: 7px 0;}

   .filters .clear-filters{margin: 5px 0 20px;}

   .container-products{float: none;width: 100%;}

   .products .banner-page{display: none;}
   .products .banner-mobile{display: block;min-height: auto;margin-bottom: 0;}
   	/* --------- BANNER -------- */
	.products .banner-page .wrapper-text{float: none;text-align: center;}
	.products .banner-page .content-banner{padding: 15px;}
	.products .banner-page .content-banner .banner-label{display: inline-block;}
	.products .banner-page .content-banner .banner-desc{max-width: 910px;padding: 15px 20px 0;}
	/* ------------------------- */

   .top-list{padding-bottom: 15px;}
   .top-list .list-filters .order{float: none;width: 100%;margin-left: 0;}  
   .top-list .list-filters .order .order-type .order-dropdown{left: 0;width: 100%;} 

   .container-list{float: none;width: 100%;padding-top: 20px;}
   .container-list > .row{margin: 0 -5px;}
   .container-list > .row > .column{padding: 0 5px 25px;}
   .bottom-list{padding-top: 15px;}
   #comparator{padding: 5px 0;}

   #comparator .close-bar{top: 0;right: 5px;}
   #comparator .wrapper-comparator{padding: 0 10px;}
   #comparator .row{margin: 0 -10px;}
   #comparator .row .column-default{float: none;padding: 0 10px;}
   #comparator .row .column-default .wrapper-button{float: none;max-width: none;text-align: center;}
   #comparator .row .column-default .wrapper-button .mobile-info{display: block;margin-bottom: 5px;}
   #comparator .row .column-default .wrapper-button .button{width: 100%;}
   #comparator .row .column-default .wrapper-button .removeall{margin-top: 5px;}
}