.subMenu.top
{
transition: none !important;
transition-duration: 0s !important;
}
a.KargoGor
{
background:                            #4caf50;
padding: 10px;
margin-top:                            10px;
color: #fff;
}
button#showBtn
{
background:                            #4caf50;
text-transform: uppercase;
display:                            flex;
align-items: center;
justify-content:                            center;
letter-spacing: 4px;
color:                            #fff;
}
.productDetails {
    margin-bottom:30px;
}

div#productDetailTab h1
{
line-height:                               1;
}
/* Header Top Banner */
#headerTop
{
background:                                            #E7E5E4;
border:1px solid #C4C4C4
;box-sizing:                                            border-box;
height:40px
;display:                                            flex;
align-items:center
;justify-content:                                            center;
font-size:18px
;color:                                            #828282;
position:relative;
text-align:               center;
}
#mobileTopx
{
background:                                            #E7E5E4;
border:1px solid #C4C4C4
;box-sizing:                                            border-box;
height:50px
;display:                                            flex;
align-items:center
;justify-content:                                            center;
font-size:18px
;color:                                            #828282;
position:relative;text-align:center
}
#headerTop b
{
color:#F28321
}
#headerTop span
{
width:               25px;
height:25px;
display:                flex;
align-items:center;
justify-content:               center;
background:#FFF;
color:                #F28321;
position:absolute;
top:calc(50% - 12.5px);
right:                0;
border-radius:100%;
cursor:                pointer;
}

.sticky #headerTop
{
display:                                           none;
}

.sticky #headerMain
{
display:                                           none;
}
/* Haber Top Banner */
/* User Section */
.UserSection
{
display:                                            flex;
justify-content:flex-end;align-items:center
}

.UserSection .col
{
min-height:1px
}

.UserSection .Item .Img
{
display:                                             flex;
align-items: center
;justify-content:                                             center;
}
#FormAra input[type="submit"]
{
position:         absolute;
right: 8px;
top:         1px;
height: 100%;
padding-top:         0;
padding-right: 0;
padding-bottom:         9px;
padding-left: 32px;
/* background-image: url(search_ico.png); */
background-image: url(/Data/EditorFiles/SVG/arama.png);
background-color:         transparent;
background-repeat: no-repeat;
background-position:         left center;
border: 0;
cursor:         pointer;
color: #df508e;
font-size: 0!important;
}

.UserSection .Item .Img img
{
max-height:                                             40px;
}

.UserSection .Item
{
display:                                            flex;
align-items:center
;justify-content:                                            center;
flex-direction:column
}

.UserSection .Item .Txt
{
font-style:                                            normal;
font-weight:700
;font-size:                                            13px;
line-height:16px
;color:                                            #F28321;
text-align:center;
}

.UserSection .Item .Sozinho
{
font-style:                                            normal;
font-weight:700
;font-size:                                            13px;
line-height:16px;
text-align:       center;
}

.Sozinho
{
-webkit-animation:        blink 1s linear infinite;
-moz-animation: blink 1s linear infinite;
animation:        blink 1s linear infinite;
}
@keyframes blink
{
0%
{
color:                                   red;
}
100%
{
color:                                   black;
}
}
/* User Section*/
/* Header Bottom*/
#headerBot
{
background:                                            #ECECEC;
border:2px solid #E7E5E4;box-sizing:border-box
}
nav#mainMenu ul.menu
{
display:                                            flex;
align-items:center;justify-content:space-between
}
#mainMenu a
{
height:   50px;
line-height: 50px;
font-size:   14px;
color: #424242;
font-weight:   700;
}
#mainMenu a:hover
{
color:#F28321
}

.menu li.parentLink > a
{
background-color:transparent
}
#mainMenu .parentLink li a
{
height:                                            auto;
line-height:25px
;font-size:                                            15px;
color:#f28321
;border-right:                                            0;
padding-right:0;padding-left:0
}

.menu li:hover > a
{
color:#F28321
}
#mainMenu .parentLink .sublink-wrap li a
{
line-height:                               17px;
color: #797979;
font-size:                               14px;
margin-top: 12px;
}

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

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

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

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

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

