.pageTitle
{
height:          60px;
line-height:60px;
font-size:          18px;
color:#787878;
text-transform:          uppercase;
border-bottom:1px solid #ECECEC;
width: 100%!important;
border-radius: 0!important;
}

.loginBox > .row > .box.col-12 > .col.col-12
{
margin-bottom:    10px;
}
#memberOrders .middleItem
{
overflow-y:    hidden;
}
#memberOrders .middleItem .btn-medium
{
margin:    0;
}
/*#pageOrder .pageTitle
{
border-right:          1px solid #dadada;
}
*/
#pageOrder .pageTitle:last-child, #pageOrder .pageTitle.passed
{
border-right:          0;
}

.pageTitle.passed
{
color:          #fff;
border-left:1px solid #888;
}

.pageTitle.passed:first-child
{
border-left:          0;
}

.pageTitle > .row
{
padding-left:          70px;
background-repeat:no-repeat;
background-position:    10px center;
background-size: 25px;
white-space:   nowrap;
overflow:       hidden;
text-overflow:   ellipsis;
padding-left: 35px !important;
}
[dir="rtl"] .pageTitle > .row
{
padding-right:          70px;
padding-left:0;
background-position:calc(100% - 10px) center;
}

.pageTitle.passed .row
{
background-color:          #6c6c6c;
}

.pageTitle .basket
{
background-image:url('pageIcons/basket.png');
}

.pageTitle.passed .basket
{
background-image:url('pageIcons/basketPassed.png');
}

.pageTitle .address
{
background-image:url('pageIcons/address.png');
}

.pageTitle.passed .address
{
background-image:url('pageIcons/addressPassed.png');
}

.pageTitle .address2
{
background-image:url('pageIcons/address2.png');
}

.pageTitle.passed .address2
{
background-image:url('pageIcons/address2Passed.png');
}

.pageTitle .payment
{
background-image:url('pageIcons/payment.png');
}

.pageTitle.passed .payment
{
background-image:url('pageIcons/paymentPassed.png');
}

.pageTitle .cargo
{
background-image:url('pageIcons/cargo.png');
}

.pageTitle.passed .cargo
{
background-image:url('pageIcons/cargoPassed.png');
}

.pageTitle .confirm
{
background-image:url('pageIcons/confirm.png');
}

.pageTitle.passed .confirm
{
background-image:url('pageIcons/confirmPassed.png');
}
/*.pageTitle .member
{
background-image:url('pageIcons/member.png');
}
*/
.pageTitle.passed .member
{
background-image:url('pageIcons/memberPassed.png');
}

.pageTitle .memberInfo
{
background-image:url('pageIcons/memberInfo.png');
}

.pageTitle.passed .member
{
background-image:url('pageIcons/memberInfoPassed.png');
}

.pageTitle .memberNew
{
}

.pageTitle.passed .member
{
background-image:url('pageIcons/memberNewPassed.png');
}

.col-title
{
line-height:          35px;
font-size: 15px;
color:           #c3417c;
padding-right:0;
font-weight:           bold;
text-transform: capitalize;
padding-left:           15px;
border-bottom: 1px solid #ececec;
box-sizing:           border-box;
padding-top: 5px;
padding-bottom:           5px;
}
#leftFilter > .col-title
{
display:          none;
}

.col-text
{
line-height:           18px;
font-size: 11px;
}
[dir="rtl"] .col-text
{
text-align:          right;
direction:ltr;
}

.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;
}
/* unique css */
label.myType2 span
{
width:           25px;
height: 25px;
min-width:           25px;
border-radius: 50%;
display:           flex;
align-items: center;
padding:           0;
justify-content: center;
line-height:           normal;
float: left;
box-sizing:           border-box;
margin-right: 5px;
margin-bottom:           5px;
border: 1px solid #ccc;
}
label.myType2 .checkbox
{
display:           none;
}
label.myType2 .checkbox.active +  span
{
border:           1px solid #000;
}
@media screen and (min-width: 769px)
{
.col-title + div
{
display:block !important;
}
}
@media screen and (max-width: 768px)
{
.col-title
{
cursor:          pointer;
background:url('colArrow.png') no-repeat right center;
border-bottom:          0;
}
#leftFilter
{
position:          relative;
padding-top:10px;
padding-bottom:          10px;
border: 1px solid #cfc9c9;
border-radius:     2px;
margin-right: 5px;
width: calc(50% - 5px);
}
#mobileShort
{
margin-left:     5px;
width: calc(50% - 5px);
}
#leftFilter > .col-title
{
display:          block;
}

.col-title + div
{
display:          none;
border-top:1px solid #cdcdcd;
}
#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:          15px;
font-size: 14px;
padding-left:          30px;
background:url('filterIcon.png') no-repeat 10px center;
}
#filterMobileBtn.active
{
color:          #e34d0b;
background:url('filterIconActive.png') no-repeat 0 center;
}
#filterMobileBtn:after, #filterSortBtn:after
{
content:'';
float:          right;
margin-right: 10px;
width:    9px;
height:      15px;
background:url('filterArrow.png') no-repeat right center;
}
#filterMobileBtn.active:after, #filterSortBtn.active:after
{
background:url('filterArrowActive.png') no-repeat right center;
}
#filterWrapper
{
display:          none;
margin-top:10px;
}

