.plus,.plus:before,.plusWrap
{
    display:none
}
#appBtn,#memberMenuWrap a
{
    white-space:nowrap
}
#hmLinks>a,#live-search-box li,#memberMenuWrap,.bottomNote *,.menu a,.popular .link-wrap,.subMenu a
{
    box-sizing:border-box
}
:not(#mainMenu)>.menu,:not(#mainMenu)>.menu div:not(.dynamicMenu)
{
    background-color:inherit
}
:not(#mainMenu)>.menu
{
    position:relative
}

.social .box
{
    padding:  5px;
    color:#747474
}
div#live-search-box .col-5 > ul
{
    max-height:  272px;
    overflow: auto;
}

.ttc
{
    text-transform:  capitalize;
}
div#live-search-box .col-5 > ul::-webkit-scrollbar-track
{
    border:  1px solid #d6d6d6;
    background-color: #F5F5F5;
}
div#live-search-box .col-5 > ul::-webkit-scrollbar
{
    width:  10px;
    background-color: #F5F5F5;
}
div#live-search-box .col-5 > ul::-webkit-scrollbar-thumb
{
    background-color:  #868686;
}
div#live-search-box .col-5 > ul::-webkit-scrollbar-button
{
    background-color:  #fff;
}

.m20
{
    margin-bottom:75px
}

.plus
{
    position:  fixed;
    width:70px ;
    height:  35px;
    cursor:pointer ;
    bottom:  105px;
    right:0;
    z-index:998
}

.plus:before
{
    content:  "";
    position:absolute ;
    width:  40px;
    height:40px;
    background:url(plus.png) 15% bottom no-repeat ;
    z-index:  333;
    bottom:0 ;
    -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
}

.plus.active:before
{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    background-position:center bottom
}

.plus .fbp,.plus .wp
{
    width:  70px;
    display:block ;
    margin-bottom:  5px;
    height:35px;
    cursor:pointer
}

.plus .fbp
{
    background:url(face.png) no-repeat
}

.plus .wp
{
    background:url(yaz.png) no-repeat
}

.wp span
{
    width:  80px;
    height:35px ;
    line-height:  30px;
    text-align:center ;
    position:  absolute;
    left:-80px;
    background:url(bgYaz.png) no-repeat;
    opacity:0
}
#headerPhone,#topMenu a,#topMenu li:nth-child(4),.socialTop
{
    font-size:  12px;
    line-height:35px
}

.wp:hover span
{
    opacity:1
}

.menu-list
{
    z-index:33
}

.menu li
{
    float:left
}
[dir=rtl] .menu li
{
    float:right
}

.menu a
{
    float:  left;
    padding-left:10px;
    padding-right:10px
}
[dir=rtl] .menu a
{
    float:right
}

.menu li.parentLink>a
{
    background-repeat:  no-repeat;
    background-position:right center
}
[dir=rtl] .menu li.parentLink>a
{
    padding-right:  20px;
    padding-left:40px;
    background-position:10px center
}

.menu li.parentLink>ul
{
    position:  absolute;
    top:100% ;
    left:  0;
    width:200px;
    display:none
}
[dir=rtl] .menu li.parentLink>ul
{
    right:  0;
    left:auto
}

.menu li.parentLink li a
{
    width:100%
}
#appLogo img,#logo img
{
    max-width:100% ;
    width:  auto;
    margin-top: 7%;
}

.menu li.parentLink li.parentLink ul
{
    float:  left;
    position:relative ;
    box-sizing:  border-box;
    border-left:10px solid #dedede
}
[dir=rtl] .menu li.parentLink li.parentLink ul
{
    float:  right;
    border-right:10px solid #dedede;
    border-left:0
}
#mobileAppNotify
{
    position:  fixed;
    z-index:9999
}
#FormAra,#hmLinks,#mainMenu,#searchListWrap
{
    position:relative
}
#appNotify
{
    display:  flex;
    align-items:center
}
#live-search-box a,#logo p
{
    width:100%;
    align-items:center
}
#appLogo
{
    margin-right:  10px;
    margin-left:10px
}
#appLogo p
{
    padding-bottom:0
}
#appLogo img
{
    height:auto
}
#headerTop
{
    background:#ec3137
}
#topMenu,#topMenu a,#topMenu li
{
    float:  left;
    height:35px
}
[dir=rtl] #topMenu,[dir=rtl] #topMenu a,[dir=rtl] #topMenu li
{
    float:right
}
#topMenu a
{
    color:  #fff;
    padding-left:20px ;
    padding-right:  20px;
    border-right:1px solid #f26c8b
}
#topMenu li:nth-child(4)
{
    color:  #fff;
    background:#5e9746
}
[dir=rtl] #topMenu a
{
    border-right:  0;
    border-left:1px solid #ddd
}
#topMenu ul li:hover>a,#topMenu ul li:hover>span
{
    background-color:#ec3137!important
}
#headerTop select
{
    height:  30px;
    padding:0 30px 0 10px;
    background:url(selectArrow.png) right center no-repeat ;
    border:  0;
    border-left:1px solid #ddd ;
    appearance:  none;
    -moz-appearance:none ;
    -webkit-appearance:  none;
    color:#545454;
    font-size:12px
}
[dir=rtl] #headerTop select
{
    padding:  0 10px 0 30px;
    background:url(selectArrow.png) 10px center no-repeat ;
    border-right:  1px solid #ddd;
    border-left:0
}
#headerPhone,.socialTop
{
    color:#fff
}

.socialTop a,.socialTop span
{
    float:  left;
    padding-left:10px;
    font-weight:700
}

.socialTop img
{
    vertical-align:middle
}

.menuWrap
{
    background:  #f8f8f8;
    height:50px
}
#hmLinks
{
    padding-top:22px
}
#hmLinks a.basketLink
{
    position:  relative;
    height: 36px;
    line-height:  40px;
    padding-left: 41px;
    background: url("../../images/basketIcon.png") 0px center no-repeat;
    border-radius:  8px;
}

.basketLink .fl.fw700
{
    padding:  0 3px;
    line-height:36px
}
#hmLinks>a strong
{
    line-height:  36px;
    font-size:14px;
    font-weight:400
}
#hmLinks a.basketLink strong span,.orderPhone
{
    font-weight:700
}
#hmLinks a.basketLink .cart-soft-count
{
    line-height:  36px;
    font-size:14px;
    float:left
}
#memberMenuWrap
{
    height:  36px;
    line-height:36px ;
    padding-left:  40px;
    background:url("userIcon.png") 0 center no-repeat;
    border-radius:  8px;
}
#hmLinks a.basketLink div,#memberMenuWrap div
{
    background:  #ededed;
    border-radius:0px 8px 8px 0;
}
[dir=rtl] #memberMenuWrap
{
    margin-right:  0;
    margin-left:20px
}
#memberMenuWrap a
{
    line-height:  36px;
    font-size:13px ;
    padding-right:  4px;
    padding-left:5px;
    overflow:hidden!important ;
    text-overflow:  ellipsis;
    max-width:100%
}
[dir=rtl] #memberMenuWrap a
{
    border-right:  1px solid #aeaeae;
    border-left:0
}
#memberMenuWrap a:first-child
{
    border-left:0
}
[dir=rtl] #memberMenuWrap a:first-child
{
    border-right:0
}
#basketList
{
    display:  none;
    position:absolute ;
    top:  118px;
    left:0 ;
    background:  #fff;
    z-index:3333
}
/*#logo a
{
    float:  left;
    width:100%;
    height:60px

}*/

#logo a {
    float: left;
    width: 100%;
    height: 127px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*#logo p
{
    float:  left;
    height:auto ;
    display:  flex;
    padding-bottom:0
}*/
#logo img
{
    /*display:  inherit;
    max-height:100%*/
    width: 100%;
    height: auto;
    margin: 0;
}

.orderPhone
{
    font-size:  17px;
    line-height: 17px;
    margin-top:  17px;
    margin-right: 0px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.18);
    background: url("../../images/phoneOrder.png") no-repeat;
    background-position-x: 4%;
    background-position-y: 50%;
    padding:  14px 0 12px 0;
    margin-left: 6%;
    text-align:  center;
}

.orderPhone span
{
    display:block
}
#search
{
    margin-bottom:12px
}
#search .row
{
    height:36px
}
#FormAra
{
    height:100%
}
#live-search
{
    height:  36px;
    line-height:14px
}
#live-search-box
{
    position:  absolute;
    top:100%;
    width:194%;
    background:  #fff;
    z-index:99999;
    /*left:0%*/
}
#live-search-box ul
{
    float:  left;
    width:100%
}
#live-search-box li
{
    float:  left;
    width:102% ;
    border-right:  1px solid #ececec;
    border-bottom:1px solid #ececec;
    border-left:1px solid #ececec
}
#live-search-box a
{
    float:  left;
    font-weight:600 ;
    display:  flex;
    line-height:35px;
    color:#696868
}
#live-search-box span.col-12
{
    line-height:25px
}
#live-search-box div.search-image,#live-search-box span:not(.col-12)
{
    width:8% ;
    height:  auto;
// padding-bottom:8% ;
    margin-right:  15px;
    overflow:hidden
}
#live-search-box img
{
    margin:  0 auto;
    max-height: 42px;
    max-width:  42px;
}
#FormAra input[type=text]
{
    color:  #666;
    font-family: "PT Sans",sans-serif;
    font-size:  16px;
    font-family: "PT Sans",sans-serif;
    border-radius:  4px;
    border: 2px solid #bb2b38;
    background:  #f2f2f2;
    background: url("../../images/incele.png") left no-repeat #f2f2f2;
    padding-left:  29px;
    background-position-x: 10px;
    height:  45px;
}
#mainMenu .menu>li:hover .parentlink a,#mainMenu .menu>li:hover>a,#mainMenu .menu>li:nth-child(11)>a:first-child
{
    color:#fff
}
#FormAra input[type=text]::placeholder
{
    font-style:italic
}
#FormAra .placeholder
{
    right:  201px;
    line-height:35px;
    padding-left:20px
}
#FormAra input[type=submit]:not(.btn-small)
{
    height:  45px;
    cursor: pointer;
    border-radius:  0px 8px 8px 0px;
    margin-left: -4px;
}
#mainMenu:after,#mainMenu:before
{
    content:  "";
    width:10px ;
    height:  6px;
    bottom:-6px
}
#mainMenu
{
    height:  47px;
    background-color:#ededed ;
    z-index:  777;
    padding:0 10px
}
#mainMenu:after,#mainMenu:before,.subMenu
{
    position:  absolute;
    display:block
}
#mainMenu:before
{
    background:url("../../images/before.png") no-repeat;
    left:0
}
#mainMenu:after
{
    background:url("../../images/after.png") no-repeat;
    right:0
}
#mainMenu .menu>li
{
    padding-top:  9px;
    padding-bottom:9px
}
/*#mainMenu .menu>li:last-child
{
    background:#5e9746
}*/
#mainMenu .menu>li:nth-child(11)
{
    background:#254498
}
#mainMenu .menu>li:hover
{
    background:#ec3137
}
#mainMenu .camp a
{
    font-size:14px!important;
    line-height:16px!important
}
#mainMenu a:not(.bran)
{
    height:  29px;
    line-height:29px;
    font-size:1.09vw;
    color:#000
}
#mainMenu .camp a:first-child
{
    height:auto!important
}

.menu li.parentLink>a
{
    background-color:transparent
}
#mainMenu #homeLink a
{
    width:  54px;
    background:url(homeIcon.png) center center no-repeat
}
#mainMenu .menu .parentLink li a
{
    height:  auto;
    line-height:25px ;
    font-size:  12px;
    color:#000 ;
    border-right:  0;
    padding-right:0;
    padding-left:0
}
#mainMenu .parentLink .sublink-wrap li a
{
    line-height:  17px;
    color:#797979
}

.subMenu
{
    left:  10px;
    right:0;
    max-width:98%;
    box-shadow:0 2px 2px 0 rgba(0,0,0,.1) ;
    opacity:  0;
    visibility:hidden
}

.popular .link-wrap
{
    width:89%
}

.subMenu :not(.dynamicMenu):not(.popular)
{
    background-color:transparent
}

.camp
{
    line-height:20px
}
#mainMenu .subMenu
{
    top:  45px;
    border-top:1px solid #ec3137 ;
    border-bottom:  5px solid #ec3137;
    font-size:16px;
    z-index:9999
}
:hover>.subMenu
{
    -webkit-transition-timing-function:cubic-bezier(0,1,.5,1) t;
    -moz-transition-timing-function:cubic-bezier(0,1,.5,1);
    -ms-transition-timing-function:cubic-bezier(0,1,.5,1);
    -o-transition-timing-function:cubic-bezier(0,1,.5,1);
    transition-timing-function:cubic-bezier(0,1,.5,1)
;-webkit-transition-duration:           1s;
    -moz-transition-duration:1s
;-ms-transition-duration:           1s;
    -o-transition-duration:1s
;transition-duration:           1s;
    -webkit-transition-delay:.7s;transition-delay:.7s
;opacity:           1;
    visibility:visible
}

.menuTitle
{
    font-size:  16px;
    padding-bottom:5px;
    border-color:#000
}

.popular .menuTitle
{
    color:  #ec3137;
    border-color:#ec3137;
    background:url(popular.png) 13% top no-repeat;
    padding-left:5px
}

.popular li
{
    list-style:inside url(heart.png) ;
    line-height:  25px;
    float:left
}

.subMenu a
{
    padding-right:  10px;
    padding-left:10px ;
    font-size:  12px;
    font-family:'PT Sans',sans-serif
}

.subMenu li li a
{
    font-size:  11px;
    background-repeat:no-repeat;
    background-position:0 center
}

.subMenu a:hover
{
    background-color:#fff
}
#mainMenu .parentLink .sublink-wrap li a:hover,#mainMenu .subMenu a:hover
{
    color:#ec3137
}

.subMenu .dynamicMenu
{
    background:  #fff;
    z-index:9999
}

.popular
{
    padding:0 20px
}

.bottomNote *
{
    line-height:  25px;
    color:#fff;
    max-height:25px
}

.bottomNote div
{
    background:  #ec3137;
    border-left:10px solid #f8f8f8;
    border-right:10px solid #f8f8f8
}
#alterMenu
{
    background:  #fff;
    padding:4px 0
}
#alterMenu .menu>li
{
    padding-top:  4px;
    padding-bottom:4px
}
#alterMenu .menu>li:hover
{
    background:#f5f5f5
}
#alterMenu a
{
    line-height:  21px;
    font-size:12px ;
    color:  #545454;
    border-right:1px solid #ddd
}
#alterMenu .menu>li:hover .subMenu a,#alterMenu li:last-child a
{
    border-right:0
}
[dir=rtl] #alterMenu a
{
    border-right:  0;
    border-left:1px solid #ddd
}
[dir=rtl] #alterMenu li:last-child a
{
    border-left:0
}
#alterMenu .menu>li:hover a
{
    color:#000
}
#alterMenu .menu>li:hover .subMenu
{
    top:  29px;
    z-index:3333
}
#alterMenu .menu>li:hover .subMenu a:hover
{
    color:#f37121
}
#alterMenu .subMenu a,#alterMenu .subMenu li
{
    line-height:  30px;
    border-color:#e0e0e0
}
@media screen and (min-width:1900px)
{
    .plus
    {
        right:143px
    }
    #backToTop
    {
        right:145px
    }

    #mobileCart
    {
        right:145px
    }
}
@media screen and (max-width:1230px) and (min-width:769px)
{
    .menu a
    {
        padding-left:  10px;
        padding-right:10px
    }

    .menu li.parentLink>a
    {
        padding-right:19px
    }
    #mainMenu a:not(.bran)
    {
        font-size:12px
    }
    #memberMenuWrap a
    {
        font-size:8px
    }
    #hmLinks a.basketLink .cart-soft-count,#hmLinks>a strong
    {
        font-size:12px
    }
    body
    {
        font-size:11px
    }

    .orderPhone
    {
        font-size:12px
    }
}
@media screen and (max-width:1200px) and (min-width:1000px)
{
    .menu a
    {
        padding-left:  5px;
        padding-right:5px
    }

    .menu li.parentLink>a
    {
        padding-right:18px
    }
    #mainMenu a:not(.bran)
    {
        font-size:10px
    }
    #memberMenuWrap a
    {
        font-size:7px
    }
    #hmLinks a.basketLink .cart-soft-count,#hmLinks>a strong,body
    {
        font-size:10px
    }

    .catSite .box a
    {
        font-size:13px
    }

    .orderPhone
    {
        font-size:11px
    }
}
@media screen and (max-width:999px) and (min-width:769px)
{
    .menu a
    {
        padding-left:  5px;
        padding-right:5px
    }

    .menu li.parentLink>a
    {
        padding-right:10px
    }
    #memberMenuWrap a
    {
        font-size:6px
    }
    #hmLinks>a strong
    {
        font-size:8px
    }

    .socialTop
    {
        display:none
    }
    #hmLinks a.basketLink .cart-soft-count,body
    {
        font-size:9px
    }

    .catSite .box a
    {
        font-size:11px
    }

    .orderPhone
    {
        font-size:10px
    }
}
@media screen and (min-width:769px)
{
    .menu li.parentLink:hover>ul
    {
        display:block
    }
}
@media screen and (min-width:1230px)
{
    #mainMenu a:not(.bran)
    {
        font-size:  12px;
        padding:0 15px
    }
}
@media screen and (min-width:1320px)
{
    #mainMenu a:not(.bran)
    {
        font-size:  14px;
        padding:0 13px
    }
}
@media screen and (min-width:1400px)
{
    #mainMenu a:not(.bran)
    {
        font-size:  15px;
        padding:0 13px
    }
}
@media screen and (min-width:1441px)
{
    #mainMenu a:not(.bran)
    {
        font-size:  20px;
        padding:0 16.5px
    }

    #mainMenu .fixedCat a {
        padding: 0 5px;
    }
}
@media screen and (max-width:768px)
{
    #mobileMenu,#pageOverlay
    {
        position:  fixed;
        top:0;
        bottom:0
    }
    #headerMain,#search
    {
        margin-top:  0;
        margin-bottom:0
    }
    #memberMenuWrap,#search
    {
        padding-left:0
    }
    #mainMenu,#mobileMenu
    {
        -webkit-overflow-scrolling:touch
    }
    #mobileAppNotify
    {
        background-color:#6e6e6e
    }
    #appNotify
    {
        position:  relative;
        z-index:9999
    }
    #appNotifyClose
    {
        font-size:  30px;
        margin-right:10px
    }
    #applogo
    {
        display:  flex;
        width:90px ;
        height:  60px;
        align-items:center
    }
    #applogo *
    {
        margin:  0;
        padding:0
    }

    .menu-list,.menu-list a,.menu-list li
    {
        width:100%
    }
    #favMobile:before,#loginMobile:before,#regisMobile:before
    {
        width:  30px;
        height:45px;
        content:''
    }

    .menu li.parentLink ul.show,.menu-list.show
    {
        display:block
    }
    #mobileMenu li ul,#pageOverlay,#searchRight select
    {
        display:none
    }

    .animate
    {
        -webkit-animation-duration:.5s;
        animation-duration:.5s ;
        -webkit-animation-fill-mode:  both;
        animation-fill-mode:both
    }
    #menuBtn
    {
        width:  54px;
        height:54px;
        background:url("../../images/menuBtn.png") no-repeat;
        cursor:pointer
    }
    [dir=rtl] #menuBtn
    {
        background-position:10px center
    }
    @-webkit-keyframes pageOverlayDefault
    {
        from
        {
            opacity:1
        }
        to
        {
            opacity:0
        }
    }
    @keyframes pageOverlayDefault
    {
        from
        {
            opacity:1
        }
        to
        {
            opacity:0
        }
    }
    #pageOverlay
    {
        right:  0;
        left:0;
        background:rgba(0,0,0,.7) ;
        z-index:  3333;
        opacity:0;
        -webkit-animation-duration:1.5s;
        animation-duration:1.5s ;
        -webkit-animation-name:  pageOverlayDefault;
        animation-name:pageOverlayDefault
    }
    @-webkit-keyframes pageOverlay
    {
        from
        {
            opacity:0
        }
        to
        {
            opacity:1
        }
    }
    @keyframes pageOverlay
    {
        from
        {
            opacity:0
        }
        to
        {
            opacity:1
        }
    }

    .menuShow #pageOverlay
    {
        display:  block;
        -webkit-animation-name:pageOverlay;
        animation-name:pageOverlay
    }
    @-webkit-keyframes mobileMenuDefault
    {
        from
        {
            left:0
        }
        to
        {
            left:-100%
        }
    }
    @-webkit-keyframes mobileMenuDefaultRtl
    {
        from
        {
            right:0
        }
        to
        {
            right:-100%
        }
    }
    @keyframes mobileMenuDefault
    {
        from
        {
            left:0
        }
        to
        {
            left:-100%
        }
    }
    @keyframes mobileMenuDefaultRtl
    {
        from
        {
            right:0
        }
        to
        {
            right:-100%
        }
    }
    #mobileMenu
    {
        left:-100%;
        width:100% ;
        background:  #fff;
        overflow-y:scroll ;
        z-index:  4444;
        -webkit-animation-name:mobileMenuDefaultRtl;
        animation-name:mobileMenuDefaultRtl
    }
    [dir=rtl] #mobileMenu
    {
        right:-100% ;
        left:  auto;
        -webkit-animation-name:mobileMenuDefault;
        animation-name:mobileMenuDefault
    }
    @-webkit-keyframes mobileMenu
    {
        from
        {
            left:-100%
        }
        to
        {
            left:0
        }
    }
    @-webkit-keyframes mobileMenuRtl
    {
        from
        {
            right:-100%
        }
        to
        {
            right:0
        }
    }
    @keyframes mobileMenu
    {
        from
        {
            left:-100%
        }
        to
        {
            left:0
        }
    }
    @keyframes mobileMenuRtl
    {
        from
        {
            right:-100%
        }
        to
        {
            right:0
        }
    }

    .menuShow #mobileMenu
    {
        -webkit-animation-name:  mobileMenu;
        animation-name:mobileMenu
    }
    [dir=rtl] .menuShow #mobileMenu
    {
        -webkit-animation-name:  mobileMenuRtl;
        animation-name:mobileMenuRtl
    }
    #closeMobileMenu
    {
        line-height:  44px;
        color:#363636 ;
        font-size:  18px;
        padding-left:54px;
        background:url("../../images/menuBtnActive.png") no-repeat;
        cursor:pointer
    }
    #mobileMenu a,#mobileMenu label,#mobileMenu select,#mobileMenu span
    {
        color:  #666;
        font-size:18px ;
        line-height:  64px;
        background:url(menuArrow.png) right center no-repeat;
        cursor:pointer
    }
    [dir=rtl] #mobileMenu a,[dir=rtl] #mobileMenu label,[dir=rtl] #mobileMenu select,[dir=rtl] #mobileMenu span
    {
        background:url(menuArrowRtl.png) 0 center no-repeat
    }
    #mobileMenu span.active
    {
        color:  #f36d24;
        background:url(menuArrowActive.png) right center no-repeat
    }
    [dir=rtl] #mobileMenu span.active
    {
        background:url(menuArrowActive.png) 10px center no-repeat
    }
    #mobileMenu li ul a
    {
        color:  #999;
        font-size:23px ;
        line-height:  40px;
        background:url(menuSubArrow.png) 0 center no-repeat
    }
    [dir=rtl] #mobileMenu li ul a
    {
        background:url(menuSubArrowRtl.png) right center no-repeat
    }
    #mobileMenu select,[dir=rtl] #mobileMenu select
    {
        background:  0 0;
        border:0
    }
    #mobileMenu label[for=langMobile]
    {
        padding-left:  50px;
        background:url(langMobileIcon.png) 10px center no-repeat
    }
    [dir=rtl] #mobileMenu label[for=langMobile]
    {
        padding-right:  50px;
        padding-left:10px;
        background:url(langMobileIcon.png) calc(100% - 10px) center no-repeat
    }
    #mobileMenu label[for=curMobile]
    {
        padding-left:  50px;
        background:url(curMobileIcon.png) 10px center no-repeat
    }
    [dir=rtl] #mobileMenu label[for=curMobile]
    {
        padding-right:  50px;
        padding-left:10px;
        background:url(curMobileIcon.png) calc(100% - 10px) center no-repeat
    }
    #basketMobile
    {
        padding-left:  50px;
        background:url(basketMobileIcon.png) 10px center no-repeat
    }
    [dir=rtl] #basketMobile
    {
        padding-right:  50px;
        padding-left:10px;
        background:url(basketMobileIcon.png) calc(100% - 10px) center no-repeat
    }
    #loginMobile:before
    {
        float:  left;
        background:url(profileMobileIcon.png) 0 center no-repeat;
        margin-right:10px
    }
    [dir=rtl] #favMobile:before,[dir=rtl] #loginMobile:before,[dir=rtl] #regisMobile:before
    {
        float:right
    }
    #regisMobile:before
    {
        float:  left;
        background:url(registerMobileIcon.png) 0 center no-repeat;
        margin-right:10px
    }
    #favMobile:before
    {
        float:  left;
        background:url(favMobileIcon.png) 0 center no-repeat;
        margin-right:10px
    }
    #logo a,#logo p
    {
        height:  74px;
        line-height:74px
    }
    #logo a img
    {
        width:  auto;
        display:inline;
        vertical-align:middle
    }
    #search
    {
        padding-right:0
    }
    #hmLinks
    {
        padding-top:19px
    }
    [dir=rtl] #memberMenuWrap
    {
        margin-left:15px
    }
    #memberMenuWrap a
    {
        width:  0;
        padding-right:0 ;
        padding-left:  23px;
        overflow:hidden
    }
    [dir=rtl] #memberMenuWrap a
    {
        direction:  ltr;
        text-align:left
    }
    [dir=rtl] #hmLinks a.basketLink
    {
        margin-left:5px
    }
    #hmLinks a strong
    {
        line-height:  22px;
        font-size:14px
    }
    #hmLinks a:hover strong
    {
        color:#000
    }
    #search .row
    {
        height:  40px;
        margin-right:0;
        margin-left:0
    }
    #FormAra input[type=text]
    {
        height:  40px;
        font-size:16px ;
        padding-top:  0;
        padding-bottom:0
    }
    #FormAra input[type=text]::-webkit-input-placeholder
    {
        line-height:  25px;
        font-size:14px;
        color:#363636
    }
    #FormAra input[type=text]::-moz-placeholder
    {
        line-height:  25px;
        font-size:14px;
        color:#363636
    }
    #FormAra input[type=text]:-ms-input-placeholder
    {
        line-height:  25px;
        font-size:14px;
        color:#363636
    }
    #FormAra input[type=text]:-moz-placeholder
    {
        line-height:  25px;
        font-size:14px;
        color:#363636
    }
    #FormAra input[type=submit]
    {
        height:  40px;
        line-height:40px;
        font-size:16px
    }
    #mobileMenu span#searchRight
    {
        width:  auto;
        padding-top:6px ;
        padding-bottom:  6px;
        background:0 0
    }
    #mobileOptions .line-bottom
    {
        border-color:#c1c1c1
    }
    #mobileMenu #mobileOptions a,#mobileMenu #mobileOptions label,#mobileMenu #mobileOptions select,#mobileMenu #mobileOptions span
    {
        color:  #363636;
        text-transform:capitalize
    }
    #mobileMenu #mobileOptions select
    {
        height:  50px;
        line-height:50px
    }
    #curMobile
    {
        padding:0
    }
    #mainMenu
    {
        overflow-x:scroll
    }
    #mainMenu .menu.forMobile
    {
        width:  auto;
        display:flex
    }
    #mainMenu .menu li.current
    {
        background:  #505050;
        border-bottom:2px solid #e34d0b
    }
    #mainMenu .menu a
    {
        white-space:nowrap
    }
}
@media screen and (max-width:540px)
{
    #header
    {
        padding-top:74px
    }
    #headerMain
    {
        position:  fixed;
        top:0 ;
        left:  0;
        background:#fff;
        box-shadow:0 3px 3px rgba(0,0,0,.1);
        z-index:999
    }
    #mainMenu
    {
        border-radius:0
    }
    #closeMobileMenu
    {
        font-size:14px
    }
    #mobileMenu a,#mobileMenu label,#mobileMenu select,#mobileMenu span
    {
        line-height:  50px;
        font-size:14px;
        text-transform:uppercase
    }
    #mobileMenu li ul a,#mobileMenu li ul span
    {
        line-height:  30px;
        font-size:14px
    }

    .menuOverflow
    {
        position:relative
    }

    .menuNext,.menuPrev
    {
        position:  absolute;
        top:0 ;
        bottom:  0;
        width:15px;
        height:100%;
        background-color:rgba(0,0,0,.3);
        z-index:33
    }

    .menuPrev
    {
        left:0
    }

    .menuNext
    {
        right:0
    }
}

