:not(#mainMenu) > .menu, :not(#mainMenu) > .menu div:not(.dynamicMenu)
{
background-color:               inherit;
}
:not(#mainMenu) > .menu
{
position:               relative;
}

.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;
box-sizing:border-box;
}
[dir="rtl"] .menu a
{
float:               right;
}

.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%;
}

.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;
}
#appNotify
{
display:               flex;
align-items:center;
}
#appLogo p
{
padding-bottom:               0;
}
#appLogo img
{
max-width:100%;
width:               auto;
height:auto;
}
#appBtn
{
white-space:               nowrap;
}

.sticky .dn-sticky
{
display:               none;
}

.header-wrapper
{
z-index:                10;
position: fixed
;top:         0;
}

.sticky #header-wrap
{
/*
position:               fixed;
*/top:0
;left:               0;
z-index:999;
}
#headerTop
{
height:               50px;
line-height:50px;color:  var(--darkPrimary-color)
;text-align:                center;
transition: 0.3s all;
}

.sticky #headerTop
{
height:               0;
overflow:hidden;
}

.locationLinkWrap
{
padding:                7px 10px;
box-sizing: border-box;
}
[dir="rtl"] #topMenu,
[dir="rtl"] #topMenu li,
[dir="rtl"] #topMenu a
{
float:               right;
}
#topMenu a
{
line-height:               30px;
color:#545454;
font-size:               12px;
padding-left:20px;
padding-right:               20px;
border-right:1px solid #ddd;
}
[dir="rtl"] #topMenu a
{
border-right:               0;
border-left:1px solid #ddd;
}
#topMenu ul li:hover > span, #topMenu ul li:hover > a
{
background:               #e2e2e2;
}
#headerPhone
{
color:               #545454;
font-size:12px;
line-height:               30px;
}
#header-wrap .cart-soft-count,
#header-customer-msg .message-count
{
width:                18px;
height: 18px;
line-height:                17px;
border-radius:10px;
background:                #97CACC;
}
#basketList
{
display:               none;
position:absolute;
top:100%;
left:               0;
background:#fff;
z-index:               3333;
}
#logo
{
padding-left:            20px;
width: 100px;
}

.sticky #logo a
{
display:            block;
}
#logo p,
#logo img
{
-webkit-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-moz-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-ms-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-o-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
-ms-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.5s;
}
#logo p
{
padding:         0;
height: 100%;
padding:      13px 0;
}
#logo a, #logo img
{
height:100%;
}
#searchListWrap
{
position:               relative;
}
#live-search
{
height:               36px;
line-height:14px;
}
#live-search-box
{
top:100%;
left:               -1px;
z-index:999;
}
[dir="rtl"] #FormAra
{
left:                0;
right: auto;
}

.forDesktop #FormAra.focus
{
width:100%;
}

.forDesktop #FormAra.focus:before
{
content:'';
}
[dir="rtl"] .forDesktop #FormAra:not(.focus):before
{
left:                48px;
right: auto;
}

.sticky .forDesktop #FormAra:not(.focus):before
{
right:               38px;
line-height:38px;
}
[dir="rtl"] .sticky .forDesktop #FormAra:not(.focus):before
{
left:                38px;
right: auto;
}
[dir="rtl"] .forDesktop #FormAra:not(.focus):after
{
left:                0;
right: auto;
}

