.anaMarka *,.campaignDiv,.qtyBtns input
{
    box-sizing:border-box
}
body
{
    background:url(body.jpg) repeat-x #fff
}

.angularTemplate
{
    visibility:hidden
}
#filterWrapper,.priceWrap
{
    font-size:   13px;
    color:#6e7378
}

.priceWrap
{
    margin-top:15px
}

.whiteBg
{
    background-color:#fff
}

.lightBg
{
    background-color: #f5f5f5;
}

.grayBg
{
    background-color:#e0e0e0
}

.darkBg
{
    color:   #fff;
    background-color:#6c6c6c
}

.lightFluBg
{
    background-color:rgba(255,255,255,.7)
}

.darkFluBg
{
    color:   #fff;
    background-color:rgba(0,0,0,.7)
}
[dir=rtl] .campaignWrap
{
    right:0
}

.campaignDescription.dark
{
    color:   #fff;
    background:rgba(0,0,0,.5)
}

.anaMarka .col-2>div
{
    border:1px solid #ec3137
}

.anaMarka .danger
{
    border-bottom:   2px solid #ec3137;
    color:#ec3137
}

.catSite .box
{
    border:0
}

.catSite .box a:hover
{
    background:   #fe7495;
    color:#fff;font-weight:700
}

.catSite .box a
{
    border:   1px solid #fe7495;
    font-size:22px
;padding:   10px 30px;
    background:#e0e0e0
;position:   relative;
    height:45px;width:73%
;display:   inline-block;
    line-height:45px
;color:   #797979;
    font-style:italic
}

.catSite a span
{
    border:   1px solid #ec3137;
    border-radius:100%
;padding:   5px;
    font-size:25px
;font-style:   normal;
    font-weight:700
;background:   #ec3137;
    color:#fff
;position:   absolute;
    left:-20px
;top:   12px;
    width:30px
;height:   30px;
    line-height:30px;display:inline-block
}

.catSite2 .box
{
    border:0
}

.catSite2 .box a:hover
{
    background:   #fe7495;
    color:#fff;font-weight:700
}

.catSite2 .box a
{
    font-size:2.1vh
;padding:   10px 30px;
    background:#e0e0e0
;position:   relative;
    height:28px;width:73%
;display:   inline-block;
    line-height:28px
;color:   #797979;
    font-style:italic
;white-space:   nowrap;
    overflow:hidden!important;text-overflow:ellipsis
}

.catSite2 a span
{
    font-size:   25px;
    font-style:normal
;font-weight:   700;
    background:#ec3137
;color:   #fff;
    position:absolute
;left:   5px;
    top:10px
;width:   30px;
    height:30px
;line-height:   30px;
    display:inline-block
}
#filtre .btn.btn-default,#navigasyon a,.filter-box,.filter-box select
{
    font-size:12px
}
#navigasyon a,#navigasyon a.navHome
{
    color:#515151
}
#catImg,.select-wrapper
{
    position:relative
}

.navIcon
{
    width:   20px;
    height:20px;background:url(navIcon.png) center center no-repeat
}
[dir=rtl] #navigasyon li
{
    float:right
}
#navigasyon
{
    border-bottom:1px solid #515151
}
#navigasyon a
{
    float:   left;
    height:20px
;line-height:   20px;
    padding-left:5px
;text-transform:   uppercase;
    margin-top:10px
}
#navigasyon li:last-child
{
    font-weight:700
}
[dir=rtl] #navigasyon a span.forDesktop
{
    float:   right;
    padding-left:5px
}
#catImg p
{
    padding-bottom:0
}
#filterSort
{
    background:#e0e0e0
}

.filter-box
{
    margin-bottom:   -1px;
    line-height:30px;color:#6c6c6c
}
[dir=rtl] .box.b-right[for=stock],[dir=rtl] .filter-box
{
    border-right:   0;
    border-left:1px solid #d9d9d9
}

.filter-box select
{
    float:   left;
    height:30px
;margin:   0;
    padding:5px 15px 5px 10px
;border:   0;
    width:180px
;color:   #6c6c6c;
    appearance:none
;-moz-appearance:   none;
    -webkit-appearance:none;background:url("../../images/selectArrow.png") 95% center no-repeat #fff
}
[dir=rtl] .filter-box select
{
    padding-right:   0;
    padding-left:15px;background:url("../../images/selectArrow.png") 10px center no-repeat
}

.filter-box .input-wrap
{
    height:30px
}

.filter-box.col-text
{
    line-height:   30px;
    font-size:12px;color:#6C6C6C
}

.select-wrapper
{
    width:   53px;
    height:30px
}

.select
{
    width:   33px;
    padding:30px 5px 0
;position:   absolute;
    left:5px;z-index:333
}

.select:hover
{
    background:#F3F3F3
}

