.bagis img,.block-title,.firsat img,div+#campaign-products .block-title
{
    margin-bottom:10px
}
#fullname1 *,.firsat .block-title,.pageTitle>.row
{
    white-space:         nowrap;
    text-overflow:ellipsis
}
.member-title {
    width: 93%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#fullname1 p{
    padding-bottom:0;
}
.col-title.member-title:after {
    content: "";
    width: 20px;
    position: absolute;
    top: 5px;
    right: 10px;
    height: 20px;
    background: none !important;
    cursor: pointer;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -ms-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}

.bagis,.firsat
{
    margin-top:15px
}

.firsat .block-title
{
    padding:         15px 10px 15px 50px;
    box-shadow:0 0 1px 1px #707070
;box-sizing:         border-box;
    color:#538b3c
;font-size:         21px;
    text-align:center;background:url(/Data/EditorFiles/v4Slider/firsatBg.png) 5% center no-repeat!important;overflow:hidden!important;
}

.hoverImage
{
    width:100%
;position:         absolute;
    top:0
;bottom:         0;
    z-index:777
;text-align:         center;
    background:rgba(255,255,255,.8)
;opacity:         0;
    display:flex
;justify-content:         center;
    flex-direction:column
}
#BlokAra>.row,.col-title
{
    position:relative
}

.hoverImage h2,.hoverImage p
{
    width:100%
}

.pr:hover .hoverImage
{
    opacity:1
}
#campaign-products .block-title
{
    margin-top:0
}
#pageHeader
{
    background:0 0
}

.pageTitle,.pageTitle h1,.pageTitle h3
{
    line-height:         60px;
    font-size:18px
;color:         #6c6c6c;
    text-transform:uppercase;border-bottom:1px solid #ECECEC
}