.erkekOzel #headerTop
{
    background:#254498
}

.erkekOzel #topMenu a
{
    line-height:  35px;
    color:#fff ;
    font-size:  12px;
    padding-left:20px ;
    padding-right:  20px;
    border-right:1px solid #254498
}
#topMenu ul li:hover>a,.erkekOzel #topMenu ul li:hover>span
{
    background:#172542
}

.erkekOzel .orderPhone
{
    font-size:  17px;
    line-height: 17px;
    margin-top:  17px;
    margin-right: 0px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.18);
    background: url(/Data/EditorFiles/phoneOrder2.png) no-repeat;
    background-position-x: 18%;
    background-position-y: 50%;
    padding:  14px 0 12px 0;
    margin-left: 6%;
    text-align:  center;
}

.erkekOzel #FormAra input[type=text]
{
    color:  #666;
    font-family: "PT Sans",sans-serif;
    font-size:  16px;
    font-family: "PT Sans",sans-serif;
    border-radius:  4px;
    border: 2px solid #bb2b38;
    background:  #f2f2f2;
    background: url(/Data/EditorFiles/inceleerkek.png) left no-repeat #f2f2f2;
    padding-left:  29px;
    background-position-x: 10px;
    height:  45px;
}

.erkekOzel .menuWrap
{
    background:  #254498;
    height:47px
}