.select span
{
    width:   33px;
    height:20px
;cursor:   pointer;
    display:none
;padding:   5px 0;
    border-top:1px solid #B7B7B7
}

.select span.selected
{
    position:   absolute;
    top:0
;left:   5px;
    cursor:default
;display:   block;
    border-top:0
}

.select:hover span
{
    display:block
}
#pageLayout span,.qtyBtns a p
{
    display:   inline-block;
    cursor:pointer
}
/*#slider-range
{
    width:calc(100% - 17px)
;height:   4px;
    margin-top:20px
;margin-right:   17px;
    background:#b1b1b1
;position:   relative;
    margin-bottom:10px
}

.ui-slider-handle,.ui-slider-range
{
    position:   absolute;
    background:#ec3137
}

.ui-slider-range
{
    top:   0;
    height:4px
}

.ui-slider-handle
{
    top:   -6px;
    width:17px
;height:   17px;
    cursor:pointer;border-radius:100%
}*/
#pageLayout span
{
    height:   20px;
    padding-left:25px
;line-height:   20px;
    margin-right:15px
}

.catalogBtn.selected
{
    background:url(catalogIcon.png) left center no-repeat
}

.catalogBtn
{
    background:url(catalogIconPas.png) left center no-repeat
}

.listBtn
{
    background:url(listIcon.png) left center no-repeat
}

.listBtn.selected
{
    background:url(listIconAct.png) left center no-repeat
}
#leftColumn #filtre .btn.btn-default
{
    font-size:20px
}
#newsList .line-top:first-child
{
    border-top:0
}

.productType,.qtyBtns input
{
    font-size:   12px;
    text-transform:uppercase
}

.productType
{
    line-height:30px
}

.middleItem .productType
{
    line-height:14px
}
#commentTabContent .stars
{
    margin-bottom:   5px;
    margin-left:10px
}

.qtyBtns
{
    height:   46px;
    padding-top:2px
;padding-bottom:   2px;
    background-color:#d9d9d9
}

.package-line .qtyBtns
{
    height:36px
}

.middleItem .qtyBtns
{
    height:   30px;
    padding-top:1px
;padding-bottom:   1px;
    background:#e5e5e5
}

.qtyBtns a
{
    float:   left;
    width:30px
;height:   50px;
    line-height:46px
;text-align:   center;
    -webkit-user-select:none
;-moz-user-select:   none;
    -ms-user-select:none
;-o-user-select:   none;
    user-select:none
}

.middleItem .qtyBtns a
{
    height:   30px;
    line-height:28px;opacity:.5
}

.package-line .qtyBtns a
{
    width:   20px;
    height:36px;line-height:36px
}

.qtyBtns a p
{
    width:   11px;
    height:14px
;font-size:   20px;
    padding-bottom:0
;line-height:   13px;
    vertical-align:middle;color:#000
}

.package-line .qtyBtns a p
{
    float:none
}

.qtyBtns a[title="+"] p
{
    background-position:right 0
}

.qtyBtns input
{
    float:   left;
    width:40px
;height:   46px;
    line-height:46px
;font-size:   23px;
    color:#545454
;text-align:   center;
    padding-right:5px
;padding-left:   5px;
    border:0
}
#productRight .package-line .qtyBtns input
{
    width:   30px;
    height:36px
;line-height:   36px;
    font-size:13px
;padding-right:   0;
    padding-left:0;border-bottom:0!important
}

.middleItem .qtyBtns input
{
    height:   30px;
    line-height:30px;font-size:14px
}

.productRow
{
    display:   flex;
    align-items:center
}

.middleItem td
{
    padding:   10px;
    vertical-align:middle
}

.middleItem .lightBg td.line-right
{
    border-right:1px solid #dadada
}

.campaignWrapper
{
    float:   left;
    clear:both
;margin:   10px 0;
    position:relative
}

.campaignWrapper .campaign-line:nth-child(2n+1)
{
    background:   silver;
    color:#515151
}

.campaignWrapper .campaign-line:nth-child(2n)
{
    background:   #DCDCDC;
    color:#515151
}
div.campaignTitle
{
    padding-left:   40px;
    background:url(campign.png) left no-repeat;line-height:39px!important
;font-weight:   700;
    font-size:21px
}
h2.campaignTitle
{
    color:   #ec3137;
    width:100%
;font-size:   18px;
    padding:10px 0
;margin-top:   5px;
    overflow:hidden
;text-overflow:   ellipsis;
    display:-webkit-box
;-webkit-line-clamp:   2;
    -webkit-box-orient:vertical
;line-height:   27px;
    border:1px solid #ec3137
;text-align:   center;
    background:#fff
}

.campaignDiv
{
    padding:   0;
    float:left
;position:   relative;
    overflow:hidden
}

