@media only screen and (min-width: 600px)
{
.backgroundWhite
{
background:         #fff;
min-height: 671px;
border-radius: 5px
}

.asiriGizli
{
margin-top:         0;
font-size: 55px;
padding:         60px;
font-weight: 600;
line-height:         initial;
color: #c8c8c8;
box-sizing: border-box
}

.sayacGenel
{
display:         flex;
justify-content: center
}

.sayac
{
display:         flex;
align-items: center;
align-content:         center;
justify-content: center;
line-height:         19px;
text-align: center;
color:         #730bb2;
position: inherit!important;
}

.saniyeDiv
{
font-size:         30px;
}

.saatDiv,.dakikaDiv
{
margin-top:         4px;
margin-right: 10px;
font-size:         30px;
}

.saniyeDiv
{
margin-top: 4px
}

.saat,.dakika,.saniye
{
font-size:         10px;
}

.sayacSag
{
line-height: 35px!important;
height: 35px!important;
padding-right: 5px!important;
padding-left: 5px!important;
border-radius:         5px;
margin-right: 5px;
margin-left:         5px;
display: flex;
align-items:         center;
justify-content: center
}

.ek5Var.geceKusu
{
background:         #730bb2;
}

.cokSatan
{
position:         absolute;
top: 5px;
left:         5px;
z-index: 9999;
color:         #fff;
text-align: center;
padding:         3px;
border-radius: 5px;
max-width:         54px;
font-size: 12px;
font-weight:         500;
min-height: 35px;
display:         flex;
align-items: center;
background:         #730bb2;
line-height: 12px;
}

.enfSymbol
{
display:         flex;
font-size: 17px;
padding:         3px 40px 3px 40px;
text-align: center;
background:         #ffff68;
margin-left: 0px;
margin-right:         -2px;
flex-direction: row;
line-height:         14px;
font-weight: 700;
border-top-left-radius:         5px;
border-bottom-left-radius: 5px;
color:         #181818;
}

.kmpnySymbol
{
display:         flex;
font-size: 17px;
text-align:         center;
flex-direction: row;
padding:         3px 30px 3px 34px;
margin-left: 0px;
background:         #ffd7dd;
margin-right: 0px;
line-height:         24px;
font-weight: 700;
border-top-left-radius:         5px;
border-bottom-left-radius: 5px;
color:         #ff193b;
}

.enfSymbol > img
{
width:         25px;
margin-right: 8px;
}

.enfSag
{
line-height: 35px !important;
height: 35px !important;
padding: 2px 10px !important;
border-radius:         5px;
margin-right: 3px;
margin-left:         2px;
background: #181818;
color:         white;
}

.kmpnySag
{
line-height: 35px !important;
height: 35px !important;
padding: 2px 10px !important;
border-radius:         5px;
margin-right: 3px;
margin-left:         2px;
background: #ff193b;
color:         white;
text-align: center;
}
span.symbol5-1
{
position:         absolute;
top: 0px;
left:         0px;
width: 75px;
z-index:         9999;
/*
background:              white;
*/
padding:         3px;
border-radius: 5px;
}
span.symbol9-1
{
position:         absolute;
top: 10px;
right:         -3px;
width: 100px;
z-index:         9999;
/*
background:              white;
*/
padding:         3px;
border-radius: 5px;
}
}
@media only screen and (max-width: 540px)
{
.backgroundWhite
{
background:         #fff;
min-height: 412px;
border-radius: 5px
}

.asiriGizli
{
margin-top:         20px;
font-size: 25px;
padding:         32px;
font-weight: 600;
line-height:         initial;
color: #c8c8c8;
box-sizing: border-box
}

.sayacGenel
{
display:         flex;
justify-content: center
}

.sayac
{
display:         flex;
align-items: center;
align-content:         center;
justify-content: center;
line-height:         14px;
text-align: center;
color:         #ff0000;
position: inherit!important;
}

.saatDiv,.dakikaDiv
{
margin-top:         4px;
margin-right: 10px
}

.saniyeDiv
{
margin-top: 4px
}

.saat,.dakika,.saniye
{
font-size: 6px
}

.sayacSag
{
line-height: 35px!important;
height: 35px!important;
padding-right: 5px!important;
padding-left: 5px!important;
border-radius:         5px;
margin-right: 5px;
margin-left:         5px;
display: flex;
align-items:         center;
justify-content: center
}

.cokSatan
{
position:         absolute;
top: 2px;
left:         2px;
z-index: 9999;
color:         #fff;
text-align: center;
padding:         3px;
border-radius: 5px;
max-width:         38px;
font-size: 9px;
font-weight:         500;
min-height: 25px;
display:         flex;
align-items: center;
background:         #8b1bcd;
line-height: 12px;
}

.enfSymbol
{
display:         flex;
font-size: 13px;
text-align:         center;
flex-direction: row;
line-height:         14px;
padding: 3px 0px 3px 13px;
background:         #ffff68;
margin-right: -2px;
margin-left:         0px;
font-weight: 700;
border-top-left-radius:         5px;
border-bottom-left-radius: 5px;
color:         black;
}

.kmpnySymbol
{
display:         flex;
font-size: 12px;
text-align:         center;
flex-direction: row;
padding:         3px 0px 3px 9px;
margin-left: -5px;
background:         #ffd7dd;
margin-right: -2px;
line-height:         25px;
font-weight: 700;
border-top-left-radius:         5px;
border-bottom-left-radius: 5px;
color:         #ff193b;
}

.enfSymbol > img
{
width:         25px;
margin-right: 8px;
}

.enfSag
{
line-height: 35px !important;
height: 35px !important;
padding: 2px 10px !important;
border-radius:         5px;
margin-right: 3px;
margin-left:         2px;
background: #181818;
color:         white;
}

.kmpnySag
{
line-height: 35px !important;
height: 35px !important;
padding: 2px 10px !important;
border-radius:         5px;
margin-right: 0px;
margin-left:         2px;
background: #ff193b;
color:         white;
text-align: center;
}
span.symbol5-1
{
position:         absolute;
top: 0px;
left:         0px;
width: 50px;
z-index:         9999;
/*
background:              white;
*/
padding:         3px;
border-radius: 5px;
}
}
@media only screen and (max-width: 376px)
{
.backgroundWhite
{
background:         #120808;
min-height: 376px;
border-radius: 5px
}

.asiriGizli
{
margin-top:         20px;
font-size: 26px;
padding:         38px;
font-weight: 600;
line-height:         initial;
color: #c8c8c8;
box-sizing: border-box
}

.saatDiv,.dakikaDiv,.saniyeDiv
{
margin-top:         4px;
margin-right: 5px
}

.sayacSag>.ondalik
{
font-size: 14px
}

.sayacSag>.kurus
{
font-size: 6px!important
}

.enfSymbol
{
display:         flex;
font-size: 11px;
text-align:         center;
flex-direction: row;
padding:         3px 0px 3px 10px;
margin-left: 0px;
background:         #ffff68;
margin-right: -2px;
line-height:         14px;
font-weight: 700;
border-top-left-radius:         5px;
border-bottom-left-radius: 5px;
color:         black;
}

.kmpnySymbol
{
display:         flex;
font-size: 10px;
text-align:         center;
flex-direction: row;
padding:         3px 0px 3px 2px;
margin-left: 0px;
background:         #ffd7dd;
margin-right: -3px;
line-height:         25px;
font-weight: 700;
border-top-left-radius:         5px;
border-bottom-left-radius: 5px;
color:         #ff193b;
}

.enfSymbol > img
{
width:         17px;
margin-right: 5px;
}
span.symbol5-1
{
position:         absolute;
top: 0px;
left:         0px;
width: 50px;
z-index:         9999;
/*
background:              white;
*/
padding:         3px;
border-radius: 5px;
}
}
@media only screen and (max-width: 321px)
{
.backgroundWhite
{
background:         #ec2727;
min-height: 333px;
border-radius: 5px
}

.asiriGizli
{
margin-top:         10px;
font-size: 25px;
padding:         28px;
font-weight: 600;
line-height:         initial;
color: #c8c8c8;
box-sizing: border-box
}

.enfSymbol
{
display:         flex;
font-size: 10px;
text-align:         center;
padding: 3px 0px 3px 4px;
margin-left:         0px;
margin-right: -2px;
background:         #ffff68;
line-height: 14px;
border-top-left-radius:         5px;
border-bottom-left-radius: 5px;
font-weight:         700;
color: #8b1bcd;
}

.kmpnySymbol
{
display:         flex;
font-size: 9px;
text-align:         center;
flex-direction: row;
padding:         3px 0px 3px 3px;
margin-left: 0px;
background:         #ffd7dd;
margin-right: -6px;
line-height:         25px;
border-top-left-radius: 5px;
border-bottom-left-radius:         5px;
font-weight: 700;
color:         #ff193b;
}

.enfSymbol > img
{
width:         15px;
margin-right: 5px;
}
span.symbol5-1
{
position:         absolute;
top: 0px;
left:         0px;
width: 50px;
z-index:         9999;
/*
background:              white;
*/
padding:         3px;
border-radius: 5px;
}
}

