@charset "UTF-8";
.menu, .menu div:not(.dynamicMenu)
{
background-color:                #ffffff;
}

.menu
{
position:                relative;
}

.menu-list
{
z-index:                33;
}

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

.menu a
{
float:                left;
padding-left:20px;
padding-right:                20px;
box-sizing:border-box;
}

.menuscroll
{
width: 100%;
position: fixed!important;
top:                 0px;
z-index: 9999999999!important;
border: 0px !important;
opacity: 0.9;
transition:                 all 200ms;
-webkit-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.19);
box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.19);
}

.menu li.parentLink > a
{
padding-right:                40px;
background-image:url('selectArrow.png');
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;
}

.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;
}
#mobileAppNotify
{
position:                fixed;
z-index:9999;
}
#appNotify
{
display:                flex;
align-items:center;
}
#appLogo
{
margin-right:                10px;
margin-left:10px;
}
#appLogo p
{
padding-bottom:                0;
}
#appLogo img
{
max-width:100%;
width:                auto;
height:auto;
}
#appBtn
{
white-space:                nowrap;
}
#headerTop
{
background:                #000;
}
#topMenu, #topMenu li, #topMenu a
{
float:                left;
height:30px;
}
[dir="rtl"] #topMenu,
[dir="rtl"] #topMenu li,
[dir="rtl"] #topMenu a
{
float:                right;
}
#topMenu a
{
line-height:                30px;
color:#fff;
font-size:                11px;
padding-left:20px;
padding-right:                20px;
border-right:1px solid #3b3b3b;
}
[dir="rtl"] #topMenu a
{
border-right:                0;
border-left:1px solid #3b3b3b;
}
#topMenu ul li:hover > span, #topMenu ul li:hover > a
{
background:                #3b3b3b;
}
#headerTop select
{
height:                30px;
padding:0 30px 0 10px;
background:url('selectArrow.png') no-repeat right center;
border:                0;
border-left:1px solid #3b3b3b;
appearance:                none;
-moz-appearance:none;
-webkit-appearance:                none;
color:#fff;
font-size:                11px;
}
[dir="rtl"] #headerTop select
{
padding:                0 10px 0 30px;
background:url('selectArrow.png') no-repeat 10px center;
border-right:                1px solid #3b3b3b;
border-left:0;
}
#headerTop select option
{
background:                #000;
}
#headerPhone
{
color:                #fff;
font-size:11px;
line-height:                30px;
}
#headerMain
{
margin-top:                5px;
margin-bottom: 5px;
}
[dir="rtl"] #hmLinks
{
float:                left;
}
#hmLinks>ul>li>a
{
text-align:                center;
font-family: 'Overpass', sans-serif !important
;font-size:                12px;
color: #000
;position:              relative;
}
[dir="rtl"] #hmLinks > a
{
float:                left;
}

.authorLink2
{
background: url(stickyUserIcon.png) no-repeat center center;
display:                 none;
}

