.block-title, div + #campaign-products .block-title
{
line-height:      normal;
font-size: 18px;
color:  #7067cf;
font-weight:     600;
height:  30px;
display:     flex;
align-items:  center;
justify-content:     center;
text-transform:  uppercase;
}
#campaign-products .block-title
{
margin-top:      0;
}
#pageHeader
{
background:      none;
}

.pageTitle
{
line-height:      60px;
font-size: 17px;
color:      #545454;
font-weight: 600;
text-transform:      uppercase;
border-bottom: 1px solid #ECECEC;
}

.pageTitle.small-title
{
line-height:      35px;
}
:not(#pageHeader) > .pageTitle > span
{
font-size:      13px;
margin-top: -35px;
}
#pageHeader .pageTitle
{
position:      relative;
border-bottom: 0;
}
#pageHeader .pageTitle:before
{
position:      absolute;
top: 0;
right:      0;
line-height: 60px;
color:      inherit;
content: '\e81d';
font-size:      13px;
font-family: 'tsoft';
font-style:      normal;
font-weight: normal;
text-decoration:      inherit;
font-variant: normal;
text-align:      center;
text-transform: none;
-webkit-font-smoothing:      antialiased;
-moz-osx-font-smoothing: grayscale;
speak:      none;
}
[dir="rtl"] #pageHeader .pageTitle:before
{
content: '\e81c';
left:      0;
right: auto;
}
#pageOrder .pageTitle:last-child, #pageOrder .pageTitle.passed
{
border-right:      0;
}

.pageTitle.passed:first-child
{
border-left:      0;
}
#pageHeader .pageTitle:last-of-type:before
{
content: '';
}

.pageTitle > .row
{
text-align:      center;
background-repeat: no-repeat;
background-position:      20px center;
background-size: 25px;
white-space:      nowrap;
overflow: hidden;
text-overflow:      ellipsis;
border-bottom: 1px solid #cdcdcd;
}
#pageHeader .pageTitle > .row
{
border-bottom:      0;
}

.pageTitle.flexTitle
{
height:      auto;
line-height: normal;
}

.pageTitle.flexTitle > .row
{
border-bottom:      0;
}

.pageTitle.flexTitle small
{
font-size:      12px;
text-transform: none;
display:      block;
margin-top: 4px;
}

.col-title
{
line-height:      normal;
color: var(--purple);
margin-bottom:      10px;
font-weight: 600;
font-size:      14px;
}

.col-titleguru
{
line-height:      normal;
color: var(--purple);
margin-bottom:      10px;
font-weight: 600;
font-size:      14px;
text-transform: uppercase;
}

.col-title i:before
{
line-height:      40px;
}
#leftFilter > .col-title
{
display:      none;
}

.col-title .btn
{
height:      auto;
line-height: 20px;
padding-top:      5px;
padding-right: 10px;
padding-bottom:      5px;
padding-left: 10px;
}

.col-text
{
color: var(--darkblue);
cursor:      pointer;
display: flex;
align-items:      center;
font-weight: 300;
font-size:      14px;
}
#filterWrapper .col-text:hover
{
color:      #e35252;
}
[dir="rtl"] .col-text
{
direction:      rtl;
text-align: right;
}
#question
{
min-height:      19px;
padding-left: 31px;
background: url(question.png) no-repeat 0 center;
display:      flex;
align-items: center;
box-sizing:      border-box;
}
[dir="rtl"] #question
{
padding-right:      31px;
padding-left: 0;
background: url(question.png) no-repeat right center;
}

.currency
{
padding-top:      5px;
padding-bottom: 5px;
}

.currency:last-child
{
padding-bottom:      0;
border-bottom: 0;
}
/*.currency *
{
line-height:     16px;
font-size:12px;
text-align:     center;
}
*/
/* unique css */
#BlokAra > .row
{
position:      relative;
}

.filter-title:not(.hidden) .icon-plus
{
display:      none;
}

.filter-title.hidden .icon-minus
{
display:      none;
}
/* unique css */
/*FILTRE*/
.filterColor
{
width:      15px;
height: 15px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}

.icon-square-unchecked:before
{
content: url(/Data/EditorFiles/muzikussu/checkbox.svg);
}

.icon-square-checked:before
{
content: url(/Data/EditorFiles/muzikussu/checkboxactive.svg);
}

.filter-wrap .priceWrap
{
margin-top:      20px;
text-transform: uppercase;
width: 100%;
color: var(--gray);
font-size:      13px;
font-weight: 700;
margin-bottom:      20px;
}
div#filterPanel>.row
{
/*
border-bottom:      1px solid #f3f3f3;
*/
padding-bottom: clamp(20px,2vw,40px);
/* margin-bottom: clamp(20px,2vw,40px); */
}

.filter-item-list::-webkit-scrollbar-thumb
{
/* background: linear-gradient(180deg, #00FFAC 0%, #01E0C6 100%); */
background: rgba(174, 174, 192, 0.5);
box-shadow: 0px 2px 2px rgba(174, 174, 192, 0.5);
border-radius: 4.5px;
}

.btnFilter div
{
color:      #ffffff;
font-size: 19px;
font-weight:      600;
height: 50px;
display:      flex;
align-items: center;
justify-content:      center;
cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
background: linear-gradient(180deg, #00FFAC 0%, #01E0C6 100%);
border-radius:      16px;
}

.btnFilter div:hover
{
background-color:      #000;
}

.filter-wrap .priceWrap > span
{
border-radius:      31px;
/*
background-color:      #f3f3f3;
*/
display:      flex;
align-items: center;
justify-content:      center;
/*
padding:      20px;
*/
}
#filterPanel .icon-minus:before
{
content: url(/Data/EditorFiles/noonmar2022/filter-minus.svg);
}
#filterPanel .icon-plus:before
{
content: url(/Data/EditorFiles/noonmar2022/filter-plus.svg);
}

.currentCat.col-title
{
color: var(--purple);
text-transform:      uppercase;
font-weight: 600;
font-size:      20px;
}

.current-cat-alter
{
font-size:      14px;
font-weight: 500;
}
/*FILTRE*/
@media screen and (max-width: 768px)
{
.btnFilter div
{
border-radius:      25px;
}

.filterClose
{
min-height:      40px;
display: flex;
justify-content:      center;
align-items: center;
border-radius:      0 0 10px 10px;
background: linear-gradient(180deg, #00FFAC 0%, #01E0C6 100%);
font-weight:      500;
font-size: 14px;
color: var(--darkblue);
}

.filterFixed
{
position:      fixed;
inset: 0;
width: 80%;
z-index:      999999;
background-color: #dddddd;
left: -100%;
opacity:      0;
overflow-x: hidden;
overflow-y:      scroll;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
padding-bottom:      40px;
}

.filterFixed.active
{
left:      0;
opacity: 1;
}

.filterOverly.active
{
position:      fixed;
content: '';
z-index:      99;
background: #0d1923;
inset:      0;
opacity: 0.5;
}

.FilterCloseOpen,#filterSort
{
min-height:      40px;
display: flex;
justify-content:      center;
align-items: center;
border-radius:      10px 10px 10px 10px;
background: linear-gradient(180deg, #00FFAC 0%, #01E0C6 100%);
font-weight:      500;
font-size: 14px;
color: var(--darkblue);
}
#filterTpl
{
height: 100%;
}

.block-title > span, div + #campaign-products .block-title > span
{
display:      block;
width: 100%;
}

.block-title .compare, div + #campaign-products .block-title .compare
{
position:      static;
margin-top: 10px;
float:      right;
}
[dir="rtl"] .col-title .btn:after
{
right:      auto;
left: 0;
background-position:      10px center;
}
#leftFilter
{
position:      relative;
padding-top: 10px;
padding-bottom:      10px;
background: #dddddd;
/*
border:      1px solid #e5e5e5;
*/
padding-right:      0;
}
#leftFilter > .col-title
{
display:      block;
}

.col-title + div
{
/*
display:     none;
*/
}
#leftFilter .col-title + div
{
width: 100%;
}
#leftFilter > .col-title + div
{
padding-top:      10px;
padding-left: 10px;
padding-right:      10px;
box-sizing: border-box;
}
#filterMobileBtn
{
line-height:      30px;
font-size: 15px;
}
[dir="rtl"] #filterMobileBtn
{
padding-right:      20px;
padding-left: 10px;
background-position:      right center;
}
#filterMobileBtn.active
{
color:      #e35252;
}
[dir="rtl"] #filterMobileBtn.active
{
background-position:      right center;
}
#filterMobileBtn:after, #filterSortBtn:after
{
content: '';
float:      right;
width: 9px;
height:      15px;
}
[dir="rtl"] #filterMobileBtn:after, [dir="rtl"] #filterSortBtn:after
{
float:      left;
}
#filterWrapper
{
/*
display:     none;
*/
margin-top:      10px;
}
#filterPanel
{
padding:      0 10px;
box-sizing: border-box;
}
#filterPanel > .row.mb > .box.box-border
{
padding:      0;
border-bottom: 0;
}
#filterPanel > .row.mb:last-child > .box.box-border
{
border-bottom:      1px solid #ececec;
}
#filterPanel > .row.mb .col-title
{
font-size:      14px;
margin-bottom: 10px;
}
#filterPanel > .row.mb .col-title.active
{
color: var(--purple);
}
#filterPanel > .row.mb .col-title + div
{
border-top:      0;
}
#filterPanel .col-text
{
line-height:      25px;
font-size: 11px;
}
#filterPanel .col-text .input-wrap
{
width:      14px;
height: 25px;
}
#filterPanel .box.p-bottom.col-12
{
padding-top:      5px;
padding-bottom: 5px;
}

.priceWrap
{
float:      right;
/*
padding-left:      20px;
*/
margin-top:      0;
margin-right: 0;
margin-bottom:      0;
margin-left: 0;
}

.priceWrap span
{
float:      left;
width: 100%;
text-align:      left;
font-weight: 600;
line-height:      14px;
font-size: 11px;
}

.priceWrap span:nth-child(2)
{
display:      none;
}
#priceSlider
{
width:      auto;
}
#slider-range
{
margin-bottom:      6px;
}
#filterSortBtn
{
line-height:      30px;
font-size: 15px;
padding-top:      10px;
padding-bottom: 10px;
}
#filterSortBtn.active
{
color:      #e35252;
}
[dir="rtl"] #filterSortBtn.active
{
background-position:      right center;
}
#filterSort select
{
background-color:      transparent;
}
#filterSort .filter-box
{
padding-top:      0;
padding-bottom: 0;
}
#filterSort .filter-box.comparisonWrap
{
border-right:      0;
}
}
@media screen and (max-width: 540px)
{
#pageHeader .pageTitle
{
display:     none;
}
#pageHeader .pageTitle.passed
{
display:      block;
}
#pageHeader .pageTitle > .row
{
font-size:      16px;
margin-top: 0;
}
#leftFilter, #filterSortBtn
{
/*
padding-top:      5px;
*/
/*
padding-bottom:      5px;
*/
}
#filterMobileBtn, #filterSortBtn
{
font-size:      14px;
}
#filterPanel > .row.mb .col-title
{
font-size:      13px;
}
@media screen and (min-width: 769px)
{
.col-titleguru + div
{
display:block !important;
}
}
@media screen and (max-width: 768px)
{
.col-titleguru
{
cursor:      pointer;
background:url(https://zaktrak.top/Data/EditorFiles/guru/colArrow.png) no-repeat right center;
border-bottom:      0;
}
#leftFilter
{
padding-top:      10px;
padding-bottom:10px;
border:      1px solid #ececec;
}
#leftFilter > .col-titleguru
{
display:      block;
}

.col-titleguru + div
{
display:      none;
border-top:1px solid #cdcdcd;
}
#leftFilter .col-titleguru + div
{
width:100%;
}
#leftFilter > .col-titleguru + div
{
padding-top:      10px;
padding-left:10px;
padding-right:      10px;
box-sizing:border-box;
}
}