.colorWhite
{
color: #fff!important
}

.newTop
{
margin-top: 65px
}

.menuSubList
{
padding:   0 !improtant;
}

.wave
{
animation:         zoomIn 1s infinite ease-out;
transform-origin: 50% 50%;
}

.wave-sm
{
animation-delay: .3s;
}

.wave-md
{
animation-delay: .45s;
}

.wave-lg
{
animation-delay: .6s;
}
@keyframes zoomIn
{
from
{
opacity:         0;
transform: scale(.2);
}
50%
{
opacity:         1;
}
}

.mro
{
margin-right: 2.5px;
}
@keyframes festivalGecis
{
0%
{
background-color:         #fbbaf8;
}
25%
{
background-color:         #f1fbb8;
}
50%
{
background-color:         #f3bad0;
}
100%
{
background-color:         #3f51b5;
}
}
@keyframes ramazanGecis
{
0%
{
background-color:         #9c27b0;
}
25%
{
background-color:         #ffc107;
}
50%
{
background-color:         #00bcd4;
}
100%
{
https: //www.tofisa.com/ne-alirsan-29-90-tl
background-color:         #3f51b5;
}
}
@keyframes ramazanGecis2
{
0%
{
border-color:         #9c27b0;
}
25%
{
border-color:         #ffc107;
}
50%
{
border-color:         #00bcd4;
}
100%
{
border-color:         #3f51b5;
}
}
@media only screen and (max-width: 375px)
{
.ramazanBaslik
{
font-size: 7px!important;
padding:         2px;
line-height: 24px!important;
}

.ramazanFiyat
{
font-size: 11px!important;
padding:         8px;
line-height: 12px!important
}
}
@media only screen and (max-width: 600px)
{
.ramazanBaslik
{
font-size: 10px!important;
padding:         2px;
line-height: 24px!important;
}

.ramazanFiyat
{
font-size: 15px!important;
padding:         8px;
line-height: 12px!important;
}
}
@media only screen and (min-width: 601px)
{
.ramazanBaslik
{
font-size: 15px!important;
padding:         8px;
line-height: 12px!important;
}

.ramazanFiyat
{
font-size: 19px!important;
padding:         8px;
line-height: 12px!important;
}
}

.ramazanOd
{
border: none!important;
}

.ramazanaOzel
{
border:         1px solid;
color: white;
padding:         10px;
width: 90%;
background:         #ff9800;
display: flex;
align-items:         center;
text-align: center;
border-radius:         45px;
}

.indirimsizRamazanFiyat
{
text-decoration:         line-through;
font-weight: 500;
color:         gray;
}

.ramazanaOzelIsim
{
font-size:         12px;
}

.ramazanaOzelFiyat
{
font-size:         14px;
font-weight: bold;
}

.ramazanBorder
{
border:         3px solid #ff9800;
-webkit-animation: led .8s infinite;
-moz-animation: led .8s infinite;
-ms-animation: led .8s infinite;
-o-animation: led .8s infinite;
animation-name:         ramazanGecis2;
animation-duration: 2s;
animation-iteration-count:         1000;
animation-timing-function: unset;
}

.festivalGecis
{
border:         3px solid #1db1cc;
-webkit-animation: led .8s infinite;
-moz-animation: led .8s infinite;
-ms-animation: led .8s infinite;
-o-animation: led .8s infinite;
animation-name:         festivalGecis;
animation-duration: 2s;
animation-iteration-count:         1000;
animation-timing-function: unset;
}

.animationRamazan
{
background-color:         #FF4C00;
font-weight: 100;
font-size: 11px !important;
/*animation-name: ramazanGecis;
animation-duration:                                                                                                                                  2s;
animation-iteration-count: 1000;
animation-timing-function:                                                                                                                                  unset;
*/
}

.animationRamazan2
{
background-color:         #ff0000;
animation-name: ramazanGecis;
animation-duration:         2s;
animation-iteration-count: 1000;
animation-timing-function:         unset;
}

.festivalBorder
{
background-color:         transparent;
/*
animation-name:                                                                          festivalGecis;
animation-duration:                                                         2s;
animation-iteration-count:                                                                          1000;
animation-timing-function:                                                         unset;
*/
}

.border3
{
background-color:         #ff0000;
}

.countDown
{
bottom:         10px;
align-items: center;
padding:         10px;
box-sizing: border-box;
pointer-events:         none;
user-select: none;
position:         absolute;
margin-top: -24px;
background:         #fefffe;
height: 46px;
border-radius:         10px;
justify-content: center;
border:         solid 1px #e6e6e6;
width: 170px;
right:         10px;
z-index: 3;
}

.countDown span
{
padding:         5px 10px;
box-sizing: border-box;
background:         #fefffe;
width: 40px;
display:         none;
align-items: center;
justify-content:         center;
height: 30px;
font-size:         20px;
position: relative;
padding-bottom:         20px;
padding-right: 20px;
}

.countDown span.active
{
display:         flex;
}

.countDown span.active::after
{
width: 100%;
height:         20px;
content: '';
display:         flex;
position: absolute;
top:         16px;
justify-content: center;
align-items:         center;
color: #f36a25;
font-size:         12px;
font-weight: 600;
}

.countDown span.active.hours::after
{
content: 'Sa';
}

.countDown span.active.minutes::after
{
content: 'Dk';
}

.countDown span.active.seconds::after
{
content: 'Sn';
}

.countDown span.active::before
{
content: ':';
width:         10px;
height: 100%;
display:         flex;
align-items: center;
position:         absolute;
right: 1px;
text-align:         center;
justify-content: center;
font-weight:         600;
}

.countDown span.active:last-child::before
{
display:         none;
}
@media only screen and (max-width: 768px)
{
.countDown
{
width:         90px;
bottom: 2px;
right:         2px;
padding: 0 5px;
height:         30px;
}

.countDown span
{
padding:         0;
font-size: 12px;
margin:         0px 6px;
height: 25px;
flex-direction:         column;
}

.countDown span.active::after
{
position:         static;
font-size: 9px;
line-height:         3px;
}

.countDown span.active::before
{
right:         -12px;
}
}
#t-action-wrapper.visible
{
display: none!important;
}
#iu-address .email-control-container,#iu-address .showAddressFieldInvoiceType
{
display:         none;
}
#SepetForm .middleItem .productRow span.text-custom-gray.bakyesilyesil
{
color:         #4caf50;
}

.kayanYazi
{
background:         #f7da0c;
padding: 7px;
box-sizing:         border-box;
font-size: 10px;
color:         #000000;
font-weight: bold;
/*background: linear-gradient(86deg, rgb(151 203 222) 0%, rgb(247 189 210) 50%, rgb(255 167 149) 100%);*/
letter-spacing:         1px;
font-size: 11px;
/*font-weight:               400;*/
}

.mobileApp
{
display:         flex;
padding: 20px;
box-sizing:         border-box;
}

.mobileApp > a > img
{
height:         35px;
}

.mobileApp > a
{
width: 50%;
display:         flex;
justify-content: center;
}

.adminCikis.logout
{
background:         crimson;
height: 40px;
display:         flex;
align-items: center;
padding:         0 15px;
color: #fff;
text-transform:         uppercase;
font-size: 13px;
font-weight:         600;
cursor: pointer;
}

.noTopTop .Content.sptContent
{
position:         relative;
text-align: center;
display:         flex;
justify-content: center;
font-size:         16px;
text-transform: uppercase;
font-weight:         300;
color: #333;
}

.Content.sptContent .backToBack
{
position: absolute !important;
left:         0;
margin-left: 0 !important;
cursor:         pointer;
}

.StorySection::-webkit-scrollbar
{
height:         0px;
}
span.danger.kampanyaYesil
{
color:         #4caf50;
font-weight: 500;
}

.StorySection::-webkit-scrollbar-track
{
background:         #ddd;
}

.StorySection::-webkit-scrollbar-thumb
{
background:         #f4651a;
}

.stdGiris
{
display:         flex;
justify-content: center;
height:         auto;
}

.stdGiris > .col-6
{
background:         white;
padding: 10px 20px;
box-sizing:         border-box;
border: solid 1px #e5e5e5;
border-radius:         2px;
margin: 15px 0;
}

.anasayfaSlickSlider
{
margin-top:         10px;
position: relative;
padding-bottom:         15px;
}
form#formumuzu
{
margin-top:         50px;
margin-bottom: 50px;
}

.anasayfaSlickSlider .slick-arrow
{
height:         50px;
width: 50px;
font-size:         0;
position: absolute;
top: calc(50% - 25px);
border:         none;
outline: none;
z-index:         5;
}

.anasayfaSlickSlider .slick-arrow.slick-next
{
right:         0;
background: url(/Data/EditorFiles/SmugAgency/sag.svg) center no-repeat;
}