.menuscroll .authorLink2
{
display:                 inline-block;
}
#hmLinks a.basketLink
{
background:url('basketIcon.png') no-repeat center 9px;
}
#basketList
{
display:                none;
position:absolute;
top:                80px;
left:0;
background:                #fff;
z-index:3333;
}
[dir="rtl"] #logo
{
float:                right;
margin-right:0;
}
#search .row
{
height:                48px;
}
#FormAra
{
height:100%;
position:                relative;
}
#FormAra input[type="text"]
{
position:                 absolute;
width: 100%;height: 100%
;top:                 0;
left: 0
;right:                 0;
border: 1px solid #d9d9d9
;border-radius:                 3px;
box-sizing: border-box
;padding:                10px 50px 10px 10px;
color: #999
;font-size:                 13px;
z-index: 9;
}
[dir="rtl"] #FormAra input[type="text"]
{
padding:                10px 10px 10px 210px;
}
#FormAra .placeholder
{
display:               none;
}
#searchRight
{
width:                46px;
height:100%
;border-left:                1px solid #ccc;
position:relative
;z-index:                33;
padding: 0;
}
[dir="rtl"] #searchRight
{
float:                left;
border-right:1px solid #ccc;
border-left:                0;
}
#searchRight select
{
width:                150px;
height:28px;
background: url('selectArrow.png') no-repeat right center;
border:                 0;
appearance: none;
-moz-appearance:                 none;
-webkit-appearance: none;
color:                #666;
font-size:13px;
}
[dir="rtl"] #searchRight select
{
float:                right;
background: url('selectArrow.png') no-repeat 10px center;
}
#FormAra input[type="submit"]
{
width: 100%;height: 100%
;padding-top:                 0;
padding-right: 0
;padding-bottom:                 0;
padding-left: 0;background: url(https://optigo.com.tr/Data/EditorFiles/tema/svg/magnifying-glass.svg) no-repeat center
;border:                 0;
color: #4b7cb7
;cursor:                 pointer;
font-size: 12px
;text-align:                 center;
background-size: 55%;
}
[dir="rtl"] #FormAra input[type="submit"]
{
float:                left;
}
#live-search-box
{
position:                absolute;
top:calc(100% + 1px)
;left:              0;
width: 100%
;background:                #fff;
border:1px solid #ececec
;border-bottom:                0;
z-index:999
;border-top:                0;
overflow-y: auto
;height:              320px;
display: none
;padding:              0 20px;
box-sizing: border-box
;-webkit-box-sizing:              border-box;
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.20);box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.20);
}
#live-search-box ul
{
float:                left;
width:100%;
}
#live-search-box li
{
float:                left;
width: calc(20% - 30px);
margin: 10px 15px
;text-align:              center;
}
#live-search-box a
{
float:                left;
width:100%
;font-weight:              600;
min-height: 40px;/*
display:                -webkit-box;
*/display: -moz-box
;display:                -ms-flexbox;
/*
display:              -webkit-flex;
*//*
display:                flex;
*//*
-webkit-box-align:              center;
*/-moz-box-align:   center;/*
-webkit-align-items:              center;
*/-ms-flex-align:   center;/*
align-items:              center;
*/color: #666
;font-size:              12px;
}
#live-search-box span ,#live-search-box div.search-image
{
width: 100%
;height:                auto;
margin-top: 5px;/*
margin-right:               15px;
*/margin-bottom: 5px;/*
margin-left:               5px;
*/overflow: hidden
;float:              left;
}
#live-search-box img
{
margin:                0 auto;
}
#live-search-box li[style="line-height: 30px"]
{
width: 100%;
margin:              10px 0;
text-align: center;
}
#mainMenu
{
/*height:47px;*/
background-color:                #f3f3f3;
position:relative;
z-index:                777;
}
#mainMenu .menu > li
{
padding-top:                9px;
padding-bottom:9px;
}
#mainMenu .menu > li:hover
{
background:                #f9f9f9;
}
#mainMenu a
{
line-height:        30px;
font-size: 16px
;color:       #666;
font-weight:         bold;
}
[dir="rtl"] #mainMenu a
{
border-right:                0;
border-left-width:1px;
border-left-style:                solid;
}
#stickySearch #search
{
width: 100%;
margin:                 0;
}
#stickySearch #search .row
{
height: 35px!important;
margin-top:                 7px;
}

.hesap
{
line-height: 3.5;
}
#stickySearch #search
{
background:                 #1a3668;
}

.menu li.parentLink > a
{
background-color:                transparent;
}
#mainMenu #homeLink a
{
width:                 54px;
background: url('homeIcon.png') no-repeat center center;
}

.menuscroll #homeLink a
{
width: 82px!important;
background: url('stickyLogo.png') no-repeat center center!important;
padding-right:                 78px;
}

.menuscroll .menu > li:first-child:hover
{
background: #1a3668!important;
}

.menuscroll .menu > li:first-child
{
width:                 auto;
}
#mainMenu .parentLink li a
{
border-right:                0;
}
[dir="rtl"] #mainMenu .parentLink li a
{
border-left:                0;
}

.subMenu
{
position:                absolute;
left: 0;/* transform: translateX(-50%); */right: 0;
margin:      0 auto;
max-width: 950px;/* box-shadow:0 2px 2px 0px rgba(0,0,0,.1)
; */-webkit-transition-property:           all;
-webkit-transition-duration: 0.3s;-webkit-transition-delay: 0.5s
;transition-property:                all;
transition-duration: 0.4s;transition-delay: 0.4s
;opacity:                0;
visibility: hidden;
-webkit-box-shadow: 0 2px 10px 1px rgb(0 0 0 / 20%);
box-shadow: 0 2px 10px 1px rgb(0 0 0 / 20%);
}

.menuscroll .subMenu
{
left: 6%;
z-index:                 999;
}

.subMenu *:not(.dynamicMenu)
{
background-color:                transparent;
}
#mainMenu .subMenu
{
top:                47px;
padding-bottom: 40px;
}
:hover > .subMenu
{
display:                block;
opacity: 1
;visibility:                visible;
}

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

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