.subMenu a:hover
{
background-color:                                            #fff;
padding-right:10px;padding-left:10px
}
#mainMenu .subMenu a:hover,#mainMenu .parentLink .sublink-wrap li a:hover
{
color:#e35252
}

.subMenu .dynamicMenu
{
background:#fff
}
:not(#mainMenu) > .menu
{
position:relative
}

.menu li
{
float:left
}

.menu li.parentLink > ul
{
position:                                            absolute;
top:100%
;left:                                            0;
width:200px;display:none
}

.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
}
nav#mainMenu ul.menu > li
{
padding:0 15px
}
nav#mainMenu ul.menu > li > span > a
{
position:relative
}
nav#mainMenu ul.menu > li > span > a::before
{
position:                                            absolute;
width:5px
;height:                                            5px;
background:#828282;content:'';border-radius:100%
;left:                                            -10px;
top:calc(50% - 2.5px)
}

.menu li.parentLink:hover > ul
{
display:                                            block;
}
/* Header Bottom*/
/* Basic Ust Css*/
#headerMain
{
padding:                                             20px 10px;
box-sizing: border-box
;background:                                            #fff;
}
#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
}
body:not(.iosMobile) #header
{
padding-top:230px
}
#header-wrap
{
position:                                            fixed;
top:0
;left:                                            0;
z-index:999
}
#topMenu a
{
line-height:                                            30px;
color:#545454
;font-size:                                            12px;
padding-left:20px
;padding-right:                                            20px;
border-right:1px solid #ddd
}
#topMenu ul li:hover > span,#topMenu ul li:hover > a
{
background:#e2e2e2
}
#basketList
{
display:                                            none;
position:absolute;top:100%
;left:                                            0;
background:#fff;z-index:3333
}
#logo a
{
float:                                            left;
width:100%
;height:                                     60px;
font-size:24px;
}
#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
{
float:                                            left;
width:100%
;height:                                            60px;
display:flex
;align-items:                                            center;
padding-bottom:0
}
#logo img
{
display:                                            inherit;
max-height:100%;max-width:100%;width:auto
}
/* Basic Ust Css*/
/* Arama B l m  CSS */
#searchListWrap
{
position:relative
}
#live-search
{
height:                                            36px;
line-height:14px
}
#live-search-box
{
top:100%
;left:                                            -1px;
z-index:999
}
#FormAra
{
height:                                            50px;
z-index:999;
/*background:                                     #E6E5E4;*/
border:1px solid #C4C4C4
;box-sizing:                                            border-box;
border-radius:45px;overflow:hidden
}
#FormAra input[type="text"]
{
display:                                            block;
width:calc(100% - 80px)
;height:                                            48px;
color:#424242
;font-size:                                            16px;
border:0
;box-sizing:                                            border-box;
/*background:transparent*/
}
#FormAra input[type="text"]:focus
{
box-shadow:none
}
#FormAra button[type="submit"]
{
display:                                            block;
position:relative
;width:                                            80px;
height:48px
;border:                                            0;
cursor:pointer
;background:                                            #828282;
font-size:13px
;color:                                            #FFF;
border-radius:45px;text-transform:uppercase
}
#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 div.search-image
{
width:10%
;height:                                            0;
padding-bottom:10%
;overflow:                                            hidden;
margin:5px 15px 5px 5px
}
#live-search-box[data-callback] span
{
padding:                                            0 10px;
box-sizing:border-box
}
#live-search-box img
{
margin:0 auto
}
@media screen and (max-width: 1100px)
{
#mainMenu a
{
font-size:                                          12px;
}
}
@media screen and (max-width: 1000px)
{
#mainMenu a
{
font-size:                                         10px;
}
}
/* Arama B l m  Css*/
@media screen and (max-width: 768px)
{
.afet
{
z-index:  9999;
position: relative;
top: -5px;
}

.MobileSlide.Scrolling
{
display:                block;
white-space: nowrap;
overflow-x:                scroll;
-webkit-overflow-scrolling: touch;
padding:                10px;
box-sizing: border-box;
background:                #f9f9f9;
overflow-y: hidden;
margin-bottom:                10px;
}

.MobileSlide.Scrolling > div
{
display:                inline-block;
vertical-align: top;
width: 80%;
text-align:                center;
border-radius: 100px;
margin-right:                2px;
font-size: 40px;
color:                #fff;
float: none;
}

.MobileSlideBottom
{
background:                #f2f1e7;
padding: 15px 10px;
box-sizing:                border-box;
position: relative;
}

.MobileSlideBottom::After,.MobileSlideBottom::before
{
height:                3px;
width: 100%;
top:                0;
content: '';
background: url('/Data/EditorFiles/XX/border.png') center center no-repeat;
position:                absolute;
left: 0;
background-size:                cover;
}

.MobileSlideBottom::before
{
top:                auto;
bottom: 0;
}

.MobileSlideBottom .Title span:first-child
{
font-weight:                700;
font-size: 30px;
color:                #f28321;
}

.MobileSlideBottom .Title span:last-child
{
font-weight:                500;
font-size: 30px;
color:                #90908e;
}

.MobileSlideBottom .Description
{
margin-top:                10px;
color: #6e6d6b;
}

.MobileSlideBottom a
{
text-decoration:                underline;
font-weight: 600;
}
#live-search-box
{
opacity:                            1;
}
#navigasyon
{
display:                                     none;
}
#FormAra input[type="submit"]
{
position:          absolute;
right: 8px;
top:          1px;
height: 100%;
padding-top:          0;
padding-right: 0;
padding-bottom:          9px;
padding-left: 32px;
/* background-image: url(search_ico.png); */
background-image: url(/Data/EditorFiles/SVG/arama.png);
background-color:          transparent;
background-repeat: no-repeat;
background-position:          left center;
border: 0;
cursor:          pointer;
color: #df508e;
font-size: 0!important;
}
#FormAra,#FormAra button[type="submit"]
{
/*border-radius:                              0;*/
}
div#mobileMenu > .Item
{
padding:                                         10px 20px;
box-sizing:border-box;
}
div#mobileMenu > .Item.CS, div#mobileMenu > .Item.AD
{
font-style:                                        normal;
font-weight: normal;
font-size:                                        16px;
color: #424242;
}
div#mobileMenu > .Item.WP
{
font-style:                                        normal;
font-weight: normal;
font-size:                                        16px;
color: #4CAF50;
}
div#mobileMenu > .Item.AD
{
margin-bottom:20px
}
div#closeMobileMenu
{
display:                                        flex;
align-items: center;
justify-content:                                        center;
font-style: normal;
font-weight:                                        normal;
font-size: 14px;
/* identical to box height */
color:                                        #BA1919;
}
div#closeMobileMenu img
{
margin-right:                                        10px;
}
div#mobileMenuMain ul li span, div#mobileMenuMain ul li > a
{
display:                                        flex;
align-items: center;
font-style:                                        normal;
font-weight: bold;
font-size:                                        12px;
color: #F38320;
height:                                        50px;
position:relative;
}
div#mobileMenuMain ul li span img
{
margin-right:                                       10px;
}
div#mobileMenuMain ul li ul li span
{
font-size:                                        12px;
color: #424242;
font-style:                                        normal;
font-weight: bold;
font-size:                                        12px;
text-transform:uppercase;
}
div#mobileMenuMain ul li span:after
{
background:url(/Data/EditorFiles/Design/menudownArrow.svg) center center no-repeat;
content: '';
display:                                        block;
width: 20px;
height:                                        20px;
position: absolute;
right:                                        0;
top: calc(50% - 10px);
}
div#mobileMenuMain ul li span.No:after
{
display:                                none;
}
div#mobileMenuMain ul li span.active:after
{
background:url(/Data/EditorFiles/Design/menuupArrow.svg) center center no-repeat;
}
div#mobileMenuMain ul li ul li > a
{
font-size:                                        12px;
color: #424242;
font-style:                                        normal;
font-weight: bold;
font-size:                                        12px;
height:50px;
display:                                       flex;
align-items:center;
text-transform:                                       uppercase;
}
div#mobileMenuMain ul li ul li ul li a
{
font-style:                                        normal;
font-weight: normal;
font-size:                                        14px;
color: #424242;
}

.TopMenuSlide
{
height:                                        45px;
display: flex;
align-items:                                        center;
justify-content: center;
border-bottom:                                        1px solid #E7E5E4;
margin-bottom: 25px;
padding:                                        30px 0px;
}

.TopMenuSlide .Item
{
display:                                        flex;
align-items: center;
justify-content:                                        center;
}

.TopMenuSlide .Item img
{
margin-right:                                        10px;
height: 30px;
}

.TopMenuSlide .Item.acc
{
font-style:                                        normal;
font-weight: normal;
font-size:                                        14px;
color: #424242;
text-transform:                                        uppercase;
}

.TopMenuSlide .Item.car
{
font-style:                                        normal;
font-weight: normal;
font-size:                                        14px;
color: #4CAF50;
}

.sticky #headerMain
{
display:                                        block;
}

.UserSection
{
display:                                        none;
}
#headerMain
{
padding:                                        10px;
}

.svg768
{
display:                                         flex;
align-items: center;
justify-content:                                         center;
}

.svg768 img
{
height:                                         45px;
}

.MobileKategoriListesi a
{
background:                                         #FFFFFF;
border: 1px solid #D2D2D2;
box-sizing:                                         border-box;
margin-bottom: 5px;
font-style:                                         normal;
font-weight: normal;
font-size:                                         13px;
color: #424242;
text-align:                                         center;
display: flex;
align-items:                                         center;
justify-content: center;
width: 100%;
height:                                         40px;
}

.MobileKategoriListesi .col-12 a
{
font-style:                                         normal;
font-weight: bold;
font-size:                                         14px;
color: #F38320;
}

.MobileKategoriListesi .col-12 a img
{
margin:                                         0px 10px;
}
#headerTop
{
display:                                         none;
}
#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;
}
body:not(.iosMobile) #header
{
padding-top:                                            145px;
}
#menuBtn
{
font-size:                                            31px;
cursor:pointer;
}
@-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%;
}
}
@keyframes mobileMenuDefault
{
from
{
left:                                            0;
}
to
{
left:-100%;
}
}
#mobileMenu
{
position:                                            fixed;
left:-100%;
top:                                            0;
bottom:0;
width:calc(100% - 20px);
background:                                            #fff;
overflow-y:scroll;
-webkit-overflow-scrolling:                                             touch;
z-index:4444;
-webkit-animation-name:                                            mobileMenuDefault;
animation-name:mobileMenuDefault;
}
@-webkit-keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:                                            0;
}
}
@keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:                                            0;
}
}
#mobileMenu li ul
{
display:                                            none;
}