.anasayfaSlickSlider .slick-arrow.slick-prev
{
left:         0;
background: url(/Data/EditorFiles/SmugAgency/sol.svg) center no-repeat;
}
/*ul.slick-dots
{
display:                                                                                                                                                flex;
justify-content: center;
margin-top:                                                                                                                                                15px;
}
ul.slick-dots li
{
display:                                                                                                                                                flex;
}
ul.slick-dots li button
{
margin:                                                                                          2px;
border:                                                       none;
outline:                                                                                          none;
font-size:                                                       0;
width:                                                                                          10px;
height:                                                       10px;
padding:                                                                                          0;
border-radius: 100%;
}
ul.slick-dots li.slick-active button
{
background:                                                                                                                                                #333;
}
*/
#mobileOptions label
{
display:         flex;
align-items: center;
padding:         10px;
}
#mobileOptions select
{
padding:         5px 10px;
box-sizing: border-box;
border-radius:         4px;
height: 30px;
border:         solid 1px #00000087;
background: url(/Data/EditorFiles/SmugAgency/downArrow.png) center center no-repeat;
background-size:         10px;
background-position: 90% center;
color: #333 !important;
}
div#socialMedia
{
display:         flex;
margin: 20px -10px;
}
a#popup-member-login-facebook
{
background:         #344d7a;
height: 40px;
color:         #fff;
border-radius: 30px;
}
a#popup-member-login-facebook .icon-facebook:before
{
font-size:         20px;
margin-left: 10px;
}
a#signinGoogle
{
background:         #dd5144;
height: 40px;
color:         #fff;
border-radius: 30px;
}
a#signinGoogle .icon-google:before
{
font-size:         20px;
margin-left: 10px;
color:         #ffffff;
background: transparent;
}
div#popup-login
{
/*text-align: center;*/
}
/* NEW LOGIN TYPE */
.form-control input:-internal-autofill-selected
{
background: #efefef !important;
}