.subMenu li li a
{
font-size:                11px;
background-image:url('menuSmallArrow.png');
background-repeat:                no-repeat;
background-position:0 center;
}

.subMenu a:hover
{
background-color:                #fff;
padding-right:10px;
padding-left:                10px;
}
#mainMenu .subMenu a:hover
{
color:                #4b7cb7;
}

.subMenu .dynamicMenu
{
background:                #fff;
}

.subMenu li li a:hover
{
padding-left:                20px;
background-image:url('menuSmallArrowHover.png');
background-position:                10px center;
}
#alterMenu
{
background-color:                #6c6c6c;
border-top:1px solid #aaa;
border-bottom:                1px solid #575757;
}
#alterMenu .menu > li
{
padding-top:                4px;
padding-bottom:4px;
}
#alterMenu .menu > li:hover
{
background:                #f5f5f5;
}
#alterMenu a
{
line-height:                21px;
font-size:12px;
color:                #f3f3f3;
border-right:1px solid #aaa;
}
#alterMenu .menu > li:hover a
{
color:                #444;
}
#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;
}
#headerTop
{
background:               #231f20;
}

.login a
{
color:                #ffffff;
}

.loginBorder
{
border-left:                1px solid #ccc;
height: 47px;
}

.loginBorder a:first-child
{
line-height:                24px;
}

.guest
{
color:                #4b7cb7;
font-weight: normal;
font-size:                12px;
}

.menuscroll #live-search-box a
{
color:                #333;
}

.guest span
{
color:                #e6e7e8;
}
#topMenu a
{
color:               #000;
border-color:#a7a7a7;
}
#topMenu ul li:hover > span,
#topMenu ul li:hover > a
{
background:               #a7a7a7;
color:#fff;
}
#headerPhone
{
color:               #fff;
}
#headerTop select
{
color:               #000;
background-image:url('selectArrow.png');
border-color:               #a7a7a7;
}
a#cart-soft-count strong
{
line-height:                19px;
}
#headerTop select option
{
background:               inherit;
}
#hmLinks span.cart-soft-count
{
position:                absolute;
left: 0px;
top:                -7px;
background-color: #5a88be;
color:                #ffffff;
height: 16px;
line-height:                16px;
width: 16px;
text-align:                center;
border-radius: 30px;
display:                block;
}
#hmLinks .basketLink
{
background:url('basketIcon.png') no-repeat 10px center;
padding-left:                46px;
height: 48px;
border:                1px solid #cccccc;
border-radius: 3px;
position:                relative;
}

.authorLink a strong,
.loginBorder strong
{
font-weight:                normal;
}
#mainMenu
{
background:               #1a3668;
}
#mainMenu .menu > li:hover
{
background:               #4b7cb7;
}
#mainMenu a
{
color:               #fff;
border-color:#001449;
}

.menu li.parentLink > a
{
background-image: url('/Data/EditorFiles/tema/menuArrowDarkblue.png');
}
#mainMenu .menu>li:hover>a
{
color:                #fff;
}
#mainMenu .subMenu a
{
color:        #6c6c6c;
line-height: 22px;
}
#mainMenu .subMenu a:hover
{
/*
background:               #f3f3f3;
*/
}
#alterMenu
{
background:               #efefef;
border-top:0;
border-bottom:               0;
}
#alterMenu a
{
color:               #aaa;
border-color:#c9c9c9;
}
#alterMenu  li.parentLink > a
{
background-image:url('subMenuArrowDarkblue.png');
}

.UstCozumOrtak:before
{
background: url("https://optigo.com.tr/Data/EditorFiles/tema/svg/placeholder.svg") no-repeat center top;
}