.currency *
{
line-height:          20px;
font-size:15px;
}
#filterPanel
{
padding:          10px;
box-sizing:border-box;
}
#filterPanel > .row.mb
{
margin-bottom:           0;
}
#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:          11px;
font-weight:600;
background-image:          none;
background-color:#f0f0f0;
}
#filterPanel > .row.mb .col-title:before
{
content:'';
float:           left;
/*width:14px;*/
height:          35px;
/*background:url('filterInput.png') no-repeat right center;
margin-right:           10px;
*/
margin-left:           10px;
}
#filterPanel > .row.mb .col-title:after
{
content:'';
float:           right;
width:9px;
height:          35px;
background:url('filterArrow.png') no-repeat right center;
margin-right:           10px;
}
#filterPanel > .row.mb .col-title.active
{
color:          #e34d0b;
}
#filterPanel > .row.mb .col-title.active:before
{
/*background:url('filterInputActive.png') no-repeat right center;*/
}
#filterPanel > .row.mb .col-title.active:after
{
background:url('filterArrowActive.png') no-repeat right center;
}
#filterPanel > .row.mb .col-title + div
{
border-top:          0;
}
#filterPanel .row.mb
{
margin-bottom:           0;
}
#filterPanel .col-text
{
line-height:          28px;
font-size:14px;
}
#filterPanel .col-text .input-wrap
{
background:url('filterInput.png') no-repeat right center;
margin-left:          10px;
}
#filterPanel .col-text .input-wrap.checkbox.active
{
background:url('filterInputActive.png') no-repeat right center;
}
#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
{
}
#slider-range
{
margin-bottom:           6px;
}
#filterSortBtn
{
width:calc(100% - 20px);
line-height:          15px;
font-size: 14px;
padding-left:          20px;
background:url('sortIcon.png') no-repeat 0 center;
margin:          10px;
}
#filterSortBtn.active
{
color:          #e34d0b;
background:url('sortIconActive.png') no-repeat 0 center;
}
#filterSort
{
display:          none;
width:calc(100% - 20px);
margin:          10px;
border:1px solid #ececec;
box-sizing:          border-box;
}
#filterSort .filter-box
{
padding-top:           0;
padding-bottom: 0;
}
}
@media screen and (max-width: 540px)
{
#pageHeader .pageTitle > .row
{
padding-left:calc(100% + 20px);
background-position:          center center;
}
}
@media screen and (max-width: 767px)
{
body.overflow
{
overflow:           hidden;
position: fixed;
top:           0;
left: 0;
right:           0;
}

.filter-overlay
{
position:           fixed;
background: rgba(0,0,0,.3);
left:           0;
right: 0;
top:           0;
bottom: 0;
z-index:           999;
display: none;
}

.filter-overlay.active
{
display:           block;
}
#filterPanel
{
padding:           0;
}
#mobileShort .s-title
{
position:           relative;
padding-top: 10px;
padding-bottom:           10px;
border: 1px solid #cfc9c9;
line-height:           15px;
font-size: 14px;
padding-left:           30px;
background: url(/theme/v4-modamerve/sub_theme/blok/v4/v4/sortIcon.png) no-repeat 10px center;
width: 100%;
display:           block;
border-radius: 2px;
}
#mobileShort .s-title:after
{
content: '';
float:           right;
width: 9px;
height:           15px;
background: url(/theme/v4-modamerve/sub_theme/blok/v4/v4/filterArrow.png) no-repeat center left;
margin-right:           10px;
}
#mobileShort .sort-main,
#filterWrapper
{
width: 65%;
position:           fixed;
top: 0;
bottom:           0;
left: -100%;
background:           #fff;
z-index: 1002;
padding:           0 0 60px;
margin: 0;
border:           none;
display: block!important;
overflow-y:           auto;
overflow-x: hidden;
transition: .3s;
}
#mobileShort .sort-main.active,
#filterWrapper.active
{
left:           0;
}
#mobileShort .sort-main .goback,
#filterPanel .goback2
{
border-bottom:           1px solid #e2e2e2;
color: #212529;
min-height:           50px;
display: flex;
align-items:           center;
justify-content: space-between;
padding:     0 20px;
box-sizing:       border-box;
font-weight:     normal;
font-size:       17px;
margin-bottom:     10px;
}
#mobileShort .sort-main a
{
padding:           0 20px;
min-height: 50px;
display:           flex;
align-items: center;
font-size:           16px;
color: #212529;
border-bottom:           1px solid #eee;
}
#mobileShort .sort-main a.sort-selected
{
background-color:           #f8f8f9;
font-weight: bold;
}
#filterCats .col-title
{
cursor:           pointer;
background: url(colArrow.png) no-repeat right center!important;
border-bottom: 0!important;
line-height:           35px;
}
#filterCats > li.parent
{
}
#filterCats > li.parent > a
{
}
#filterCats > li.parent > a + ul
{
display:           none;
}
#filterCats > li.parent > a.active + ul
{
/* display: block!important; */
}
}

.filter-btn
{
background-color:     #ff8914;
justify-content:       center;
align-items:     center;
border-radius:       5px;
font-weight:         600;
cursor:   pointer;
font-size:         16px;
display:   flex;
color:         #fff;
height:   50px;
width: 100%;
border:           0;
}

.color-selected
{
}

.color-selected .checkbox.active
{
}

.color-selected .checkbox.active + span
{
position:           relative;
}

.color-selected .checkbox.active + span:before
{
content:           "";
background: url(filterInputActive.png) no-repeat center;
width:           13px;
height: 13px;
border-radius:           10px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}