.form-control input:-webkit-autofill
{
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
@media screen and (max-width: 768px)
{
ul#pop-login-type li.btn-giris.active,ul#ug-login-type .btn-giris.active, ul#login-type li.btn-giris.active
{
color:         #000;
background-color: #fff;
border-radius:         10px;
padding: 5px;
margin:         6px;
box-shadow: 0px 0px 10px -2px rgb(0 0 0 / 20%);
line-height:         38px;
}
ul#pop-login-type li label,ul#login-type li label
{
display:         flex;
flex-direction: column;
font-size:         11px;
}

.iconEmail
{
background: url(/Data/EditorFiles/2022/icons/iconEmail.svg);
background-size: 18px !important;
background-position: 0% center !important;
transform: translate(9%, 0%) !important;
-webkit-transform: translate(9%, 0%) !important;
}

.iconPhone
{
background: url(/Data/EditorFiles/2022/icons/iconPhone.svg);
background-size: 18px !important;
background-position: 0% center !important;
transform: translate(9%, 0%) !important;
-webkit-transform: translate(9%, 0%) !important;
}
}

.loginPageTitle
{
font-size:         20px;
line-height: 40px;
color:         #333;
text-align: center;
display:         block;
position: relative;
font-weight:         600;
text-transform: uppercase;
}
ul#pop-login-type
{
background:         #f4f8fb;
height: 60px;
display:         flex;
justify-content: center;
border-radius:         15px;
}
ul#pop-login-type li.btn-giris.active,ul#ug-login-type .btn-giris.active, ul#login-type li.btn-giris.active
{
color:         #000;
background-color: #fff;
border-radius:         10px;
padding: 5px;
margin:         8px;
box-shadow: 0px 0px 10px -2px rgb(0 0 0 / 20%);
line-height:         35px;
}
ul#pop-login-type li.btn-giris, ul#pop-login-type li.btn-giris.passive:hover, ul#login-type li.btn-giris, ul#login-type li.btn-giris.passive:hover
{
color:         #000;
padding: 5px;
margin:         8px;
line-height: 35px;
}
ul#pop-login-type li.btn-giris, ul#pop-login-type li.btn-giris.passive:hover, ul#login-type li.btn-giris, ul#login-type li.btn-giris.passive:hover
{
opacity: .5;
}
ul#pop-login-type li.btn-giris.active,ul#ug-login-type .btn-giris.active, ul#login-type li.btn-giris.active
{
opacity:         1;
}
ul#pop-login-type li label,ul#login-type li label
{
display:         flex;
flex-direction: column;
}
ul#pop-login-type li label .input-wrap
{
margin: 0 !important;
display:         none;
}
a#popup-member-forgot-password
{
height:         50px;
display: flex;
align-items:         center;
float: right;
margin-right:         10px;
font-size: 13px;
}
a#popup-member-login
{
background:         #ff6000;
color: #fff;
border-radius:         10px;
line-height: 40px;
font-size:         15px;
}

.iconEmail
{
background: url(/Data/EditorFiles/2022/icons/iconEmail.svg);
background-size:         25px;
background-position: 8% center;
background-repeat:         no-repeat;
transform: translate(7%, 0%);
-webkit-transform: translate(7%, 0%);
cursor:         pointer;
}

.iconPhone
{
background: url(/Data/EditorFiles/2022/icons/iconPhone.svg);
background-size:         25px;
background-position: 10% center;
background-repeat:         no-repeat;
transform: translate(7%, 0%);
-webkit-transform: translate(7%, 0%);
cursor:         pointer;
}

.forgetPassword
{
width:         16px;
margin-right: 10px !important;
}

.forgetPasswordTitle
{
text-decoration:         underline;
font-weight: 500;
}

.newRegister
{
text-decoration:         underline;
font-weight: 500;
color:         #000;
}
/* NEW LOGIN TYPE */
.LangCurOverlay
{
position:         absolute;
background: white;
width:         180px;
top: 100%;
z-index:         999999;
padding: 20px 0;
box-sizing:         border-box;
border: solid 1px #e8e8e8;
border-radius:         0 0 4px 4px;
display: none;
}

.DesktopCountry
{
padding:         10px 25px;
box-sizing: border-box;
margin-bottom:         10px;
border-bottom: solid 1px #f4f4f4;
}

.DesktopCountry select
{
height:         30px;
padding: 5px 10px;
cursor:         pointer;
box-sizing: border-box;
margin-top:         10px;
font-weight: 500;
float:         left;
border-radius: 3px;
border:         solid 1px #c3c2c2;
background: url(https://www.tofisa.com/Data/EditorFiles/SmugAgency/downArrow.png) no-repeat 0 0;
display:         block;
float: right;
background-position:         107px;
background-size: 10px 10px;
}
#headerTop .Right .LangCurrSide .LangCurOverlay .currSide
{
width: 35%;
margin-left: 15%;
position:         relative;
}
#headerTop .Right .LangCurrSide .LangCurOverlay .currSide::after
{
background:         #f4f4f4;
height: 100%;
content: '';
display:         flex;
width: 1px;
left:         -5px;
position: absolute;
}

.LangCurOverlay span
{
width: 100%;
display:         flex;
cursor: pointer;
align-items:         center;
margin-bottom: 10px;
height:         20px;
transition: all .4s;
}

.LangCurOverlay span:hover
{
padding-left:         4px;
transition: all .4s;
}
#headerTop .Right .LangCurrSide:hover .LangCurOverlay
{
display:         flex;
flex-wrap: wrap;
}
ul#ug-login-type li label
{
text-align:         center;
display: flex;
align-items:         center;
justify-content: center;
flex-direction:         column;
}

.LoggedSection
{
margin: 25px 25%;
padding:         40px;
box-sizing: border-box;
background:         #fff;
border-radius: 4px;
width: 50%;
}
a.noRegisterOrder
{
background:         #4caf50;
font-style: normal;
font-weight:         500;
font-size: 18px;
color:         #FFFFFF;
height: 50px;
display:         flex;
align-items: center;
justify-content:         center;
}

.LoggedSection .Top
{
display:         flex;
align-items: center;
}

.LoggedSection .Top .First
{
font-size:         15px;
line-height: 1;
color:         #757575;
margin-bottom: 5px;
}

.LoggedSection .Top .Second
{
font-style:         normal;
font-weight: 400;
font-size:         20px;
line-height: 1;
color:         #F36A25;
margin-bottom: 10px;
}

.LoggedSection .Top .Third
{
font-style:         normal;
font-weight: 400;
font-size:         13px;
line-height: 1;
color:         #979797;
}

.LoggedSection a.btn.logout
{
background:         #F36A25;
height: 40px;
line-height:         40px;
font-style: normal;
font-weight:         500;
text-transform: uppercase;
border:         none;
font-size: 15px;
text-align:         center;
padding: 0;
color:         #fff;
}

.LoggedSection a.btn
{
background:         #fff;
border: solid 1px #545454;
border-radius:         4px;
color: #000000;
margin:         5px 5px 5px 0px;
text-align: center;
}
a#without-membership
{
text-align:         center;
background: #f26b26;
color:         #fff;
border: none;
}
a.popUpRegister
{
height:         50px;
display: flex;
align-items:         center;
justify-content: flex-start;
font-style:         italic;
color: #4caf50;
text-decoration:         underline;
}
a#popup-member-forgot-password2
{
height:         50px;
display: flex;
align-items:         center;
}
/* Slider */
.slick-slider
{
position:         relative;
display: block;
box-sizing:         border-box;
-webkit-user-select: none;
-moz-user-select:         none;
-ms-user-select: none;
user-select:         none;
-webkit-touch-callout: none;
-khtml-user-select:         none;
-ms-touch-action: pan-y;
touch-action:         pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list
{
position:         relative;
display: block;
overflow:         hidden;
margin: 0;
padding:         0;
}

.slick-list:focus
{
outline:         none;
}

.slick-list.dragging
{
cursor:         pointer;
cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.slick-track
{
position:         relative;
top: 0;
left:         0;
display: block;
margin-left:         auto;
margin-right: auto;
}

.slick-track:before, .slick-track:after
{
display:         table;
content: '';
}

.slick-track:after
{
clear:         both;
}

.slick-loading .slick-track
{
visibility:         hidden;
}

.slick-slide
{
display:         none;
float: left;
height: 100%;
min-height:         1px;
}
[dir='rtl'] .slick-slide
{
float:         right;
}

.slick-slide img
{
display:         block;
}

.slick-slide.slick-loading img
{
display:         none;
}

.slick-slide.dragging img
{
pointer-events:         none;
}

.slick-initialized .slick-slide
{
display:         block;
}

.slick-loading .slick-slide
{
visibility:         hidden;
}

.slick-vertical .slick-slide
{
display:         block;
height: auto;
}

.slick-arrow.slick-hidden
{
display:         none;
}

.yonetim_mesaj
{
display: none !important;
}
#headerTop
{
height:         40px;
background: #f4f4f4;
}
#headerTop ul
{
display:         flex;
align-items: center;
padding:         0;
}
#headerTop ul li
{
height:         30px;
display: flex;
align-items:         center;
}
#headerTop ul li a
{
margin-right:         15px;
display: flex;
align-items:         center;
}
#headerTop ul li a
{
border-left:         1px #777 solid;
padding-left: 10px;
}
#headerTop ul li:first-child a
{
border-left: 0px !important;
padding-left:         10px;
}
#headerTop .Right
{
display:         flex;
justify-content: flex-end;
padding:         0;
align-items: center;
font-size:         14px;
}
#headerTop .Right a
{
background:         #cd5424;
height: 40px;
display:         flex;
align-items: center;
padding:         0 20px;
color: #fff;
}
#headerTop .Right a b
{
margin-right:         5px;
}
#headerTop .Right .LangCurrSide
{
height:         40px;
display: flex;
align-items:         center;
padding: 0 20px;
color:         #000;
}
#headerTop .Right .LangCurrSide img
{
height:         20px;
width: 20px;
margin-right:         10px;
}
#headerMain
{
padding-top:         15px;
padding-bottom: 15px;
}

.userSection .Item
{
padding-left:         20px;
}
#headerMain .userSection,.userSection .Item
{
font-size:         13px;
color: #000;
position:         relative;
}
#headerMain .userSection
{
justify-content:         flex-end;
}
#headerMain .userSection .Item a
{
width: 100% ;
float:         left;
flex-direction: column ;
justify-content:         center;
display: flex ;
align-items:         center;
position: relative
}
#headerMain .userSection span.cart-soft-count
{
position:         absolute;
top: 0 ;
right:         0;
width: 20px ;
height:         20px;
font-size: 10px ;
color:         #fff;
font-weight: 600 ;
background:         #000000;
border-radius: 10px;
margin: 0 !important ;
text-align:         center;
line-height: normal ;
display:         flex;
align-items: center ;
justify-content:         center;
}
#headerMain .userSection .Item a img
{
height:         25px;
margin-bottom: 1px;
}
#headerTop .Right a img
{
height:         25px;
margin-right: 5px;
}
#header-wrap.sticky #headerTop,#header-wrap.sticky div#headerMain
{
display: none
}

.selectArrow
{
background: url(https://cdn2.modahira.com/Themes/istanbul/Responsive/Assets/Images/headerAccountNavArrow-new.png) no-repeat 0 0;
display:         block;
float: right;
background-position:         92px 13px;
}

.LanguageSection
{
display: none
}

.LanguageSection.active
{
position:         fixed;
z-index: 9999 ;
background:         #fff;
width: 320px ;
padding:         20px;
box-sizing: border-box ;
height:         225px;
box-shadow: 0 3px 3px rgba(0,0,0,.1);
top: calc(50% - 225px);
left: calc(50% - 160px) ;
display:         block;
border-radius: 4px;
border: solid 1px #f36a25
}

.LanguageSection .DesktopCountry
{
margin-bottom: 15px
}

.LanguageSection .DesktopCountry .Title
{
margin-bottom:         5px;
font-size: 15px
}

.LanguageSection .DesktopCountry select
{
padding:         10px;
border-radius: 4px ;
border:         solid 1px #bdb9b9;
background: url(/Data/EditorFiles/SmugAgency/downArrow.png) 95% center no-repeat;
background-size: 15px
}

.LanguageSection .Other
{
display:         flex;
margin-top: 20px
}

.LanguageSection .Other .langSide
{
border-right: solid 1px #bdb9b9
}

.LanguageSection .Other span
{
cursor:         pointer;
font-size: 14px ;
margin-bottom:         12px;
display: flex ;
align-items:         center;
transition: all .4s
}

.LanguageSection .Other span img
{
height:         30px;
width: 30px;
margin-right: 7px
}

.LanguageSection .Other span:hover
{
transition: all .4s;
border-left: solid 10px #f36a25
}
:not(#mainMenu) > .menu
{
position: relative
}
[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
}

.header-wrapper
{
z-index:         99999;
/*margin-bottom: 36px;*/
}
#header-wrap.sticky
{
position:         fixed;
top: 0;
left:         0;
z-index: 999;
}
#logo a
{
float:         left;
width: 100% ;
height:         50px;
display: flex ;
align-items:         center;
}
#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
{
float:         left;
width: 100% ;
height:         40px;
display: flex ;
align-items:         center;
padding-bottom: 0;
}
#logo img
{
display:         inherit;
max-height: 100%;
max-width: 100% ;
width:         auto;
}
#searchListWrap
{
position: relative
}
#live-search
{
height:         36px;
line-height: 14px
}
#live-search-box
{
top: 100% ;
left:         -1px;
z-index: 999
}
#FormAra
{
height:         40px;
background: #fff ;
box-sizing:         border-box;
z-index: 999 ;
border:         1px solid #c4c4c4;
padding: 0 ;
border-radius:         4px;
display: flex ;
flex-direction:         row-reverse;
align-items: center;
}
[dir="rtl"] #FormAra
{
left:         0;
right: auto
}
#FormAra input[type="text"]
{
display:         block;
width: calc(100% - 40px) ;
height:         30px;
color: #f4f4f4 ;
font-size:         14px;
border: 0 ;
box-sizing:         border-box;
font-weight: 400 ;
padding:         0;
}
#FormAra input[type="text"]:focus
{
box-shadow: none
}
#FormAra button[type="submit"]
{
display:         flex;
position: relative ;
width:         60px;
border: 0 ;
cursor:         pointer;
color: #c4c4c4 ;
border-radius:         4px;
font-size: 20px ;
background:         transparent;
align-items: center ;
justify-content:         center;
}
#live-search
{
height:         36px;
line-height: 36px;
}
#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:         400;
display: flex;
align-items: center
}
#live-search-box:not([data-callback]) span,#live-search-box div.search-image
{
width: 15%;
/*height:0;
padding-bottom:5%*/
;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
}
#mainMenu a
{
height:         40px;
line-height: 40px ;
font-size:         15px;
color: #323232;
}

.menu li.parentLink > a
{
background-color: transparent
}
#mainMenu .parentLink li a
{
height:         auto;
line-height: 25px ;
font-size:         12px;
color: #545454 ;
border-right:         0;
padding-right: 0;
padding-left: 0
}
#mainMenu > ul > li:last-child a
{
/*color:                        #f36a25;
font-weight:                                                                                                                         700;
*/
}
#mainMenu > ul > li:nth-child(11) a
{
/*color:                        #ee304b;
font-weight: 700*/
}

.subMenu
{
max-width:         1200px;
box-shadow: rgb(0 0 0 / 40%) 0px 30px 50px, rgb(0 0 0 / 20%) 0px 10px 10px;
}

.subMenu :not(.dynamicMenu)
{
background-color: transparent
}
#headerBottom
{
background:         #ffffff;
border-bottom: solid 1px #e8e8e8;
}
nav#mainMenu > .menu
{
display:         flex;
justify-content: space-between;
}
#basketList
{
display:         none;
position: absolute;
top: 100% ;
padding-left:         20px;
box-sizing: border-box ;
width:         250px;
background: #fff;
box-shadow: 0 3px 3px rgba(0,0,0,.1) ;
z-index:         999;
}
#basketList .CartAllPrice .row
{
font-style:         normal;
font-weight: 600;
font-size:         14px;
line-height: 21px;
letter-spacing: 0.07em;
color:         #f36a25;
width: 100%;
margin:         0;
text-align: center;
}
#basketList .GoCartBtn
{
width:         175px;
height: 36px ;
left:         1318px;
top: 272px ;
background:         #4caf50;
border-radius: 5px ;
text-align:         center;
padding: 0 ;
line-height:         1;
display: flex ;
align-items:         center;
justify-content: center;
font-style:         normal;
font-weight: 600 ;
font-size:         14px;
letter-spacing: 0.07em ;
color:         #FFFFFF;
}

.hizliAlisveris .pageTitle
{
margin-bottom: 0 !important;
border-bottom: 0 !important;
}

.hizliAlisveris .popupInnerBlock
{
margin-top: 0 !important;
}
#basketList .cartProductName
{
font-style:         normal;
font-weight: normal ;
font-size:         13px;
line-height: 16px ;
color:         #424242;
}
#basketList .F1
{
font-style:         normal;
font-weight: 600;
font-size:         11px;
line-height: 16px;
letter-spacing: 0.07em;
text-decoration-line:         line-through;
color: #C4C4C4;
}
#basketList .F2
{
font-style:         normal;
font-weight: 600 ;
font-size:         14px;
line-height: 21px;
letter-spacing: 0.07em ;
color:         #f36a25;
}
ul.middleItem
{
height:         350px;
overflow-y: scroll
}
#logo
{
width: 190px !important;
}
#logo img
{
/*width: 120px !important;*/
}
@media screen and (min-width: 769px)
{
#membershipTabContainer > div > div > div
{
background:         white;
padding: 10px 20px;
box-sizing:         border-box;
border: solid 1px #e5e5e5;
border-radius:         2px;
margin: 15px 0;
}
div#membershipTabContainer
{
margin:         25px 0;
}

.LoggedSection
{
margin: 25px 25%;
padding:         32px 28px;
box-sizing: border-box;
border:         1px solid #DCDCDC;
background: #fff;
border-radius:         4px;
width: 50%;
}
a.noRegisterOrder
{
background:         #4caf50;
font-style: normal;
font-weight:         500;
font-size: 16px;
color:         #FFFFFF;
height: 50px;
display:         flex;
align-items: center;
justify-content:         center;
letter-spacing: 1.7px;
}

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

.LoggedSection .Top .First
{
font-style:         normal;
font-weight: 400;
font-size:         13px;
line-height: 1;
color:         #979797;
margin-bottom: 5px;
}

.LoggedSection .Top .Second
{
font-style:         normal;
font-weight: 400;
font-size:         18px;
line-height: 1;
color:         #F36A25;
margin-bottom: 10px;
}

.LoggedSection .Top .Third
{
font-style:         normal;
font-weight: 400;
font-size:         13px;
line-height: 1;
color:         #979797;
}

.LoggedSection a.btn.logout
{
background:         #979797;
height: 40px;
line-height:         40px;
font-style: normal;
font-weight:         700;
font-size: 18px;
text-align:         center;
padding: 0;
color:         #fff;
}

.LoggedSection a.btn
{
background:         #fff;
border: solid 1px #545454;
border-radius:         4px;
color: #000000;
margin:         5px 0;
text-align: center;
}
a#without-membership
{
text-align:         center;
background: #f26b26;
color:         #fff;
border: none;
}
a.popUpRegister
{
height:         50px;
display: flex;
align-items:         center;
justify-content: flex-start;
font-style:         italic;
color: #4caf50;
text-decoration:         underline;
}
/* Slider */
.slick-slider
{
position:         relative;
display: block;
box-sizing:         border-box;
-webkit-user-select: none;
-moz-user-select:         none;
-ms-user-select: none;
user-select:         none;
-webkit-touch-callout: none;
-khtml-user-select:         none;
-ms-touch-action: pan-y;
touch-action:         pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list
{
position:         relative;
display: block;
overflow:         hidden;
margin: 0;
padding:         0;
}

.slick-list:focus
{
outline:         none;
}

.slick-list.dragging
{
cursor:         pointer;
cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
height: 100% !important;
}

.slick-track
{
position:         relative;
top: 0;
left:         0;
display: block;
margin-left:         auto;
margin-right: auto;
}

.slick-track:before, .slick-track:after
{
display:         table;
content: '';
}

.slick-track:after
{
clear:         both;
}

.slick-loading .slick-track
{
visibility:         hidden;
}

.slick-slide
{
display:         none;
float: left;
height: 100%;
min-height:         1px;
}
[dir='rtl'] .slick-slide
{
float:         right;
}

.slick-slide img
{
display:         block;
border-radius: 4px;
}

.slick-slide.slick-loading img
{
display:         none;
}

.slick-slide.dragging img
{
pointer-events:         none;
}

.slick-initialized .slick-slide
{
display:         block;
}

.slick-loading .slick-slide
{
visibility:         hidden;
}

.slick-vertical .slick-slide
{
display:         block;
height: auto;
border: none !important;
}

.slick-slider .slick-track, .slick-slider .slick-list
{
min-height: 100%;
}

.slick-arrow.slick-hidden
{
display:         none;
}

.yonetim_mesaj
{
display: none !important;
}
#headerTop
{
height:         40px;
background: #f4f4f4;
}
#headerTop ul
{
display:         flex;
align-items: center ;
padding:         0;
min-height: 1px;
}
#headerTop ul li
{
height:         40px;
display: flex;
align-items:         center;
}
#headerTop ul li a
{
margin-right:         10px;
display: flex;
align-items:         center;
color: #777;
}
#headerTop .Right
{
display:         flex;
justify-content: flex-end;
padding:         0;
align-items: center;
font-size:         14px;
}
#headerTop .Right a
{
background:         #cd5424;
height: 40px;
display:         flex;
align-items: center;
padding:         0 20px;
color: #fff;
}
#headerTop .Right a b
{
margin-right:         5px;
}
#headerTop .Right .LangCurrSide
{
font-family: 'Campton';
height:         30px;
display: flex;
align-items:         center;
padding: 0;
color:         #000;
position: relative;
cursor:         pointer;
margin-right: 20px;
font-size:         14px;
}
#headerTop .Right .LangCurrSide img
{
height:         20px;
padding-left: 20px;
width:         20px;
margin-right: 5px;
}
#headerMain
{
padding-top:         15px;
padding-bottom: 5px;
}

.userSection .Item
{
padding-left:         50px;
}
#headerMain .userSection,.userSection .Item
{
font-size:         13px;
color: #000;
position:         relative;
}
#headerMain .userSection
{
justify-content:         flex-end;
display: flex;
max-height:         50px;
}

.kargoTakip
{
background-image: url("https://image.tofisa.com/Data/EditorFiles/2022/yunus/kargoTakip.svg");
background-repeat:         no-repeat;
background:
position:         center curtain;
}
#headerMain .userSection .Item a
{
width: 100%;
line-height:         20px;
float: left;
flex-direction:         column;
justify-content: center;
/*
display:                                                                                                                                                        flex ;
*/
align-items:         center;
position: relative;
}
#headerMain .userSection span.cart-soft-count
{
position:         absolute;
top: 0 ;
right:         -5px;
width: 15px;
height:         15px;
font-size: 11px ;
color:         #fff;
font-weight: 600 ;
background:         #000000;
border-radius: 10px;
margin: 0 !important ;
text-align:         center;
line-height: normal ;
display:         flex;
align-items: center ;
justify-content:         center;
}
#headerMain .userSection .Item a img
{
height:         30px;
margin-bottom: 1px;
}
#headerTop .Right a img
{
height:         25px;
margin-right: 10px;
margin-bottom:         1px;
}
#header-wrap.sticky #headerTop,#header-wrap.sticky div#headerMain
{
display: none
}

.LanguageSection
{
display: none
}

.LanguageSection.active
{
position:         fixed;
z-index: 9999 ;
background:         #fff;
width: 320px ;
padding:         20px;
box-sizing: border-box ;
height:         225px;
box-shadow: 0 3px 3px rgba(0,0,0,.1);
top: calc(50% - 225px);
left: calc(50% - 160px) ;
display:         block;
border-radius: 4px;
border: solid 1px #f36a25
}

.LanguageSection .DesktopCountry
{
margin-bottom: 15px
}

.LanguageSection .DesktopCountry .Title
{
margin-bottom:         5px;
font-size: 15px
}

.LanguageSection .DesktopCountry select
{
padding:         10px;
border-radius: 4px ;
border:         solid 1px #bdb9b9;
background: url(/Data/EditorFiles/SmugAgency/downArrow.png) 95% center no-repeat;
background-size: 15px
}

.LanguageSection .Other
{
display:         flex;
margin-top: 20px
}

.LanguageSection .Other .langSide
{
border-right: solid 1px #bdb9b9
}

.LanguageSection .Other span
{
cursor:         pointer;
font-size: 14px ;
margin-bottom:         12px;
display: flex ;
align-items:         center;
transition: all .4s
}

.LanguageSection .Other span img
{
height:         30px;
width: 30px;
margin-right: 7px
}

.LanguageSection .Other span:hover
{
transition: all .4s;
border-left: solid 10px #f36a25
}
:not(#mainMenu) > .menu
{
position: relative
}
[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
}

.header-wrapper
{
z-index:         99999;
}
#header-wrap.sticky
{
position:         fixed;
top: 0 ;
left:         0;
z-index: 999;
box-shadow:         1px 2px 9px 6px #00000030;
}
#logo a
{
float:         left;
width: 100% ;
height:         50px;
display: flex ;
align-items:         center;
}
#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
}

.basketTop
{
width:         fit-content;
display: grid;
justify-items:         center;
line-height: 20px;
}

.favHeaderIcon
{
width:         fit-content;
display: grid;
justify-items:         center;
line-height: 24px;
}

.loggedAccount
{
width:         fit-content;
display: grid;
justify-items:         center;
line-height: 20px;
}

.basketLink
{
margin-left:         30px;
}
#logo
{
float:         left;
width: 220px !important;
margin-right:         50px;
margin-top: 5px;
height:         50px;
display: flex;
align-items:         center;
}
#logo img
{
display:         inherit;
max-height: 100%;
max-width: 100% ;
width:         150px;
}
#searchListWrap
{
position: relative
}
#live-search
{
height:         36px;
line-height: 14px
}
#live-search-box
{
top: 100% ;
left:         -1px;
z-index: 999
}
#FormAra
{
height:         40px;
background: #fafafa;
box-sizing:         border-box;
z-index: 999 ;
border:         1px solid #efefef;
padding: 0 ;
border-radius:         10px;
display: flex ;
flex-direction:         row-reverse;
align-items: center;
}

.d-flex
{
display:         flex;
}
#FormAra:hover
{
/*border:                               1px solid #f36a25;*/
background-color:         #fff;
transition-property: all;
-moz-transition-property:         all;
-webkit-transition-property: all;
-o-transition-property:         all;
transition-duration: .5sn;
-webkit-transition-duration: .5sn;
transition-timing-function:         linear;
-webkit-transition-timing-function: linear
}
[dir="rtl"] #FormAra
{
left:         0;
right: auto
}
#FormAra input[type="text"]
{
display:         block;
width: calc(100% - 40px) ;
height:         30px;
color: #000000 ;
background:         transparent;
font-size: 14px;
border:         0 ;
letter-spacing: 0.2px;
box-sizing:         border-box;
font-weight: 400 ;
padding:         0;
margin-left: 15px;
}
#FormAra input[type="text"]:focus
{
box-shadow: none
}
#FormAra button[type="submit"]
{
display:         flex;
position: relative;
width:         60px;
margin-right: 5px;
cursor:         pointer;
background: #ff6000;
color:         #fff;
border-radius: 8px;
font-size:         15px;
padding: 7px;
align-items:         center;
justify-content: center;
}
#live-search
{
height:         36px;
line-height: 36px;
}
#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:         400;
display: flex ;
align-items:         center;
}
#live-search-box:not([data-callback]) span,#live-search-box div.search-image
{
width: 5% ;
height:         0;
padding-bottom: 5% ;
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
}
#mainMenu a
{
font-family: 'Campton';
height:         40px;
line-height: 40px;
font-size:         14px;
font-weight: 500;
color:         #323232;
}
nav ul.menu li.fl:hover:not(.active) span a:after
{
content:         "";
display: block;
border-bottom:         2px solid #f36a25;
margin-top: -1px;
}
nav ul.menu li.fl:hover:not(.active) span.drop-down-title a
{
content:         "";
display: block;
color: #f36a25 !important;
transition:         all 0s;
}

.menu li.parentLink > a
{
background-color: transparent
}
#mainMenu li.fl:last-child
{
background:       #ff6000;
padding: 0 !important;
margin: 0  !important;
}
#mainMenu .parentLink li a
{
height:         auto;
line-height: 25px;
font-size:         15px;
color: #545454;
font-weight:         500;
border-right: 0;
padding:         0;
}
#mainMenu .parentLink li a:hover
{
background:         #eee;
color: #000;
}
#mainMenu > ul > li:last-child a
{
/*color:                        #f36a25;
font-weight:                                                                                                                         700;
*/
}
#mainMenu > ul > li:nth-child(11) a
{
/*color:                        #ee304b;
font-weight: 700*/
}

.subMenu
{
max-width:         1000px;
}

.subMenu :not(.dynamicMenu)
{
background-color:         transparent;
width: 160px;
padding-right:         10px;
padding-left: 5px;
}

.dynamicMenu ul li
{
margin-left:         -5px;
}

.catImgWrapper
{
width: auto !important;
}

.catImgWrapper img
{
min-width:         300px;
}

.subMenuCatTitle
{
margin:         15px 0 15px 5px;
font-weight: bold;
font-size: 1.1em;
}
#headerBottom
{
background:         #ffffff;
border-bottom: solid 1px #e8e8e8;
position:         relative;
background-color: #fff;
/*border:                                 solid 1px #ebebeb;*/
height:         40px;
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
}
nav#mainMenu > .menu
{
display:         flex;
justify-content: space-between;
}
#basketList
{
display:         none;
position: absolute;
top: 100% ;
box-sizing:         border-box ;
background: #fff;
box-shadow: 0 3px 3px rgba(0,0,0,.1) ;
z-index:         999;
}
#basketList .CartAllPrice .row
{
font-style:         normal;
font-weight: 600;
font-size:         14px;
line-height: 21px;
letter-spacing: 0.07em;
color:         #f36a25;
width: 100%;
margin:         0;
text-align: center;
}
#basketList .GoCartBtn
{
width:         175px;
height: 36px ;
left:         1318px;
top: 272px ;
background:         #4caf50;
border-radius: 5px ;
text-align:         center;
padding: 0 ;
line-height:         1;
display: flex ;
align-items:         center;
justify-content: center ;
font-style:         normal;
font-weight: 600 ;
font-size:         14px;
letter-spacing: 0.07em ;
color:         #FFFFFF;
}
#basketList .cartProductName
{
font-style:         normal;
font-weight: normal ;
font-size:         13px;
line-height: 16px ;
color:         #424242;
}
#basketList .F1
{
font-style:         normal;
font-weight: 600;
font-size:         11px;
line-height: 16px;
letter-spacing: 0.07em;
text-decoration-line:         line-through;
color: #C4C4C4;
}
#basketList .F2
{
font-style:         normal;
font-weight: 600 ;
font-size:         14px;
line-height: 21px;
letter-spacing: 0.07em ;
color:         #f36a25;
}
ul.middleItem
{
height:         350px;
overflow-y: scroll
}
#headerMain .userSection span.cart-soft-count
{
right:         0px;
}
@media screen and (min-width: 769px)
{
.upArrow, .downArrow
{
background:         transparent;
height: 35px ;
width:         35px;
position: fixed ;
right:         30px;
top: 20% ;
z-index:         54465464;
display: none ;
align-items:         center;
justify-content: center;
}

.downArrow
{
top: calc(18% + 60px);
}

.fixedMobileSoruSection
{
display:         none;
}
div#mobileSectionSearch,#headerMain > div > div > div:nth-child(1) > div.col.col-3.col-sm-4.userSection > div:nth-child(1),.fixedMobileMenu,.fixedMobileSoru
{
display:         none;
}

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

.pWrapper[data-name="cartPopup"]
{
display: none !important;
}
body.popupActive
{
overflow: auto !important;
}
}
@media screen and (max-width: 768px)
{
.siparisUst
{
}
#SepetForm a.noRegisterOrder
{
margin-bottom:         45px;
}

.sticky .headerTop
{
display:         none;
}

.sticky #mobileSectionSearch
{
display:         none;
}

.LoggedSection
{
width: 100%;
margin:         25px 0;
}

.CartSection div#mobileSectionSearch
{
display:         none;
}

.CartSection .userSection
{
display: none !important;
}
#header.CartSection
{
padding-top:         50px;
}

.CartSection div#logo
{
display:         flex;
justify-content: center;
align-items:         center;
}

.CartSection #headerMain > div.row > div > div:nth-child(1)
{
display:         flex;
justify-content: center;
}

.sticky .headerTop
{
display:         none;
}

.fixedMobileSoruSection
{
position:         fixed;
z-index: -1 ;
top:         25px;
left: 25px ;
background:         #fff;
width: calc(100% - 50px);
height: calc(100% - 50px) ;
overflow-y:         auto;
padding: 10px ;
box-sizing:         border-box;
visibility: hidden;
}

.fixedMobileSoruSectionOverlay
{
background:         #00000087;
position: fixed;
width: 100%;
height: 100% ;
top:         0;
left: 0 ;
z-index:         99999;
display: none;
}

.fixedMobileSoruSectionOverlay.active
{
display:         block;
}

.fixedMobileSoruSection.active
{
z-index:         99999;
box-sizing: border-box ;
display:         block;
visibility: visible;
}

.fixedMobileSoruSection.active .closeSoruSection
{
display:         flex;
justify-content: flex-end;
}

.fixedMobileSoruSection.active .closeSoruSection img
{
padding:         10px;
box-sizing: border-box;
height:         40px;
border-radius: 100%;
border:         solid 1px #000;
}

.fixedMobileSoruSection .Title
{
background:         rebeccapurple;
height: 50px;
display:         flex;
align-items: center;
}

.fixedMobileSoruSection .Content
{
background:         red;
}

.fixedMobileSoru
{
width:         60px;
height: 60px ;
position:         fixed;
bottom: 90px ;
left:         30px;
color: #f36a25 ;
z-index:         999;
background: #ffffffab;
border-radius: 100% ;
border:         2px solid #ffffff;
display: flex ;
flex-direction:         column;
align-items: center ;
justify-content:         center;
text-align: center ;
font-size:         9px;
}

.fixedMobileMenu
{
background:         #f26b26;
width: 50px ;
height:         50px;
display: flex ;
align-items:         center;
justify-content: center ;
position:         fixed;
right: 30px ;
bottom:         90px;
border-radius: 100% ;
color:         #fff;
z-index: 33 ;
flex-direction:         column;
text-align: center ;
font-size:         10px;
}

.fixedMobileMenu img
{
margin-bottom:         5px;
}
div#mobileMenuMain > ul > li > a,div#mobileMenuMain > ul > li > span
{
display:         flex;
align-items: center;
justify-content:         space-between;
height: 40px;
}
div#mobileMenuMain > ul > li > ul
{
display:         none;
background: #e6e6e675;
}
div#mobileMenuMain > ul > li > ul > li > a
{
height:         30px;
display: flex;
align-items:         center;
margin: 5px 0;
}
div#mobileMenuMain > ul > li span span .icon-arrow-simple-down:before
{
background: url(/Data/EditorFiles/SmugAgency/downArrow.png) center center no-repeat;
display:         flex;
width: 20px;
height:         20px;
content: '';
background-size:         15px;
transform: rotate(-90deg);
}
div#mobileMenuMain > ul > li span.active span .icon-arrow-simple-down:before
{
transform: rotate(0deg);
}
a#favMobile
{
background:         #4CAF50;
animation: example infinite;
animation-duration:         2s;
animation-iteration-count: 500;
}
@keyframes example
{
from
{
background-color:         #4CAF50;
}
to
{
background-color:         red;
}
}

.MenuMainTop
{
margin-bottom:         25px;
margin-top: 25px;
}

.MenuMainTop a
{
border-radius:         4px;
display: flex;
align-items:         center;
padding: 10px 15px;
box-sizing:         border-box;
color: #fff;
}

.MenuMainTop a img
{
height:         20px;
margin-right: 10px;
}
a#loginMobile
{
border:         solid 1px #f26b26;
background: #f26b26;
text-transform:         uppercase;
font-size: 16px;
font-family: 'Neuron Angled SC';
color:         #fff;
}
a#favMobile
{
background:         #46af62;
}
#FormAra button[type="submit"]::before
{
margin:         0;
}

.StorySection
{
display:         block;
white-space: nowrap;
overflow-x:         scroll;
-webkit-overflow-scrolling: touch;
padding:         10px;
box-sizing: border-box;
background:         #fff;
}

.StorySection .Item
{
display:         inline-block;
vertical-align: top;
width:         80px;
height: 80px;
line-height:         80px;
text-align: center;
border-radius:         100px;
margin-right: 10px;
font-size:         40px;
color: #fff;
}

.StorySection .Item img
{
width:         80px;
height: 80px;
}
@media screen and (max-width: 767px)
{
.StorySection .Item .itemText
{
float:         left;
color: black;
font-size:         11px;
width: 80px;
top:         160px;
font-weight: bold;
line-height:         13px;
text-align: -webkit-match-parent;
margin-top:         -20px;
}

.StorySection .Item
{
height: 110px!important;
}
}
@media screen and (max-width: 424px)
{
.StorySection .Item .itemText
{
float:         left;
color: black;
font-size:         11px;
width: 80px;
top:         160px;
font-weight: bold;
line-height:         13px;
text-align: -webkit-match-parent;
margin-top:         -20px;
}

.StorySection .Item
{
height: 110px!important;
}
}
@media screen and (max-width: 374px)
{
.StorySection .Item .itemText
{
float:         left;
color: black;
font-size:         9px;
width: 62px;
top:         160px;
font-weight: bold;
/*
line-height:                                                                                                                                         15px;
*/
text-align:         -webkit-match-parent;
margin-top: -20px;
font-weight:         500;
}

.StorySection .Item
{
height: 90px!important;
}
}
div#search
{
display:         flex;
justify-content: flex-start;
margin-top:         -1px;
}
#FormAra
{
border:         none;
position: relative;
border-bottom:         solid 1px black;
border-radius: 0;
width: calc(100% - 15px);
justify-content:         flex-end;
}
#FormAra input[type="text"]
{
color:         #000;
}
#FormAra button[type="submit"]
{
color:         #000;
font-size: 16px;
width:         40px;
justify-content: flex-start;
padding:         0;
}
div#mobileSearch > .col
{
padding-left:         0;
display: flex;
flex-direction:         column;
justify-content: center;
align-items:         center;
font-size: 13px;
color:         #000;
width: 50px;
height:         45px;
}
#headerMain > div > div > div:nth-child(1)
{
justify-content:         space-between;
padding: 10px 10px;
box-sizing:         border-box;
}
#headerMain .userSection .Item a img
{
margin-bottom:         5px;
}
#headerMain .userSection span.cart-soft-count
{
display:         none;
}
div#logo
{
padding:         0 10px;
}
div#mobileSearch
{
width: 100% ;
padding:         0px 20px 10px 20px;
box-sizing: border-box ;
display:         flex;
align-items: flex-start;
}
#header-wrap.sticky #headerTop, #header-wrap.sticky div#headerMain
{
display:         block;
}
#headerMain .userSection .col
{
padding:         0;
}

.LeftUserSection
{
display:         flex;
}

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

.LeftUserSection .Item span
{
font-size:         23px;
color: #f36a25;
}
#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:         0;
padding: 0
}
#appText
{
color:         #000;
font-size: 13px ;
font-weight:         500;
line-height: 18px;
width: calc(100% - 176px)
}

.animate
{
-webkit-animation-duration: .5s;
animation-duration: .5s ;
-webkit-animation-fill-mode:         both;
animation-fill-mode: both
}
#menuBtn
{
cursor:         pointer;
content: '' ;
display:         flex;
height: 13px ;
width:         30px;
position: relative;
background: url('/Data/EditorFiles/icon/menu.png') center center no-repeat ;
background-size:         20px;
height: 30px;
}
[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:         999998;
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: 80% ;
background:         #fff;
overflow-y: scroll ;
-webkit-overflow-scrolling:         touch;
z-index: 9999999999999999 ;
-webkit-animation-name:         mobileMenuDefault;
animation-name: mobileMenuDefault ;
display:         block;
}
[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
}
#headerMain
{
font-size: 16px
}
#logo a
{
height:         30px;
line-height: 30px ;
width:         auto;
}
#logo p
{
height:         30px;
line-height: 30px;
}
#logo a img
{
width:         auto;
display: inline;
vertical-align: middle
}
}

.fixedMobileSoruSection
{
display:         none;
}
div#mobileSectionSearch,#headerMain > div > div > div:nth-child(1) > div.col.col-3.col-sm-4.userSection > div:nth-child(1),.fixedMobileMenu,.fixedMobileSoru
{
display:         none;
}

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

.pWrapper[data-name="cartPopup"]
{
display: none !important;
}
body.popupActive
{
overflow: auto !important;
}
}

.mobilMenuText
{
font-size:         13px;
transition: color .5s ease;
}
@media screen and (max-width: 768px)
{
div#accordion h3
{
outline:         none;
border: 1px solid #e01c4a;
border-radius:         7px;
padding: 3px;
box-sizing:         border-box;
text-align: inherit;
background:         #e01c4a;
color: #fff;
font-weight:         400;
}
#SepetForm a.noRegisterOrder
{
margin-bottom:         100px;
}

.sticky .headerTop
{
display:         none;
}

.sticky #mobileSectionSearch
{
/*
display:                                                                                                                                                                             none;
*/
}

.LoggedSection
{
width: 100%;
margin:         0 0 25px 0;
;
}

.CartSection div#mobileSectionSearch
{
display:         none;
}

.cartPopupRight a.removeBasketProduct.removeBtn
{
top: calc(50% - 10px);
opacity: .5;
}

.CartSection .userSection
{
display: none !important;
}
#header.CartSection
{
/*padding-top:                                  50px;*/
}

.CartSection div#logo
{
display:         flex;
justify-content: center;
align-items:         center;
}

.CartSection #headerMain > div.row > div > div:nth-child(1)
{
display:         flex;
justify-content: center;
}

.sticky .headerTop
{
display:         none;
}

.fixedMobileSoruSection
{
position:         fixed;
z-index: -1 ;
top:         25px;
left: 25px ;
background:         #fff;
width: calc(100% - 50px);
height: calc(100% - 50px) ;
overflow-y:         auto;
padding: 10px ;
box-sizing:         border-box;
visibility: hidden;
}

.fixedMobileSoruSectionOverlay
{
background:         #00000087;
position: fixed;
width: 100%;
height: 100% ;
top:         0;
left: 0 ;
z-index:         99999;
display: none;
}

.fixedMobileSoruSectionOverlay.active
{
display:         block;
}

.fixedMobileSoruSection.active
{
z-index:         99999;
box-sizing: border-box ;
display:         block;
visibility: visible;
}

.fixedMobileSoruSection.active .closeSoruSection
{
display:         flex;
justify-content: flex-end;
}

.fixedMobileSoruSection.active .closeSoruSection img
{
box-sizing:         border-box;
height: 40px;
}

.fixedMobileSoruSection .Title
{
background:         rebeccapurple;
height: 50px;
display:         flex;
align-items: center;
}

.fixedMobileSoruSection .Content
{
background:         red;
}

.fixedMobileSoru
{
width:         60px;
height: 60px ;
position:         fixed;
bottom: 90px ;
left:         30px;
color: #f36a25 ;
z-index:         999;
background: #ffffff;
border-radius: 100% ;
border:         2px solid #ffffff;
display: flex ;
flex-direction:         column;
align-items: center ;
justify-content:         center;
text-align: center ;
font-size:         9px;
}

.fixedMobileMenu
{
background:         #f26b26;
width: 60px ;
height:         60px;
display: flex ;
align-items:         center;
justify-content: center ;
position:         fixed;
right: 30px ;
bottom:         90px;
border-radius: 100% ;
color:         #fff;
z-index: 33 ;
flex-direction:         column;
text-align: center ;
font-size:         13px;
}

.fixedMobileMenu img
{
margin-bottom:         5px;
}
div#mobileMenuMain > ul > li > a,div#mobileMenuMain > ul > li > span
{
display:         flex;
align-items: center;
justify-content:         space-between;
height: 40px;
font-weight:         500;
font-size: 13px;
}
div#mobileMenuMain > ul > li > ul
{
display:         none;
background: #e6e6e675;
}
div#mobileMenuMain > ul > li > ul > li > a
{
height:         30px;
display: flex;
align-items:         center;
margin: 5px 0;
}
div#mobileMenuMain > ul > li span span .icon-arrow-simple-down:before
{
background: url(/Data/EditorFiles/SmugAgency/downArrow.png) center center no-repeat;
display:         flex;
width: 20px;
height:         20px;
content: '';
background-size:         15px;
transform: rotate(-90deg);
}
div#mobileMenuMain > ul > li span.active span .icon-arrow-simple-down:before
{
transform: rotate(0deg);
}
#mobileMenuMain > ul > li:last-child a
{
font-weight:         500;
color: crimson;
}
a#favMobile
{
background:         #26a548;
}

.fw500
{
font-weight:         500;
}

.MenuMainTop
{
margin-bottom:         10px;
margin-top: 10px;
}

.MenuMainTop a
{
display:         flex;
justify-content: center;
align-items:         center;
padding: 10px 5px;
font-weight:         500;
border-radius: 6px;
text-transform:         uppercase;
font-size: 10px;
box-sizing:         border-box;
color: #fff;
}

.MenuMainTop a img
{
height:         20px;
margin-right: 5px;
}
a#loginMobile
{
background:         #f26b26;
color: #fff;
}
a#favMobile
{
background:         #26a548;
}
#FormAra button[type="submit"]::before
{
margin:         0;
}
div#search
{
display:         flex;
justify-content: flex-start;
margin-top:         -1px;
}
#FormAra
{
border:         none;
position: relative;
border-bottom:         solid 1px black;
border-radius: 0;
width: 100%;
justify-content:         flex-end;
}
#FormAra input[type="text"]
{
color:         #000;
}
#FormAra button[type="submit"]
{
color:         #000;
font-size: 16px;
width:         30px;
justify-content: flex-start;
padding:         0;
}
div#mobileSearch > .col
{
padding-left:         0;
display: flex;
flex-direction:         column;
justify-content: center;
align-items:         center;
font-size: 13px;
color:         #000;
width: 50px;
height:         45px;
}
#headerMain > div > div > div:nth-child(1)
{
justify-content:         space-between;
padding: 7px 10px;
box-sizing:         border-box;
}
/*
#mobileMenuMain > ul > li:nth-child(2) a
{
color:                                             #D5AD6D;
background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
background: -o-linear-gradient(transparent, transparent);
-webkit-background-clip:                                             text;
-webkit-text-fill-color: transparent;
font-weight:                                             600;
-webkit-text-fill-color: inherit;
-webkit-text-fill-color:                                             initial;
-webkit-text-fill-color: unset;
}
*/
#headerMain .userSection .Item a img
{
height:         24px;
}
#headerMain .userSection span.cart-soft-count
{
display: flex !important;
right:         -7px;
width: 15px;
height:         15px;
}
div#logo
{
padding:         0;
margin-left: 5px;
text-align:         center;
}
div#mobileSearch
{
width: 100%;
padding:         0px 20px 10px 20px;
box-sizing: border-box;
display:         flex;
align-items: flex-start;
}
#header-wrap.sticky #headerTop, #header-wrap.sticky div#headerMain
{
display:         block;
}
#headerMain .userSection .col
{
padding:         0;
margin: 0 5px;
text-align:         center;
}

.LeftUserSection
{
display:         flex;
}

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

.LeftUserSection .Item span
{
font-size:         23px;
color: #f36a25;
}
#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:         0;
padding: 0
}
#appText
{
color:         #000;
font-size: 13px ;
font-weight:         500;
line-height: 18px;
width: calc(100% - 176px)
}

.animate
{
-webkit-animation-duration: .5s;
animation-duration: .5s ;
-webkit-animation-fill-mode:         both;
animation-fill-mode: both
}
#menuBtn
{
cursor:         pointer;
content: '';
display:         flex;
position: relative;
background: url(https://image.tofisa.com/Data/EditorFiles/icon/menu.png) left center no-repeat;
background-size:         25px;
height: 22px;
}
[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:         999998;
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: 80% ;
background:         #fff;
overflow-y: scroll ;
-webkit-overflow-scrolling:         touch;
z-index: 999999999999 ;
-webkit-animation-name:         mobileMenuDefault;
animation-name: mobileMenuDefault ;
display:         block;
padding: 15px;
}
[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
}
#headerMain
{
font-size: 16px
}
#logo a
{
height:         40px;
line-height: 40px ;
width:         auto;
}
#logo p
{
height:         35px;
}
#logo a img
{
width:         auto;
display: inline;
vertical-align: middle
}
}
@media screen and (max-width: 540px)
{
span.danger.kampanyaYesil
{
font-size:         12px;
}

.kayanIcerik
{
background:         #fff1e6;
height: 33px;
line-height:         35px;
color: #424242;
-webkit-animation:         marquee 5s linear infinite;
}
#headerMain .userSection .Item a span
{
display:         none;
}
div#mobileSectionSearch
{
display:         none;
}
[dir='rtl'] .mobilMenu
{
text-align:         center;
}

.mobilMenu
{
font-family: 'Barlow Condensed';
font-size:         12px;
text-transform: uppercase;
text-align:         left;
}
#headerMain .userSection, .userSection .Item
{
font-size:         12px;
display: flex;
}
div#membershipTabContainer > div > div > div
{
padding:         10px;
box-sizing: border-box;
}
div#membershipTabContainer
{
background:         #fff;
}
#header-wrap.sticky
{
position:         relative;
}
#headerTop
{
display: none !important;
}
#headerMain
{
position:         fixed;
top: 0 ;
left:         0;
background: #fff ;
z-index:         999;
padding: 0;
}

.storyFix
{
position:         fixed;
top: 60px;
width: 100%;
z-index:         99;
}

.menuOverflow
{
position: relative
}
#header
{
/*padding-top:      60px;*/
}
#headerMain
{
top:         0;
left: 0;
background:         #fff;
z-index: 999;
padding:         0;
border-bottom: 1px solid #eee;
box-shadow: rgb(0 0 0 / 15%) 0px 1px 10px;
}
#live-search-box
{
position:         absolute;
top: 100%;
width: calc(100% + 2px);
background:         #fff;
border-bottom: 0;
z-index:         999;
overflow: scroll;
height:         300px;
overflow-x: hidden;
display:         none;
}
#live-search-box a
{
float:         left;
width: 100%;
font-weight:         400;
display: flex;
align-items:         center;
}
#live-search-box:not([data-callback]) span,#live-search-box div.search-image
{
width: 15%;
overflow:         hidden;
margin: 5px 15px 5px 5px
}

.menuOverflow
{
position: relative
}
}
@media screen and (max-width: 360px)
{
#logo p
{
/*height:30px;*/
}
#header .StorySection
{
/*margin: 0px;*/
}

.StorySection .Item
{
width:         60px;
height: 60px;
}

.StorySection .Item img
{
width:         60px;
height: 60px;
}
#mobileMenu
{
width: 90%;
}
#FormAra input[type="text"]
{
font-size:         12px;
}
}
@media screen and (max-width: 320px)
{
#headerMain .userSection
{
/*width: 40%;*/
}
}