.pageTitle h1,.pageTitle h3
{
    margin:         0;
    border-bottom:0
}
:not(#pageHeader)>.pageTitle>span
{
    font-size:         13px;
    margin-top:-35px
}

.pageTitle
{

    line-height:60px
;font-size:         18px;
    color:#787878
;text-transform:         uppercase;
    border-bottom:1px solid #ECECEC
}
#pageOrder .pageTitle.passed,#pageOrder .pageTitle:last-child
{
    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;
    overflow:hidden
}
[dir=rtl] .pageTitle>.row
{
    padding-right:         70px;
    padding-left:0;background-position:calc(100% - 10px) center
}

.pageTitle .basket
{
    background-image:url("../../images/basket.png")
}

.pageTitle.passed .basket
{
    background-image:url("../../images/basketPassed.png")
}

.pageTitle .address
{
    background-image:url("../../images/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("../../images/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("../../images/confirm.png")
}

.pageTitle.passed .confirm
{
    background-image:url(pageIcons/confirmPassed.png)
}

.pageTitle .member
{
    background-image:url(pageIcons/member.png)
}

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

.pageTitle .memberNew
{
    background-image:url(pageIcons/memberNew.png)
}

.pageTitle.passed .member
{
    background-image:url(pageIcons/memberNewPassed.png)
}
#cartDetail .btn-default,#cartDetail .btn-default.passive:hover,#cartDetail .btn-light,#cartDetail .btn-light.passive:hover,#pageOrder>.nav-tabs li.active a,.pageTitle.passed .row
{
    background-color:         #ec3137;
    color:#fff
}

.col-title
{
    line-height:         35px;
    font-size:16px
;color:         #6c6c6c;
    padding-right:10px;padding-left:10px
}

.col-title:not(.catt)+div
{
    max-height:         300px;
    overflow-y:auto
}

.col-title+div::-webkit-scrollbar
{
    width:         3px;
    background:0 0
}

.col-title+div::-webkit-scrollbar-button
{
    display:none
}

.col-title+div::-webkit-scrollbar-thumb
{
    background:#629e4c
}

.col-title:not(.catt):after
{
    content:         "";
    width:20px
;position:         absolute;
    top:5px
;right:         10px;
    height:20px;background:url(/Data/EditorFiles/arrowF.png) center no-repeat
;cursor:         pointer;
    -webkit-transition-timing-function:ease-in-out
;-moz-transition-timing-function:         ease-in-out;
    -ms-transition-timing-function:ease-in-out
;-o-transition-timing-function:         ease-in-out;
    transition-timing-function:ease-in-out;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-ms-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s
}

.col-title.active:after
{
    -ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)
}

.col-title .blokust
{
    float:       right;
    font-size: 12px;
    bottom:       -1px;
    position: absolute;
    right:       8px;
    padding: 2px 22px 2px 6px;
    line-height:       24px;
    border:1px solid;
    border-bottom:       1px solid #f8f8f8;
}
#leftFilter>.col-title
{
    display:none
}
#fullname1 *
{
    width:         auto;
    overflow:hidden!important;max-width:100%
}
#fullname1 .col-12
{
    padding-right:5px
}

.col-title .btn
{
    height:         auto;
    line-height:20px
;color:         #ec3137;
    border-bottom:1px solid #ec3137
;font-size:         16px;
    background:0 0;padding:5px  0
}

.col-title .btn h1
{
    font-size: 23px !important;
    margin-bottom:  5px;
    line-height: 19px;
    margin-top:  0;
}

.col-text
{
    line-height:         17px;
    font-size:12px
;font-weight:         300;
    color:#797979
}
[dir=rtl] .col-text
{
    direction:         ltr;
    text-align:right
}
#question
{
    min-height:         19px;
    padding-left:31px;background:url(question.png) 0 center no-repeat
;display:         flex;
    align-items:center;box-sizing:border-box
}
[dir=rtl] #question
{
    padding-right:         31px;
    padding-left:0;background:url(question.png) right center no-repeat
}

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

.currency:last-child
{
    padding-bottom:         0;
    border-bottom:0
}
@media screen and (min-width:769px)
{
    .col-title+div
    {
        padding:         10px;
        box-sizing:border-box
    }
}
@media screen and (max-width:768px)
{
    .col-title
    {
        cursor:pointer
    }
    [dir=rtl] .col-title
    {
        background-position:0 center
    }

    .col-title .btn:after
    {
        content:''
    ;position:         absolute;
        top:0
    ;right:         0;
        width:20px;height:100%;background:url(filterArrow.png) 0 center no-repeat
    }
    [dir=rtl] .col-title .btn:after
    {
        right:         auto;
        left:0;background-position:10px center
    }
    #leftFilter
    {
        position:         relative;
        padding-top:10px
    ;padding-bottom:         10px;
        background:#fff;border:1px solid #d9d9d9
    }
    #leftFilter>.col-title
    {
        display:block
    }
    #filterSort,.col-title+div,.priceWrap span:nth-child(2)
    {
        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:         15px;
        font-size:11px
    ;padding-left:         20px;
        background:url(filterIcon.png) 0 center no-repeat
    }
    [dir=rtl] #filterMobileBtn
    {
        padding-right:         20px;
        padding-left:10px;background-position:right center
    }
    #filterMobileBtn.active
    {
        color:         #e34d0b;
        background:url(filterIconActive.png) 0 center no-repeat
    }
    [dir=rtl] #filterMobileBtn.active
    {
        background-position:right center
    }
    #filterMobileBtn:after,#filterSortBtn:after
    {
        content:''
    ;float:         right;
        width:9px
    ;height:         15px;
        background:url(filterArrow.png) right center no-repeat
    }
    [dir=rtl] #filterMobileBtn:after,[dir=rtl] #filterSortBtn:after
    {
        float:left
    }
    #filterMobileBtn.active:after,#filterSortBtn.active:after
    {
        background:url(filterArrowActive.png) right center no-repeat
    }
    #filterWrapper
    {
        display:         none;
        margin-top:10px
    }
    #filterPanel
    {
        padding:         0 10px;
        box-sizing:border-box
    }
    #filterPanel>.row.mb
    {
        margin-top:         10px;
        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.active
    {
        color:#e34d0b
    }
    #filterPanel>.row.mb .col-title.active:after
    {
        background:url(filterArrowActive.png) right center no-repeat
    }
    #filterPanel>.row.mb .col-title+div
    {
        border-top:0
    }
    #filterPanel .row.mb
    {
        margin-bottom:0
    }
    #filterPanel .col-text
    {
        line-height:         25px;
        font-size:11px
    }
    #filterPanel .col-text .input-wrap
    {
        width:         14px;
        height:25px;background:url(filterInput.png) right center no-repeat
    }
    #filterPanel .col-text .input-wrap.checkbox.active
    {
        background:url(filterInputActive.png) right center no-repeat
    }
    #filterPanel .box.p-bottom.col-12
    {
        padding-top:         5px;
        padding-bottom:5px
    }

    .priceWrap
    {
        float:         right;
        padding-left:20px;background:url(filterPrices.png) 0 center no-repeat;margin:0
    }

    .priceWrap span
    {
        float:         left;
        width:100%
    ;text-align:         left;
        font-weight:600
    ;line-height:         14px;
        font-size:11px
    }
    #filterSort,#filterSortBtn
    {
        width:calc(100% - 20px);margin:10px
    }
    #priceSlider
    {
        width:auto
    }
    #slider-range
    {
        margin-bottom:6px
    }
    #filterSortBtn
    {
        line-height:         15px;
        font-size:11px
    ;padding-left:         20px;
        background:url(sortIcon.png) 0 center no-repeat
    }
    [dir=rtl] #filterSortBtn
    {
        padding-right:         20px;
        padding-left:10px;background-position:right center
    }
    #filterSortBtn.active
    {
        color:         #e34d0b;
        background:url(sortIconActive.png) 0 center no-repeat
    }
    [dir=rtl] #filterSortBtn.active
    {
        background-position:right center
    }
    #filterSort
    {
        border:         1px solid #d9d9d9;
        box-sizing:border-box
    }
    #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;
        line-height:40px
    }
    #pageHeader .pageTitle.passed
    {
        display:block
    }
    #pageHeader .pageTitle>.row
    {
        font-size:         16px;
        margin-top:0
    }
}