.menuShow #mobileMenu
{
-webkit-animation-name:                                            mobileMenu;
animation-name:mobileMenu;
}
#headerMain
{
font-size:                                            16px;
}
#logo a
{
height:                                            74px;
line-height:74px;
}
#logo p
{
height:                                            74px;
line-height:74px;
justify-content:                                        center;
}
#logo a img
{
width:                                            auto;
display:inline;
vertical-align:                                            middle;
}
#search
{
padding-left:                                            0;
padding-right:0;
margin-top:                                            0;
margin-bottom:0;
}
#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:                                            20px;
height:20px;
line-height:                                            20px;
}
}
@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;
}
#menuBtn
{
font-size:                                            25px;
}
#mainMenu
{
border-radius:                                            0;
}
#closeMobileMenu
{
font-size:                                            14px;
}
#FormAra
{
height:                                            40px;
margin-right: 10px;
margin-left:     10px;
}
#FormAra input[type="text"]
{
height:                                  38px;
color: #000;
font-size:                                  15px;
}
#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;
}
#FormAra button[type="submit"]
{
height:                                            38px;
height:38px;
line-height:                                            38px;
}
#mobileMenu .text-title
{
font-size:                                            18px;
}
#mobileMenuMain span,
#mobileMenuMain label,
#mobileMenuMain select
{
line-height:                                            40px;
font-size:12px;
text-transform:                                             uppercase;
}
#mobileMenuMain a,
#mobileMenuMain li span
{
line-height:                                            40px;
font-size:15px;
}
#mobileMenu li ul a,
#mobileMenu li ul span
{
line-height:                                            30px;
font-size:13px;
}
#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;
}
}
/* Son Hamle */