.erkekOzel #FormAra input[type=submit]:not(.btn-small)
{
    height:  45px;
    cursor: pointer;
    border-radius:  0px 8px 8px 0px;
    margin-left: -4px;
    background-color:  #254498;
}

.erkekOzel #FormAra input[type=text]
{
    color:  #666;
    font-size:13px;
    font-family:"PT Sans",sans-serif ;
    border-color:  #254498;
    border-radius:0
}

.erkekOzel .bottomNote div
{
    background:  #254498;
    border-left:10px solid #f8f8f8;
    border-right:10px solid #f8f8f8
}

.erkekOzel .productBrand
{
    line-height:  29px;
    font-size:12px ;
    color:  #fff;
    font-weight:700 ;
    text-transform:  uppercase;
    position:absolute ;
    top:  0;
    left:0 ;
    text-align:  center;
    z-index:3 ;
    background:  #254498;
    white-space:nowrap;
    overflow:hidden!important;
    text-overflow:ellipsis
}

.erkekOzel .productItem .box-border
{
    border-color:  #254498;
    position:relative
}

.erkekOzel .discountedPrice
{
    line-height:  14px;
    font-size:14px ;
    display:  inline-block;
    color:#254498 ;
    text-decoration:  line-through;
    font-weight:700 ;
    border-right:  1px solid #254498;
    padding:0 10px
}

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