.sticky .forDesktop #FormAra:not(.focus):after
{
width:               38px;
line-height:38px;
}
#FormAra input[type="text"]
{
width: calc(100% - 56px)
;height:                55px;
color:#a8a8a8
;font-size:                16px;
border:0
;box-sizing:               border-box;
}
#FormAra input[type="text"]:focus
{
box-shadow:               none;
}
#FormAra button[type="submit"]
{
position:               relative;
width: 55px;
height:                55px;
font-size: 29px;
border:               0;
cursor:pointer;
background:               none;
color: #000F9F;
}
#FormAra.focus input[type="text"],
#mobileWrapper #FormAra input[type="text"],
#FormAra.focus button[type="submit"],
#mobileWrapper #FormAra.focus button[type="submit"]
{
display:               block;
}
#live-search
{
height:               36px;
line-height:14px;
}
#live-search-box
{
position:               absolute;
top:100%;
width:calc(100% + 2px);
background:               #fff;
border-bottom:0;
z-index:               999;
}
#live-search-box ul
{
float:               left;
width:100%;
border-top:               1px solid #ececec;
}
#live-search-box li
{
float:               left;
width:100%;
box-sizing:               border-box;
border-right:1px solid #ececec;
border-bottom:               1px solid #ececec;
border-left:1px solid #ececec;
}
#live-search-box a
{
float:               left;
width:100%;
font-weight:               600;
display:flex;
align-items:               center;
}
#live-search-box:not([data-callback]) span,
#live-search-box .search-image
{
width:5%;
height:               0;
padding-bottom:5%;
margin-top:               5px;
margin-right:15px;
margin-bottom:               5px;
margin-left:5px;
overflow:               hidden;
}
#live-search-box[data-callback] span
{
box-sizing:                border-box;
}
#live-search-box img
{
margin:               0 auto;
}
#mainMenu .menu > li
{
padding-top:       10px;
padding-bottom: 10px;
}
#mainMenu>ul>li>span>a
{
padding:            0 01vw;
}
#mainMenu a:not(.btn)
{
height:               48px;
line-height:48px
;font-size:            16px;
color: var(--primary-color)
;overflow:                hidden;
text-overflow: ellipsis
;white-space:                nowrap;
font-weight: 500;
transition:         none;
}

.menu li.parentLink > a
{
background-color:               transparent;
}
#mainMenu .parentLink li a:not(.btn)
{
height:               auto;
line-height: 39px
;border-right:               0;
padding-right:0
;padding-left:               0;
}

.catImgWrapper span
{
margin-bottom:               15px;
}
#mainMenu .menu > li.parentLink:hover > span > a
{
border-bottom:         2px solid;
}
#mainMenu .parentLink .sublink-wrap li a
{
line-height:               17px;
color:#797979;
}

.subMenu
{
max-width:               1200px;
box-shadow:0 2px 2px 0px rgba(0,0,0,.1);
}

.subMenu *:not(.dynamicMenu)
{
/*
background-color:               transparent;
*/
}

.menuTitle
{
font-size:               20px;
padding-bottom:10px;
}

.subMenu a:not(.btn)
{
padding-right:               10px;
padding-left:10px;
font-size:               12px;
box-sizing:border-box;
}

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

.subMenu .dynamicMenu
{
background:               #fff;
}
#headerBottom
{
height:               20px;
overflow:hidden;
}

