.pageTitle
{
height: 60px;
line-height:60px;
font-size: 18px;
color:#787878;
text-transform: uppercase;
border-bottom:1px solid #ECECEC;
}
/*#pageOrder .pageTitle
{
border-right: 1px solid #dadada;
}
*/
#pageOrder .pageTitle:last-child, #pageOrder .pageTitle.passed
{
border-right: 0;
}
#page-shoppinglist .newAddress,#addressArea .col.p-right.fr
{
display: none;
}

.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;
white-space:nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
[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
{
background-image:url('pageIcons/memberNew.png');
}

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

.col-title
{
line-height: 35px;
font-size:16px;
color: #6c6c6c;
padding-right:0;
padding-left: 0;
border-bottom:1px solid #cdcdcd;
}
#leftFilter > .col-title
{
display: none;
}

.col-text
{
line-height: 17px;
font-size: 13px;
}
[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 */
.FiltreBox .col-title
{
border:  0;
font-size: 13px;
line-height:  29px;
cursor: pointer;
position:  relative;
text-align: left;
color:  #666;
font-weight: 600;
}

.col-title + .FiltreDegerBox.open
{
/* display: block !important; */
/*
border:  0;
*/
}

.FiltreDeger label
{
line-height:  18px;
padding: 3px 0;
color:  #6C6C6C;
}
#filterPanel .input-wrap.checkbox
{
background: url("/Data/EditorFiles/filtre-checkbox.png") no-repeat;
height:  15px;
width: 15px;
background-size: 100%;
}
#filterPanel .input-wrap.checkbox.active
{
background: url(/Data/EditorFiles/filtre-checkbox-active.png) no-repeat;
background-size: 100%;
}

.SecilenFiltreBox
{
color:  #6c6c6c;
font-size: 13px;
padding:  10px 0 5px 0;
}

.SecilenFiltreBaslik
{
font-weight:  700;
}

.FiltreVirgul:last-child
{
display:  none;
}

.FiltreVirgul
{
padding:  0 5px 0 0;
}

.FiltreTemizleBtn
{
color:  #666;
font-weight: 600;
margin-top:  15px;
font-size: 13px;
display:  block;
}
span.BtnFiltrele
{
width:  120px;
margin: 0 auto;
background:  #4a7db8;
text-align: center;
color:  #fff;
padding: 10px;
box-sizing:  border-box;
font-size: 15px;
cursor:  pointer;
display: inline-block;
}
@media screen and (min-width: 769px){

.sorting span:hover {
    color: #4b7eb9;
}    
.Siralama {
    position: relative;
}
.sorting span {
    text-align: center;
    width: 100%;
    float: left;
    padding: 5px 0;
    font-size: 13px;
    color: #666;
    font-weight: 600;
    cursor: pointer;
}
.sortingTitle {
    text-align: right;
    float: right;
    background: url("/theme/v4-optigo/sub_theme/genel/v4/user_v4yeni/selectArrow.png") no-repeat right center;
    padding-right: 15px;
    cursor: pointer;
    font-size: 13px;
    color: #6c6c6c;
}
.sorting {
    display: none;
    position: relative;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    z-index: 1;
    top: 100%;
    float: right;
    width: 175px;
}

.FiltreBox[data-filter-id="55"] .FiltreDeger {
    width: 100%;
}
.FiltreDeger
{width: calc(33.33% - 5px);margin: 0 5px 5px 0;}
.FiltreBox[data-filter-id="57"] .FiltreDeger {
    width: calc(50% - 5px);
}
.FiltreDeger label .input-wrap
{
margin-right:  3px;
}

.PcFiltre
{
position:  relative;
display: none;
border-top:  1px solid #ccc;
border-bottom: 1px solid #ccc;
padding:  10px;
box-sizing: border-box;
-webkit-box-sizing:  border-box;
}

.col-title + div
{
display:  block;
}

.col-title + .FiltreDegerBox
{
background:  #fff;
padding: 10px 0;
z-index:  3;
width: 100%;
box-sizing:  border-box;
-webkit-box-sizing: border-box;
float:  left;
}
}
@media screen and (min-width: 1001px){

}
@media screen and (min-width: 1231px){
 .FiltreBox[data-filter-id="53"] .col-title{text-align:  center;}   
.FiltreBtnStokAyar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -moz-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 120px;
}    
.FiltreBtnContent{float:  right;width: 150px;}

.SecilenFiltreBox>div
{/* display:  inline-block; *//* vertical-align: middle; */}
}
@media screen and (max-width: 1230px)
{
.SecilenFiltreBox>div
{
text-align:  center;
width: 100%;
float:  left;
}

.FiltreBtnContent
{width: 100%;float:  left;margin-top: 20px;}
}
@media screen and (max-width: 768px){
#filterPanel .input-wrap.checkbox {
    width: 12px;
    height: 12px;
    background-size: 100%;
    margin-top: 7px;
}

#filterPanel .input-wrap.checkbox input {
    width: 12px;
}    
 .sortingTitle.active:after {
    border-bottom: 5px solid #4b7cb7;
    border-top: transparent;
}
.sorting span {
    text-align: center;
    width: 100%;
    float: left;
    padding: 7px 0;
    font-size: 13px;
    color: #666;
    font-weight: 600;
}
.sortingTitle.active {
    color: #4b7cb7;
}   
.sorting {
    display: none;
    position: relative;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.sortingTitle {
    text-align: right;
    padding-right: 0;
    cursor: pointer;
    color: #6c6c6c;
    font-size: 12px;
}

.sortingTitle:after {
    content: "";
    float: right;
    margin-left: 5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;
    margin-top: 4px;
}
.mFiltreBox {
    position: relative;
    padding-right: 0;
}
.BtnFiltrele
{float:  right;}

.KatalogSatir
{
position:  relative;
}

.FiltreBox .col-title.active:before
{
border-bottom:  5px solid #666;
border-top: transparent;
}

.FiltreDeger
{width: calc(33.33% - 5px);margin-right: 5px;}

.FiltreDeger label .input-wrap
{
margin-right:  5px;
}
h3.catList.active
{
color:  #4b7cb7;
}

.FiltreBox .col-title
{/*
background:  none;
*//* border-bottom:  1px solid #efefef; */}

.FiltreBox .col-title:before
{
content: "";
float: left;
margin-right:  5px;
border-left: 5px solid transparent;
border-right:  5px solid transparent;
border-top: 5px solid #666;
margin-top:  11px;
}

.FiltreBox
{
width: 100%;
padding:  5px 0;
position: relative;
}

.FiltreBox:last-child
{
border:  0;
}
h3.catList.active:after
{
background-image: url(http://optigo.com.tr/Data/EditorFiles/tema/svg/up.svg);
}
#filterMobileBtn:before
{
content:  "";
float: left
;margin-right:  5px;
border-left: 5px solid transparent
;border-right:  5px solid transparent;
border-top: 5px solid #666
;margin-top:  4px;
}
#filterMobileBtn.active:before
{border-bottom: 5px solid #4b7cb7;border-top: transparent;}

.StokKontrol
{
font-size: 12px !important;
padding:  0;
}

.Siralama
{
    font-size: 13px;
    font-weight: 600;
    line-height: initial;
}
label.FiltreBox
{
width: 100%;
padding:  5px 10px;
}
#katalog
{
position:  relative;
}
label.FiltreBox select
{
width: 100%;
}

.FiltreBox .filter-box
{
border-bottom: 1px solid #ececec !important;
border:  0;
padding: 0;
}

.PcFiltre
{
display:  none;
}
select#sort
{
font-size:  12px;
}

.switch
{
margin-right:  5px;
}

.col-title
{
cursor: pointer;
/* background:url('colArrow.png') no-repeat right center; */
border-bottom: 0;
}
#leftFilter
{
padding:  0;
}
#leftFilter > .col-title
{
display: block;
}

.col-title + div
{
display: none;
border-top:1px solid #cdcdcd;
}
#leftFilter .col-title + div
{
width:100%;
border:  0;
}
#leftFilter > .col-title + div
{
padding-top: 10px;
padding-left:10px;
padding-right: 10px;
box-sizing:border-box;
}
#filterMobileBtn
{line-height: 15px;font-size: 12px;font-weight: 600;/* background:url('filterIcon.png') no-repeat 0 center; */padding:  0;cursor: pointer;color: #6c6c6c;}
#filterMobileBtn.active
{
color:  #4b7cb7;
}
#filterSortBtn.active
{
color:  #4b7cb7;
}
#filterSortBtn:before
{
background-image: url(http://optigo.com.tr/Data/EditorFiles/tema/svg/sort.svg);
content:  "";
width: 14px;
height:  14px;
float: left;
margin-right:  5px;
background-size: 100%;
}
#filterWrapper
{display: none;border-top: 1px solid #ccc;border-bottom:  1px solid #ccc;padding: 5px;position: relative;z-index: 999;background:  #fff;left: 0;top: 100%;box-sizing:  border-box;-webkit-box-sizing: border-box;}

.currency *
{
line-height: 20px;
font-size:15px;
}
#filterPanel
{
}
#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:  29px;font-size: 11px;}
#filterPanel .col-text .input-wrap
{margin-left: 5px;margin-top: 7px;}
#filterPanel .col-text .input-wrap.checkbox.active
{
}
#filterPanel .box.p-bottom.col-12
{
padding-top:  5px;
padding-bottom: 5px;
}

.priceWrap
{
float: right;
padding-left:20px;
background:url('filterPrices.png') no-repeat 0 center;
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
{
width: calc(50% - 10px) !important;
line-height: 15px;
font-size: 13px;
text-transform:  uppercase;
font-weight: 600;
margin-left:  10px;
padding: 0;
color:  #000;
}
#filterSortBtn.active:before
{
background-image: url(http://optigo.com.tr/Data/EditorFiles/tema/svg/sort-active.svg);
}
#filterSort
{}
.Siralama
{padding: 0;font-size:  11px;}
}
@media screen and (max-width: 540px)
{
#pageHeader .pageTitle > .row
{
padding-left:calc(100% + 20px);
background-position: center center;
}
}