.erkekOzel .filterBtn
{
    padding:  5px 0;
    background-color:#254498!important
}

.erkekOzel .ui-slider-handle
{
    position:  absolute;
    top:-6px ;
    width:  17px;
    height:17px ;
    background:  #254498;
    cursor:pointer;
    border-radius:100%
}

.erkekOzel .ui-slider-range
{
    position:  absolute;
    top:0 ;
    height:  4px;
    background:#254498
}

.erkekOzel .image-wrapper.box-border
{
    border-color:#254498
}

.erkekOzel .productColListItem .currentPrice
{
    line-height:  17px;
    font-size:15px;
    color:#254498
}

.erkekOzel .incele
{
    padding:  10px 10px 10px 25px;
    color:#254498 ;
    font-style:  italic;
    background-image:url(/Data/EditorFiles/inceleerkek.png) ;
    background-repeat:  no-repeat;
    background-position:3px center;
    z-index:33
}

.erkekOzel .col-title:not(.catt):after
{
    content:  "";
    width:20px ;
    position:  absolute;
    top:5px ;
    right:  10px;
    height:20px;
    background:url(/Data/EditorFiles/arrowFerkek.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
}
#headeradsclose
{
    position:  absolute;
    top: 10px;
    right:  15px;
    background-color: black;
    color:  #fff;
    padding: 5px;
    cursor:  pointer;
}