.campaignImgWrapper
{
    padding:   0 10px;
    text-align:center;cursor:pointer
}

.campaignDiv img
{
    border:   1px solid #ddd;
    margin:0 auto
}

.campaignOverlay
{
    width:100%;height:100%;border:0!important
}

.campaignDescription
{
    width:100%;height:calc(100% - 14px)
;font-size:   17px;
    float:left
;top:   0;
    display:flex
;position:   absolute;
    background:rgba(255,255,255,.8)
;color:   #000;
    align-items:center
;text-align:   center;
    justify-content:center
;font-weight:   700;
    opacity:0
}
:hover>.campaignDescription
{
    opacity:1
}

.campaignDescription a
{
    font-weight:   800;
    border-bottom:1px solid #ec3137
;color:   #ec3137;
    padding-right:5px
}

.campaignButton
{
    width:100%
;float:   left;
    clear:both
;margin-top:   10px;
    text-align:right
}

.campaignButton .GenelButon
{
    border:   0;
    outline:0
;cursor:   pointer;
    color:#fff
;right:   10px;
    position:absolute
;padding:   5px;
    background:#ec3137;bottom:10px
}

.middleItem td>span,.productRow div>span
{
    line-height:   2;
    clear:both
}

.middleItem td>span.basketProName,.productRow div>span.basketProName
{
    font-size:14px
}

.middleItem td>span.basketSubPro,.productRow div>span.basketSubPro
{
    display:   inline-block;
    padding-left:5px
;padding-right:   5px;
    margin-top:5px;margin-bottom:5px
}

.qtyBasketProduct
{
    width:28px
}

.removeBasketProduct
{
    float:   left;
    width:30px
;height:   30px;
    background:#000
}

.mDetay
{
    cursor:pointer
}
#cartEmpty
{
    font-size:   25px;
    line-height:250px
}
#leftColumn #cartEmpty,#rightColumn #cartEmpty
{
    font-size:   14px;
    line-height:25px
}
#cartEmpty:before
{
    content:''
;display:   inline-block;
    background:url("../../images/cartEmpty.png") center center no-repeat
;width:   128px;
    height:128px
;vertical-align:   middle;
    margin-right:20px
}
#leftColumn #cartEmpty:before,#rightColumn #cartEmpty:before
{
    margin-right:0
}
#currentPageLayer
{
    width:100%!important
}

.siteBilgi .row .col-2
{
    color:   #585858;
    margin-top:20px;line-height:1.2
}

.siteBilgi .grayBg
{
    height:   195px;
    padding:15px 5px 10px;background:#f6f6f6
}

.siteBilgi .mid
{
    margin:   10px 0 20px;
    font-weight:700
}


@media screen and (min-width:1001px)
{
    .qtyBtns input
    {
        min-width:28px
    }
}
@media screen and (max-width:1200px) and (min-width:769px)
{
    .navIcon
    {
        width:   30px;
        height:30px
    }
    #navigasyon a
    {
        height:   30px;
        line-height:30px;font-size:13px
    }

    .catSite .box a
    {
        font-size:18px
    }
}
@media screen and (min-width:769px)
{
    .middleItem .qtyBtns input
    {
        width:28px
    }
}
@media screen and (max-width:768px)
{
    #navigasyon a,#navigasyon a.navHome,.alertListBtn,.shopImg
    {
        padding-right:0
    }
    #cartEmpty,#navigasyon a
    {
        line-height:40px
    }
    body
    {
        background:#f9f9f9
    }

    .navIcon
    {
        width:   38px;
        height:38px
    }
    #navigasyon
    {
        border:   0;
        position:relative;background:url(navArrow.png) 0 center no-repeat #fff
    ;border-bottom:   1px solid #f0f0f0;
        margin-top:-10px
    }
    #navigasyon li
    {
        position:   absolute;
        width:100%;height:100%;opacity:0
    }
    #navigasyon li:last-child
    {
        position:   static;
        opacity:1;z-index:0
    }
    #navigasyon a
    {
        width:100%
    ;padding-left:   0;
        height:40px
    ;color:   #535353;
        font-size:13px
    ;text-transform:   uppercase;
        text-align:center;font-style:normal
    }

    .filter-box
    {
        margin-bottom:0
    }

    .alertListBtn
    {
        padding-bottom:10px
    }

    .campaignWrap
    {
        position:   relative;
        padding:0 0 30px
    }
    #cartEmpty:before
    {
        width:100%
    }

    .productRow
    {
        display:block
    }

    .productRow div>span.basketProName
    {
        position:   relative;
        font-size:13px;line-height:1.7
    }



    .removeBtn
    {
        position:   absolute;
        top:0;right:0
    }
    [dir=rtl] .removeBtn
    {
        right:   auto;
        left:0
    }
}