.authorLink:before
{
background: url(https://optigo.com.tr/Data/EditorFiles/tema/svg/store.svg) no-repeat center top;
}
#hmLinks>ul>li>a:before
{
background-size: 100%
;content:                "";
width: 24px
;height:              24px;
display: inline-block
;margin:               0 auto;
}

.UstAramaBtn:before
{
background: url(https://optigo.com.tr/Data/EditorFiles/tema/svg/magnifying-glass.svg) no-repeat center top;
}
#search.active
{
display:                block;
}

.AramaHover.open a:before
{
background: url(https://optigo.com.tr/Data/EditorFiles/tema/svg/close.svg) no-repeat center;width: 17px !important;height: 24px !important;
}

.GirisHover
{
position:                relative;
}
#hmLinks>ul>li>#cart-soft-count:before
{
background: url(https://optigo.com.tr/Data/EditorFiles/tema/svg/shopping-cart.svg) no-repeat center top;
background-size: 100%;
}
#hmLinks #cart-soft-count
{
position:                relative;
padding: 0;
}
#hmLinks>ul
{
float:                right;
width: 100%;
}
#hmLinks>ul>li
{
float:                right;
}
#header
{
margin-bottom: 1.2%;
}
#FormAra input[type="text"]
{
border:                0;
border-bottom: 1px solid #4b7cb7;
-webkit-border-radius:                0;
border-radius: 0;
}
#searchRight
{
border:                0;
}
#FormAra input[type="text"]:focus
{
box-shadow:                none;
-webkit-box-shadow: none;
}

.BayiGirisYapti .ustmenu-56, .UyeGirisYapti .ustmenu-35, .UyeGirisYapti #mobil-kat-35, .BayiGirisYapti #mobil-kat-56
{
display:              block;
}

.ustmenu-56, .ustmenu-35, #mobil-kat-35, #mobil-kat-56
{
display:              none;
}

.dBayiGirisAlan, .dUyeGirisAlan, .mBayiGirisAlan, .mUyeGirisAlan
{
display:              none;
}

.BayiGirisYapti .dBayiGirisAlan, .UyeGirisYapti .dUyeGirisAlan, .BayiGirisYapti .mBayiGirisAlan, .UyeGirisYapti .mUyeGirisAlan
{
display:              block;
}
#live-search-box[style='display: block;']:after
{
;margin:              15px 0 5px 0;
float: left;width: 100%;font-size: 12.5px
;text-align:              center;
color: #777
;font-weight:              600;
}
#mainMenu .menu > li>a
{
font-size:        16px;
font-weight: 400;
line-height:        30px;
height: 30px;
}

.menuImg img
{
max-width:        160px;
}

.menuCname, .menuCnameEkBilgi
{
padding-left:       15px;
}
li.col.col-3.KoleksiyonLink a
{
padding-left:      25px;
;
}

.menuCnameEkBilgi
{
font-weight:        500;
font-size: 14px;
}

.headerInfoBox
{
width: calc(10.6% - 8px)
;padding:     0 4px;
}

.headerInfoContent .headerInfoBox:first-child
{
padding-left:   0;
}

.headerInfoContent .headerInfoBox:last-child
{
padding-right:   0;
}

.headerInfoText
{
display:     none;
position: absolute
;left:     0;
top: 100%
;background:     #fff;
z-index: 4444
;padding:     10px;
-webkit-box-sizing: border-box
;box-sizing:     border-box;
font-size: 13px
;color:     #676767;
line-height: 18px
;text-align:     justify;
font-weight: 300;/* -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.20); *//* box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.20); */
}

.headerInfoContent
{
/*
position:     relative;
*/-webkit-justify-content: space-between
;justify-content:   space-between;
-webkit-box-pack: justify
;-moz-box-pack:   justify;
-ms-flex-pack: justify
;margin:   -5px 0 5px 0;
}

.headerInfoImg
{
color:     #4a7eb8;
font-size: 8px
;text-align:     center;
font-weight: 700
;cursor:    pointer;
padding-top: 35px;background-size: 34px !important;
}

.headerInfoImg img
{
max-height:    32px;
}

.headerInfoImg span
{
width: 100%
;float:     left;
}
#dyerbaslik
{
background: url("/Data/EditorFiles/tema/svg/Asset-7.svg") no-repeat top center;
}
#dyerbaslik.active
{
background: url("/Data/EditorFiles/tema/svg/Asset-1.svg") no-repeat top center;
}
#dzamanbaslik
{
background: url("/Data/EditorFiles/tema/svg/Asset-8.svg") no-repeat top center;
}
#dzamanbaslik.active
{
background: url("/Data/EditorFiles/tema/svg/Asset-2.svg") no-repeat top center;
}
#dfiyatbaslik
{
background: url("/Data/EditorFiles/tema/svg/Asset-9.svg") no-repeat top center;
}
#dfiyatbaslik.active
{
background: url("/Data/EditorFiles/tema/svg/Asset-3.svg") no-repeat top center;
}
#dbilgibaslik
{
background: url("/Data/EditorFiles/tema/svg/Asset-10.svg") no-repeat top center;
}
#dbilgibaslik.active
{
background: url("/Data/EditorFiles/tema/svg/Asset-4.svg") no-repeat top center;
}
#dkisibaslik
{
background: url("/Data/EditorFiles/tema/svg/Asset-11.svg") no-repeat top center;
}
#dkisibaslik.active
{
background: url("/Data/EditorFiles/tema/svg/Asset-5.svg") no-repeat top center;
}
#dcozumbaslik
{
background: url("/Data/EditorFiles/tema/svg/Asset-12.svg") no-repeat top center;
}
#dcozumbaslik.active
{
background: url("/Data/EditorFiles/tema/svg/Asset-6.svg") no-repeat top center;
}

.headerInfoImg.active
{
color:    #1a3668;
border-bottom: 1px solid #1a3668
;padding-bottom:   5px;
}
.CerezPp {
    z-index: 9999 !important;
}
@media screen and (min-width: 769px)
{
#mainMenu .subMenu ul>li
{
width:      186px;
}
#mainMenu .KoleksiyonLink a:before
{
content:        "";
width: 62px
;height:      79px;
background: url("/Data/EditorFiles/tema/img/oxibislogoc.png") no-repeat center;background-size: 100%
;display:        block;
margin: 0 0 10px 0;
}
#mainMenu .menu > li:nth-child(3) .KoleksiyonLink
{
display:        flex;
position: relative
;height:      160px;
-webkit-box-align: center
;-moz-box-align:        center;
-webkit-align-items: center
;-ms-flex-align:        center;
align-items: center
;-webkit-justify-content:      flex-start;
justify-content: flex-start
;-webkit-box-pack:      start;
-moz-box-pack: start
;-ms-flex-pack:      start;
margin-top: 11px;
}
#logo
{
margin:         7px 0;
padding-left: 0;
}

.sticky #logo
{
margin:               0;
}

.headerTop.sticky #logo a, .headerTop.sticky #logo a p
{
height:                60px;
line-height: 60px;
}

.headerTop.sticky #hmLinks
{
padding:               16px 0;
}
#hmLinks
{
padding:               20px 0;
position: relative;
}
#logo p
{
float:                left;
width:100%
;padding-bottom:                0;
}
#logo a
{
width:100%
;padding-bottom:              0;
}
#logo img
{
display:                inline;
max-height:100%;max-width:100%
;width:                auto;
vertical-align:middle;
}
#hmLinks a>span
{
width: 100%;
display:                block;
}
#search
{
display:                none;
margin-top: 5px;
}
#hmLinks ul>li>a
{
margin-left:                18px;
display: block;
}
#cart-soft-count .cart-soft-price
{
padding-right:                3px;
}
#desktopMemberBtn
{
padding-left:                0;
}
#mainMenu
{
z-index:                777;
transition: top .5s ease
;top:                0;
width: 100%;
}

.headerTop
{
top:                -50px;
}
#mainMenu.sticky-down
{
position:                fixed;
top: 0;
}
#mainMenu.sticky-up
{
position:                    fixed;
margin: 0;transition: top .5s linear
;top:               70px;
}

.headerTop.sticky
{
position:                fixed;
left: 0
;top:                0;
z-index: 999999
;background:                                #fff;
-moz-animation: top .5s ease;transition: top .5s ease;-wbkit-transition: top .5s ease;/* box-shadow: rgba(0,0,0,.117647) 0 1px 3px; */-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.20);box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.20);
}
#stickySearch
{
display:                none;
}

.inner.menu.flexwrap
{
-webkit-justify-content:                space-between;
justify-content: space-between;
}
#mainMenu.menuscroll #stickySearch
{
display:                block;
background: none;
}

.menu li.parentLink:hover > ul
{
display:                block;
}
}
@media screen and (min-width: 1001px)
{
#live-search-box
{
width:              900px;
transform: translateX(-50%);
left: 50%;
}
#hmLinks ul>li>a
{
margin-left:                25px;
}
}
@media screen and (min-width: 1231px)
{
}
@media screen and (max-width: 1230px) and (min-width: 1001px)
{
}
@media screen and (max-width: 1230px) and (min-width: 769px)
{
.subMenu .dynamicMenu>ul>li
{
height:      170px;
}
#mainMenu .menu > li:nth-child(3) .KoleksiyonLink
{
margin-top:      10px;
}
#mainMenu .KoleksiyonLink a:before
{
background-size: 40%;
display:      inline-block;
width: 100%;
background-position:      left bottom;
}

.menu a
{
padding-left:      5px;
padding-right: 5px;font-size: 13px !important;
}

.menu li.parentLink > a
{
padding-right:                30px;
}
}
@media screen and (max-width: 1000px)
{
#live-search-box
{
padding:              0 5px;
}
#live-search-box li
{
width: calc(50% - 30px);
}
}
@media screen and (max-width: 1024px) and (min-width: 769px)
{
#mainMenu .subMenu
{
display:      none;
}
#hmLinks
{
padding-right:                0;
}
#search
{
padding-left:                40px;
}
}
@media screen and (max-width: 768px)
{
#pageOverlay.open
{
display:   block;
-webkit-animation-name: pageOverlay;
animation-name:   pageOverlay;
}

.AramaBox.active
{
margin-bottom: 10px !important;
}

.menuBtnBox
{
padding-left:      0;
}

.headerTop
{
padding-top:    103px;
}
#mobileMenu>div>ul>li ul[style="display: block;"]
{
display: -webkit-box !important;display: -moz-box !important;display: -ms-flexbox !important;display: -webkit-flex !important;display: flex !important
;-moz-flex-wrap:      wrap;
-webkit-flex-wrap: wrap
;-ms-flex-wrap:      wrap;
flex-wrap: wrap;
}
#mobileMenu>div>ul>li:nth-child(3) .KoleksiyonLink a
{
line-height:        13px;
font-size: 12px;
}
#mobileMenu .KoleksiyonLink a:before
{
content:        "";
width: 40px
;height:      45px;
background: url("/Data/EditorFiles/tema/img/oxibislogoc.png") no-repeat center;background-size: 100%
;display:        block;
margin: 10px auto 10px auto;
}
#mobileMenu ul>li>span+ul>li
{
margin:        5px 0;
}
#mobileMenu ul>li>span+ul>li>a .menuNameMobil
{
font-size:        14px;
line-height: 16px
;margin:        8px 0 5px 0;
}
#mobileMenu ul>li>span+ul>li>a .menuNameMobilEkBilgi
{
font-size: 12px !important
;line-height:        15px;
min-height: 35px;
}

.mobileSearchLinkContent
{
display:              none;
}

.GirisHover.forDesktop
{
display: none !important;
}

.AramaHover.open .mobileSearchLinkContent
{
display:              block;
}

.AramaHover.open .line1
{
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg)
;left:              3px;
}

.AramaHover.open .line2
{
display:               none;
}

.AramaHover.open .line3
{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
top:               15px;
left: 1px;
}

.UstAramaBtn
{
}
#mobileMenu>div>ul>li>span
{
background: url(https://www.optigo.com.tr/Data/EditorFiles/tema/menuArrowDown.png) no-repeat right 45%;
}
#mobileMenu>div>ul>li>span.active
{
background: url(https://www.optigo.com.tr/Data/EditorFiles/tema/menuArrowUp.png) no-repeat right 45%;
color:              #4b7cb7;
}
#mobileMenu>div>ul>li:nth-child(3) .KoleksiyonLink
{
display:        flex;
text-align: center
;height:        81px;
-webkit-box-align: center;
-moz-box-align:        center;
-webkit-align-items: center;
-ms-flex-align:        center;
align-items: center;
-webkit-justify-content:        center;
justify-content: center;
-webkit-box-pack:        center;
-moz-box-pack: center;
-ms-flex-pack:        center;
}
span#menuBtn2
{
width:              20px;
position: relative;
cursor:              pointer;
height: 20px;
padding:              5px 0;
}

.line1
{
width:               20px;
height: 2px
;background:               #4b7cb7;
position: absolute
;top:              0;
left: 0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.8s
;transform-origin:               0 0;
-webkit-border-radius: 3px
;-moz-border-radius:               3px;
border-radius: 3px;
}

.line2
{
width:               20px;
height: 2px;
background:               #4b7cb7;
position: absolute;
top:               8px;
left: 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.8s;
-webkit-border-radius:               3px;
-moz-border-radius: 3px;
border-radius:               3px;
}

.line3
{
width:               20px;
height: 2px
;background:               #4b7cb7;
position: absolute
;top:               16px;
left: 0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.8s
;transform-origin:               0 0;
-webkit-border-radius: 3px
;-moz-border-radius:               3px;
border-radius: 3px;
}

.menuShow .line1
{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
left:               3px;
}

.menuShow .line2
{
display:               none;
}

.menuShow .line3
{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
top:               15px;
left: 1px;
}

.mobileMenuLinkContent
{
position:               relative;
width: 100%;
float:               left;
}

.mBayiGirisLink
{
line-height:               40px;
color: #4b7cb7;
font-size:               15px;
border-bottom: 1px solid #4b7cb7;
margin:               10px 0 0 0;
font-weight: 700;
}

.authorLink
{
/*
display:             none;
*/
}

.MobilBayiGiris a
{
padding-left:               25px;
line-height: 40px !important;
}
#closeMobileMenu:after
{
background-size: 100%;
content:               "";
width: 26px;
height:               26px;
display: inline-block;
background-image: url(https://optigo.com.tr/Data/EditorFiles/tema/svg/close.svg);
float:               right;
background-repeat: no-repeat;
background-position:               center;
}

.mBayiGirisLink:before
{
background: url(https://optigo.com.tr/Data/EditorFiles/tema/svg/store.svg) no-repeat left center;
content:               "";
width: 24px;
height:               24px;
float: left;
background-size: 100%;
margin:               5px 9px 0 0;
}
#closeMobileMenu .row.mb
{
margin-bottom:               0;
}
#hmLinks>ul>li>a
{
margin-left:                20px;
}
#hmLinks span.cart-soft-count
{
left:                -7px;
top: -5px;
}
#header
{
/*
padding-top:               50px;
*/
}
#headerMain.sticky
{
position:                fixed;
top:0
;left:                0;
background:#fff
;z-index:               9999;
}
#mobileMenu li ul a
{
line-height:               35px;
font-size: 15px;
}
#hmLinks a.basketLink
{
width:                60px;
height:74px;
background:url("basketIcon.png") no-repeat center center;
}
#hmLinks a>span
{
display:                none;
}
#logo
{
padding:         10px 0;
text-align: center;
}

.UstBayiGirisBox
{
top:                25px;
right: 0;
left:                initial;
width: 100px;
}
#hmLinks>ul>li>a:before
{
margin:                3px 0 0 0;
}
#mobileAppNotify
{
background-color:                #6e6e6e;
}
#appNotify
{
position:                relative;
z-index:9999;
}
#appNotifyClose
{
font-size:                30px;
/*margin-top:5px;*/
margin-right:                10px;
}
#applogo
{
display:                flex;
width:90px;
height:                60px;
align-items:center;
}
#applogo *
{
margin:                0px;
padding:0px;
}
#appNotify a
{
/*margin-top:10px;*/
}

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

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

.animate
{
-webkit-animation-duration:               1s;
animation-duration: 1s
;-webkit-animation-fill-mode:                 both;
animation-fill-mode: both;
}
#menuBtn
{
width:               20px;
height: 20px
;cursor:                pointer;
/* background: url(https://optigo.com.tr/Data/EditorFiles/tema/svg/menu.svg) no-repeat center top; *//* background-size: 100%; */margin-top:  4px;
}
[dir="rtl"] #menuBtn
{
background:url('menuBtn.png') no-repeat 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%;
}
}
@keyframes mobileMenuDefault
{
from
{
left:                0;
}
to
{
left:-100%;
}
}
@-webkit-keyframes mobileMenuDefaultRtl
{
from
{
right:                0;
}
to
{
right:-100%;
}
}
@keyframes mobileMenuDefaultRtl
{
from
{
right:                0;
}
to
{
right:-100%;
}
}
#mobileMenu
{
position:                fixed;
left:-100%
;top:                0;
bottom:0;width:100%
;background:                #fff;
overflow-y:auto
;z-index:                4444;
-webkit-animation-name:mobileMenuDefault
;animation-name:                mobileMenuDefault;
padding-top: 110px;
}
[dir="rtl"] #mobileMenu
{
right:-100%;
left:                auto;
-webkit-animation-name:mobileMenuDefaultRtl;
animation-name:                mobileMenuDefaultRtl;
}
@-webkit-keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:                0;
}
}
@keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:                0;
}
}
@-webkit-keyframes mobileMenuRtl
{
from
{
right:-100%;
}
to
{
right:                0;
}
}
@keyframes mobileMenuRtl
{
from
{
right:-100%;
}
to
{
right:                0;
}
}

.menuShow #mobileMenu
{
-webkit-animation-name:                mobileMenu;
animation-name:mobileMenu
;opacity:               1;
visibility: visible;
}
[dir="rtl"] .menuShow #mobileMenu
{
-webkit-animation-name:                mobileMenuRtl;
animation-name:mobileMenuRtl;
}
#closeMobileMenu
{
position:               relative;
margin: 5px 0 15px 0;
cursor:               pointer;
}
[dir="rtl"] #closeMobileMenu
{
padding-right:                54px;
padding-left:10px;
background:url('menuBtnActiveRtl.png') no-repeat right center;
}
#mobileMenu span, #mobileMenu a, #mobileMenu label, #mobileMenu select
{
color:                #666;
cursor:  pointer
;line-height:              40px;
font-size: 17px;
}
[dir="rtl"] #mobileMenu span,
[dir="rtl"] #mobileMenu a,
[dir="rtl"] #mobileMenu label,
[dir="rtl"] #mobileMenu select
{
background:url('menuArrowRtl.png') no-repeat 0 center;
}
#mobileMenu li ul
{
display:                none;
}
#mobileMenu li ul a
{
/* background:url('menuSubArrow.png') no-repeat 0 center; */
}
[dir="rtl"] #mobileMenu li ul a
{
background:url('menuSubArrowRtl.png') no-repeat 0 center;
}
#mobileMenu select
{
background:                none;
border:0;
}
#mobileMenu label[for="langMobile"]
{
padding-left:                50px;
background:url('langMobileIcon.png') no-repeat 10px center;
}
#mobileMenu label[for="curMobile"]
{
padding-left:                50px;
background:url('curMobileIcon.png') no-repeat 10px center;
}
#basketMobile
{
padding-left:                50px;
background:url('basketMobileIcon.png') no-repeat 10px center;
}
#loginMobile:before
{
float:                left;
width:30px;
height:                45px;
background:url('profileMobileIcon.png') no-repeat 0 center;
margin-right:                10px;
content:'';
}
#regisMobile:before
{
float:                left;
width:30px;
height:                45px;
background:url('registerMobileIcon.png') no-repeat 0 center;
margin-right:                10px;
content:'';
}
#favMobile:before
{
float:                left;
width:30px;
height:                45px;
background:url('favMobileIcon.png') no-repeat 0 center;
margin-right:                10px;
content:'';
}
#headerMain
{
margin-top:              0;
margin-bottom:0
;z-index:              9999;
position: fixed
;background:              #fff;
left: 0
;top:      0;
/* box-shadow: 0 26px 14px -24px rgba(43,52,62,.08); *//* -webkit-box-shadow: 0 26px 14px -24px rgba(43,52,62,.08); */
}
#logo a
{
}
#logo p
{
padding-bottom:                0;
}
#logo a img
{
width:                auto;
display:inline
;vertical-align:                middle;
max-height: 30px;
}
#search
{
padding-left:                0;
padding-right:0;
margin-top:                0;
margin-bottom:0;
}
#hmLinks
{
padding:                10px 0;
}
#hmLinks > a
{
padding-top:                48px;
}
#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"]
{
font-size:                16px;
padding: 6px 50px 6px 10px
;border-bottom:              2px solid #4b7cb7;
color: #676767;
}
[dir="rtl"] #FormAra input[type="text"]
{
padding:                6px 10px 6px 75px;
}
#FormAra input[type="text"]::-webkit-input-placeholder
{
font-size:                14px;
color:#999;
}
#FormAra input[type="text"]::-moz-placeholder
{
font-size:                14px;
color:#999;
}
#FormAra input[type="text"]:-ms-input-placeholder
{
font-size:                14px;
color:#999;
}
#FormAra input[type="text"]:-moz-placeholder
{
font-size:                14px;
color:#999;
}
#FormAra input[type="submit"]
{
width:                 44px;
height: 100%
;background-color:                transparent;
}
#mobileMenu span#searchRight
{
width:                auto;
padding-top:6px;
padding-bottom:                6px;
background:none;
}
#searchRight select
{
display:                none;
}
#mobileOptions .line-bottom
{
border-color:                #c1c1c1;
}
#mobileMenu #mobileOptions span,
#mobileMenu #mobileOptions a,
#mobileMenu #mobileOptions label,
#mobileMenu #mobileOptions select
{
color:                #363636;
text-transform:capitalize;
}
#mobileMenu #mobileOptions select
{
height:                50px;
line-height:50px;
}
#curMobile
{
padding:                0;
}
#mainMenu
{
overflow-x:                scroll;
-webkit-overflow-scrolling: touch;
margin-bottom:                10px;
}
#mainMenu .menu.forMobile
{
width:                auto;
display:flex;
}
#mainMenu .menu li.current
{
border-bottom:                 2px solid #e34d0b;
}
#mainMenu .menu a
{
white-space:                nowrap;
}

.vitTitle
{
font-size: 15px!important;
}

.allCat a
{
line-height: 31px!important;
}
}