.sticky #headerBottom
{
height:               0;
}
#alterMenu.menu > li:before
{
content:'.';
float:               left;
line-height:20px;
font-size:               25px;
margin-top:-17px;
}
#alterMenu a
{
line-height:               20px;
font-size:11px;
color:               #5e5e5e;
}
[dir="rtl"] #alterMenu a
{
border-right:               0;
border-left:1px solid #ddd;
}
#alterMenu li:last-child a
{
border-right:               0;
}
[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
{
border-right:               0;
}
#alterMenu .menu > li:hover .subMenu a:hover
{
color:               #f37121;
}
#alterMenu .subMenu li, #alterMenu .subMenu a
{
line-height:               30px;
border-color:#e0e0e0;
}
div#headerMain
{
background-color:                #EBEBEB;
padding: 0 10px;
}

.duyuruTop .swiper
{
width: 100%;
height: 100%;
}

.headerIcon a
{
width:                50px;
height: 50px;
margin:                0 5px;
position: relative;
}

.headerIcon a#searchIcon
{
background: url(/Data/EditorFiles/tema/img/svg/search.svg) no-repeat center;
}

.headerIcon a#userIcon
{
background: url(/Data/EditorFiles/tema/img/svg/user.svg) no-repeat center;
}

.headerIcon a#favIcon
{
background: url(/Data/EditorFiles/tema/img/svg/heart.svg) no-repeat center;
}

.headerIcon a#cart-soft-count
{
background: url(/Data/EditorFiles/tema/img/svg/bag.svg) no-repeat center;
}

.headerIcon a#locationIcon
{
background: url(/Data/EditorFiles/tema/img/svg/location.svg) no-repeat center;
}
#headerMain .drop-down.hover:hover .drop-down-title + .top
{
top: 96%;
}

.subMenuList li:last-child
{
margin-top:               25px;
}

.subMenuList li a:not(.btn)
{
padding-left: 50px !important;
}

.subMenuImage .catImgWrapper
{
display:               none;
}

.subMenuImage .catImgWrapper:first-child
{
display:               block;
}
#header-customer-msg .icon-email:before
{
font-size:              19px;
color: var(--primary-color);
margin:              0;
}
#header-customer-msg a
{
width:              50px;
height: 50px;
display:              flex;
align-items: center;
justify-content:              center;
}
#mainMenu .drop-down.hover .drop-down-title + .top
{
transition: 0.3s all;
top:         25px;
scale:0;
}
#mainMenu  .drop-down.hover:hover .drop-down-title + .top
{
scale:        1;
}
#productThumbs li
{
width: 20%;
}
#cart-preview-wrapper
{
right:      -470px;
width: 470px;
max-width: 100%;
max-height: 100%;
overflow-y:      scroll;
-webkit-perspective: 0;
-webkit-overflow-scrolling:      touch;
z-index: 9999;
}

.active+#cart-preview-wrapper
{
right:      0;
box-shadow:  -3px 0 10px 0px #ddd;
}

.overlay.active
{
z-index:      9998;
opacity:0.2;
visibility:     visible;
cursor:pointer;
}

.cart-fixed
{
position:      absolute;
bottom: 0;
left:      0;
right: 0;
background:      #EFEFEF;
color: #5D5D5D;
}

.proceed-div
{
padding:      20px;
float: left;
display:      block;
box-sizing: border-box;
width: 100%;
}

.detay_row
{
display:      flex;
justify-content: space-between;
padding:      5px 0;
}
#cart-preview .preview-product-title
{
    font-size:      22px;
    font-weight: 700;
    color: var(--primary-color);
    width: calc(100% - 16px);
}
#cart-preview .alturun
{
color:      #A1A1A1;
}
#cart-preview .cart-price
{
color: var(--primary-color);
font-size:      23px;
font-weight: 700;
}

.preview-close
{
color:      #5D5D5D;
cursor:pointer;
}
#cart-preview a.removeBtnn
{
background: url('/Data/EditorFiles/tema/img/svg/bin.svg') no-repeat center center;
width:      31px;
height: 31px;
position:      absolute;
right: 0;
border:      1px solid #D4D4D4;
}
#cart-preview a.removeBtnn:hover
{
filter: invert(1);
}

.cart-sabitHaric
{
overflow-y:      scroll;
}
#cart-preview .itemss
{
cursor:     pointer;
}
#cart-preview .itemss:last-child
{
border:      0;
}

.lb-nav a.lb-next,.lb-nav a.lb-prev
{
opacity:1 !important;
background-size:  60px;
}
@media screen and (max-width: 1230px)
{
#header-info
{
border-left:               0;
}
#headerMain
{
padding-right:               20px;
padding-left:20px;
}
#mainMenu .menu > li
{
padding-right:               5px;
}

.menu a
{
padding-right:               5px;
padding-left:5px;
}
}
@media screen and (max-width: 1000px)
{
.forDesktop #FormAra:before
{
content:'';
}
#headerTop
{
height:               40px;
line-height:40px;
}
#mainMenu a
{
font-size:               12px;
}
}
@media screen and (min-width: 769px)
{
div#skeleton
{
padding-top:         110px;
}

.page-home div#oneCol
{
margin-top:           30px;
}

.menu li.parentLink:hover > ul
{
display:               block;
}

.searchTitle
{
font-size:                22px;
margin-bottom: 38px;
text-align:                center;
}
div#search
{
position:                fixed;
left: 0;
top:                -160px;
height: 150px;
width: 100%;
background-color:                #FFF;
display: flex;
align-items:                center;
z-index: 9999;
transition: 0.3s all;
box-shadow:                0 0 6px 2px #ddd;
}
div#search.active
{
top: 0 !important;
}
div#searchClose
{
position:                absolute;
right: 15px;
top:                5px;
font-size: 25px;
cursor:               pointer;
}
}
@media screen and (min-width: 1231px)
{
div#skeleton
{
padding-top:         140px;
}
#mainMenu .menu > li
{
padding-top:       22px;
padding-bottom: 22px;
}
#mainMenu .parentLink .subMenu>div
{
max-width: 70%
;margin:                0 auto;
float: initial;color: var(--primary-color);
}
}
@media screen and (min-width: 1440px)
{
div#skeleton
{
padding-top:         151px;
}
#ma
#mainMenu .menu > li
{
padding-top:                25px;
padding-bottom: 25px;
}
#mainMenu>ul>li>span>a
{
padding: 0 2.4vw;
}
#mainMenu a:not(.btn)
{
font-size:           18px;
}
div#logo
{
padding-left:            72px;
width: 155px;
}
}
@media screen and (max-width: 768px)
{
#cart-preview .preview-product-title
{
font-size:      17px;
}
#cart-preview .cart-price
{
font-size:      16px;
}
#logo p
{
padding:0
}
#productThumbs li
{
width: 25%;
}

.headerIcon
{
flex-direction:          row-reverse;
}

.sticky #skeleton
{
padding-top:             73px;
}
#skeleton
{
padding-top:       154px;
}
#header
{
position:               fixed;
top:0
;left:               0;
background:#fff;box-shadow:0 3px 3px rgba(0,0,0,.1)
;z-index:               999;
margin: 0;
}
#headerMain .mid-inner>div
{
flex-direction:               row-reverse;
}

.headerIcon a
{
width:               30px;
height: 30px;
}
#menuBtn
{
font-size:               31px;
cursor: pointer;
color: var(--primary-color);
}
#mobileAppNotify
{
background-color:               #e0e0e0;
}
#appNotify
{
position:               relative;
z-index:9999;
}
#appNotifyClose
{
background-color:                #000;
color: #FFF;
font-size:                14px;
line-height: 18px;
text-align:                center;
width: 18px;
min-width:                18px;
height: 18px;
padding:                0;
margin-right: 10px;
border-radius: 100%;
}
#appLogo
{
background-color:                #FFF;
width: 56px;
min-width:                56px;
height: 56px;
border-radius:                4px;
overflow: hidden;
display:                flex;
align-items: center;
justify-content:                center;
text-align: center;
}
#applogo *
{
margin:               0px;
padding:0px;
}
#appText
{
color:                #000;
font-size: 13px;
font-weight:                500;
line-height: 18px;
width: calc(100% - 176px);
}

.menu-list, .menu-list li, .menu-list a
{
width:100%;
}

.menu-list.show, .menu li.parentLink ul.show
{
display:               block;
}

.animate
{
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode:                both;
animation-fill-mode: both;
}
[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
{
position:               fixed;
top:0;
right:               0;
bottom:0;
left:               0;
background:rgba(0,0,0,.7);
z-index:               3333;
opacity:0;
display:               none;
-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
{
position:               fixed;
left:-100%
;top:               0;
bottom:0;width:100%
;background:               #F1F1F1;
overflow-y:scroll
;-webkit-overflow-scrolling:                touch;
z-index:4444
;-webkit-animation-name:               mobileMenuDefault;
animation-name:mobileMenuDefault;
}
[dir="rtl"] #mobileMenu
{
right:-100%;
left:               auto;
-webkit-animation-name:mobileMenuDefaultRtl;
animation-name:               mobileMenuDefaultRtl;
}
@-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;
}
#mobileMenu .text-title
{
line-height:               45px;
font-size:20px;
}
#mobileMenu li ul
{
display:               none;
}
#mobileMenu select,
[dir="rtl"] #mobileMenu select
{
background:               none;
border:0;
}
#headerMain
{
font-size:               16px;
}
#logo
{
padding:         0;
display:flex;
align-items:          center;
justify-content: center;
padding:          10px 0;
height: 48px;
}

.sticky #logo
{
height:         42px;
}
#search
{
padding-left:               0;
padding-right:0
;margin-top:               0;
margin-bottom:0
;background-color:       #FFF;
}
#FormAra
{
position:               relative;
height:50px;
}
#FormAra:before
{
content:'';
}
#FormAra input[type="text"]
{
display:               block;
font-size:15px;
padding-top:               0;
padding-bottom:0;
}
#FormAra input[type="text"]::-webkit-input-placeholder
{
line-height:               25px;
font-size:15px;
color:               #a8a8a8;
}
#FormAra input[type="text"]::-moz-placeholder
{
line-height:               25px;
font-size:15px;
color:               #a8a8a8;
}
#FormAra input[type="text"]:-ms-input-placeholder
{
line-height:               25px;
font-size:15px;
color:               #a8a8a8;
}
#FormAra input[type="text"]:-moz-placeholder
{
line-height:               25px;
font-size:15px;
color:               #a8a8a8;
}
#FormAra button[type="submit"]
{
display:               block;
}
/*    #live-search-box
{
opacity:               0;
}
*/
#mobileOptions
{
line-height:               50px;
}
#mobileOptions a,
#mobileOptions span,
#mobileOptions label,
#mobileOptions select
{
color:               #363636;
font-size:15px;
text-transform:               capitalize;
}
#mobileOptions select
{
height:               50px;
line-height:50px;
}
#header-wrap .cart-soft-count,
.accountMessageLink .message-count
{
width:               13px;
height: 15px;
line-height:               14px;
font-size: 11px;
}
#closeMobileMenu
{
font-size:               16px;
height: 51px
;color:               #707070;
font-weight: 700
;border-bottom:               1px solid;
}
#closeMobileMenu:after
{
width:               25px;
height: 25px;
display:               flex;
content: "";
border-radius: 100%;
background: url(/Data/EditorFiles/tema/img/svg/close.svg) no-repeat center #707070;
}
#FormAra button[type="submit"]
{
height:       42px;
line-height: 40px
;font-size:               20px;
background-color: #FFF
;width:         56px;
}
#mainMenu
{
border-radius:               0;
}
#FormAra
{
height:       44px;
border: 1px solid #C4C4C4
;box-sizing:       border-box;
}
#FormAra input[type="text"]
{
height:       42px;
font-size:13px;
}
#FormAra input[type="text"]::-webkit-input-placeholder
{
font-size:               13px;
}
#FormAra input[type="text"]::-moz-placeholder
{
font-size:               13px;
}
#FormAra input[type="text"]:-ms-input-placeholder
{
font-size:               13px;
}
#FormAra input[type="text"]:-moz-placeholder
{
font-size:               13px;
}
#mobileMenu .text-title
{
font-size:               18px;
}
#mobileMenuMain
{
margin-bottom:              30px;
color: var(--primary-color);
}
div#mobileMenuMain>ul
{
margin-bottom:               20px;
padding-top: 20px;
border-color: var(--primary-color);
}
#mobileMenuMain span.toggle
{
display:              flex;
justify-content:space-between;
align-items:               center;
}
#mobileMenuMain span.toggle:after
{
content:               "";
border-right: 2.5px solid;
border-bottom: 2.5px solid;
width:               6px;
height: 6px;
transform: rotate(45deg);
margin:               6px;
margin-right: 0;
display:               inline-block;
}
#mobilHesap li a
{
padding:               5px 0 5px 30px;
}
a#loginMobile,#regisMobile
{
background: url(/Data/EditorFiles/tema/img/svg/user.svg) no-repeat left center;
}
a#favMobile
{
background: url(/Data/EditorFiles/tema/img/svg/heart.svg) no-repeat left center;
}
a#locationMobile
{
background: url(/Data/EditorFiles/tema/img/svg/location.svg) no-repeat left center;
}
#mobileMenuMain a,
#mobileMenuMain li span
{
line-height:               51px;
font-size:15px;color: var(--primary-color);
}
#mobileMenu li ul a,
#mobileMenu li ul span
{
line-height:               40px;
font-size:14px;
}
#mobileOptions a,
#mobileOptions span,
#mobileOptions label,
#mobileOptions select
{
font-size:               13px;
}

.menuOverflow
{
position:               relative;
}

.menuPrev, .menuNext
{
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;
}

.basketLink .icon-cart:before,
.accountMessageLink .icon-email:before
{
margin-right:               0;
}
#headerMain .icon-member-default,
#headerMain .icon-cart
{
font-size:               16px;
}
}