/* ==================== */
/* ------FE7--BA------- */
/* ==================== */
@import url('fonticon/fontawesomeall.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap&subset=latin-ext');
/***/
* { margin: 0; outline: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*Fadein Css*/
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-o-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
/*Fadein Css*/
/*reset Css*/
[hidden] { display: none !important; }
[role="button"] { cursor: pointer; }
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
template { display: none; }
[hidden] { display: none; }
[tabindex="-1"]:focus { outline: none !important; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }
body { font-family: 'Open Sans', sans-serif; margin: 0; padding: 0; font-size: 0.8rem; -webkit-animation: fadein 500ms ease-in-out .5s both; animation: fadein 500ms ease-in-out .5s both; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
textarea { overflow: auto; }
p { margin: 0; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -moz-appearance: none; -webkit-appearance: none; margin: 0; }
input[type="search"] { -webkit-appearance: none; }
input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }
label { display: inline-block; margin-bottom: 0; }
input, button, select, textarea { line-height: inherit; }
img { display: block; border: none; max-width: 100%; }
ol, ul { list-style: none; padding-inline-start: 0; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; }
i { font-style: normal; }
a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; }
a { text-decoration: none; color: #666; transition: background .1s ease-in-out,color .1s ease-in-out; }
a:active, a:hover { outline-width: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: normal; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #333; }
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #333; }
select, input { font-family: 'Open Sans', sans-serif !important; }
button { -moz-appearance: none; -webkit-appearance: none; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 600s ease-in-out 0s; }
textarea { resize: vertical; overflow: auto; }
/*colgrid*/
.pull-center { display: inline-block; vertical-align: top; }
.pull-left { float: left; }
.pull-right { float: right; }
.row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
.col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
/*colgrid*/
.fa-facebook-f:before { content: "\f39e" !important; }
.hesabimBolumuTutucu i { vertical-align: middle; }
.adminUserLoginBody #mainHolder_Panel1 .newuserForm > div { margin: 0 !important; }
#cb3DSecureOdeme { margin-right: 8px; }
#txtbxCep { border: solid 1px #a9a9a9; height: 26px; color: #777777; background-color: transparent; }
.clear { clear: both; }
.textarea { font-family: 'Open Sans', sans-serif; border: solid 1px #a9a9a9; padding: 4px; width: 100%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.textbox { font-family: 'Open Sans', sans-serif; color: #666666; display: block; font-size: 14px; width: 100%; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.button { font-family: 'Open Sans', sans-serif; cursor: pointer; color: #fff; padding: 4px 5px; transition: all 0.3s ease 0s; border: none; text-align: center; }
.selectboxx { height: 26px; line-height: 26px; padding: 0 5px; background-color: none !important; width: 100%; margin-bottom: 4px; }
.validate, .validateSol, .validateOrta { position: absolute; right: 0; left: 0; bottom: 0; /* display: table; */ background-color: #a94442; color: #fff; border-radius: 5px; padding: 0 10px; }
.validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk { background-color: #a94442; position: absolute; right: 0; bottom: 0; left: 0; height: 10px; display: block; border-radius: 0 0 5px 5px; }
.cloudzoom-zoom { z-index: 999; }
.clearfix { content: ''; clear: both; display: block; float: left; width: 100%; }
.clearfix:after, .clearfix:before { content: ''; clear: both; display: block; float: left; width: 100%; }
.KasaOnuFirsatlarContent ul li a.button { border: none !important; }
/* ------------------------------------ ToolTip --------------------------------------------*/
.tooltip { position: absolute; z-index: -1; display: none; font-size: 10px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }
.tooltip.in { opacity: 1; filter: alpha(opacity=90); z-index: 1030; display: block; }
.tooltip.top { padding: 5px 0; margin-bottom: 7px; bottom: 100%; left: 50%; }
.tooltip.right { padding: 0 5px; margin-left: 7px; left: 100%; top: 50%; }
.tooltip.bottom { padding: 5px 0; margin-top: 7px; top: 100%; left: 50%; }
.tooltip.left { padding: 0 5px; margin-right: 7px; right: 100%; top: 50%; }
.tooltip-inner { min-width: auto; padding: 0 8px; line-height: 25px; color: #fff; text-align: center; font-size: 10px; text-decoration: none; border-radius: 0; white-space: nowrap; font-weight: normal; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; }
.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; }
.tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-width: 5px 5px 0; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; }
.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; }
.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; }
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
.Magazalar #header { margin-bottom: 50px; }
.Magazalar .magazaSelect { background: #fff; border: 1px solid #eeeff0; color: #222222; font-size: 13px; margin-right: 20px; width: calc(25% - 20px); }
.Magazalar #searchStore { width: 25%; margin: 0; }
.Magazalar #searchStore input { background: #fff; border: 1px solid #eeeff0; color: #222222; font-size: 13px; width: calc(100% - 115px); }
.Magazalar #searchStore .buton { width: 105px; background: #222; border-color: #222; }
.Magazalar #searchStore .buton:hover { color: #222; }
.Magazalar .magazalarContent { float: left; width: 100%; margin-top: 50px; }
.Magazalar #nearStores { float: left; width: 100%; }
.Magazalar #nearStores > h2 { font-weight: 600 !important; color: #222; font-size: 18px; }
/*------------------------------------iletisim--------------------------------------------*/
.iletisimContent { float: left; width: 100%; }
.iletisimContent .row { margin: 0; }
.iletisimContent .AdBan { float: left; width: 50%; }
.iletisimContent .iletisimLeft { float: left; padding: 0; margin: 0 0 40px; width: 100%; display: block; }
.iletisimContent .categoryTitle { float: left; padding: 0; margin: 0 0 30px; width: 100%; text-align: left; }
.iletisimContent .categoryTitle .categoryTitleText { margin-bottom: 0; font-size: 24px; font-weight: bold; line-height: 80px; text-align: left; }
.iletisimContent .categoryTitle:after { clear: left; content: ''; width: 70px; height: 1px; background: #e5e5e5; float: left; }
.iletisimContent .iletisimLeft .Left { display: none; }
.iletisimContent .iletisimLeft .Center { display: none; }
.iletisimContent .iletisimLeft .span { float: left; width: 100%; margin-top: 20px; }
.iletisimContent .iletisimLeft .Right { display: block; color: #343434; font-size: 14px; line-height: 20px; }
.iletisimContent .iletisimLeft .Right:before { color: #bababa; font-size: 20px; font-family: 'FontAwesomePro'; width: 35px; text-align: left; font-weight: 300; float: left; }
.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right { font-size: 20px; font-weight: bold; }
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right { font-size: 24px; }
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right:before { content: '\f2a0'; }
.iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right:before { content: '\f1ac'; }
.iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right:before { content: '\f3c5'; }
.iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right:before { content: '\f2b6'; }
.iletisimContent .iletisimRight { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimRight .iletisimbanka { float: left; padding: 0; width: 100%; margin: 0; }
.iletisimContent .iletisimRight .iletisimbanka .span { float: left; padding: 0; width: 100%; margin: 0; }
.iletisimContent .iletisimRight .iletisimbanka .span > div { display: block; font-size: 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 20px; margin: 0 0 20px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div span { display: inline-block; vertical-align: top; width: auto !important; color: #343434; font-size: 14px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div div { display: inline-block; vertical-align: top; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 span { display: block; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 { text-align: center; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line1 { text-align: left; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line4 { text-align: right; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div { display: inline-block; vertical-align: top; width: 25%; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div span:nth-child(1) { margin-bottom: 10px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 { float: right; }
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2) { border-top: 4px solid; margin-top: 20px; padding-top: 20px; }
.iletisimContent .iletisimForm { float: left; width: 50%; padding-left: 80px; }
.iletisimContent .iletisimForm .rowLeft { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimForm .rowLeft .span { float: left; padding: 0; margin: 0 0 10px; width: 100%; }
.iletisimContent .iletisimForm .rowLeft .span .Center { display: none; }
.iletisimContent .iletisimForm .rowLeft .span .Left { display: block; font-size: 12px; color: #222222; font-weight: 600; line-height: 30px; }
.iletisimContent .iletisimForm .rowLeft .span .Right { display: block; position: relative; }
.iletisimContent .iletisimForm .rowLeft .span .Right input { height: 40px; border-color: #e3e3e3; background: transparent; padding: 0 10px; }
.iletisimContent .iletisimForm .rowRight { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimForm .rowRight .span { float: left; padding: 0; margin: 0 0 10px; width: 100%; }
.iletisimContent .iletisimForm .rowRight .span .Center { display: none; }
.iletisimContent .iletisimForm .rowRight .span .Left { display: block; font-size: 12px; color: #222222; font-weight: 600; line-height: 30px; width: auto !important; }
.iletisimContent .iletisimForm .rowRight .span .Right { display: block; position: relative; width: auto !important; }
.iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox { display: block; margin-bottom: 10px; }
.iletisimContent .iletisimForm .rowRight .span .Right input { height: 40px; border-color: #e3e3e3; background: transparent; padding: 0 10px; }
.iletisimContent .iletisimForm .rowRight .span .Right textarea { border-color: #e3e3e3; background: transparent; padding: 10px; }
.iletisimContent .iletisimForm .rowRight .iletisimBtn { margin-top: 20px; }
.iletisimContent .iletisimForm .rowRight .iletisimBtn input { padding: 0; display: block; height: 55px; font-size: 16px; color: #fff; font-weight: normal; text-transform: uppercase; float: left; width: 100%; }
.iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk { left: 0; right: 0; bottom: 0; width: 100%; height: 2px; background-color: #ff0d0d; border-radius: 2px; }
.iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta { left: 0; right: 0; bottom: 0; top: auto; display: block; border-radius: 2px; }
/*------------------------------------Uye Ol--------------------------------------------*/
.uyeOlContainer .FormTitle { display: block; margin: 20px 0; font-size: 26px; text-align: center; }
.uyeOlContainer #FrmYeniUye > .uyeOlCol { margin: 30px 20px 0 0; padding: 30px; background-color: #fff; border: 1px solid #eee; width: calc(50% - 10px); }
.uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) { margin-right: 0; }
.uyeOlContainer .uyeOlRow { margin: 0; }
.uyeOlContainer .uyeOlCol .uyeOlCol { width: auto; padding: 0; }
.uyeOlContainer .uyeOlCol .uyeOlCol-3 { padding-left: 0; }
.uyeOlContainer .uyeOlCol label { font-size: 14px; margin-bottom: 10px; display: inline-block; }
.uyeOlContainer .uyeOlCol input.textbox { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto !important; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.uyeOlContainer .uyeOlCol select.selectboxx { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.uyeOlContainer .dateofbirth select.selectboxx { width: 31%; float: left; margin-right: 1%; }
.uyeOlContainer .gender { float: left; width: 100%; }
.uyeOlContainer .gender label { float: left; width: 70px; margin-top: 10px; display: block; }
.uyeOlContainer .gender input { float: left; margin-top: 14px; margin-right: 3px; }
.uyeOlContainer .intl-tel-input { margin-bottom: 15px; }
.uyeOlContainer #mainHolder_rblCinsiyet { float: left; }
.uyeOlContainer input.uyeol { height: auto; padding: 15px 0; line-height: normal; font-weight: 500; font-size: 16px; width: 100%; }
.uyeOlContainer .intl-tel-input input[type=tel] { padding-left: 48px !important; line-height: 1; }
.uyeOlContainer .uyeOlColItem.checkboxItem label span { display: inline-block; vertical-align: top; float: left; font-size: 13px; line-height: 14px; width: calc(100% - 26px); }
.uyeOlContainer .uyeol { width: 100%; text-align: center; padding: 2px; margin: 30px 0; height: 45px; font-size: 15px; line-height: 48px; }
.uyeOlContainer .uyeOlColItem.checkboxItem label input { margin-left: -20px; }
.uyeOlContainer .uyeOlColItem.checkboxItem label:before { margin-right: 10px; }
.uyeOlContainer .uyeOlCol .uyeOlCol { margin-right: 20px; }
.uyeOlContainer #chkSozlesme { margin: 0 !important; }
.uyeOlContainer #chkSozlesme + label { width: calc(100% - 20px); float: right; line-height: 15px; font-size: 13px; }
.userContainer { float: left; width: 100%; margin: 30px 0; }
.userContainer .userDivLeft,
.userContainer .userDivRight { padding: 0 15px; }
.userContainer .userMail,
.userContainer .userSms,
.userContainer .userSozlesmeDiv { float: left; width: 100%; margin: 10px 0 0; }
.userContainer .userMail label,
.userContainer .userSms label,
.userContainer .userSozlesmeDiv label { width: 93%; float: right; }
.userContainer #chkSozlesme + label { width: 93%; float: right; }
.userContainer .userLeftBox, .userContainer .userRightBox { width: 100%; float: left; margin: 0; padding: 25px; }
.userContainer .userLoginBtn, .userContainer .userSignBtn { float: left; width: 100%; }
.userContainer .uyeGirisBeniHatirla { margin: 20px 0; }
.userContainer .uyeGirisBeniHatirla input, .userContainer .uyeGirisBeniHatirla span { float: left; }
.userContainer .uyeGirisBeniHatirla input { width: 16px; height: 16px; margin-right: 10px; }
.userContainer .userPassBtn { margin: 20px 0; }
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.SifremiUnuttum { width: 100%; margin: 30px 0; padding-left: 50px; float: left; }
.SifremiUnuttum p { line-height: 25px; }
.SifremiUnuttum #mainHolder_txtbxMail { width: 80%; height: 40px; float: left; line-height: 40px; padding: 0 20px; }
.SifremiUnuttum .button { padding: 0 10px; float: right; width: 20%; height: 40px; }
.SifremiUnuttumInput { position: relative; width: 100%; margin-top: 10px; }
.SifremiUnuttumInput .validate { left: auto; right: 0; top: -38px; }
.SifremiUnuttumInput .validateSol { left: 0; right: auto; top: -38px; }
.SifremiUnuttumInput .validateSol .validateSolOk { border-radius: 0 0 15px; bottom: -5px; left: 10px; }
.SifremiUnuttum .line { min-height: 32px; line-height: 32px; margin-bottom: 5px; width: 400px; position: relative; margin: 0 auto; }
.SifremiUnuttum .line .Left { width: 30%; float: left; }
.SifremiUnuttum .line .Center { width: 4%; float: left; }
.SifremiUnuttum .line .Right { width: 66%; float: left; }
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
#divTaksitContainer { float: left; width: 100%; margin-top: 10px; }
.taksitMain { margin: 0 -5px; }
.taksitBlok { width: 50%; height: auto; float: left; line-height: 20px; padding: 0 5px; margin-bottom: 10px; }
.taksitBaslik { width: 100%; height: 20px; text-align: center; }
.taksitBaslik img { vertical-align: top; }
.taksitLine { width: 101%; }
.taksitLine .tak { width: 39.1%; height: 20px; overflow: hidden; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; font-size: 10px; float: left; color: #000; text-align: center; }
.taksitLine .tak.Taksit { background-color: #ededed; width: 19%; }
/*Header-Footer*/
#header:before { content: ''; display: table; }
#header:after { content: ''; display: table; }
.hoverr:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 10; clear: none; display: block !important; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }
#header { width: 100%; position: relative; float: left; background: #fff; border-top: 42px solid #f4f4f4; z-index: 1000; }
.headerContent { text-align: center; }
.headerContent:before { content: ''; display: block; clear: both; }
.headerContent:after { content: ''; display: block; clear: both; }
/*logo*/
#logo { display: inline-block; vertical-align: top; float: left; }
#logo .logo { display: inline-block; vertical-align: top; }
#logo .logo img { display: block; max-width: 100%; }
/*sepet*/
.mycart { float: right; z-index: 99; position: relative; margin: 51px 0px 0px 0; }
.mycart > a { display: block; color: #000; font-size: 13px; float: left; padding-left: 59px; padding-right: 30px; }
.mycart > a:before { content: ""; width: 41px; height: 50px; background: url(images/mycart.png) center center no-repeat; position: absolute; left: 0; }
.mycart > a:after { content: ""; width: 30px; height: 50px; background: url(images/ArrowSepet.png) center center no-repeat; position: absolute; right: 0; }

/*sepettext*/
.mycart .sepetTecxt { font-size: 22px; font-weight: 700; text-transform: uppercase; color: #454545; line-height: 22px; float: left; }
.mycart .sepetUrunSayisi { display: block; position: absolute; left: 0; font-size: 17px; font-weight: 700; color: #027b5a; background: transparent !important; width: 41px; padding-top: 18px; }
.mycart .sepetUrun { display: none; }
.sepetTopTutar { display: block !important; font-size: 27px; font-weight: 700; color: #027b5a; float: left; clear: both; line-height: 27px; }
/*sepetacilir*/
.CartProduct { display: block !important; width: 300px; background: #fff; float: left; border: 1px solid #e5e5e5; padding: 5px; z-index: 99999; position: absolute; top: 120%; right: -1px; margin-left: -150px; box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3); -webkit-transform: translateY(30px); opacity: 0; visibility: hidden; -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }
.CartProduct:before { position: absolute; width: 15%; right: 0; top: -18px; height: 20px; content: ''; }
.CartProduct:after { content: ''; position: absolute; top: -10px; right: 0; height: 0; width: 0; border-bottom: 10px solid #e5e5e5; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; }
.CartProduct .SPrice { float: left; height: 30px; background: transparent; width: 100%; text-align: right; margin: 15px 0 10px; display: none; }
.CartProduct.more .SPrice { display: block; }
.CartProduct .SPrice * { color: #000; font-size: 14px; line-height: 30px; font-weight: bold; }
.CartProduct .SPrice .sepetToplamTutar { color: #000; margin-left: 5px; }
.CartProduct .SProduct { max-height: calc(100% - 165px); float: left; width: 100%; display: table; overflow: hidden; text-align: center; font-weight: 300; font-size: 12px; color: #000; overflow-y: auto; padding: 0; }
.CartProduct .SProduct li { display: block; padding: 0 0 15px 0; margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; position: relative; }
.CartProduct .SProduct li:after { clear: both; display: table; content: ""; }
.CartProduct .SProduct li a { float: left; display: table; width: 100%; }
.CartProduct .SProduct li a .SepettopAd span:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 50px; }
.CartProduct .SProduct li a .SepettopAd span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px; }
.CartProduct .SProduct li a .sepetTopFiyat { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 65px; }
.CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 0; width: auto !important; }
.CartProduct .SProduct li a * { display: table-cell !important; vertical-align: middle !important; color: #232120; font-size: 12px; line-height: 14.4px; padding: 0 2px; text-align: left; }
.CartProduct .SProduct li a .sepetTopBirimFiyat { display: none !important; }
.CartProduct .SProduct li a .fa-times { font-family: 'FontAwesomePro'; }
.CartProduct .SProduct li a .fa-times:before { content: '\f056'; }
.CartProduct .SProduct li a .sepetTopFiyat { white-space: nowrap; color: #000; font-weight: 600; float: right; line-height: 70px; }
.CartProduct .SProduct .SepetTopSil { display: inline-block; position: absolute; right: 0; top: 0; }
.CartProduct .SProduct li a img { }
.CartProduct .button { margin: 5px 5px 0 !important; float: left; width: calc(50% - 10px); font-size: 13px !important; line-height: 22px; border-radius: 5px; }
.CartProduct .headerCartBtn { line-height: 20px; border: 1px solid #ddd; background: transparent; color: #000; }
.CartProduct .headerOrderBtn { }
.CartProduct .headerCartBtn:hover { color: #fff; }
.more .headerCartBtn { display: block !important; }
.more .headerOrderBtn { display: block !important; }
.CartProduct .divustSepetteUrunYok { margin: 15px 0; }
@media screen and (min-width:768px) {
.mycart:hover .CartProduct { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}
.sepetimBody .AllCategory { display: none; }
.sepetimBody .linkRebatedProducts { margin-left: 0; }
.sepetimBody .searchContent { }
/*hesabim*/
.welcome { float: right; z-index: 99; position: absolute; right: 450px; top: -42px; }
.welcome > div { float: left; }
.welcome > ul { float: left; }
.uyeGirisWelcome, .uyeGirisUyeAdi { display: none; }
.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis { float: left; color: #027b5a; font-size: 12px; line-height: 42px; font-weight: 700; }
.headerUyeOl a:before, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before { font-family: 'FontAwesome'; line-height: 42px; font-size: 15px; float: left; color: #ff8a38; margin-right: 6px; }
.headerUyeGiris a:before { content: '\f007'; }
.headerHesabim:before { content: '\f007'; }
.headerUyeGiris a, .headerHesabim { }
.headerUyeGiris a:after, .headerHesabim:after { content: '-'; float: right; margin: 0px 4px; }
.headerUyeOl a, .headerCikis { }
/*socialbutton*/
.welcome li { display: inline-block; vertical-align: top; }
.headerSocialConnect { display: none !important; float: right; margin-left: 25px; }
.headerSocialConnect .baglanButton { background: transparent !important; border: none; margin: 0; padding: 0; line-height: 0; }
.headerSocialConnect .baglanButton a { line-height: 43px; color: #fff; text-indent: 0; font-size: 12px; font-weight: normal; padding: 0; }
.headerSocialConnect .baglanButton a:before { content: '\f39e'; font-family: 'FontAwesomeProBrands'; margin-right: 10px; font-size: 12px; line-height: 43px; vertical-align: top; font-weight: normal; }
.usernav { display: none; }
/*Arama*/
.searchContent { display: inline-block; vertical-align: top; width: 600px; position: absolute; top: 51px; left: 300px; }
#divAramaKategori { display: block !important; position: absolute; right: 74px; }
#divAramaKategori select { cursor: pointer; background: #fff url(images/SearchDown.png) center right 44px no-repeat; display: block; height: 48px; border: none; width: 170px; padding: 0; border-radius: 0; color: #6b6b6b; font-size: 15px; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; margin-top: 1px; }
#divAramaKategori option { text-transform: capitalize; }
.search { float: left; width: 100%; position: relative; }
.ButtonMic { display: none !important; position: absolute; right: 75px; top: 1px; padding: 0; border: none; border-radius: 0; background: transparent; color: #795f52; font-size: 14px; width: 20px; height: 40px; }
#txtbxArama { float: left; width: 100%; height: 50px; border-radius: 5px; border: 1px solid #ff8a38; color: #a0a0a0; padding-left: 33px; padding-right: 250px; background: #fff; font-size: 15px; letter-spacing: 0; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-weight: 300; }
#txtbxArama::-webkit-input-placeholder { color: #a0a0a0; }
#txtbxArama:-moz-placeholder { color: #a0a0a0; }
#txtbxArama::-moz-placeholder { color: #a0a0a0; }
#txtbxArama:-ms-input-placeholder { color: #a0a0a0; }
#txtbxArama:focus { color: #a0a0a0; }
#btnKelimeAra { font-family: 'FontAwesomePro' !important; background: #ff8a38; width: 74px; line-height: 50px; font-size: 22px; color: #fff; font-weight: 700; text-align: center; text-transform: uppercase; position: absolute; right: 0; top: 0; border: none; border-radius: 0; padding: 0; cursor: pointer; z-index: 9; -moz-appearance: none; -webkit-appearance: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.searchContent ul { padding: 15px !important; text-align: left; max-height: 400px; overflow-y: auto; overflow-x: hidden; }
.searchContent ul li { float: left; width: 100%; }
.searchContent ul li a { line-height: 30px; font-size: 13px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; float: left; }
/*menu*/
.navigation { float: left; width: 100%; background: #027b5a; position: relative; z-index: 999; }
.navigation > div { z-index: 1; text-align: center; padding: 0 !important; }
.navigation .navUl { display: inline-block; font-size: 0; padding: 0; float: left; width: 100%; position: relative; }
.navigation .navUl > li { display: inline-block; vertical-align: middle; }
.navigation .navUl > li > a { float: left; color: #fff; font-size: 14px; line-height: 60px; font-weight: 700; padding: 0px 9px; border-right: 1px solid #fff;}
.navigation .navUl > li:last-child > a{border-right: none;} 
.navigation .navUl > li:last-child > a{color: #f00;background: transparent!important;} 
.navigation .navUl > li:hover > a { background: #ff8a38; }
.navigation .navUl > li:first-child > a { font-size: 0; width: 50px; background: url(images/MenuHome.png) center center no-repeat; display: block; height: 100%; }
/*menuacilir*/
.navigation .altMenu { position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; visibility: hidden; opacity: 0; pointer-events: none; transition: all .2s ease-in-out; transform: translateY(15px) translateZ(0); padding: 42px 30px; border: 2px solid #f4f4f4; -webkit-box-shadow: 0px 0px 3px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 0px 3px 0px rgba(204,204,204,1); box-shadow: 0px 0px 3px 0px rgba(204,204,204,1); border-radius: 10px; }
.navigation .navUl > li:hover > .altMenu { visibility: visible; opacity: 1; pointer-events: visible; pointer-events: unset; -webkit-transform: none; transform: none; }
.navigation .altMenu .altmenuSol > span { display: none; }
.navigation .altMenu .altMenuler { display: block; text-align: left; }
.navigation .altMenu .altMenuler .altMenuSag { float: right; width: calc(100% - 235px); padding-left: 65px; border-left: 1px solid #dddddd; }
.navigation .altMenu .altMenuler .altMenuSag > a { }
.navigation .altMenu .altMenuler .altMenuSag > a > img { display: block; }
.navigation .altMenu .altMenuler .altmenuSol { float: left; width: 235px; }
.navigation .altMenu .altMenuler .altmenuSol ul { display: block; }
.navigation .altMenu .altMenuler .altmenuSol ul li { display: block; }
.navigation .altMenu .altMenuler .altmenuSol ul li ul { }
.navigation .altMenu .altMenuler .altmenuSol ul li a { display: block; }
.navigation .altMenu .altMenuler .altmenuSol ul li:last-child a { }
.navigation .altMenu .altMenuler .altmenuSol ul li ul a:hover { text-decoration: underline; }
.navigation .altMenu .altMenuler .altmenuSol > ul { }
.navigation .altMenu .altMenuler .altmenuSol > ul > li { }
.navigation .altMenu .altMenuler .altmenuSol > ul > li > a { font-size: 14px; line-height: 30px; font-weight: 700; color: #027b5a; }
/*yanresimlimenu*/
#header .yanResimliMenu { display: none; }
/*dilsecenegi*/
#lang_flag_container { top: 0 !important; left: 0 !important; right: auto; bottom: auto; z-index: 9999 !important; position: relative !important; display: none !important; }
#lang_flag_container #lang-detail { left: auto !important; right: 0; top: 100% !important; border-top: none !important; box-shadow: 0 7px 10px -2px rgba(0, 0, 0, .3) !important; }
#lang { color: #000 !important; font-size: 13px !important; font-weight: normal; padding: 0 !important; background: transparent !important; }
#lang span { font-weight: normal; }
#lang span:after { content: '\f0d7'; font-family: 'FontAwesome'; margin-left: 5px; }
#lang_flag_container:hover #lang { color: #000 !important; font-weight: normal; }
#langHover { padding: 9px 0 8px !important; }
#langHover.white { background: transparent !important; }
a#ucSepetim_btnSepetiTemizle { margin-top: 28px; display: inline-block; }
#lang-detail .language a { font-size: 11px !important; text-align: left; }
#lang-detail .currency a { font-size: 11px !important; }
#lang-detail p { font-size: 12px !important; }
/*Footer*/
#footer { float: left; width: 100%; position: relative; }
.FooterSC { float: left; width: 100%; position: relative; background: #000; }
.FooterTop { float: left; width: 100%; position: relative; background: #fff; text-align: center; }
.FooterMiddle { float: left; width: 100%; position: relative; }
.FooterBottom { float: left; width: 100%; position: relative; }
/*ebulten*/
.ebultenDiv { float: left; position: relative; width: 300px; margin-bottom: 50px; }
.ebultenDiv span { color: #000; font-size: 12px; line-height: 20px; }
.ebultenGelecek { display: block; width: 100%; float: left; }
#divNewsLetter { float: left; width: 100%; position: relative; display: none; }
.ebultenGelecek #divNewsLetter { display: block; padding: 0; }
#divNewsLetter label { display: none; margin-bottom: 25px; text-align: center; color: #000; line-height: 1.2; font-size: 12px; }
#UpdatePanel1 { position: relative; float: right; width: 100%; }
#txtbxNewsletterMail { color: #a0a0a0; height: 50px; font-size: 15px; padding: 0 100px 0 20px; background: #fff; border: none; border-radius: 5px; display: inline-block; width: 100%; text-align: left; font-weight: 300; opacity: 1; }
#txtbxNewsletterMail::-webkit-input-placeholder { color: #a0a0a0; }
#txtbxNewsletterMail:-moz-placeholder { color: #a0a0a0; }
#txtbxNewsletterMail::-moz-placeholder { color: #a0a0a0; }
#txtbxNewsletterMail:-ms-input-placeholder { color: #a0a0a0; }
#txtbxNewsletterMail:focus { color: #a0a0a0; }
.newsbutton { color: #fff; background: transparent; height: 46px; line-height: 46px; font-size: 14px; font-weight: 300; display: inline-flex; align-items: center; justify-content: center; position: absolute; text-align: center; border: none; padding: 0; margin: 0 !important; text-decoration: none; width: 98px; background: #027b5a !important; border-radius: 5px; right: 2px; top: 2px; }
.newsbutton:hover { color: #fff; }

/* Newsletter button: yeşil + yazı ortalı */
.ebultenGelecek #divNewsLetter .newsbutton,
#divNewsLetter .newsbutton {
    background: #027b5a !important;
    color: #ffffff !important;
    line-height: normal;
}
/*footerlink*/
/*yukaribtn*/
#back-to-top { float: right; position: fixed; right: 1%; bottom: 5%; z-index: 9999; }
#back-to-top a { float: left; text-align: center; width: 40px; height: 40px; background: #ff8a38; color: #fff; border-radius: 5px; font-size: 14px; }
#back-to-top a:after { content: '\f077'; font-family: 'FontAwesomePro'; display: inline-block; vertical-align: top; line-height: 40px; }
/*Footer*/
/* ------------------------------------Vitrin urunleri--------------------------------------------*/
.homeContainer .ProductListContent { float: left; width: 100%; margin: 30px 0; position: relative; }
.homeContainer .ProductListContent .ProductList { display: block; margin: 0 auto; }
.homeContainer .ProductListContent .ItemOrj { padding: 0 10px; margin-bottom: 20px; width: 25%; max-width: 25%; }
.homeContainer .ProductListContent .productItem { margin-bottom: 0; }
/****************************************URUN KART*********************************/
.categoryContainer .ProductList.PlSc_hrz .ItemOrj { width: 100%; }
.categoryContainer .ProductList.PlSc_2 .ItemOrj { width: 50%; }
.categoryContainer .ProductList.PlSc_3 .ItemOrj { width: 33.33%; }
.categoryContainer .ProductList.PlSc_4 .ItemOrj { width: 25%; }
.categoryContainer .ProductList.PlSc_5 .ItemOrj { width: 20%; }

.ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductList { margin: 0 -10px; }
.categoryContainer .ProductListContent .productItem { margin-bottom: 55px; }
.ItemOrj { float: left; padding: 0 10px; }
/*urun*/
.productItem { width: 100%; position: relative; text-align: center; display: inline-block; float: left; font-size: 0; border: 2px solid #f3f3f3; border-radius: 5px; margin-bottom: 25px; padding: 10px; }
.productItem:hover { border-color: #027b5a; }
.productItem .productIcon { width: 100%; height: 100%; }
/*urunresim*/
.productItem .productImage { position: relative; overflow: hidden; width: 100%; padding: 0; }
.productItem .productImage a { display: block; position: relative; padding-bottom: 100%; }
.productItem .productImage.Videolu { display: block; position: relative; padding-bottom: 150%; }
.productItem .productImage img { max-width: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; will-change: opacity; }
.productItem .productImage.Videolu video { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; will-change: opacity; }
/*urunaciklama*/
.productItem .productDetail { position: relative; display: block; float: left; width: 100%; text-align: center; height: 113px; padding: 0; transition: all 0.3s ease; }
/*urunad*/
.productItem .productName { position: relative; margin: 0; float: left; width: 100%; margin-bottom: 10px; }
.productItem .productName a { float: left; width: 100%; padding: 0; line-height: 15px; height: 30px; font-weight: 600; font-size: 15px; color: #454545; overflow: hidden; /*display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;*/ }
/*urunfiyat*/
.productItem .productPrice { display: inline-block; vertical-align: top; position: relative; margin: 0; bottom: 0; }
.productItem .discountPrice { display: block; float: left; }
.productItem .discountPrice span { color: #027b5a; font-size: 15px; line-height: 0.8; font-weight: 700; }
.productItem .discountKdv, .productItem .regularKdv { display: none; }
.productItem .regularPrice { display: block !important; float: left; margin-left: 11px; margin-top: 2px; }
.productItem .regularPrice span { font-size: 13px; color: #bdbdbd; -moz-text-decoration-color: #bdbdbd; text-decoration-color: #bdbdbd; line-height: 0.8; font-weight: 600; text-decoration: line-through; }
/*onyazimarka*/
.productItem .productMarka, .productItem .productOnYazi { display: none !important; }
.productItem .productOnYazi, .productItem .productOnYazi * { background: none !important; font-family: 'Open Sans', sans-serif !important; color: #4a4a4a; font-size: 14px; line-height: 25px; }
/*Urun Iconlari*/
.newIcon, .discountIcon, .cargoIcon, .firsatIcon, .urunListStokUyari, .discountIcon div, .discountIcon .discountIcon_s2, .examineIcon { z-index: 3; display: none; }
.mycartIcon { position: absolute; width: max-content; height: max-content; left: 0; right: 0; margin: auto; bottom: -25px; }
.mycartIcon a span { border: 1px solid #bdbdbd; line-height: 49px; font-size: 14px; font-weight: 500; color: #bdbdbd; display: block; border-radius: 5px; text-transform: uppercase; background: #fff url(images/SepeteEkleBg2.png) left 27px center no-repeat; padding: 0px 38px 0px 60px; }
.productItem:hover .mycartIcon a span { background: #027b5a url(images/SepeteEkleBg3.png) center left 27px no-repeat; color: #fff; border-color: #027b5a; }
.favori { position: absolute; bottom: 35px; width: max-content; height: max-content; left: 0; right: 0; margin: auto; }
.discountIcon span, .mycartIcon a span { }
.favori a, .examineIcon a, .mycartIcon a { display: block; font-size: 0; }
/*favorisepetincelebefore*/
.examineIcon a:before, .favori a:before, .mycartIcon a:before { font-family: 'FontAwesomePro'; display: inline-block; vertical-align: top; }
.favori a:before { content: '\f004'; font-size: 26px; color: #c4c4c4; transition: ease .3s all; }
.favori a.listfavoriAktif:before { color: #ff8a38; }
.favori a:hover:before { color: #ff8a38; }

.discountIcon{position:absolute;left:5px;top:5px;width: 60px;height: 60px;border-radius:100%;display:block;padding: 15px 0;}
.HaftaninUrunu .discountIcon{top:35px;}
.discountIcon span{display:block;font-size: 13px;color: #fff;line-height: 13px;}
.discountIcon span.discountIcon_s2{display:block;}

.cargoIcon{position:absolute;right:5px;top:5px;background:#ff8a38;width:60px;height:60px;display: block;border-radius: 100%;font-size: 13px;color: #fff;line-height: 13px;padding: 17px 0;}
.HaftaninUrunu .cargoIcon{top:35px;} 

/*tukendi*/
.TukendiIco { z-index: 5; border-radius: 0; background: transparent; position: absolute; right: 0; left: 0; top: 0; height: 100%; }
.TukendiIco span { border: 1px solid #bdbdbd; line-height: 49px; font-size: 14px; font-weight: 500; color: #bdbdbd; display: block; border-radius: 5px; text-transform: uppercase; padding: 0px 60px; width: max-content; height: max-content; margin: auto; bottom: -25px; position: absolute; background: #fff; left: 0; right: 0; }
/*stokyok*/
.StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon { display: none; }
.StokYok .productFaMyEx, .StokYok .productYeInUcFi { display: none !important; }
/*playbuton*/
body .productItem .divVideoPlayButton { position: absolute; right: 0; left: 0; top: 0; height: calc(100% - 90px); overflow: hidden; display: none; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i { font-family: 'FontAwesomePro'; font-weight: 300; font-size: 40px; display: inline-block; vertical-align: top; margin-top: -20px; text-shadow: 0 0 4px #848484; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before { content: '\f144'; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before { content: '\f28b'; }
/*ekbutonlar*/
.productItem .urunListeAdet, .productItem.StokYok .urunListeAdet, .boxBedenlerContent, .productIcon .quickViewIco, .productItem:hover .productIcon .quickViewIco { display: none !important; }
/*******************************************KATEGORi**********************************/
.Block_Title { display: none; }
.noProduct { background: url('https://static.ticimax.cloud/10441/Uploads/Images/urunyok.png') center center no-repeat !important; width: 212px; height: 214px; }
.noProduct * { display: none !important; }
#divUstFiltreKategori { display: none; }
#divUstFiltreMarka { display: none; }
/*kategoriAciklama*/
.categorydesign { float: left; width: 100%; }
.categorydesign .Blok { margin: 0; }
.leftBlock .categorydesign { display: block; }
.categorydesign * { }
.categorydesign p { margin-bottom: 0; }
.categorydesign strong { font-weight: bold; }
.categorydesign strong * { font-weight: bold; }
.categorydesign img { display: inline-block; vertical-align: middle; }
/*breadcrumb*/
.breadcrumbContent { float: left; }
body ul.breadcrumb { margin: 0 auto; display: block !important; padding: 0; border-radius: 0; float: none; font-size: 0; }
body ul.breadcrumb * { color: #333e48; font-size: 12px !important; line-height: 20px !important; float: left; font-weight: 600; }
body ul.breadcrumb > *:nth-last-of-type(1) * { color: #ff8a38; }
body ul.breadcrumb li { font-size: 0 !important; float: none !important; vertical-align: middle; }
body ul.breadcrumb li:after { content: '\f105'; display: inline-block; margin: 0 14px; color: #333e48; font-size: 12px; line-height: 20px; float: left; font-family: fontawesomepro; font-weight: 300; }
body ul.breadcrumb li:nth-last-of-type(1):after { display: none; }
body a#linkOncekiSayfa { display: block; color: #333e48; font-size: 12px !important; line-height: 20px !important; float: right; font-weight: 600; }
/*ustalan*/
.categoryTitleText { float: left; width: 100%; margin-bottom: 35px; }
.categoryTitle { float: left; width: 100%; }
body #divSayfalamaUst { float: right; margin: 0; padding: 0; text-align: center; border-top: 2px solid #f3f3f3; border-bottom: 2px solid #f3f3f3; padding: 10px 0px; margin-bottom: 30px; }
.urunListRel { width: 100%; float: left; position: relative; }
.brandlistselection { display: inline-block; vertical-align: top; float: left; margin: 0; }
.brandlistselection .clear { clear: none; display: none; }
/*filtresecili*/
body #divSayfalamaUst .filterDeleteContent { float: left; margin: 0 0 10px; padding: 0; width: 100%; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter { padding: 0; margin: 0 15px 0 0; height: auto; background: transparent; border: 1px solid #666; width: auto; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a { width: 25px; margin: 0; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i { font-family: 'FontAwesomePro'; line-height: 30px; color: #040404; font-size: 15px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before { content: '\f00d'; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span { color: #666; font-size: 12px; text-align: left; margin-top: 2px; font-weight: normal; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span + span { color: #666; margin-top: 3px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir { display: block; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a { width: 100%; background: transparent; line-height: 1; margin: 0; padding: 0 5px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span { line-height: 30px; font-weight: normal; font-size: 12px; text-align: center; margin: 0; width: 100%; }
/*sayfalama*/
.brandlistselectionBottom { margin-bottom: 0; display: none; }
#divSayfalamaAlt { width: 100%; margin: 0; border-top: 2px solid #f3f3f3; padding: 8px 0px; }
.pageNumber { float: right; text-align: right; margin: 0; }
.pageNumber:before { content: 'Sayfa :'; font-size: 14px; color: #878787; line-height: 28px; margin-right: 13.5px; }
.pageNumber a { }
.pageNumberContent { }
.pageNumberBottom { float: right; text-align: right; margin: 0; padding: 0; width: 100%; display: block; vertical-align: middle; }
.pageNumberContent, .pageBorder { display: inline-block; vertical-align: top; }
.pageNumberContent a, .pageBorder a { border: 1px solid #cdcdcd; background: #fff; color: #555555; float: left; position: relative; display: block; min-width: 32px; height: 28px; line-height: 26px; text-align: center; font-size: 12px; border-radius: 4px; font-weight: normal; margin: 0 2.5px; }
.pageNumberContent a:last-child, .pageBorder a:last-child { margin-right: 0; }
.pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled { opacity: 1 !important; }
.pageNumberContent a:hover, .pageBorder a:hover { color: #fff; }
.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa, .pageNumberContent a.SelectedSayfa, .pageBorder a:hover { color: #fff; background: #ff8a38 !important; border-color: #ff8a38 !important; }
.KategoriFilitrelemeContent .Block_Title { display: none; }
/*******************************************KATEGORi**********************************/
/*******************************************URUN DETAY********************************/
.RightDetail > .clear { clear: none; }
.ProductDetailMain { float: left; width: 100%; }
.ProductDetailMainRow { float: left; width: 100%; }
.TopDet { float: left; width: 100%; position: relative; margin: 0; }
.leftImage { width: 50%; float: left; position: relative; padding: 0; padding-right: 15px; }
.RightDetail { width: calc(50% - 15px); float: right; position: relative; padding: 0; border: 2px solid #eaeaea; border-radius: 5px; padding: 17px; }
/*Urun Resim*/
.UrunDetayLeft { margin: 0 !important; overflow: hidden; }
.Images, #divVideoGoruntulemeAlan { float: right; width: 100%; padding-bottom: calc(100% - 4px); position: relative; border: 2px solid #eaeaea; border-radius: 5px; margin-bottom: 30px; }
.Images img, #vdUrunVideo { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.cloudzoom-blank > div:last-child { display: none !important; }
.SmallImages { display: block !important; width: auto; margin: 0px -10px; }
.SmallImages div { float: left; width: calc(25% - 20px); margin: 0px 10px; border: 2px solid #eaeaea; border-radius: 5px; }
.SmallImages div img { max-width: 100%; max-height: 100%; }

.leftImage .productTimer { display: none !important; }
.DetayYeniUrun { display: none !important; }
/*sagalan*/
.RightDetail .TopList { float: left; width: 100%; position: relative; }
.RightDetail .MiddleList { float: left; width: 100%; position: relative; }
.RightDetail .BottomList { float: left; width: 100%; position: relative; border-top: 1px solid #e9e9e9; padding-top: 11px; text-align: center; }
/*urunadi*/
.ProductName { float: left; position: relative; margin: 0; width: 100%; margin: 10px 0; }
.ProductName h1 { margin: 0; float: left; width: 100%; }
.ProductName h1 span { float: left; width: 100%; display: inline-block; font-size: 23px; color: #333e48; }
/*stokkodu*/
#divUrunKodu { float: left; clear: left; color: #ff8a38; font-size: 14px; font-weight: 700; line-height: 14px; padding: 0; margin: 10px 0 0; }
#divUrunKodu span { display: inline-block; vertical-align: top; color: #878787; font-size: 14px; font-weight: normal; position: relative; line-height: 14px; float: left; }
#divUrunKodu span:after { content: ':'; margin: 0 4px; }
/*taksitaciklama*/
#divTaksitAciklama { display: block; float: left; clear: left; margin-top: 10px; }
#divTaksitAciklama .taksitSatir { color: #000; font-size: 14px; }
/*paunver*/
.RightDetail .puanVer { float: left; clear: left; margin-top: 10px; }
.RightDetail #PuanVer { float: left; }
.RightDetail .PuanVerSag { float: left; font-size: 14px; color: #2a2929; margin-left: 5px; font-weight: 600; line-height: 17px; display: none; }
.RightDetail ul.rating { float: left; }
.RightDetail ul.rating li { margin-right: 5px !important; width: 14px !important; float: left; height: 14px; }
.RightDetail ul.rating li i.starItem { font-size: 14px !important; line-height: 14px; height: 14px; font-weight: 300; font-family: FontAwesomePro; }
.RightDetail ul.rating li i.starItem:before { content: '\f005' !important; }
.RightDetail ul.rating li i.starItem:hover { font-size: 14px !important; font-weight: 600; }
.RightDetail ul.rating li.filled i { font-weight: 600; }
.RightDetail .rating-stars ul > li.star.hover > i.fa { font-weight: 600; }
.RightDetail .rating-stars ul > li.star.selected > i.fa { font-weight: 600; }
/*markaresmi*/
.markaresmi { float: left; position: relative; z-index: 1; }
.markaresmi a { float: left; }
.markaresmi a:before { content: 'Marka:'; float: left; line-height: 24px; margin-right: 5px; font-size: 14px; color: #878787; }
.markaresmi img { max-width: 100%; float: left; max-height: 24px; }
/*magazastok*/
#divMagazaStok { float: left; clear: left; margin: 10px 0 0 !important; }
#divMagazaStok a { display: inline-block; vertical-align: top; color: #000; font-size: 14px; font-weight: normal; line-height: 14px; }
/*on yazi*/
#divOnyazi { float: left; width: 100%; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 12px 0px; margin-top: 24px; }
#divOnyazi h2 { font-weight: normal; font-size: 100%; }
#divOnyazi * { font-family: 'Open Sans', sans-serif !important; font-size: 13px; line-height: 18px; color: #878787; }
#divOnyazi strong { font-weight: bold; }
#divOnyazi strong * { font-weight: bold; }
#divOnyazi i { font-family: 'FontAwesomePro' !important; margin-right: 12px; }
/*fiyatlar*/
.urunDetayFiyatContainer { }
.PriceList { float: left; position: relative; width: 100%; padding: 0; margin: 20px 0px 25px 0px; }
#pnlFiyatlar { display: inline-block; vertical-align: top; float: left; }
#divIndirimliFiyat { display: block; }
/*ekbilgi*/
#divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divParaPuan, #divTahminiTeslimatSuresi { float: left; clear: left; line-height: 24px; }
#divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divParaPuan .left_line, #divTahminiTeslimatSuresi .left_line { display: inline-block; vertical-align: top; color: #878787; font-size: 14px; font-weight: normal; line-height: 24px; }
#divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divParaPuan .center_line, #divTahminiTeslimatSuresi .center_line { display: inline-block; vertical-align: top; color: #878787; font-size: 14px; font-weight: normal; line-height: 24px; }
#divMarka .right_line, #divMarka .right_line *, #divTedarikci .right_line, #divTedarikci .right_line *, #divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line, #divParaPuan .right_line, #divTahminiTeslimatSuresi .right_line { display: inline-block; vertical-align: top; color: #ff8a38; font-size: 14px; font-weight: 700; line-height: 24px; width: auto; }
/*piyasa fiyati*/
.PiyasafiyatiContent { display: block; line-height: 0.8; float: right; margin-left: 30px; margin-top: 22px; }
.PiyasafiyatiContent .left_line, .PiyasafiyatiContent .center_line { display: none; }
.PiyasafiyatiContent .right_line { display: inline-block; vertical-align: top; }
.PiyasafiyatiContent .right_line * { display: inline-block; vertical-align: top; font-weight: normal; text-decoration: line-through; line-height: 0.8; }
.PiyasafiyatiContent .right_line .spanKdv { display: none !important; vertical-align: top; }
/*indirimli fiyati*/
.IndirimliFiyatContent { display: block; line-height: 0.8; float: left; }
.IndirimliFiyatContent .left_line, .IndirimliFiyatContent .center_line { display: none; }
.IndirimliFiyatContent .right_line { display: inline-block; vertical-align: top; }
.IndirimliFiyatContent .right_line * { display: inline-block; vertical-align: top; line-height: 0.8; }
.IndirimliFiyatContent .right_line .spanKdv { display: none !important; vertical-align: bottom; font-size: 12px; line-height: 1; }
/*turk lirasi fiyati*/
#divTurkLirasiFiyat { display: block; line-height: 0.8; }
#divTurkLirasiFiyat .left_line, #divTurkLirasiFiyat .center_line { display: none; }
#divTurkLirasiFiyat .right_line { display: inline-block; }
#divTurkLirasiFiyat .right_line * { display: inline-block !important; vertical-align: top; line-height: 0.8; }
/*indirimsiz fiyati*/
#divIndirimsizFiyat { display: block; line-height: 0.8; }
#divIndirimsizFiyat .left_line, #divIndirimsizFiyat .center_line { display: none; }
#divIndirimsizFiyat .right_line { display: inline-block; font-size: 13px; font-weight: normal; }
#divIndirimsizFiyat .right_line * { display: inline-block !important; vertical-align: top; }
#divIndirimsizFiyat .right_line .spanKdv { display: none !important; vertical-align: top; }
/*kdv dahil fiyati*/
#divKDVDahilFiyat { display: block; line-height: 0.8; float: left; margin-top: 8px; }
#divKDVDahilFiyat .left_line { display: inline-block; vertical-align: top; color: #000; font-size: 14px; font-weight: normal; }
#divKDVDahilFiyat .center_line { display: none; }
#divKDVDahilFiyat .right_line * { display: inline-block !important; vertical-align: top; }
/*fiyatrenk*/
.PiyasafiyatiContent .right_line * { color: #aaa8a8; font-size: 23px; }
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line,
#divIndirimsizFiyat .left_line { color: #000; }
#divKDVDahilFiyat .left_line, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .left_line { line-height: 20px; }
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line * { font-size: 35px; font-weight: bold; color: #333e48; line-height: 57px; }
/*Stok yok*/
body #divStokYok { float: left; width: 100%; margin: 20px 0 0; font-size: 14px; color: #000; font-weight: normal; text-align: center; padding: 5% 0; background-color: #f2f5f6; border-radius: 0; }
body #divStokYok:before { content: '\f057'; font-family: 'FontAwesomePro'; font-weight: 300; width: 100%; float: left; font-size: 30px; margin-bottom: 20px; }
/*Urun ekstrabilgileri*/
#divEkstraBilgiler { float: left; clear: left; }
#divEkstraBilgiler img { max-width: 100%; display: block; }
.btnnostok i.fa { font-family: 'FontAwesome'; }
/*varyasyonlar*/
#divUrunEkSecenek { float: left; width: 100%; position: relative; }
#divUrunEkSecenek .eksecenekLine { clear: none !important; margin: 0; float: left; width: 100%; }
#divUrunEkSecenek .eksecenekLine:last-child { margin-bottom: 0 !important; border: none; padding-bottom: 0; }
#divUrunEkSecenek .eksecenekLine .left_line { float: left; width: 100%; line-height: 45px; color: #000; font-size: 13px; font-weight: 600; }
#divUrunEkSecenek .eksecenekLine .center_line { display: none; }
#divUrunEkSecenek .eksecenekLine .right_line { display: inline-block; vertical-align: top; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box { float: left; cursor: pointer; text-align: center; font-size: 13px; position: relative; color: #000; font-weight: normal; margin-right: 10px; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display: block; }
/*selectvaryasyon*/
#divUrunEkSecenek .eksecenekLine.selectvaryasyon { }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line { }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line { }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line { width: 100%; }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select { min-width: 100%; float: left; height: 40px; border: 1px solid #d7d7d7; color: #000; font-size: 13px; font-weight: normal; padding: 0 10px; background: #fff; border-radius: 0; }
/*resimlivaryasyon*/
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon { }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line { }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line { }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box { width: 50px; }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img { }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover { }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #000; }
/*kutuvaryasyon*/
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon { }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line { }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box { min-width: 50px; height: 30px; line-height: 28px; text-align: center; border: 1px solid #d7d7d7; border-radius: 0; padding: 0 4px; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child { margin-right: 0; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover { color: #fff; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected { color: #fff; }
/*stokyokvaryasyon*/
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative; background: #f5f3f3 !important; color: #7a7979 !important; border-color: #e4dfdd; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after { content: ''; height: 1px; max-width: 65px; margin: 0 auto; background: #cecece; left: 0; right: 0; top: 50%; position: absolute; transform: rotate(140deg); }
/*ilgili Urunler*/
#IlgiliUrunDiv { float: left; width: 100%; display: none; }
#IlgiliUrunDiv #divIlgiliUrunler { }
.TopDet #IlgiliUrunDiv { display: block; float: left; width: 100%; margin: 0; padding: 0; }
.TopDet #IlgiliUrunDiv #divIlgiliUrunler { padding: 0; margin: 0; background: transparent; border: none; }
.TopDet #IlgiliUrunDiv .JKatAdi { float: left; width: 100%; margin: 0 !important; padding: 0 !important; text-align: left; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold { padding: 0; margin: 0; text-align: left; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold:before { display: none; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold:after { display: none; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1 { background: transparent; padding: 0 !important; margin: 0; border: none; font-size: 13px; line-height: 45px; font-weight: 600; color: #000; }
.TopDet #IlgiliUrunDiv .clear { display: none; }
.TopDet #IlgiliUrunDiv ul { float: left; width: 100%; padding: 0; }
.TopDet #IlgiliUrunDiv ul li { float: left; width: 50px; margin-right: 10px; border-radius: 0; overflow: hidden; }
.TopDet #IlgiliUrunDiv ul li:hover { }
.TopDet #IlgiliUrunDiv ul li .productItem { border: none; width: 100%; float: left; padding: 0; box-shadow: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productTimer { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productImage { padding: 0; }
.TopDet #IlgiliUrunDiv ul li .productItem .productImage a { }
.TopDet #IlgiliUrunDiv ul li .productItem .productImage a:before { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productImage img { }
.TopDet #IlgiliUrunDiv ul li .productItem .productIcon { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .urunListeAdet { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail { padding: 0; margin: 0; display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:before { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:after { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productName { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .TukendiIco { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .boxBedenlerContent { display: none !important; }
/*satinal*/
#divSatinAl { float: left; width: 100%; padding: 0; }
.BasketBtn { float: left; position: relative; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #e9e9e9; }
#divAdetCombo .right_line, .RightDetail .riSingle { width: 80px; }
#txtbxurunSiparisAdedi, #divAdetCombo select, .RightDetail .riSingle a.riUp, .riSingle a.riDown, .basketBtn input,
.buyfast input { height: 34px !important; }
.Basketinp p, #divAdetCombo .left_line, .RightDetail .riSingle a.riUp i, .RightDetail .riSingle a.riDown i, .RightDetail .riSingle a.riUp, .riSingle a.riDown, .basketBtn input,
.buyfast input { line-height: 10px; }
/*Adet Select*/
#divAdetCombo { display: block !important; position: relative; margin-bottom: 30px; }
#divAdetCombo .left_line { }
#divAdetCombo .center_line { display: none !important; float: left; }
#divAdetCombo .right_line { float: left; max-width: 100% !important; }
#divAdetCombo select { width: 100%; padding: 0 10px; text-align: left; }
/*Adet input*/
.RightDetail .riSingle { position: relative; display: inline-block; vertical-align: top; border-radius: 0; }
.RightDetail .riSingle a.riUp, .riSingle a.riDown { width: 25px !important; font-size: 19px; color: #9d9d9d; background: transparent; top: 0; font-weight: normal; position: absolute; margin: 0 !important; float: left; cursor: pointer; text-indent: 0; text-align: center; height: 17px !important; border-left: 1px solid #cdcdcd; padding-right: 3px; }
.RightDetail .riSingle a.riUp { left: auto; right: 0; padding-top: 7px; }
.RightDetail .riSingle a.riDown { right: 0; top: auto; bottom: 0; }
/*adetveselect*/
.Basketinp { position: relative; display: inline-block; vertical-align: middle; }
.Basketinp p, #divAdetCombo .left_line { color: #878787; font-size: 14px; font-weight: 500; margin-right: 20px; float: left; line-height: 34px; }
#txtbxurunSiparisAdedi_wrapper { float: left; width: 100% !important; position: relative; padding: 0 !important; }
#txtbxurunSiparisAdedi { width: 100% !important; text-align: center; display: inline-block; padding: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#txtbxurunSiparisAdedi, #divAdetCombo select { background: #fff; color: #cdcdcd; border: 1px solid #cdcdcd; font-size: 15px; font-weight: 700; float: left; margin: 0; border-radius: 17px; text-align: left; text-indent: 21px; }
/*sepete Ekle*/
.basketBtn { position: relative; width: 230px; display: inline-block; vertical-align: middle; margin-left: 16px; }
.basketBtn input { color: #fff; font-weight: 700; font-size: 15px; width: 100%; display: inline-block; vertical-align: top; padding: 0; letter-spacing: 0; border: none; border-radius: 0; text-transform: uppercase; -moz-appearance: none; -webkit-appearance: none; height: 50px !important; border-radius: 5px; background: #ff8a38 url(images/SepeteEkleBg.png) center left 45px no-repeat !important; text-indent: 30px; }
/*Hemen Al*/
.buyfast { float: left; width: 235px; margin: 0; display: none; }
.buyfast input { background: #000; color: #fff; font-weight: 500; font-size: 16px; width: 100%; display: inline-block; vertical-align: top; padding: 0; letter-spacing: 0; border: 1px solid #000; border-radius: 0; text-transform: uppercase; -moz-appearance: none; -webkit-appearance: none; }
/*kombin Al*/
#divKombinSatinAl { display: none; }
/*Iconlar*/
.ProductIcon { float: left; width: 100%; margin: 28px 0; }
.ProductIcon .box1 { padding: 0; margin: 0; min-width: 0; background: transparent; color: #878787; font-size: 15px; font-weight: normal; float: left; line-height: 32px; }
.ProductIcon a:hover .box1, .ProductIcon a:hover .box1 * { background: transparent !important; color: #ff8a38; }
.ProductIcon .box1 i { font-family: 'FontAwesomePro'; margin: 0; display: inline-block; vertical-align: top; font-weight: normal; font-size: 14px; line-height: 32px; margin-right: 6px; }
.ProductIcon .UGelinceHaberVer .box1 i:before { content: '\f0a1'; }

.ProductIcon > div { float: left; position: relative; margin-right: 20px; }
.ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer) { display: none !important; }
.FiyatHaberVer i { display: none !important; }
.ProductIcon > div > a { display: inline-block; vertical-align: top; width: 100%; border: 1px solid #cdcdcd; border-radius: 4px; padding: 0px 17px; }
/*yazdiryorumtavsiye*/
.ProductIcon2 { float: left; margin-top: 20px; display: none; }
.ProductIcon2 .clear { clear: none; }
.ProductIcon2 > div { float: left; }
.ProductIcon2 > div > a { float: left; font-size: 12px; text-transform: uppercase; margin-right: 10px; padding: 0 18px; line-height: 31px; background: #ebebeb; color: #000; }
.ProductIcon2 > div > a:before { font-family: 'FontAwesomePro'; font-size: 16px; line-height: 31px; margin-right: 7px; vertical-align: top; font-weight: 300; }
.ProductIcon2 > div.YorumYazbtnContent > a:before { content: '\f303'; }
.ProductIcon2 > div.TavsiyeEtBtnContent > a:before { content: '\f164'; }
.ProductIcon2 > div > a:hover { color: #fff; }
/*paylas*/
.TopDet .product_social_icon_wrapper { float: right; display: block !important; font-size: 0; margin: 13px 0px; }
.TopDet .product_social_icon_wrapper .PaylasTit { float: left; }
.TopDet .product_social_icon_wrapper .PaylasTit a { color: #fff; font-size: 10px; font-weight: normal; line-height: 28px; display: block; background: #637eb6; padding: 0px 15px; border-radius: 4px; }
.TopDet .product_social_icon_wrapper .PaylasTit a i { font-size: 19px; float: left; line-height: 28px; margin-right: 5px; }
ul#PaylasSosyal { display: inline-block; vertical-align: top; border: 1px solid #ddd; margin: 20px; float: left; padding: 20px; }
ul#PaylasSosyal li { float: left; margin-right: 10px; }
ul#PaylasSosyal li:last-child { margin-right: 0; }
ul#PaylasSosyal li a { float: left; color: #fff; background: #000; font-size: 14px; border-radius: 100%; text-align: center; width: 30px; }
ul#PaylasSosyal li a i { line-height: 30px; display: inline-block; vertical-align: top; }
ul#PaylasSosyal li:nth-child(1) a { background: #3b5999; }
ul#PaylasSosyal li:nth-child(2) a { background: #55acee; }
ul#PaylasSosyal li:nth-child(3) a { background: #db4437; }
ul#PaylasSosyal li:nth-child(4) a { background: #cb2027; }
ul#PaylasSosyal li:nth-child(5) a { background: #25d366; }
/*whatsapp*/
.UWhatsApp { vertical-align: top; float: left; }
.UWhatsApp a { float: left; width: 30px; height: 30px; border-radius: 100%; text-align: center; line-height: 30px; font-size: 14px; }
.whatsApp i { font-family: 'FontAwesomeProBrands'; }
.UWhatsApp label { display: none; }

.divYorumYaz, #yorumYaz { float: left; }

.socialButons { float: right !important; width: 100%; position: relative; margin: 0 !important; }
.socialButons iframe { float: left; }
.product-social { float: left; margin-right: 10px; }
.product-social span { float: left; line-height: 32px; display: inline-block; color: #000; font-size: 12px; font-weight: 300; margin-right: 5px; }
.product-social ul { float: left; }
.product-social ul li { float: left; margin-right: 13px; }
.product-social ul li a { display: block; color: #323232; font-size: 18px; }

/*urun ozellik Bolumu*/
.urunOzellik { float: left; width: 100%; margin-top: 115px; margin-bottom: 30px; }
.urunTab { float: left; width: 200px; margin-top: 20px; }
.urunTab ul { display: inline-block; vertical-align: top; float: left; }
.urunTab > ul > li { float: left; width: 100%; margin: 3.5px 0px; }
.urunTab > ul > li:last-child { margin-right: 0; }
.urunTab > ul > li > a { cursor: pointer; font-size: 18px; float: left; font-weight: normal; line-height: 55px; border: 2px solid #eaeaea; display: block; width: 100%; border-right: 0; font-weight: 700; text-align: center; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.urunTab > ul > li.active > a { background: #027b5a; border-color: #027b5a; color: #fff !important; }
.urunTab > ul > li > a span { font-weight: 700; }

.urunDetayPanel { float: left; width: calc(100% - 200px); clear: none !important; padding: 45px; border: 2px solid #eaeaea; border-radius: 8px; }
.urunTabAlt { float: left; width: 100%; }
.urunTabAlt strong { font-weight: bold; }
.urunTabAlt .divYorumYaz, .urunTabAlt #yorumYaz { padding: 0 0 10px; width: 100%; }
.urunTabAlt #txtOneriMail { width: 100%; margin: 0; height: 30px; padding: 0 10px; width: 100% !important; }
.urunTabAlt #txtOneriNot { width: 100%; margin: 0; padding: 10px; width: 100% !important; background: #fff; }

.yorumlarItem { background-color: #eeeeee; border-bottom: 3px solid #A09B98; padding: 16px; line-height: 26px; float: left; width: 100%; margin-top: 20px; text-align: left; }
.yorumlarItemS1 { padding-bottom: 5px; font-size: 12px; color: #666; border-bottom: 1px dashed #A09B98; }
.urunDetayPanel .button { color: #fff; }

.urunTabAlt { font-family: 'Open Sans',sans-serif !important; padding: 0; font-size: 14px; line-height: 22px; color: #686c6f; }
.urunTabAlt * { font-family: 'Open Sans',sans-serif !important; }
.urunTabAlt i { font-family: 'FontAwesome' !important; }
.urunTabAlt img { max-width: 100% !important; }
.urunTabAlt iframe { max-width: 100% !important; }
.urunTabAlt .ng-valid-email { text-align: left; }
.urunTabAlt .button { padding: 10px 5px; }

.orders .order-info i { margin-top: 0 !important; }
#btnYorumKaydet { float: left; text-align: center; -moz-appearance: none; -webkit-appearance: none; }
.urunTabAlt ul li { margin-bottom: 10px; clear: both; }
.oneriValidate .validate { top: 0; padding: 5px; }
.urunTabAlt ul li input { float: left; margin-right: 5px; width: auto !important; }
.urunTabAlt ul li label { float: left; width: auto !important; line-height: normal; }
.urunTabAlt ul li input[type="checkbox"] { margin-top: 0; }
.urunTabAlt ul li .captchaImageBox { float: left; }
.urunTabAlt ul li .captchaImageBox img { max-width: 100%; width: auto; }
.urunTabAlt ul li .captchaInputBox { margin: 10px; float: left; }
.urunTabAlt ul li.urundetyaGuvenlikodu span { float: left; }
.urunTabAlt ul li .GuvnelikKodu { float: left; line-height: 50px; margin-right: 10px; display: block; }
/*------------------------------------Etiketler--------------------------------------------*/
#divEtiketler { float: left; width: 100%; padding: 0 20px 20px; margin: 50px 0 0; background: #fff; text-align: center; }
#divEtiketler .productModuleTitle { float: left; color: #202122; font-size: 15px; font-weight: bold; width: 100%; text-align: center; line-height: 30px; margin: 10px 0; }
#divEtiketler a { color: #696d71; font-size: 13px; }
#divEtiketler a:hover { text-decoration: underline; }
/****************************************Slider Alanlar*********************************/
/*Baslik*/
#mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { float: left; position: relative; width: 100%; padding: 0 !important; margin: 0 !important; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold { display: block; float: left; width: 100%; text-align: left; position: relative; margin-bottom: 35px; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold:before, .JKatAdi .bold:before { content: ''; z-index: 1; height: 2px; background: #f3f3f3; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1 { line-height: 20px; color: #000; font-size: 20px; font-weight: bold; display: inline-block; vertical-align: top; background: #fff; padding-right: 18px; z-index: 2; position: relative; }
/*ilerigeributon*/
#mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav { z-index: 2; position: absolute; right: 0; top: -60px; background: #fff; height: 30px; width: 80px; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext { background: #fff; width: 30px; height: 30px; cursor: pointer; text-align: center; position: absolute; font-size: 0; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; border: 1px solid #e2e2e2; border-radius: 8px; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .ProductListnext { right: 0; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev { right: 40px; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListnext:before,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before { font-family: 'FontAwesomePro'; font-size: 15px; line-height: 30px; font-weight: 700; color: #d3d3d3; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListprev:before { content: '\f104'; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before, .owl-carousel .owl-nav .ProductListnext:before { content: '\f105'; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover, .owl-carousel .owl-nav .ProductListprev:hover { background: #ff8a38; border-color: #ff8a38; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover, .owl-carousel .owl-nav .ProductListnext:hover { background: #ff8a38; border-color: #ff8a38; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover:before, .owl-carousel .owl-nav .ProductListprev:hover:before { color: #fff; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover:before, .owl-carousel .owl-nav .ProductListnext:hover:before { color: #fff; }
#mainHolder_divDesign .owl-carousel .owl-dots, .owl-carousel .owl-dots { display: none; }
/*urunslider*/
.sliderBannerContainer { float: left; width: 100%; position: relative; margin: 30px 0px; }
.sliderBannerContainer .Block_Link { display: none; }
.sliderBannerContainer .ProductList { display: block !important; margin: 0 auto; }
.sliderBannerContainer .Jbutonlar { display: none; }
.sliderBannerContainer .jCarouselLite { float: left; width: 100%; }
/*detayurunslider*/
.detaySliderContainer { float: left; width: 100%; position: relative; margin: 0; padding-bottom: 40px; margin: 40px 0; }
.detaySliderContainer .ProductList { display: block !important; margin: 0 auto; }
.detaySliderContainer .Jbutonlar { display: none; }
.detaySliderContainer .jCarouselLite { float: left; width: 100%; }
/* -------------------------------Anasayfa Slider----------------------------------------*/
#pnlSlider { position: relative; float: left; width: 100%; margin: 0; padding: 0; max-width: 870px; }
#pnlSlider ul li { display: block; }
#pnlSlider ul li a { display: block; }
#pnlSlider ul li a img { width: 100%; display: block; }
#pnlSlider .flex-control-nav { position: absolute; bottom: 10px; right: 0; left: 0; }
#pnlSlider .flex-control-paging li { margin: 0 2px; }
#pnlSlider .flex-control-paging li a { float: right; width: 11px; height: 11px; border-radius: 100%; border: none; box-shadow: none; text-shadow: none; }
#pnlSlider .flex-direction-nav { position: absolute; top: 45%; left: 20px; right: 20px; }
#pnlSlider .flex-direction-nav li { display: inline-block; vertical-align: top; }
#pnlSlider .flex-direction-nav .flex-nav-prev { float: left; }
#pnlSlider .flex-direction-nav .flex-nav-next { float: right; }
#pnlSlider .flex-direction-nav .flex-prev,
#pnlSlider .flex-direction-nav .flex-next { color: #fff; border: none; background: transparent; width: auto; height: auto; border-radius: 0; top: 0; margin: 0; padding: 0; box-shadow: none; opacity: 1; font-size: 0; position: relative; text-shadow: none; text-align: center; }
#pnlSlider .flex-direction-nav .flex-prev { left: 0; }
#pnlSlider .flex-direction-nav .flex-next { right: 0; }
#pnlSlider .flex-direction-nav .flex-prev:before,
#pnlSlider .flex-direction-nav .flex-next:before { font-family: 'FontAwesomePro'; font-size: 45px; font-weight: 300; line-height: 45px; }
#pnlSlider .flex-direction-nav .flex-prev:before { content: '\f053'; }
#pnlSlider .flex-direction-nav .flex-next:before { content: '\f054'; }
#pnlSlider .flex-direction-nav .flex-prev:hover { }
#pnlSlider .flex-direction-nav .flex-next:hover { }
#pnlSlider .flex-direction-nav a:before { text-shadow: none; }
#pnlSlider .flex-direction-nav a:after { text-shadow: none; }
#pnlSlider .HPSItems .flex-control-thumbs { position: static; float: left; width: 100%; background: #fff; margin: 0; }
#pnlSlider .HPSItems .flex-control-thumbs li { width: 110px; position: relative; height: 62px; }
.HomePageSlideShowContainer { float: left; width: 100%; position: relative; }
.HomePageSlideShowContainer .HomePageSlideShow { padding: 0; width: 100%; }
.HomePageSlideShowContainer .HPSItems { clear: both; cursor: pointer; width: 100%; }
.HomePageSlideShowContainer .HPSItems div { cursor: pointer; float: left; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100%; }
.HomePageSlideShowContainer .flex-control-nav img { border: none; margin: auto; padding: 0; max-width: 75px; width: auto; opacity: 0.4; position: absolute; left: 0; right: 0; bottom: 0; top: 0; }
.HomePageSlideShowContainer .flex-control-nav .flex-active { opacity: 1; }

/* ==================== */
/* ---- Depovitamin mobile/tablet slideshow skin ---- */
/* Shopify: <span class="image__style position-relative image-mobile"><img class="overlay-ui w-100 h-100" ... /> */
/* ==================== */
@media (max-width: 991px) {
    body.depovitamin-home-skin .HomePageSlideShowContainer {
        margin: 0;
        padding: 0;
    }

    body.depovitamin-home-skin #pnlSlider {
        width: 400px;
        height: 500px;
        max-width: calc(100% - 24px) !important;
        float: none !important;
        border-radius: 18px;
        overflow: hidden;
        margin: 10px auto 0;
        position: relative;
    }

    body.depovitamin-home-skin #pnlSlider .HomePageSlideShowContainer,
    body.depovitamin-home-skin #pnlSlider .HomePageSlideShow,
    body.depovitamin-home-skin #pnlSlider .HPSItems,
    body.depovitamin-home-skin #pnlSlider #ulFlexSlider.slides,
    body.depovitamin-home-skin #pnlSlider #ulFlexSlider.slides > li,
    body.depovitamin-home-skin #pnlSlider #ulFlexSlider.slides > li > a {
        height: 100% !important;
    }

    /* Görsel her durumda 400x500 alanını doldursun (wrapper olsa da olmasa da) */
    body.depovitamin-home-skin #pnlSlider #ulFlexSlider.slides > li > a img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        object-position: center;
        display: block;
    }

    body.depovitamin-home-skin #pnlSlider ul li a {
        position: relative;
        display: block;
    }

    body.depovitamin-home-skin #pnlSlider ul li a .image__style.position-relative.image-mobile {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 18px;
        background: #fff;
    }

    /* tablet */
    @media (min-width: 768px) and (max-width: 991px) {
        body.depovitamin-home-skin #pnlSlider {
            width: 400px;
            height: 500px;
        }
    }

    body.depovitamin-home-skin #pnlSlider ul li a .image__style.position-relative.image-mobile img.overlay-ui {
        position: absolute;
        inset: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        object-position: center;
        display: block;
    }
}
/*------------------------------------markalar slider--------------------------------------------*/
.markaSlider { float: left; width: 100%; margin: 25px 0px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; padding: 15px 0; }
.markaSlider .jCarouselLite { display: block; margin: 0 auto; }
.markaSlider .owl-carousel { float: left; width: 100%; }
.markaSlider .owl-carousel .owl-stage-outer { }

.markaSlider:before { content: ''; display: table; clear: both; }
.markaSlider ul li { float: left; width: 100%; display: inline-table; }
.markaSlider ul li a { display: table-cell; overflow: hidden; max-width: 100%; vertical-align: middle; padding-bottom: 23%; background: transparent; border-radius: 0; overflow: hidden; }
.markaSlider ul li a img { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-filter: grayscale(0); filter: grayscale(0); }
.markaSlider ul li a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); }
/*---------------------------- site ozel alan kodlar ----------------------------------*/
.hesabimAnasayfaMenuler ul li a:hover .fa { color: #fff; }
.siparisTakipSayfasi { background: #fff; }
.siparisTakipSayfasi .siparisTakipBaslik { text-align: center; padding: 20px 0 !important; }
.sepetiTemizle { float: right; line-height: 43px; padding: 0 10px; }
.popupSepet { width: 99%; }
.popupSepet #hed div { width: 94%; }
.sayfaIcerik * { font-family: 'Open Sans', sans-serif !important; }
#mainHolder_UrunDetay_imgCookie { display: none !important; }
.product_social_icon_wrapper { display: none; }
.HesabimContainer .urunDetayPanel { max-height: 100%; }
.orders { width: 100%; }
.innerContainer { }
.TumKategoriler { display: none; }
.mobilMenuAcButton, .searchClick, .mycartClick, .welcomeOpen { display: none; }
.userLoginBtn, .userSignBtn { border: none !important; }
.magazaTeslimatBilgisiContent { display: none; }
#store_region_container { display: none; }
#ticimaxCopyright { float: left; width: 100%; }
section { float: left; width: 100%; }
.sepetimBody .Basketstep ul li.pasif { opacity: 1; }
/*Site ici scroll alanlar*/
#divOnyazi::-webkit-scrollbar, .urunTabAlt::-webkit-scrollbar, .SmallImages::-webkit-scrollbar, .SepetBlockInfo::-webkit-scrollbar, .searchContent ul::-webkit-scrollbar, body .kombinContent ul::-webkit-scrollbar, .CartProduct .SProduct::-webkit-scrollbar, .yanResimliMenu .KatMenu1::-webkit-scrollbar, .UrunGuruplari .Block_Text::-webkit-scrollbar, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar, .mobilMenu .menuIcerikAlan::-webkit-scrollbar, .mobilMenu .navUl > li > ul::-webkit-scrollbar,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar { width: 5px; }
#divOnyazi::-webkit-scrollbar-track, .urunTabAlt::-webkit-scrollbar-track, .SmallImages::-webkit-scrollbar-track, .SepetBlockInfo::-webkit-scrollbar-track, .searchContent ul::-webkit-scrollbar-track, body .kombinContent ul::-webkit-scrollbar-track, .CartProduct .SProduct::-webkit-scrollbar-track, .yanResimliMenu .KatMenu1::-webkit-scrollbar-track, .UrunGuruplari .Block_Text::-webkit-scrollbar-track, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul::-webkit-scrollbar-track,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-track { background: #efefef; }
#divOnyazi::-webkit-scrollbar-thumb, .urunTabAlt::-webkit-scrollbar-thumb, .SmallImages::-webkit-scrollbar-thumb, .SepetBlockInfo::-webkit-scrollbar-thumb, .searchContent ul::-webkit-scrollbar-thumb, .CartProduct .SProduct::-webkit-scrollbar-thumb, body .kombinContent ul::-webkit-scrollbar-thumb, .UrunGuruplari .Block_Text::-webkit-scrollbar-thumb, .yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb { background: #027b5a; }
/*Site ici scroll alanlar*/
/*------------------------------------Sabit Renkler--------------------------------------------*/
/*sepetvebutonrenk*/
body .button, .baglanButton, .siparisOzetTakip, body.sepetimBody .basketCompletebtn, #AdresContent .button, .BasketPage .OdemeMenu ul li.activeMenu > a, .pageNumberContent a:hover, .pageBorder a:hover, .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa, #pnlSlider .flex-control-paging li a.flex-active, .mycart .sepetUrunSayisi, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected, .discountIcon, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected, .menuUstBolum, body .category-vertical-filters.top-filters .FiltreUst, .SepetUst, .urunOzellik .mobilTab > ul > li.active > a, .tooltip-inner, .welcome.active,
.sepetimBody .Basketstep ul li.aktif { background: #027b5a; }
/*bordercolor*/
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2), body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir, .pageNumberContent a:hover, .pageBorder a:hover, .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected, .OdemeMenu ul li.activeMenu,
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected { border-color: #027b5a; }
/*tooltip*/
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #027b5a; }
.tooltip.right .tooltip-arrow { border-right-color: #027b5a; }
.tooltip.left .tooltip-arrow { border-left-color: #027b5a; }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #027b5a; }
.baglanButton { border-color: transparent; }
.Basketstep ul li:before { border: 1px solid #027b5a; }
.sepetimBody .Basketstep ul li.aktif:after { border-top-color: #027b5a; }
/*color*/
.sepetTitle .st_1, body .sepetTitle2 .st_1, body .BasketRigth ul li.genelToplam .tut, body .sepetTitle2 .st_1:before, .sepetTitle .st_1:before, .TeslimatAdresTittle, .Basketstep ul li.gecti span, body #divToplamOdeme, .TeslimatAdresTittle, a.YeniAdresEkle, .Basketstep ul li.onestepsec span, .Basketstep ul li.pasif i, .BasketPage .Basketstep ul li.pasif i, .BasketPage .cargoInformation div.cargoName span, .BasketPage .faturaAdresBtn.active, .adresAyniBtn.active, .BasketPage .sepetItemB4, .BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check, .iletisimContent .categoryTitle .categoryTitleText, #pnlSlider .flex-direction-nav .flex-next:hover:before, #pnlSlider .flex-direction-nav .flex-prev:hover:before, body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span, body .siparisUrunUyariSecenek .siparisUrunDurumBaslik, .UFavorilerimeEkle #aFavroriCikarBtn .box1, .RightDetail ul.rating li i.starItem, .RightDetail ul.rating li.filled i, .RightDetail .rating-stars ul > li.star.hover > i.fa, .RightDetail .rating-stars ul > li.star.selected > i.fa, .urunTab > ul > li.active > a,
.favori a.listfavoriAktif { color: #027b5a; }
/*HoverRenk*/
.button:hover, .userLoginBtn:hover, .userSignBtn:hover, .BasketPage .OdemeMenu ul li:hover > a, .BasketPage .alisverisedevamet:hover, .BasketPage #hed div.hediCekForm a:hover, .BasketPage a.YeniAdresEkle:hover, #AdresContent .button:hover, .basketCompletebtn:hover, .KasaOnuFirsatlarContent ul li a.button:hover, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover, .ProductIcon2 > div > a:hover, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover,
.ProductIcon > div:hover .box1 { background: #027b5a; }
/*colorhover*/
.BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover, .BasketPage .sepet-sil:hover:before, .BasketPage .sepetTitle2 a:hover, .baglanButton:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover, .mycart:hover > a, .headerSocialConnect .baglanButton a:hover, .welcome a:hover, .headerUyeGiris a:hover, .headerHesabim:hover, .headerCikis:hover, .CartProduct .SProduct li a:nth-child(2):hover *, .RightDetail .riSingle a.riUp:hover,
.RightDetail .riSingle a.riDown:hover { color: #027b5a; }
/*bordercolorhover*/
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover, .BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover, .BasketPage .OdemeMenu ul li:hover > a, .CartProduct .headerCartBtn:hover,
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover { border-color: #027b5a; }
/*color*/
.siparisOzetTakip { color: #fff; }
.BasketDetail table tbody tr td a { display: inherit; }
.BasketDetail table tbody tr td:last-child a { display: block; }
.sepetimBody #header:after { display: none; }
body .alisverisedevamet { background: #fff; }
/*bordercolor*/
.KasaOnuFirsatlarContent ul li a.button:hover { border: none !important; }
.BasketPage a.YeniAdresEkle:hover { color: #fff !important; }
.baglanButton:hover { background: transparent; }
body .adresGir .kirmiziButon:hover { background: #9e1a20 !important; color: #fff !important; }
body .adresGir .yesilButon:hover { background: #406d20 !important; color: #fff !important; }
/*------------------------------------Sabit Renkler--------------------------------------------*/
body { background: #fff; }
/*SliderYanblok*/
#divSliderYani { display: none; }
.Blok { float: left; width: 100%; }
.Blok a { float: left; width: 100%; }
.Blok a img { display: block; max-width: 100%; transition: all 1s ease-in-out; }
.ScRow { margin: 0 -10px; }
.Scol1, .Scol2, .Scol3, .Scol4 { float: left; }
.Scol1 { width: 100%; padding: 0; }
.Scol2 { width: 50%; padding: 0 10px; }
.Scol3 { width: 33.33%; padding: 0 10px; }
.Scol4 { width: 25%; padding: 0 10px; }
.Scol5 { width: 20%; padding: 0 10px; }
/*siteozealan*/

/*siteozealan*/
@media screen and (min-width:768px) {
    #header.fixed { position: fixed; top: 0; left: 0; right: 0; margin: 0; padding: 0; z-index: 1000; width: 100%; border: none; }
    body.margin { }
}

@media screen and (min-width:1042px) {
    .sortingContent { display: block !important; }
    .col-5li { width: 20%; }
    .mobilMenu { display: none; }
}
/* ------------------------------------Container--------------------------------------------*/
.headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 1170px; margin: 0 auto; position: relative; clear: both; display: block; }

.sliderBannerContainer .ProductList { max-width: 1170px; }
.detaySliderContainer .ProductList { max-width: 1170px; }
.homeContainer .ProductListContent .ProductList { max-width: 1170px; }
.markaSlider .jCarouselLite { max-width: 1170px; }

#divIcerik.homepage { }
.headerContent { }
.homeContainer .ticiContainer { }
.UyeGiris .ticiContainer { }
.UyeOl .ticiContainer { }
.HesabimTakip .ticiContainer { }
.Iletisimaspx .ticiContainer { }
.innerContainer { }
.ticiContainer { }
.sepetimBody .headerContent { box-shadow: none; }
.sepetimBody .ticiContainer { }
.sepetimBody .footerSslLogo { display: none !important; }

body ul.breadcrumb { }
.ticiContainer.homeContainer { }
.ticiContainer.categoryContainer { }
.ticiContainer.productDetailContainer { }
.ticiContainer.pageContainer { }
#footer .ticiContainer { }
.sepetimBody #footer .ticiContainer { }
.sepetimBody .headerContent { }
ul.breadcrumb { clear: none; }

.leftBlock { float: left; padding: 0; }
.rightBlock { float: right; padding: 0; }
.centerCount { float: left; padding: 0; }
.centerCount.Middle { width: 100%; padding: 0; }
.centerCount.userLoginContent { width: 100%; padding: 0; }
.centerCount.iletisimContent { width: 100%; padding: 0; }
.centerCount.UyeolContent { width: 100%; padding: 0; }
.centerCount.HesabimTakip { width: 100%; padding: 0; }

.leftBlock { float: left; width: 25%; padding-right: 20px; }
.rightBlock { float: right; width: 25%; padding-left: 20px; }
.centerCount { float: left; width: 100%; padding: 0; }
/*SolveOrta*/
.leftBlock.LeftMiddle { width: 300px; margin-bottom: 30px; padding-right: 30px; }
.centerCount.LeftMiddle { width: calc(100% - 300px); }
.rightBlock.MiddleRight { width: 300px; }
.centerCount.MiddleRight { width: calc(100% - 300px); }
/*SolOrtaSag*/
.leftBlock.LeftMiddleRight { }
.rightBlock.LeftMiddleRight { }
.centerCount.LeftMiddleRight { }
/*OrtaSag*/
.rightBlock.MiddleRight { }
.centerCount.MiddleRight { }

.categoryContainer .centerCount { }
.ticiContainer:before, .ticiContainer:after { content: ""; display: table; }
.ticiContainer:after { clear: both; }
.ticiContainer { clear: both; zoom: 1; }
.headerContent:after, .headerContent:before, .headerContent:after, .headerContent:before { content: ""; display: table; clear: both; }
#header .HeaderText { display: none; }
.HeaderText { float: left; width: 100%; background: #ff8a38; }
.HT-Text { width: 100%; text-align: center; color: #fff; font-size: 55px; font-weight: 700; line-height: 166px; }
.HT-Toggle { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: max-content; height: max-content; cursor: pointer; }
.HT-Toggle span { border: 3px solid #fff; border-radius: 100%; width: 43px; line-height: 32px; font-size: 30px; color: #fff; display: block; text-align: center; height: 43px; }
.HeaderTop { position: absolute; left: 0; right: 0; top: -42px; }
.HT-Left { float: left; padding: 12px 0px; }
.HT-Left ul li { float: left; }
.HT-Left ul li a { padding: 0px 14px; font-size: 13px; line-height: 14px; color: #969c9c; display: block; }
.HT-Left ul li:first-child a { padding-left: 0; border-right: 1px solid #969c9c; width: 140px;}
.HT-Right { float: right; padding: 14px 0px; }
.HT-Left ul li:last-child a {width: 160px;}
.HT-Left ul li img {float: left;}

.HT-Right ul li { float: left; }
.HT-Right ul li a { padding: 0px 15px; font-size: 12px; line-height: 14px; font-weight: 600; color: #969c9c; display: block; }
.HT-Right ul li a i { float: left; line-height: 14px; font-size: 10px; color: #969c9c; margin-right: 5px; }
.HT-Right ul li:first-child a { }
.HeaderText .HT-Text a img:first-child{display: block;}
.HeaderText .HT-Text a img:last-child{display: none;}

#header .navigation { display: none; }

.HeaderLogo { float: left; margin: 33px 0px 29px 0px; }
.MenuHtml { float: left; width: 100%; }
.MH-Left { float: left; }
.MH-Left ul li { font-size: 15px; font-weight: 700; color: #625f5f; line-height: 30px; }
.MH-Left ul li a { font-size: 14px; font-weight: 600; color: #a0a0a0; line-height: 30px; }
.MH-Right { float: right; }
.MH-Right li a { display: block; overflow: hidden; border-radius: 5px; }
.MH-Right li a img { transition: ease .3s all; }
.MH-Right li a:hover img { transform: scale(1.01); }
.MH-Right li:first-child { margin-bottom: 20px; }

.ArticleIcon { float: left; width: 100%; padding: 11px 0px; background: #f4f4f4; border-radius: 5px; margin: 20px 0px; overflow: hidden; }
.ArticleIcon ul li { width: 25%; float: left; text-align: center; border-right: 1px solid #027b5a; }
.ArticleIcon ul li:last-child { border: 0; }
.ArticleIcon ul li .FI-Img { display: inline-block; vertical-align: middle; margin-right: 10px; }
.ArticleIcon ul li .FI-Text { display: inline-block; vertical-align: middle; font-size: 13px; color: #027b5a; text-align: left; }
.ArticleIcon ul li .FI-Text span { font-weight: 700; font-size: 15px; }
.HaftaninUrunu { width: calc(100% - 900px); float: right; position: relative; border: 2px solid #ff8a38; border-radius: 5px; }
.HaftaninUrunu .owl-nav { display: none; }
.HaftaninUrunu .productItem { border: 0; margin: 0; padding: 18px 10px; }
.HaftaninUrunu .sliderBannerContainer { margin: 0; }
.HaftaninUrunu .mycartIcon { bottom: 10px; }
.HaftaninUrunu .favori { display: none; }
.HaftaninUrunu .mycartIcon a span { border-width: 2px; }
.HaftaninUrunu .TukendiIco span { bottom: 10px; border-width: 2px; }

.HU-Title { position: absolute; z-index: 9; width: max-content; left: 0; right: 0; margin: auto; line-height: 33px; background: #ff8a38; color: #fff; font-size: 15px; font-weight: 700; padding: 0px 25px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.HomeImageBlock1 { float: left; width: 100%; margin: 30px 0px 0px 0px; overflow: hidden; }
.HomeImageBlock2 { float: left; width: 100%; margin: 30px 0px; overflow: hidden; }
.HomeImageBlock3 { float: left; width: 100%; margin: 30px 0px; overflow: hidden; }
.SpecialProducts { float: left; width: 100%; margin: 20px 0px 30px 0px; overflow: hidden; }
.HomeImageBlock1 a, .HomeImageBlock2 a, .HomeImageBlock3 a { float: left; width: 100%; overflow: hidden; }
.HomeImageBlock1 a:hover img, .HomeImageBlock2 a:hover img, .HomeImageBlock3 a:hover img, .Blog-Img:hover img { transform: scale(1.01); }
.HomeImageBlock1 a img, .HomeImageBlock2 a img, .HomeImageBlock3 a img, .Blog-Img img { transition: .3s all ease; }
.SpecialProducts .ticiContainer > ul { margin: 0px -15px; }
.SpecialProducts .ticiContainer > ul > li { width: 33.33333333%; padding: 0px 15px; float: left; }
.SP-Title { float: left; width: 100%; border-bottom: 1px solid #dadada; margin-bottom: 30px; }
.SP-Title span { font-size: 20px; color: #454545; font-weight: 600; line-height: 60px; position: relative; display: block; }
.SP-Title span:before { content: ''; width: 83px; height: 2px; background: #ff8a38; position: absolute; bottom: -1px; }
.SP-Detail { float: left; width: 100%; }
.SP-Detail .productItem { border: 0; padding: 0; margin-bottom: 0; }
.SP-Detail ul li { margin-bottom: 35px; float: left; width: 100%; }
.SP-Detail ul li:last-child { margin-bottom: 0; }
.SP-Detail .productItem .productImage { width: 75px; float: left; }
.SP-Detail .productItem .productDetail { width: calc(100% - 75px); padding-left: 25px; text-align: left; height: 75px; }
.SP-Detail .favori { display: none; }
.SP-Detail .mycartIcon { bottom: 0; right: 0; left: auto; }
.SP-Detail .mycartIcon a span { font-size: 0; padding: 0; width: 40px; height: 40px; border: 0; border-radius: 100%; background: #bdbdbd url(images/SpecialProductCart.png) center center no-repeat; }
.SP-Detail .productItem:hover .mycartIcon a span { background: #027b5a url(images/SpecialProductCart.png) center center no-repeat; }
.SP-Detail .productItem .productName a { font-size: 14px; font-weight: normal; line-height: 18px; letter-spacing: -.1px; height: 36px; }
.SP-Detail .productItem .productName { margin-bottom: 27px; }
.SP-Detail .TukendiIco { display: none !important; }
.Blog { float: left; width: 100%; margin: 30px 0px; overflow: hidden; }
.Blog-Title { display: block; float: left; width: 100%; text-align: left; position: relative; margin-bottom: 35px; }
.Blog-Title:before { content: ''; z-index: 1; height: 2px; background: #f3f3f3; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.Blog-Title span { line-height: 20px; color: #000; font-size: 20px; font-weight: bold; display: inline-block; vertical-align: top; background: #fff; padding-right: 18px; z-index: 2; position: relative; text-transform: uppercase; }
.Blog-Img { float: left; width: 100%; overflow: hidden; }
.Blog-Text { float: left; width: 100%; }
.Blog-Step1 { font-size: 20px; font-weight: 700; color: #454545; line-height: 20px; margin-top: 30px; }
.Blog-Step2 { font-size: 16px; line-height: 18px; color: #454545; letter-spacing: -.1px; margin: 15px 0px; }
.Blog-Step3 { color: #027b5a; font-size: 15px; font-weight: 700; }
.markaSlider .categoryTitle { display: none !important; }
.markaSlider .owl-nav { top: 0; bottom: 0; margin: auto; left: 0; right: 0; width: auto; height: 0; }
.markaSlider .owl-carousel .owl-nav .ProductListprev { border: 0; margin-top: -15px; left: 0; }
.markaSlider .owl-carousel .owl-nav .ProductListnext { border: 0; margin-top: -15px; }

.Footer1 { float: left; width: 100%; padding: 10px 0px; background: #027b5a; margin-top: 30px; }
.FooterEbulten { float: left; padding: 10.5px 0; }
.FooterApp { float: left; }
.FooterApp li:first-child { margin-bottom: 4px; }
.Ebulten-Title { float: left; font-size: 15px; font-weight: 300; line-height: 50px; color: #ffffff; }
.Ebulten-In { float: left; width: 480px; max-width: 100%; margin-left: 60px; margin-right: 50px; }
.Footer2 { float: left; width: 100%; padding: 40px 0; }
.FooterMenuWrap { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.FooterCol-Title { font-size: 16px; font-weight: 700; color: #333e48; line-height: 16px; margin-bottom: 20px; }
.FooterCol ul li a { font-size: 14px; letter-spacing: -.1px; color: #333e48; line-height: 35px; }
.FooterCol ul li a:hover { color: #027b5a; }
.FooterContact { margin: 20px 0px; }
.FooterContact a { display: block; font-size: 25px; font-weight: 600; color: #027b5a; padding-left: 65px; background: url(images/FooterPhone.png) center left no-repeat; line-height: 34px; }
.FooterContact a span { font-size: 13px; font-weight: 300; color: #027b5a; display: block; line-height: 16px; }
.Footer3 { float: left; width: 100%; background: #eaeaea; padding: 17px 0px; }
.FooterAdres { font-size: 16px; color: #333e48; line-height: 24px; }
.FooterSocial li { display: inline-block; margin-right: 20px; }
.FooterSocial li i { font-size: 20px; color: #027b5a; line-height: 50px; }
.FooterSocial li:last-child { margin: 0; }
.FooterCopy { float: left; line-height: 32px; font-size: 14px; font-weight: 300; color: #333e48; letter-spacing: -.1px; }
.FooterCart { float: right; }

.leftBlock .category-vertical-filters { float: left; width: 100%; border: none; border-radius: 0; overflow: hidden; margin: 0 0 20px; text-align: center; padding: 0; background: transparent; }
.leftBlock .panel-heading { position: relative; z-index: 1; float: left; padding: 0; width: 100%; text-align: left; border: none; margin: 0; background-color: transparent !important; }
.leftBlock .panel-heading a { display: block; line-height: 28px; font-size: 16px; color: #454545; font-weight: 700; padding: 0; border-bottom: 2px solid #f3f3f3; }
.leftBlock .panel-heading a:after { content: '\f068'; font-family: 'FontAwesomePro'; float: right; font-weight: normal; }
.leftBlock .panel-heading.active a:after { content: '\f067'; }

.leftBlock .category-vertical-filters > div { width: 100%; margin: 0; float: left; display: inline-block; border: 2px solid #f3f3f3; border-radius: 5px; padding: 15px 23px; margin-bottom: 25px; }
.leftBlock .category-vertical-filters > div:last-child { margin-bottom: 0; }
.leftBlock .category-vertical-filters .panel.div-kategori { }
.leftBlock .category-vertical-filters .panel.div-kategori .panel-heading { }
.leftBlock .category-vertical-filters .panel.div-kategori .panel-heading a:after { display: none; }
.leftBlock .category-vertical-filters .panel.div-kategori ul { padding-left: 20px; }
.leftBlock .category-vertical-filters .panel.div-kategori ul li { margin-bottom: 0; width: 100%; }

.leftBlock .category-vertical-filters .panel.div-kategori ul li a { margin-bottom: 0; }
.leftBlock .category-vertical-filters .panel.div-kategori ul li ul { padding-left: 30px; display: none; }
.leftBlock .category-vertical-filters .panel.div-kategori ul li ul a { font-size: 14px; color: #979797; font-weight: normal; line-height: 25px; }
.leftBlock .category-vertical-filters .panel.div-kategori ul a:hover { }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li > a { font-size: 15px; line-height: 49px; color: #979797; font-weight: normal; display: block; float: none; }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li > a i { float: right; line-height: 49px; width: 49px; text-align: center; font-size: 20px; color: #dadada; }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li.ulVar.active > a i:before { content: '\f107'; color: #ff8a38; }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li.ulVar.active ul { display: block; }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li.active > a { font-weight: 700; color: #027b5a; }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li { }

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group { float: left; text-align: left; padding: 2px 0; margin: 0; width: 100%; top: 100%; display: block; border: none; margin: 10px 0px; max-height: inherit; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item { float: left; margin: 0 0 14px; padding: 0; background-color: transparent; width: 100%; height: auto; border: none; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:last-child { margin-bottom: 0; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a { float: left; font-size: 14px; color: #979797; display: inline-block; line-height: 17px; font-weight: 600; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover > a { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li.list-group-item:hover > a { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul { float: left; width: 100%; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul li:last-child { margin-bottom: 0; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover ul { }

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { background-size: 17px 17px !important; background-position: center left !important; background-repeat: no-repeat !important; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image.selected { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:nth-child(6n) { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a { padding-left: 28px; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before { display: none !important; }

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before { margin-right: 10px; width: 17px; height: 17px; border: 1px solid #979797 !important; border-radius: 0; background: #fff; display: inline-block !important; margin-top: 0; text-align: center; line-height: 13px; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border-color: #cbcbcb !important; background: #fff; content: '\f00c'; font-family: 'FontAwesomePro'; color: #000; font-size: 12px; font-weight: 600; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { border-color: #cbcbcb !important; background: #fff; content: '\f00c'; font-family: 'FontAwesomePro'; color: #000; font-size: 12px; font-weight: 600; }

body .leftBlock .slider-range { float: left; width: 100%; border: none; border-radius: 0; padding: 0; margin: 20px 0; height: 3px; background: #eeeeee; }
body .leftBlock .slider-range .ui-slider-range { height: 3px; background: #c8c8c8; border-radius: 0; top: 0; margin: 0; }
body .leftBlock .slider-range .ui-slider-handle { width: 16px; height: 16px; border-radius: 100%; background: #333333; border: none; margin: 0; top: -6.5px; }
body .leftBlock .slider-range .ui-slider-handle:active { background: #ff8a38; }
body .leftBlock .slider-range span:nth-child(2) { margin-left: 0; }
body .leftBlock .slider-range span:nth-child(3) { margin-left: -10px; }
body .leftBlock .amount { float: left; width: 100%; color: #979797; font-size: 14px; text-align: left; font-weight: 600; }


body #divSayfalamaUst.Slct .blockSelect { float: right; margin: 0; display: block !important; padding: 0; position: absolute; top: -32px; right: 0; }
body #divSayfalamaUst.Slct .blockSelect a { float: left; width: auto; height: auto; margin: 0 0 0 14px; padding: 0; text-align: center; border: none; background: transparent; }
body #divSayfalamaUst.Slct .blockSelect i { color: #888888; line-height: 30px; font-size: 20px; }
body #divSayfalamaUst.Slct .blockSelect a:hover { color: #252525; }
body #divSayfalamaUst.Slct .blockSelect a:hover i { color: #252525; }
body #divSayfalamaUst.Slct .blockSelect .sort_4 { display: none; }
body #divSayfalamaUst.Slct .blockSelect .sort_2 { display: none; }
body #divSayfalamaUst.Slct .blockSelect .sort_5 { display: none; }
body #divSayfalamaUst.Slct .blockSelect a.Active { color: #252525; }
body #divSayfalamaUst.Slct .blockSelect a.Active i { color: #ff8a38; }

body #divSayfalamaUst.Slct .brandlistselection .sortingContent { background: transparent; float: left; width: 100%; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent select { float: left; height: 28px; color: #878787; font-size: 14px; font-weight: normal; background: #fff url(images/FiltreSelect.png) center right -1px no-repeat !important; border: 1px solid #cdcdcd; border-radius: 5px; padding: 0px 11px; width: 170px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li { height: auto; padding: 0; border-radius: 0; background: transparent; float: left; margin-right: 20px; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) { display: none; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { float: right; }

body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet { margin: 0; }
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span { color: #252525; font-size: 12px; line-height: 40px; font-weight: normal; float: left; margin: 0; display: none; }

body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock { padding: 0; background: transparent; color: #252525; font-size: 14px; }
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span { line-height: 40px; font-weight: normal; display: inline-block; vertical-align: top; }
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:before { content: ''; width: 15px; height: 15px; border: 1px solid #d1d1d1; border-radius: 3px; float: left; margin: 12px 10px 0 0; }
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before { background: #cd9b33; border-color: #cd9b33; }

body #divSayfalamaUst .filterDeleteContent { float: left; margin: 0 0 10px; padding: 0; width: 100%; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter { padding: 0; margin: 0 15px 0 0; height: auto; background: transparent; border: 1px solid #666; width: auto; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a { width: 25px; margin: 0; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i { font-family: 'FontAwesomePro'; line-height: 30px; color: #000000; font-size: 15px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before { content: '\f00d'; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span { color: #666; font-size: 12px; text-align: left; margin-top: 2px; font-weight: normal; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span + span { color: #666; margin-top: 3px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir { display: block; border-color: #98282d; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a { width: 100%; background: transparent; line-height: 1; margin: 0; padding: 0 5px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span { line-height: 30px; font-weight: normal; color: #98282d; font-size: 12px; text-align: center; margin: 0; width: 100%; }


.KategoriSol { float: left; width: 100%; margin: 15px 0px; }
.KategoriSol a { display: block; overflow: hidden; width: 100%; margin: 15px 0px; float: left; }
#ProductListMainContainer > h1 { font-size: 15px; font-weight: 700; margin-top: -30px; line-height: 30px; color: #454545; }

.categoryContainer .ProductList.PlSc_hrz { margin: 0; }
.categoryContainer .ProductList.PlSc_hrz .ItemOrj { padding: 0; }
.categoryContainer .ProductList.PlSc_hrz .productItem { width: 100%; float: left; margin: 0 0 10px; padding: 0; }
.categoryContainer .ProductList.PlSc_hrz .ItemOrj:last-child .productItem { }
.categoryContainer .ProductList.PlSc_hrz .productImage { float: left; width: 10%; }
.categoryContainer .ProductList.PlSc_hrz .productImage a { }
.categoryContainer .ProductList.PlSc_hrz .productItem .productDetail { width: calc(84% - 10%); height: 0; padding: 8px 5px 0; border: none; background: transparent; }
.categoryContainer .ProductList.PlSc_hrz .productItem .boxBedenlerContent { }
.categoryContainer .ProductList.PlSc_hrz .productItem .boxBedenlerContent .boxBedenlerContainer { text-align: center; }
.categoryContainer .ProductList.PlSc_hrz .productItem .boxBedenlerContent .boxBedenlerContainer > div { float: none; }
.categoryContainer .ProductList.PlSc_hrz .productName { width: 100%; border: none; margin: 0; }
.categoryContainer .ProductList.PlSc_hrz .productName a { height: auto; text-align: left; margin-bottom: 0; text-indent: 10px; }
.categoryContainer .ProductList.PlSc_hrz .productItem .productPrice { width: auto; float: left; bottom: 0 !important; margin: 10px 0 0 10px; }
.categoryContainer .ProductList.PlSc_hrz .productItem .discountPrice { }
.categoryContainer .ProductList.PlSc_hrz .productItem .regularPrice { }
.categoryContainer .ProductList.PlSc_hrz .productItem .discountPrice span { line-height: 1; }
.categoryContainer .ProductList.PlSc_hrz .productItem .regularPrice span { }
.categoryContainer .ProductList.PlSc_hrz .productItem .productFaMyEx { }
.categoryContainer .ProductList.PlSc_hrz .productItem .newIcon { bottom: auto; top: 5px; right: 80px; left: auto; }
.categoryContainer .ProductList.PlSc_hrz .productItem .discountIcon { bottom: auto; top: 5px; right: 20px; left: auto; }
.categoryContainer .ProductList.PlSc_hrz .productItem .cargoIcon { bottom: 5px; left: auto; padding: 0 52px; }
.categoryContainer .ProductList.PlSc_hrz .productItem .mycartIcon { right: 10px; left: auto; bottom: 10px; }
.categoryContainer .ProductList.PlSc_hrz .productItem .mycartIcon a { }
.categoryContainer .ProductList.PlSc_hrz .productItem .favori { right: 205px; top: auto; left: auto; bottom: 20px; }
.categoryContainer .ProductList.PlSc_hrz .urunListeAdet { left: auto; right: 115px; bottom: 5px; }
.categoryContainer .ProductList.PlSc_hrz .TukendiIco { height: 100%; }
.categoryContainer .ProductList.PlSc_hrz .TukendiIco span { left: auto; right: 10px; bottom: 10px; }
.categoryContainer .ProductList.PlSc_hrz .productItem .productMarka { }
.CategoryBody #divCenterBlock .ArticleIcon { display: none; }
#divIndirimOrani { float: left; width: 104px; height: 57px; background: #027b5a; border-radius: 5px; text-align: center; padding: 9px 0px; margin-left: 14px; }
#divIndirimOrani .left_line, #divIndirimOrani .center_line { display: none; }
#divIndirimOrani .right_line { font-size: 17px; color: #fff; font-weight: 700; line-height: 18px; text-transform: uppercase; }
#divIndirimOrani .right_line span { font-size: 35px; }

.DetayIcon { float: left; width: 100%; padding: 13px 0px; border-radius: 5px; overflow: hidden; border: 1px solid #f89b5d; margin-bottom: 30px; }
.DetayIcon ul li { width: auto; float: left; text-align: center; border-right: 1px solid #f89b5d; padding: 11px 14px; }
.DetayIcon ul li:last-child { border: 0; }
.DI-Img { display: inline-block; vertical-align: middle; margin-right: 10px; }
.DI-Text { display: inline-block; vertical-align: middle; font-size: 12px; color: #333e48; text-align: left; line-height: 18px; font-weight: 600; }
.DI-Text span { display: block; font-weight: 500; }

/* DetayIcon: 4 eşit kutu, ortalı (yeşil arka plan) */
.DetayIcon {
    background: #027b5a;
    border: 0;
}

.DetayIcon ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 0;
    margin: 0;
    padding: 0;
}

.DetayIcon ul li {
    flex: 1 1 0;
    float: none;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    padding: 14px 10px;
    min-height: 86px;
}

.DetayIcon ul li:last-child {
    border-right: 0;
}

.DetayIcon .DI-Img {
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.DetayIcon .DI-Text {
    display: block;
    width: 100%;
    text-align: center;
    color: #ffffff;
}

/* Sadece 4. kutucuktaki ikon (img DI-Text içinde) biraz sağa */
.DetayIcon ul li:last-child .DI-Text img {
    transform: translateX(4px);
}

/* Mobil: 2x2 kır */
@media (max-width: 767px) {
    .DetayIcon ul {
        flex-wrap: wrap;
    }
    .DetayIcon ul li {
        flex: 0 0 50%;
        max-width: 50%;
        border-right: 1px solid rgba(255, 255, 255, 0.25);
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }
    .DetayIcon ul li:nth-child(2n) {
        border-right: 0;
    }
    .DetayIcon ul li:nth-last-child(-n+2) {
        border-bottom: 0;
    }
}

.MusteriHizmetleri { float: left; padding: 10px 36px; border-radius: 5px; overflow: hidden; border: 1px solid #f89b5d; }
.MusteriHizmetleri .DI-Text { font-weight: 700; }
.teknikDetay { clear: both; }
#divBarkod { float: right; }
#divBarkod .left_line { display: none; }
#divBarkod .center_line { display: none; }
#divBarkod .right_line { font-size: 12px; line-height: 12px; color: #878787; }
.CategoryDetayName { float: left; font-size: 12px; line-height: 12px; color: #878787; }

.IndirimOrani2 { position: absolute; top: 20px; left: 20px; background: #027b5a; width: 145px; height: 145px; border-radius: 100%; text-align: center; padding: 40px 0px; z-index: 99; }
.IndirimOrani2:before { content: ''; top: 7px; left: 7px; right: 7px; bottom: 7px; border: 2px dashed #ffffff; border-radius: 100%; position: absolute; }
.IndirimOrani2 span:first-child { font-size: 35px; display: block; font-weight: 700; color: #fff; line-height: 30px; }
.IndirimOrani2 span:last-child { font-size: 25px; font-weight: 700; color: #fff; line-height: 30px; }
.TabUrunOnerileri { display: none; }
/* ------------------------------------Yazilacak--------------------------------------------*/
/*Tablet ekranina kadar olan windows gorunumu*/
@media screen and (min-width:1041px) and (max-width:1200px) {
    .leftBlock.LeftMiddle { width: 25%; padding-right: 20px; }
    .centerCount.LeftMiddle { width: 75%; }
    /*SolOrtaSag*/
    .leftBlock.LeftMiddleRight { width: 25%; }
    .rightBlock.LeftMiddleRight { width: 50%; }
    .centerCount.LeftMiddleRight { width: 25%; }
    /*OrtaSag*/
    .rightBlock.MiddleRight { width: 25%; }
    .centerCount.MiddleRight { width: 75%; }

    .homeContainer .col-5li { width: 25%; }
    .category-vertical-filters.top-filters .panel { }
}



@media screen and (min-width: 1042px) and (max-width: 1180px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 960px; }
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList { max-width: 960px; }
    .detaySliderContainer .ProductList { max-width: 960px; }
    .homeContainer .ProductListContent .ProductList { max-width: 960px; }
    .markaSlider .jCarouselLite { max-width: 960px; }
    #divIcerik.homepage { margin: 0 auto; }

    #pnlSlider { width: 740px; }
    .HaftaninUrunu { width: calc(100% - 750px); }
    .navigation .navUl > li > a { font-size: 14px; padding: 0px 7px; }
    .navigation .altMenu .altMenuler .altMenuSag { padding-left: 10px; }
    .navigation .altMenu { padding: 10px; }
    .MH-Right img { max-width: 400px; }
    .searchContent { width: 420px; }
    .Ebulten-In { margin: 0px 20px; }
    .PiyasafiyatiContent { margin-left: 10px; }
}

@media (max-width: 1041px) and (min-width: 768px) {
    .mobilMenuAcButton { float: left; margin-top: 40px; margin-right: 10px; color: #000; font-size: 30px; }
    .mobilMenuAcButton span { display: block; font-size: 11px; }

    #pnlSlider { width: 600px; }
    .HaftaninUrunu { width: calc(100% - 610px); }
    .HU-Title { font-size: 10px; padding: 0px 5px; line-height: 20px; }
    .HaftaninUrunu .mycartIcon a span { padding-left: 35px; padding-right: 5px; background-position: left 10px center; font-size: 10px; }
    .HaftaninUrunu .TukendiIco span { padding: 0px 30px; }
    .searchContent { width: 250px; left: 280px; }
    #divAramaKategori { display: none !important; }
    #txtbxArama { padding-right: 50px; padding-left: 10px; }
    .HT-Right ul li a { padding: 0px 5px; }
    .welcome { right: 10px; top: 0; }
    .ArticleIcon ul li .FI-Img { margin: 0; width: 100%; text-align: center; height: 40px; }
    .ArticleIcon ul li .FI-Text { text-align: center; }
    .ArticleIcon ul li .FI-Img img { display: inline-block; vertical-align: top; }
    .SpecialProducts .ticiContainer > ul > li { padding-left: 5px; padding-right: 5px; }
    .SpecialProducts .ticiContainer > ul { margin: 0px -5px; }
    .SP-Detail .productItem .productDetail { padding-left: 0; }
    .Ebulten-In { margin: 0px 10px; width: 325px; }
    .FooterContact a { display: inline-block; }
    .FooterCol-Title { font-size: 14px; }
    .FooterCol ul li a { font-size: 11px; }
    .FooterAdres { font-size: 12px; }
    .Blog-Step1 { font-size: 15px; }
    .Blog-Step2 { font-size: 14px; line-height: normal; }
    .Blog-Step3 { font-size: 13px; }
    .HT-Toggle { right: 5px; }
    .productItem .discountPrice span { font-size: 13px; }
    .productItem .regularPrice span { font-size: 10px; }
    .productItem .regularPrice { margin-left: 5px; }
    .basketBtn { margin-left: 0; margin-top: 10px; }
    .ProductIcon > div { margin: 5px 0px; }
    .DetayIcon ul li { padding: 5px 0px; width: 33.33333333%; float: left; border: 0; }
    .DetayIcon { padding: 0; margin-bottom: 10px; }
    .MusteriHizmetleri { padding: 5px; }
    .ProductIcon { margin: 5px 0; }
    #divIndirimOrani { display: none; }
    .PriceList { margin: 5px 0px; }
    .BasketBtn { padding-bottom: 10px; }
    .DI-Img { margin: 0; width: 100%; height: 35px; }
    .DI-Img img { display: inline-block; vertical-align: middle; }
    .DI-Text { width: 100%; text-align: center; font-size: 10px; }
    #divOnyazi { margin-top: 5px; }
}

@media (max-width: 1024px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 100%; margin: 0; padding: 0 1vw; }
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList { max-width: 100%; margin: 0; padding: 0; }
    .detaySliderContainer .ProductList { max-width: 100%; margin: 0; padding: 0; }
    .homeContainer .ProductListContent .ProductList { max-width: 100%; margin: 0; padding: 0; }
    .markaSlider .jCarouselLite { max-width: 100%; margin: 0; padding: 0; }
    .categoryContainer .ProductList { margin: 0 -1vw; }
    .ItemOrj { padding: 0 1vw; }
    #divIcerik.homepage { margin: 0 auto; }
}
/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media screen and (max-width:1041px) {
    /******************************************************/
    .mobilMenuAcButton { display: block; }
    body .dropdown-toggle:after { display: none; }
    body #divSayfalamaUst { padding: 0; margin: 0; width: 100%; margin-bottom: 10px; }
    .urunListRel { width: 100%; }
    body .mobilFilterOpenBtn .button { padding: 0; margin: 0; color: #000; border: 1px solid #c3c3c3; width: calc(50% - 1vw); float: left; line-height: 38px; background: #fff; font-size: 14px; display: inline-block; vertical-align: top; font-weight: 500; }
    body .mobilFilterOpenBtn .button.mobilSiralamBtn { float: left; }
    body .mobilFilterOpenBtn .button.mobilFilterBtn { float: right; }
    body .mobilFilterOpenBtn { margin: 0; padding: 10px 0px; }
    .categorydesign .uNo { float: right; color: #999a9d; font-size: 12px; }
    body #divSayfalamaUst .filterDeleteContent { display: none; }

    body #divSayfalamaUst.Slct .brandlistselection { position: absolute; left: 0; top: 0; width: calc(50% - 1vw); background: transparent; padding: 0; margin: 0; border: none; border-radius: 0; margin-top: 10px; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent { width: 100%; display: block !important; background: transparent; padding: 0; margin: 0; border: none; border-radius: 0; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li { width: 100%; background: transparent; padding: 0; margin: 0; border: none; border-radius: 0; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select { width: 100%; height: 40px; font-size: 0; text-indent: 0; border: none; color: #000; font-weight: 500; min-width: auto; border-radius: 0; background: transparent !important; -webkit-appearance: none; -moz--appearance: none; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select option { font-size: 14px; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) { display: none; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { display: none; }

    body #divSayfalamaUst:not(.Slct) .brandlistselection { padding: 0; text-align: center; position: absolute; top: 100%; left: 0; right: 0; z-index: 10; border-bottom: none; background: #fff; border: 1px solid #e5e5e5; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent { display: none; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) { margin: 0; width: 100%; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a { border: none; text-align: center; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a span { line-height: 35px; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { display: none; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) { display: none; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) a:before { display: none; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a { border-bottom: 1px solid #e5e5e5; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(4) > a { border-bottom: none; }

    body .category-vertical-filters.top-filters { display: block !important; width: 360px; position: fixed; top: 0; right: -100%; bottom: 0; z-index: 9999; background: #f3f5f8; margin: 0; padding: 0; border: none; transition: all .3s ease; overflow-y: auto; overflow-x: hidden; }
    body .filterBlock.active .category-vertical-filters.top-filters { right: 0; }
    body .category-vertical-filters.top-filters .FiltreUst { float: left; width: 100%; line-height: 50px; font-size: 16px; color: #fff; margin-bottom: 10px; padding: 0 10px; position: relative; text-align: center; }
    body .category-vertical-filters.top-filters .FiltreUst span { display: inline-block; vertical-align: top; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt { float: left; font-size: 25px; position: relative; z-index: 1; }
    body .category-vertical-filters.top-filters .FiltreUst a { float: right; font-size: 13px; position: relative; z-index: 1; color: #fff; display: none; }
    body .category-vertical-filters.top-filters .FiltreUst a.active { display: block; }
    body .category-vertical-filters.top-filters .FiltreUst a i { color: #fff; font-size: 20px; display: inline-block; vertical-align: top; line-height: 50px; margin-left: 5px; }
    body .category-vertical-filters.top-filters .tukgo { float: left; width: 100%; margin-bottom: 10px; position: relative; padding: 0 10px; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock { float: left; width: 100%; line-height: 50px; font-size: 14px; color: #262324; text-align: left; padding: 0 0 0 15px; background: #fff; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before { content: ''; float: right; width: 24px; max-height: 24px; position: absolute; top: 0; bottom: 0; right: 32px; border-radius: 100%; background: #c5c7c9; margin: auto 0; background: #fff; box-shadow: 0 0 2px 0 #999; z-index: 1; transition: all 0.3s ease; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after { content: ''; float: right; width: 40px; max-height: 16px; position: absolute; top: 0; bottom: 0; right: 0; border-radius: 20px; background: #c5c7c9; margin: auto 15px auto 0; transition: all 0.3s ease; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before { right: 15px; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after { background: #39d662; }

    body .category-vertical-filters.top-filters .panel .panel-heading { padding: 0; margin: 0; border: none; background: #fff; float: left; width: 100%; }
    body .category-vertical-filters.top-filters .panel .panel-heading a { float: left; width: 100%; text-align: left; color: #262324; font-weight: 500; font-size: 15px; line-height: 50px; padding: 0 10px; text-transform: uppercase; }
    body .category-vertical-filters.top-filters .panel .panel-heading a:after { top: 0; color: #000; font-weight: 300; font-family: 'FontAwesomePro'; right: 10px; }
    body .category-vertical-filters.top-filters .panel .panel-heading .moreNum { position: absolute; right: 40px; top: 0; bottom: 0; line-height: 50px; font-size: 15px; color: #000; }
    body .category-vertical-filters.top-filters .panel { float: left; width: 100%; margin-bottom: 10px; padding: 0 10px; }
    body .category-vertical-filters.top-filters .list-group.dropdown { border: none; position: static; box-shadow: none; }
    body .category-vertical-filters.top-filters .list-group.dropdown ul { margin-top: 10px; }
    body .category-vertical-filters.top-filters .list-group.dropdown li { width: 100%; margin-right: 0; text-align: left; margin-bottom: 10px; }
    body .category-vertical-filters.top-filters .list-group.dropdown li a { color: #000; line-height: 16px; }
    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a { font-size: 13px; color: #262324; font-weight: normal; float: left; }
    body .category-vertical-filters .vertical-filter-panel .list-group-item:before { border-radius: 3px; display: inline-block !important; width: 16px; height: 16px; }
    body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border-color: #000; background: #000; }
    body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { background: transparent !important; height: auto; }
    body .category-vertical-filters.top-filters .panel.vertical-top-price-filter { width: 100%; margin: 20px 0; }

    body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent { display: none !important; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before { display: none; }

    body .slider-range { margin: 0 0 15px 10px !important; width: calc(100% - 20px); }
    body .amount { padding: 0; }

    .centerCount { width: 100% !important; }
    .leftBlock { display: none !important; }
    .rightBlock { display: none !important; }
    .homeContainer .leftBlock { }
    .homeContainer .rightBlock { }

    .UyeolContent .grid { margin: 30px 18px; }
    .owl-carousel .owl-item img { max-width: 100%; }
    .uyeOlContainer #FrmYeniUye > .uyeOlCol { width: 100%; }

    /*MobilMenu*/
    .menuUstBolum { width: 100%; display: inline-block; float: left; margin-top: 0; border-bottom: 1px solid #e8e8e8; }
    .menuUstBolum .CloseBtnMenu { float: right; line-height: 50px; color: #fff; font-size: 30px; width: 50px; text-align: center; margin: 0; cursor: pointer; }
    .menuUstBolum .CloseBtnMenu i { font-weight: 300; }
    .menuUstBolum .menuBack { float: left; line-height: 50px; color: #fff; font-size: 15px; text-align: center; margin: 0; cursor: pointer; padding-left: 20px; }
    .menuUstBolum .menuBack i { font-size: 20px; display: inline-block; vertical-align: top; line-height: 50px; margin-right: 10px; }
    .mobilaf { position: fixed; right: 0; left: 0; width: 100%; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1001; display: none; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }
    .mobilaf.acik { display: block; }
    .mobilMenu { position: fixed; left: 0; top: 0; bottom: 0; width: 360px; z-index: 99999; background: #fff; transform: translateX(-360px); transition: transform .3s ease-in-out; }
    .mobilMenu.acik { transform: translateX(0); }
    .mobilMenu .menuIcerikAlan { float: left; width: 100%; height: calc(100% - 51px); position: absolute; top: 51px; right: 0; left: 0; }
    .mobilMenu .navUl { float: left; width: 100%; height: 100%; }
    .mobilMenu .navUl > li > ul li,
    .mobilMenu .navUl > li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; padding: 0 0 0 5px; }
    .mobilMenu .navUl > li > ul li a,
    .mobilMenu .navUl > li > a { color: #000; font-size: 14px; font-weight: normal; line-height: 40px; display: inline-block; vertical-align: top; padding: 0 15px; z-index: 2; position: relative; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2, .mobilMenu .navUl > li > ul li .ResimsizDown2, .mobilMenu .navUl > li .ResimsizDown,
    .mobilMenu .navUl > li .ResimliDown { float: right; position: absolute; right: 0; top: 0; left: 0; z-index: 1; padding-right: 20px; cursor: pointer; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2 i, .mobilMenu .navUl > li > ul li .ResimsizDown2 i, .mobilMenu .navUl > li .ResimsizDown i,
    .mobilMenu .navUl > li .ResimliDown i { line-height: 40px; font-size: 20px; float: right; }
    /*Acilirmenuicerik*/
    .mobilMenu .altMenu .altMenuMarkalar,
    .mobilMenu .altMenu .altMenuler { float: left; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; position: absolute; top: 0; right: 0; left: 0; }
    .mobilMenu .altMenu .altMenuSag { display: none; }
    .mobilMenu .altMenu .altmenuSol { float: left; width: 100%; height: 100%; }
    /**/
    .mobilMenu .navUl > li ul.over { overflow-y: hidden; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul,
    .mobilMenu .altMenu { position: fixed; left: -100%; top: 51px; bottom: 0; width: 100%; background: #fff; z-index: 3; transition: all 0.3s ease-in-out; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl.active, .mobilMenu .navUl > li > ul li ul.active, .mobilMenu .navUl > li > ul.active,
    .mobilMenu .altMenu.active { left: 0; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span, .mobilMenu .altMenu .altMenuMarkalar > span, .mobilMenu .altMenu .altmenuSol > span, .mobilMenu .navUl > li > ul li ul > span,
    .mobilMenu .navUl > li > ul > span { color: rgba(40, 47, 54, 0.8); font-size: 18px; font-weight: 600; line-height: 55px; padding-left: 55px; border-bottom: 1px solid #e5e5e5; position: relative; float: left; width: 100%; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span a, .mobilMenu .altMenu .altMenuMarkalar > span a, .mobilMenu .altMenu .altmenuSol > span a,
    .mobilMenu .navUl > li > ul > span span { z-index: 0; position: relative; }
    .mobilMenu .navUl > li > ul li ul > span .NoiBack2, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn, .mobilMenu .altMenu .altmenuSol > span .UpBtn,
    .mobilMenu .navUl > li > ul > span .NoiBack { line-height: 55px; text-align: left; z-index: 1; padding-left: 20px; font-size: 20px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn i, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 i, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn i, .mobilMenu .altMenu .altmenuSol > span .UpBtn i,
    .mobilMenu .navUl > li > ul > span .NoiBack i { font-weight: normal; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li,
    .mobilMenu .navUl > li > ul li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li > a, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li > a,
    .mobilMenu .navUl > li > ul li a { color: #282f36; font-size: 14px; font-weight: 500; line-height: 40px; display: inline-block; vertical-align: top; padding: 0 13px; z-index: 2; position: relative; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul,
    .mobilMenu .menuIcerikAlan { overflow-y: auto; overflow-x: hidden; }
    /*Markalar*/
    .mobilMenu .altMenu .altMenuMarkalar > a { float: left; width: 50%; padding: 0 13px; min-height: 57px; text-align: center; margin-bottom: 15px; }
}
/* Mobil Ekran */
@media screen and (max-width:767px) {
	.HeaderText .HT-Text a img{display: none;}
	.HeaderText .HT-Text a img:last-child{display: block;}

	.discountIcon{width:45px;height:45px;padding: 11px 0;}
	.discountIcon span{font-size:10px;line-height:10px;}
	.cargoIcon{width:45px;height:45px;padding:11px 0;font-size:10px;line-height:10px;}

    #divIcerik.homepage { margin: 0 auto; }
    body { padding-top: 92px; }
    body.sepetimBody { padding-top: 0; }
    #lang_flag_container { display: none; }
    .userContainer .userLeftBox, .userContainer .userRightBox { padding: 0; }
    /*Logo*/
    #logo { float: none; position: static; display: block; border: none; width: auto; padding: 0; background: transparent; margin: 0; text-align: center; }
    #logo:after { display: none; }
    #logo .logo { margin: 0 auto; width: 175px; float: none; padding: 10px 0; text-align: center; display: block; background: transparent; }
    #logo .logo img { max-width: 100%; display: inline-block; }
    /*header click button*/
    .mycart { top: 25px; z-index: 2; }
    .mycart .sepetUrunSayisi { background: #000; line-height: 17px; }
    .mobilMenuAcButton { display: block; position: absolute; top: 0; left: 5px; display: block; font-size: 22px; color: #000; }
    .searchClick { display: block; position: absolute; top: 0; left: 40px; display: block; font-size: 22px; color: #000; }
    .welcomeOpen { display: block; position: absolute; top: 0; right: 40px; display: block; font-size: 22px; color: #000; }
    .mycartClick { display: block; position: absolute; top: 0; right: 5px; display: block; font-size: 22px; color: #000; }
    .mobilMenuAcButton span { font-size: 9px; display: block; line-height: 9px; display: none; }
    .mobilMenuAcButton i { display: inline-block; vertical-align: top; line-height: 49px; }
    .searchClick i { display: inline-block; vertical-align: top; line-height: 49px; }
    .welcomeOpen i { display: inline-block; vertical-align: top; line-height: 49px; }
    .mycartClick i { display: inline-block; vertical-align: top; line-height: 49px; }
    /*mobilmenu*/
    .mobilMenu { width: 85%; bottom: 50px; transform: translateX(-100%); }
    .menuUstBolum { margin-top: 0; }
    /*sepetalan*/
    .SepetUst { float: left; width: 100%; text-align: center; color: #fff; line-height: 50px; font-size: 16px; margin-bottom: 10px; }
    .SepetUst span { display: inline-block; vertical-align: top; }
    .SepetUst .seClose { float: left; width: 40px; font-size: 22px; }
    .SepetUst .seClose i { display: inline-block; vertical-align: top; line-height: 50px; }
    .CartProduct { background: #fafafa; background-size: 100%; position: fixed; right: -100%; top: 0; width: 100%; height: calc(100% - 50px); padding: 0 0 5px; display: block !important; border: none; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1; visibility: visible; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); box-shadow: none; }
    .CartProduct .SPrice { text-align: center; }
    .CartProduct:before { display: none; }
    .CartProduct:after { display: none; }
    .CartProduct.animated { right: 0; }
    .CartProduct .SProduct { float: left; width: 100%; max-height: calc(100% - 155px); overflow-y: auto; overflow-x: hidden; font-size: 0; text-align: left; padding: 0 5px; }
    .CartProduct .SProduct li a * { display: inline-block !important; padding: 0; line-height: 1; }
    .CartProduct .SProduct li { float: left; width: 100%; position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
    .CartProduct .SProduct li a { display: inline-block; vertical-align: top; font-size: 12px; color: #000; text-align: right; width: 100%; }
    .CartProduct .SProduct li a img { margin-right: 10px; float: left; }
    .CartProduct .SProduct li a .SepettopAd { display: inline-block; vertical-align: top; max-width: 38%; margin: 0; margin-top: 10px; float: left; }
    .CartProduct .SProduct li a .SepettopAd span { float: left; clear: left; max-width: 100% !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; }
    .CartProduct .SProduct li a .SepettopAd span:nth-child(2) { margin-left: 2px; }
    .CartProduct .SProduct li a .SepetTopAdet { display: inline-block; vertical-align: top; margin: 0 5px; margin-top: 28px; }
    .mycart .CartProduct .SProduct li a span.sepetTopBirimFiyat { display: inline-block !important; vertical-align: top; margin: 0 5px; margin-top: 20px; }
    .CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 0; font-size: 0; width: auto; }
    .CartProduct .button { padding: 0; line-height: 30px; font-size: 12px !important; }
    .divustSepetteUrunYok span { width: 100%; float: left; text-align: center; color: #000; font-weight: 500; line-height: 30px; font-size: 16px; margin-bottom: 15px; }
    .sepetTopTutar { font-size: 0; padding: 0; border: none; }
    .mycart { width: 15px; height: 15px; background: none !important; padding: 0; margin: 0; border: none; position: absolute; right: 5px; left: auto; bottom: auto;z-index: auto; }
    .mycart:before { display: none; }
    .mycart:after { display: none; }
    .mycart .sepetTopTutar { display: none !important; }
    .mycart .sepetUrun { display: none !important; }
    .mycart .sepetTecxt { display: none !important; }
    .mycart .sepetUrunSayisi { display: block !important; width: 15px; height: 15px; line-height: 15px; color: #fff; border-radius: 100%; text-align: center; font-size: 12px; border: none; position: static; margin: 0; }
    .mycart .sepetUrunSayisi:before { display: none; }
    .mycart .sepetUrunSayisi:after { display: none; }
    .mycart > a { display: block; width: auto; height: auto; padding: 0; border: none; margin: 0; background: transparent; }
    .mycart > a:before { display: none; }
    .mycart > a:after { display: none; }
    /*Sabit sayfalar icerik*/
    .spanTittle { font-size: 18px !important; }
    .iletisimContent .iletisimForm { width: 100%; padding: 0; }
    .iletisimContent .AdBan { width: 100%; }
    .iletisimContent .categoryTitle { margin: 0; }
    .iletisimContent .categoryTitle .categoryTitleText { line-height: 65px; }
    .iletisimContent .categoryTitle:before { display: none; }
    .iletisimContent .iletisimRight .categoryTitle { margin-bottom: 10px; }
    .iletisimContent .iletisimRight .categoryTitle .categoryTitleText { line-height: 65px; font-size: 19px; }
    .iletisimContent .iletisimForm .categoryTitle { margin-bottom: 10px; }
    .iletisimContent .iletisimForm .categoryTitle .categoryTitleText { line-height: 65px; font-size: 19px; }
    .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 { float: none; display: block; margin: 10px 0 0; }
    .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right { font-size: 17px; }
    .iletisimContent .iletisimRight .iletisimbanka .span > div span { font-size: 12px; }
    .iletisimContent .iletisimLeft .Right { font-size: 12px; }
    .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right { font-size: 20px; }
    .UyeolContent .grid { width: 100%; margin: 0; padding: 10px; border: none; margin-bottom: 10px; }
    .SifremiUnuttum { width: 100%; margin: 0; padding: 0; }
    .SifremiUnuttum .line { width: 100%; }
    .SifremiUnuttum #mainHolder_txtbxMail { width: 70%; }
    .SifremiUnuttum .button { width: 30%; }
    /*Header Sabitler*/
    .resimliYanMenu { display: none; }
    .navigation { display: none; }
    #header { border: none; margin-bottom: 0 !important; padding-top: 0; box-shadow: none; height: auto; position: fixed; left: 0; right: 0; top: 0; }
    #header:before { display: none; }
    #header.homeHeader { border: none; }
    .headerContent { text-align: left; }
    /*Arama*/
    .homeHeader .searchContent { display: block; }
    .searchContent { display: block; width: 100%; margin: 0; height: 0; background: #fff; overflow: hidden; position: absolute; top: 100%; left: 0; padding: 0; border: none; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; }
    .searchContent.active { height: 34px; padding: 0; overflow: visible; width: 100%; left: 0; right: 0; }
    .search { margin: 0; max-width: 100%; width: 100%; position: relative; padding: 0; display: block; }
    .search:after { display: none; }
    .search:before { display: none; }
    .search .crossclick { display: none; }
    #divAramaKategori { top: 0; right: 50px; }
    #divAramaKategori select { width: 100px; padding-left: 5px; font-size: 10px; height: 34px; background-position: center right; }
    #txtbxArama { height: 34px; padding-right: 30px; padding-left: 10px; width: 100%; box-shadow: none; font-size: 12px; border-radius: 0; margin: 0; border: 1px solid #f1f1f1; }
    .searchContent.active #txtbxArama { padding: 0 35px 0 10px; }
    #btnKelimeAra { width: 34px; height: 34px; right: 0; top: 0; line-height: 34px; text-indent: 0; padding: 0; left: auto; background-position: center center; background-image: none; border: none; border-radius: 0; font-size: 15px; text-align: center; }
    .ButtonMic { right: 34px; height: 34px; }
    /*hosgeldin div*/
    .welcome { display: block; width: 100%; position: absolute; top: 100%; right: 0; bottom: auto; text-align: center; background: transparent; border: none; padding: 0; margin: 0; height: 0; border-radius: 0; z-index: 100; overflow: hidden; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; }
    .welcome.active { height: 34px; }
    .welcome > div { width: 100%; position: static; padding: 0; box-shadow: none; display: block; background: transparent; margin: 0; }
    .welcome > ul { margin: 0; }
    .welcome > div:before { display: none; }
    .welcome:before { display: none; }
    .mobilMenu .welcome { display: block; }
    .welcome ul { float: left; width: 100%; }
    .welcome li { float: none; display: inline-block !important; width: auto; vertical-align: top; }
    .headerSocialConnect { margin-left: 0; }
    .headerSocialConnect .baglanButton { margin-left: 10px; }
    .headerSocialConnect .baglanButton a { line-height: 34px; font-size: 13px; color: #fff; padding: 0; }
    .headerSocialConnect .baglanButton a:before { line-height: 34px; }
    .headerHesabim, .headerCikis, .headerUyeOl a, .headerUyeGiris a { float: none; display: inline-block !important; font-size: 13px; line-height: 34px; color: #fff; border: none; padding: 0; width: auto; height: auto; margin: 0; font-weight: 500; }
    .headerUyeGiris a, .headerHesabim { background: transparent; margin-right: 10px; }
    .headerUyeGiris a:after, .headerHesabim:after, .headerCikis:after, .headerUyeOl a:after, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before, .headerUyeOl a:before { display: none; }
    /*urun butonlari*/
    .ProductIcon { position: static; width: 100%; margin: 5px 0 0; float: left; padding: 5px 0; border: none; }
    .ProductIcon .box1 { font-size: 12px; width: 100% !important; line-height: 35px !important; text-align: left; border: none; border-radius: 0; }
    .ProductIcon .box1 i { float: left; line-height: 35px; width: auto; height: 35px; margin-right: 5px; margin-bottom: 0; }
    .ProductIcon > div { float: left; width: 100%; margin: 5px 0 0; max-width: 100% !important; }
    .ProductIcon > div > a { float: left; width: 100%; margin-bottom: 0; transition: all 0.2s ease; }
    .ProductIcon .box1:before { display: none !important; }
    .ProductIcon a:hover { padding-left: 25px; }
    /******************************************************/
    .bottomHead { float: left; width: 100%; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1002; background: #fff; border-top: 1px solid #cecece; }
    .bottomHead ul { margin: 0; }
    .bottomHead ul li { float: left; width: 25%; }
    .bottomHead ul li a { float: left; width: 100%; text-align: center; font-size: 12px; padding: 5px 0; color: #000; position: relative; }
    .bottomHead ul li a i { display: block; margin: 0 auto 3px; font-size: 18px; }
    /*Footer*/

    .ebultenGelecek { margin-top: 10px; }
    #divTicimaxCopyrightContent { float: left; width: 100%; margin-bottom: 40px; }
    #divTicimaxCopyrightContent img { display: inline-block; vertical-align: top; }
    #ticimaxCopyright { margin-top: 5px !important; font-size: 11px; }
    #back-to-top { bottom: 11%; right: 2%; }
    #back-to-top a { width: 30px; height: 30px; }
    #back-to-top a:after { line-height: 30px; }
    /*kategori*/
    body .category-vertical-filters.top-filters { width: 85%; height: calc(100% - 50px); box-shadow: none; border: none; }
    body ul.breadcrumb * { line-height: 40px !important; font-size: 10px !important; }
    body ul.breadcrumb li:after { line-height: 40px; font-size: 10px !important; }
    body ul.breadcrumb li:nth-child(1) a:before { line-height: 40px; font-size: 10px !important; margin-right: 5px; }
    .categoryContainer .ProductList.PlSc_hrz .ItemOrj { width: 100%; }
    .categoryContainer .ProductList.PlSc_2 .ItemOrj { width: 50%; }
    .categoryContainer .ProductList.PlSc_3 .ItemOrj { width: 50%; }
    .categoryContainer .ProductList.PlSc_4 .ItemOrj { width: 50%; }
    .categoryContainer .ProductList.PlSc_5 .ItemOrj { width: 50%; }
    .ItemOrj { width: 50%; max-width: 50%; flex: 0 0 50%; }
    .homeContainer .ProductListContent .ItemOrj{width: 50%; max-width: 50%;}
    .categoryContainer .ProductListContent .productItem { margin-bottom: 30px; }
    body .mobilFilterOpenBtn .button { font-size: 13px; }
    .TukendiIco span { font-size: 12px; }
    .productItem .discountPrice span { font-size: 14px; }
    .productItem .regularPrice span { font-size: 11px; }
    /*urundetay*/
    .leftImage { float: left; width: 100%; }
    .RightDetail { width: 100%; padding: 5px; }
    body a#linkOncekiSayfa { position: absolute; top: 10px; left: 10px; width: 35px; background: #ddd; text-align: center; font-size: 0 !important; font-family: 'FontAwesomePro'; color: #000; z-index: 5; line-height: 35px; }
    body a#linkOncekiSayfa:before { content: '\f053'; font-size: 20px; display: inline-block; vertical-align: top; line-height: 35px; }
    #divUrunKodu { clear: left; float: left; line-height: 14px; }
    #divUrunKodu span { line-height: 14px; }
    #divTaksitAciklama { clear: left; float: left; }
    .PriceList { margin-bottom: 0; }
    .TopDet #IlgiliUrunDiv { margin-top: 15px; padding: 0; }
    #divUrunEkSecenek { padding: 0; margin-top: 15px; }
    #divUrunEkSecenek .eksecenekLine { padding-bottom: 15px; margin-bottom: 0; }
    #divSatinAl { margin-top: 15px; }
    #divAdetCombo .right_line, .RightDetail .riSingle { width: 120px; }
    .basketBtn { width: 100%; margin: 0; }
    .buyfast { width: 100%; margin: 0; }
    .Basketinp { margin-bottom: 10px; }
    #txtbxurunSiparisAdedi, #divAdetCombo select, .RightDetail .riSingle a.riUp, .riSingle a.riDown, .basketBtn input,
    .buyfast input { /* height: 50px !important; */ }
    .Basketinp p, #divAdetCombo .left_line, .RightDetail .riSingle a.riUp i, .RightDetail .riSingle a.riDown i, .RightDetail .riSingle a.riUp, .riSingle a.riDown, .basketBtn input,
    .buyfast input { /* line-height: 50px; */ }
    .urunOzellik { margin: 25px 0; border-top: 1px solid #d7d7d7; }
    .urunOzellik .mobilTab { float: left; width: 100%; }
    .urunOzellik .mobilTab > ul { }
    .urunOzellik .mobilTab > ul > li { float: left; width: 100%; border-bottom: 1px solid #d7d7d7; }
    .urunOzellik .mobilTab > ul > li > a { color: #000; font-size: 14px; text-transform: uppercase; line-height: 50px; float: left; width: 100%; padding: 0 10px; }
    .urunOzellik .mobilTab > ul > li > a:after { content: '\f078'; font-family: 'FontAwesomePro'; font-size: 16px; float: right; }
    .urunOzellik .mobilTab > ul > li.active > a { color: #fff; }
    .urunOzellik .mobilTab > ul > li.active > a:after { content: '\f077'; }
    .urunOzellik .mobilTab > ul > li.active .urunDetayPanel { display: block !important; }
    .urunDetayPanel { padding: 15px 0; border-top: 1px solid #d7d7d7; width: 100%; padding: 10px; }
    /*mobilicerik*/
    .htop { display: none; }

    .FooterCol { width: 100%; text-align: center; }
    .FooterCol > .FooterCol-Title { font-size: 14px; border-bottom: 1px solid #444; position: relative; line-height: 40px; border-top: 1px solid #444; margin-top: -1px; margin-bottom: 0; text-transform: uppercase; padding: 0; }
    .ackapabtn { position: absolute; right: 5px; top: 0; line-height: 40px; font-size: 20px; }
    .FooterCol > .FooterCol-Title + * { display: none; margin: 10px 0px; }
    .FooterMenuWrap { display: block; padding: 0 5px; margin-bottom: -1px; }
    .FooterCol ul li a { font-size: 12px; line-height: 25px; }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col { padding-left: 2.5px; padding-right: 2.5px; }
    .row { margin-left: -2.5px; margin-right: -2.5px; }
    .HeaderTop { display: none; }
    #pnlSlider { width: 100%; margin-bottom: 5px; }
    .HaftaninUrunu { width: 100%; }
    .FooterEbulten { width: 100%; text-align: center; }
    .Ebulten-In { margin-left: 0; margin-right: 0; }
    .Ebulten-Title { width: 100%; line-height: 15px; }
    .Footer1 { text-align: center; }
    .FooterApp li { display: inline-block; vertical-align: middle; margin: 0 5px !important; }
    .FooterApp { float: none; display: inline-block; vertical-align: middle; }
    .HeaderLogo img { max-height: 40px; }
    .HeaderLogo { margin: 4.5px 0; display: inline-block; vertical-align: top; float: none; }
    .ArticleIcon { margin: 5px 0px; padding: 0px; }
    .ArticleIcon ul li { width: 100%; border-right: 0; border-bottom: 1px solid #027b5a; padding: 5px 0px; }
    .mycartIcon a span { padding: 0px 10px 0px 40px; background-position: left 10px center !important; }
    .TukendiIco span { padding: 0px 40px; }
    .HomeImageBlock2, .HomeImageBlock1, .HomeImageBlock3, .Blog, .markaSlider, .sliderBannerContainer { margin: 5px 0px; }
    .SpecialProducts .ticiContainer > ul > li { padding: 0px 2.5px; width: 100%; }
    .SpecialProducts .ticiContainer > ul { margin: 0px -2.5px; }
    .Blog .col-4 { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 5px 0px; }
    .Blog-Wrap { text-align: center; }
    .Blog-Step1 { margin-top: 10px; font-size: 16px; }
    .Blog-Step2 { font-size: 14px; line-height: normal; margin: 5px 0px; }
    .Blog-Img img { display: inline-block; vertical-align: top; }
    .FooterContact a, .FooterLogo a { text-align: left; display: inline-block; vertical-align: top; }
    .FooterContact, .FooterLogo { width: 100%; text-align: center; margin: 10px 0px; }
    .FooterAdres { font-size: 13px; line-height: 16px; }
    .Footer2 { padding: 0; }
    .Footer3 { padding: 5px; text-align: center; }
    .FooterCopy { width: 100%; }
    .mobilTicimaxLogo { margin-bottom: 10px; }
    .filterBlock { margin: 10px 0px; }
    .pageNumber { margin-bottom: 10px; }
    .proCategoryTitle { margin-bottom: 0; }
    #divIndirimOrani { clear: both; margin: 0; width: 100%; height: auto; }
    .DetayIcon ul li { width: 100%; border-right: 0; border-bottom: 1px solid #f89b5d; padding: 5px; }
    .DetayIcon { padding: 0 5px; margin-bottom: 10px; }
    .MusteriHizmetleri { width: 100%; text-align: center; float: none; }
    .TopDet .product_social_icon_wrapper { float: none; display: inline-block !important; vertical-align: middle; margin-top: 10px; clear: both; margin-bottom: 0; }
    .urunTabAlt { line-height: normal; font-size: 12px; }
    #yorumYaz { max-width: 100%; }
    .leftImage img { display: inline-block; vertical-align: middle; }
    .leftImage { text-align: center; padding-right: 0; }
    .IndirimOrani2 { display: none; }
}

/* ==================== */
/* ---- DERMOLIST INTRO ---- */
/* ==================== */
html.dermolist-intro-active,
body.dermolist-intro-active {
    overflow: hidden !important;
}

.dermolist-intro {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    display: flex;
    flex-direction: column;
    pointer-events: all;
}

.dermolist-intro::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    /* Hafif vignette + sinematik derinlik */
    background:
        radial-gradient(ellipse at center, rgba(0,0,0,0) 45%, rgba(0,0,0,0.18) 100%);
    opacity: 0.85;
}

.dermolist-intro__half {
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(0);
    will-change: transform;
    transition: transform 1650ms cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: 120ms;
}

.dermolist-intro__half--top {
    background: #027b5a;
    color: #fff;
}

.dermolist-intro__half--bottom {
    background: #fff;
    color: #027b5a;
}

.dermolist-intro__text {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    font-size: clamp(44px, 12vw, 132px);
    line-height: 1;
    padding: 0 16px;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    transform: translateY(0) scale(1);
    opacity: 1;
    will-change: transform, opacity;
    transition: transform 900ms ease, opacity 900ms ease;
}

.dermolist-intro.is-opening .dermolist-intro__half--top {
    transform: translateY(-105%);
}

.dermolist-intro.is-opening .dermolist-intro__half--bottom {
    transform: translateY(105%);
}

.dermolist-intro.is-opening .dermolist-intro__text {
    transform: translateY(-6px) scale(0.985);
    opacity: 0;
}

/* Sayfa içerik alanı (varsa) - açılışta hafif yukarı oturma efekti */
#divIcerik.dermolist-intro-content {
    transform: translateY(18px);
    opacity: 0.98;
    transition: transform 700ms ease, opacity 700ms ease;
    will-change: transform, opacity;
}

#divIcerik.dermolist-intro-content.dermolist-intro-content--reveal {
    transform: translateY(0);
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .dermolist-intro__half {
        transition: none !important;
    }

    #divIcerik.dermolist-intro-content {
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
}

/* ==================== */
/* ---- DEPOVITAMIN (SHOPIFY) HOMEPAGE SKIN ---- */
/* Sadece anasayfada, body'ye JS ile eklenen class ile çalışır */
/* ==================== */
body.depovitamin-home-skin {
    font-family: 'Inter', 'Open Sans', sans-serif;
    font-size: 14px;
    color: #333e48;
    background: #ffffff;
}

body.depovitamin-home-skin a {
    color: #333e48;
}

body.depovitamin-home-skin a:hover {
    color: #fed700;
}

/* Header / Nav */
body.depovitamin-home-skin #header {
    border-top: none;
}

body.depovitamin-home-skin .navigation {
    background: transparent;
    border-bottom: none;
}

body.depovitamin-home-skin .navigation .navUl > li > a {
    color: #fff;
    border-right: none;
    font-weight: 600;
    padding: 0 12px;
    white-space: nowrap;
}

body.depovitamin-home-skin .navigation .navUl > li:hover > a {
    background: #015e45;
    color: #fff;
}

/* Anasayfa Windows/desktop: menü tek satır kalsın (KAMPANYA vb. alta düşmesin) */
@media (min-width: 992px) {
    body.depovitamin-home-skin .navigation > div {
        display: inline-flex;
        justify-content: center;
        background: transparent;
        border-radius: 0;
        padding: 0;
        margin: 10px auto;
    }

    body.depovitamin-home-skin .navigation .navUl {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center;
        justify-content: center;
        width: auto;
        max-width: 100%;
        white-space: nowrap;
        gap: 0;
        /* Yeşil kapsülü doğrudan menüye ver (başlangıç/bitişin dışına taşsın) */
        background: #027b5a;
        border-radius: 14px;
        padding: 0 56px;
    }

    body.depovitamin-home-skin .navigation .navUl > li {
        flex: 0 0 auto;
    }

    body.depovitamin-home-skin .navigation .navUl > li > a {
        font-size: 12px;
        line-height: 54px;
        padding: 0 10px;
    }
}

/* Daha dar desktop genişliklerde ekstra sıkılaştır */
@media (min-width: 992px) and (max-width: 1300px) {
    body.depovitamin-home-skin .navigation .navUl > li > a {
        font-size: 11px;
        padding: 0 6px;
    }
}

/* Eğer yine de sığmazsa: yatay kaydırma (scrollbar gizli) */
@media (min-width: 992px) {
    body.depovitamin-home-skin .navigation {
        overflow: visible;
        text-align: center;
        position: relative;
        z-index: 2000;
    }

    body.depovitamin-home-skin .navigation .navUl {
        overflow: visible;
    }
}

/* Menüdeki ilk öğe "Kategoriler" geçici olarak gizle (silme) */
body.depovitamin-home-skin ul#ResimliMenu1.ResimliMenu1.navUl > li:first-child {
    display: none !important;
}

body.depovitamin-home-skin .navigation .altMenu {
    border: 1px solid #dddddd;
    border-radius: 10px;
    z-index: 3000;
}

body.depovitamin-home-skin .navigation .altMenu .altMenuler .altmenuSol > ul > li > a {
    color: #333e48;
}

/* Shopify benzeri header-top iskeleti */
body.depovitamin-home-skin .header-top.depovitamin-clone {
    background: #ffffff;
    padding: 32px 0;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .container,
body.depovitamin-home-skin .header-top.depovitamin-clone .ticiContainer {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .d-flex {
    display: flex;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .justify-content-between {
    justify-content: space-between;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .header-top_wrapper {
    align-items: center;
    gap: 18px;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .header-logo-vertical-menu {
    flex: 0 0 auto;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .header-logo {
    display: flex;
    align-items: center;
}

/* Mobilde: burger solda, logo sağda */
@media (max-width: 991px) {
    body.depovitamin-home-skin .header-top.depovitamin-clone .header-top_wrapper {
        gap: 10px;
        position: relative;
    }

    body.depovitamin-home-skin .header-top.depovitamin-clone .header-logo {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    body.depovitamin-home-skin .header-top.depovitamin-clone .depovitamin-burger-slot {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
    }

    body.depovitamin-home-skin .header-top.depovitamin-clone .depovitamin-burger-slot .mobilMenuAcButton {
        position: static !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.depovitamin-home-skin .header-top.depovitamin-clone .depovitamin-burger-slot .mobilMenuAcButton span {
        display: none !important;
    }

    /* Mobilde: üstteki eski HeaderTop (whatsapp/linkler) alanı logoyu sıkıştırmasın */
    body.depovitamin-home-skin .header-top.depovitamin-clone #logo .HeaderTop {
        display: none !important;
    }

    /* Mobilde: Sepetim yazılı linki kaldır, yerine icon butonları kullan */
    body.depovitamin-home-skin .header-top.depovitamin-clone .mycart > a {
        display: none !important;
    }

    body.depovitamin-home-skin .header-top.depovitamin-clone .welcome {
        display: none !important;
    }

    body.depovitamin-home-skin .header-top.depovitamin-clone .header-action-list {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: flex-end;
    }

    /* Mobilde: bu bloklar ikonlarla değişecek; flex sırasını bozmasın */
    body.depovitamin-home-skin .header-top.depovitamin-clone .header-action-list > .mycart {
        display: none !important;
    }

    body.depovitamin-home-skin .header-top.depovitamin-clone .searchClick,
    body.depovitamin-home-skin .header-top.depovitamin-clone .welcomeOpen,
    body.depovitamin-home-skin .header-top.depovitamin-clone .mycartClick {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border-radius: 10px;
        color: #027b5a;
        position: static !important;
        cursor: pointer;
        pointer-events: auto;
    }

    /* Sıra: arama (solda) -> profil -> sepet (sağda) */
    body.depovitamin-home-skin .header-top.depovitamin-clone .searchClick { order: 1; }
    body.depovitamin-home-skin .header-top.depovitamin-clone .welcomeOpen { order: 2; }
    body.depovitamin-home-skin .header-top.depovitamin-clone .mycartClick { order: 3; }

    body.depovitamin-home-skin .header-top.depovitamin-clone .searchClick i,
    body.depovitamin-home-skin .header-top.depovitamin-clone .welcomeOpen i,
    body.depovitamin-home-skin .header-top.depovitamin-clone .mycartClick i {
        font-size: 20px;
        color: #027b5a;
    }

    body.depovitamin-home-skin .header-top.depovitamin-clone #logo .logo {
        width: 210px;
        margin: 0;
    }

    body.depovitamin-home-skin .header-top.depovitamin-clone #logo .logo img {
        width: 210px;
        height: auto;
    }

    /* Logo %10 küçült */
    body.depovitamin-home-skin .header-top.depovitamin-clone #logo .HeaderLogo img {
        width: 90% !important;
        height: auto !important;
        display: block;
    }
}

body.depovitamin-home-skin .header-top.depovitamin-clone #logo {
    float: none;
    display: block;
}

body.depovitamin-home-skin .header-top.depovitamin-clone #logo .logo img {
    width: 250px;
    height: auto;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .header-search {
    flex: 1 1 auto;
    max-width: 50.5%;
    padding: 0 15px;
}

/* Dermolist searchContent normalde absolute; header-top içinde normal akışa al */
body.depovitamin-home-skin .header-top.depovitamin-clone .searchContent {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    display: block !important;
}

/* Mobilde arama barını ikonla aç/kapat (depovitamin clone) */
@media (max-width: 991px) {
    body.depovitamin-home-skin .header-top.depovitamin-clone .header-search .searchContent {
        display: none !important;
    }

    body.depovitamin-home-skin .header-top.depovitamin-clone .header-search .searchContent.active {
        display: block !important;
        position: absolute !important;
        left: 12px !important;
        right: 12px !important;
        top: calc(100% + 8px) !important;
        z-index: 9999 !important;
        background: #fff;
        border-radius: 14px;
        box-shadow: 0 10px 30px rgba(0,0,0,.12);
        padding: 10px;
    }
}

body.depovitamin-home-skin .header-top.depovitamin-clone #txtbxArama {
    border: 1px solid #dddddd;
    border-radius: 10px;
    height: 52px;
    padding-left: 18px;
    padding-right: 70px;
    color: #333e48;
    font-weight: 400;
}

body.depovitamin-home-skin .header-top.depovitamin-clone #btnKelimeAra {
    width: 56px;
    height: 52px;
    line-height: 52px;
    right: 0;
    top: 0;
    border-radius: 0 10px 10px 0;
    background: #fed700;
    color: #333e48;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .header-action-list {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 14px;
}

/* Dermolist welcome/mycart normalde absolute/float; header-top içinde hizala */
body.depovitamin-home-skin .header-top.depovitamin-clone .welcome {
    position: static !important;
    right: auto !important;
    top: auto !important;
    float: none !important;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .mycart {
    position: relative !important; /* mini sepet bunun altına hizalansın */
    float: none !important;
    margin: 0 !important;
}

/* Sepet ikon backgroundlarını (ticimax) kapatıp daha temiz görünüm */
body.depovitamin-home-skin .header-top.depovitamin-clone .mycart > a {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333e48;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .mycart > a:before,
body.depovitamin-home-skin .header-top.depovitamin-clone .mycart > a:after {
    display: none !important;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .mycart .sepetTecxt {
    font-size: 14px;
    font-weight: 700;
    color: #333e48;
    text-transform: none;
}

/* Shopify benzeri: ikon + adet + tutar */
body.depovitamin-home-skin .header-top.depovitamin-clone .mycart > a .depovitamin-cart-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #333e48;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .mycart > a .depovitamin-cart-icon svg {
    width: 24px;
    height: 24px;
    display: block;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .mycart .sepetTopTutar {
    display: block !important;
    font-size: 14px;
    font-weight: 700;
    color: #333e48;
    line-height: 1;
    white-space: nowrap;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .mycart .sepetUrun {
    display: none !important;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .mycart .sepetUrunSayisi {
    position: static;
    width: auto;
    padding: 6px 10px;
    border-radius: 999px;
    background: #fed700 !important;
    color: #333e48;
    font-size: 13px;
    line-height: 1;
}

/* Mini sepet: sepet ikonunun tam altına açılsın */
body.depovitamin-home-skin .header-top.depovitamin-clone .mycart .CartProduct {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;
    margin-left: 0 !important;
    z-index: 99999 !important;
    width: 340px;
    max-width: calc(100vw - 24px);
    border-radius: 10px;
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
    transition: transform .25s ease, opacity .25s ease, visibility .25s ease;
}

body.depovitamin-home-skin .header-top.depovitamin-clone .mycart:hover .CartProduct,
body.depovitamin-home-skin .header-top.depovitamin-clone .mycart .CartProduct.animated {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

/* ==================== */
/* ---- HEADER DEPARTMENT (MOBIL/TABLET) ---- */
/* Shopify: .section-header-department.box-shadow.d-lg-none */
/* ==================== */
body.depovitamin-home-skin .section-header-department {
    padding: 10px 0 6px;
    background: #ffffff;
}

body.depovitamin-home-skin .section-header-department.box-shadow {
    margin-bottom: 10px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.12);
}

/* d-lg-none davranışı: 992px ve üstü gizle */
body.depovitamin-home-skin .section-header-department.d-lg-none {
    display: block;
}

@media (min-width: 992px) {
    body.depovitamin-home-skin .section-header-department.d-lg-none {
        display: none !important;
    }
}

body.depovitamin-home-skin .section-header-department .hd-list {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 3px;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

body.depovitamin-home-skin .section-header-department .hd-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px #d4d4d4;
    -webkit-box-shadow: inset 0 0 #d4d4d4;
    background-color: #d4d4d4;
    border-radius: 5px;
}

body.depovitamin-home-skin .section-header-department .hd-list::-webkit-scrollbar {
    height: 5px;
    background-color: #d4d4d4;
    border-radius: 5px;
}

body.depovitamin-home-skin .section-header-department .hd-list::-webkit-scrollbar-thumb {
    background-color: #027b5a;
    border-radius: 5px;
}

body.depovitamin-home-skin .section-header-department .hd-list li {
    flex: 0 0 25%;
    max-width: 25%;
    text-align: center;
    margin: 0;
    padding: 0 8px 6px;
    list-style: none;
}

@media (min-width: 768px) {
    body.depovitamin-home-skin .section-header-department .hd-list li {
        max-width: 20%;
        flex: 0 0 20%;
    }
}

body.depovitamin-home-skin .section-header-department .hd-list a {
    color: #333e48;
    font-weight: 500;
    font-size: 12px;
    text-decoration: none;
    display: block;
}

body.depovitamin-home-skin .section-header-department .hd-list img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: inline-block;
}

body.depovitamin-home-skin .section-header-department .hd-list .text {
    display: block;
    padding-top: 5px;
}

/* Mobil/tablet: scroll aşağı -> kategori barını gizle, en üste dönünce göster */
@media (max-width: 991px) {
    body.depovitamin-home-skin .section-header-department {
        overflow: hidden;
        max-height: 280px; /* 2 satır için yeterli, gizlerken 0'a iner */
        opacity: 1;
        transition: max-height .22s ease, opacity .18s ease, margin .22s ease, padding .22s ease;
        will-change: max-height, opacity;
    }

    body.depovitamin-home-skin .section-header-department.is-hidden {
        max-height: 0 !important;
        opacity: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        box-shadow: none !important;
        pointer-events: none;
    }
}

/* Mobil/tablet: fixed header için spacer */
@media (max-width: 991px) {
    .dermolist-header-spacer {
        width: 100%;
        display: block;
    }
}

/* Depovitamin anasayfa (mobil): body padding-top ile spacer çakışmasın */
@media (max-width: 767px) {
    body.depovitamin-home-skin {
        padding-top: 0 !important;
    }
}

/* Mobil/tablet: 2 satır (üst 4 + alt 4) - kaydırma yok */
@media (max-width: 991px) {
    body.depovitamin-home-skin .section-header-department.hd-two-rows .header-department-inner {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    body.depovitamin-home-skin .section-header-department.hd-two-rows .hd-list {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px 4px;
        overflow: hidden;
        padding: 0 8px 6px;
        margin: 0;
    }

    body.depovitamin-home-skin .section-header-department.hd-two-rows .hd-list::-webkit-scrollbar,
    body.depovitamin-home-skin .section-header-department.hd-two-rows .hd-list::-webkit-scrollbar-track,
    body.depovitamin-home-skin .section-header-department.hd-two-rows .hd-list::-webkit-scrollbar-thumb {
        display: none !important;
        height: 0 !important;
    }

    body.depovitamin-home-skin .section-header-department.hd-two-rows .hd-list li {
        flex: initial;
        max-width: none;
        width: auto;
        padding: 0;
    }
}

/* Geçici: HeaderText'i gizle (kod dursun) */
.HeaderText {
    display: none !important;
}

/* ==================== */
/* ---- BRAND COLOR OVERRIDES (#027b5a) ---- */
/* ==================== */

/* Sepet üstündeki ürün sayısı rozeti */
.mycart .sepetUrunSayisi,
body.depovitamin-home-skin .header-top.depovitamin-clone .mycart .sepetUrunSayisi {
    background: #027b5a !important;
    color: #fff !important;
}

/* Mini sepetteki butonlar */
.mycart .CartProduct .button,
.mycart .CartProduct a.button,
.mycart .CartProduct input.button,
body.depovitamin-home-skin .header-top.depovitamin-clone .mycart .CartProduct .button {
    background: #027b5a !important;
    border-color: #027b5a !important;
    color: #fff !important;
}

.mycart .CartProduct .button:hover,
.mycart .CartProduct a.button:hover,
.mycart .CartProduct input.button:hover,
body.depovitamin-home-skin .header-top.depovitamin-clone .mycart .CartProduct .button:hover {
    background: #015e45 !important;
    border-color: #015e45 !important;
    color: #fff !important;
}

/* Arama butonu */
#btnKelimeAra {
    background: #027b5a !important;
    color: #fff !important;
}

/* Arama input border uyumu */
#txtbxArama {
    border-color: #027b5a !important;
}

/* Hesabım ikonu (FontAwesome pseudo) yeşil olsun */
.headerHesabim:before {
    color: #027b5a !important;
}

/* Davet et alanı (şimdilik gizle, silme) */
#divDavetEtAlan {
    display: none !important;
}

/* ==================== */
/* ---- DEPOVITAMIN BRAND SLIDER (Shopify-style) ---- */
/* ==================== */
body.depovitamin-home-skin .markaSlider {
    display: none !important; /* eski marka slider varsa gizle */
}

body.depovitamin-home-skin .depovitamin-brand-strip {
    /* Kutunun sayfanın tamamını kaplamaması için */
    max-width: 1400px;
    margin: 12px auto 22px;
    padding: 0 15px;
}

body.depovitamin-home-skin .depovitamin-brand-strip .list-brands {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 29px 28px;
    overflow: hidden;
    position: relative;
    background: #fff;
    --brand-mask: 120px;
    --brand-mask-extra: 24px;
    border-radius: 25px;
    box-shadow: 0 3px 21px rgba(0, 0, 0, 0.10);
}

/* Mobilde kalınlığı küçült */
@media (max-width: 767px) {
    body.depovitamin-home-skin .depovitamin-brand-strip {
        padding: 0 12px;
        margin: 8px auto 16px;
    }

    body.depovitamin-home-skin .depovitamin-brand-strip .list-brands {
        padding: 10px 14px;
        --brand-mask: 80px;
        --brand-mask-extra: 16px;
        border-radius: 18px;
        height: 85px; /* 366.4 x 85 hedef */
    }

    body.depovitamin-home-skin .depovitamin-brand-strip .list-brands-inner li {
        width: 64px;
        max-width: 64px;
        margin: 0 8px;
    }
}

/* Mobil slider banner görsel yüksekliği (390.4 x 130 hedef) */
@media (max-width: 767px) {
    #pnlSlider ul li a img {
        height: 130px;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
}

body.depovitamin-home-skin .depovitamin-brand-strip .list-brands::before,
body.depovitamin-home-skin .depovitamin-brand-strip .list-brands::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--brand-mask);
    z-index: 2;
    pointer-events: none;
}

body.depovitamin-home-skin .depovitamin-brand-strip .list-brands::before {
    left: 0;
    background: linear-gradient(to right, #fff, transparent);
}

body.depovitamin-home-skin .depovitamin-brand-strip .list-brands::after {
    right: 0;
    width: calc(var(--brand-mask) + var(--brand-mask-extra));
    background: linear-gradient(to left, #fff, transparent);
}

@media (min-width: 992px) {
    body.depovitamin-home-skin .depovitamin-brand-strip .list-brands {
        padding-left: 48px;
        padding-right: 48px;
    }
}

body.depovitamin-home-skin .depovitamin-brand-strip .list-brands-inner {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    will-change: transform;
    margin: 0;
    padding: 0;
}

body.depovitamin-home-skin .depovitamin-brand-strip .list-brands-inner li {
    flex: 0 0 auto;
    width: 80px;
    max-width: 80px;
    margin: 0 10px;
    list-style: none;
}

@media (min-width: 1200px) {
    body.depovitamin-home-skin .depovitamin-brand-strip .list-brands-inner li {
        margin: 0 30px;
    }
}

body.depovitamin-home-skin .depovitamin-brand-strip .list-brands-inner a {
    display: block;
}

body.depovitamin-home-skin .depovitamin-brand-strip .image__style {
    display: block;
    position: relative;
    padding-top: 100%;
}

body.depovitamin-home-skin .depovitamin-brand-strip .overlay-ui {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 50% 50%;
    filter: grayscale(0);
}

/* ==================== */
/* ---- DEPOVITAMIN LIST-COLLECTION (Windows/desktop only) ---- */
/* Shopify section-list-collections-v2 (style-1) görünümü */
/* ==================== */
@media (max-width: 991px) {
    body.depovitamin-home-skin .depovitamin-list-collection {
        display: none !important; /* mobil/tablet kullanmayacağız */
    }
}

@media (min-width: 992px) {
    body.depovitamin-home-skin .depovitamin-list-collection {
        max-width: 1170px;
        margin: 22px auto 26px;
        padding: 0 15px;
    }

    body.depovitamin-home-skin .depovitamin-list-collection > .row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
        row-gap: 20px;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .collection-item {
        width: 25%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .item {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 25px;
        box-shadow: 0 3px 21px rgba(0, 0, 0, 0.10);
        overflow: hidden;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .image {
        position: relative;
        min-height: 92px;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .image__style {
        display: block;
        position: relative;
        overflow: hidden;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .image__style img.overlay-ui {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
        display: block;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .icon {
        position: absolute;
        right: 17px;
        bottom: -20px;
        background: #ffffff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        box-shadow: 0.5px 0.866px 8px rgba(51, 51, 51, 0.12);
        color: #0062bd;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .icon svg {
        width: 12px;
        height: 12px;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .text-box {
        flex: 1;
        padding: 24px 45px;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .text-box h6 {
        font-size: 14px;
        font-weight: 800;
        margin-bottom: 18px;
        color: #333e48;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .text-box h6 a {
        color: #333e48;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .text-box .sub-collections {
        margin: 0;
        padding: 0;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .text-box .sub-collections li {
        list-style: none;
        margin-bottom: 10px;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .text-box .sub-collections li:last-child {
        margin-bottom: 0;
    }

    body.depovitamin-home-skin .depovitamin-list-collection .text-box .sub-collections a {
        color: #0062bd;
        font-size: 13px;
        font-weight: 600;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.depovitamin-home-skin .depovitamin-brand-strip .list-brands {
        overflow-x: auto;
    }
}

/* Buttons */
body.depovitamin-home-skin .button,
body.depovitamin-home-skin input.button,
body.depovitamin-home-skin a.button {
    background: #fed700 !important;
    color: #333e48 !important;
    border: 1px solid #fed700 !important;
    border-radius: 10px;
    padding: 10px 14px;
    font-weight: 700;
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

body.depovitamin-home-skin .button:hover,
body.depovitamin-home-skin input.button:hover,
body.depovitamin-home-skin a.button:hover {
    background: #333e48 !important;
    color: #ffffff !important;
    border-color: #333e48 !important;
    transform: translateY(-1px);
}

/* Product cards (anasayfa) */
body.depovitamin-home-skin .homeContainer .ProductListContent {
    margin-top: 20px;
}

body.depovitamin-home-skin .homeContainer .ProductListContent .productItem {
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 12px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}

body.depovitamin-home-skin .homeContainer .ProductListContent .productItem:hover {
    border-color: #027b5a;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Anasayfa vitrin ürünleri: sadece 8 ürün göster */
body.depovitamin-home-skin .ProductListContent #ProductPageProductList > .ItemOrj:nth-child(n+9) {
    display: none !important;
}

/* Anasayfa vitrin başlığı: ortala ve metni "Vitrin Ürünleri" yap */
body.depovitamin-home-skin .ProductListContent .vitrinUrunBaslik {
    text-align: center;
}

/* global .JKatAdi .bold solda ve float ile geliyor; vitrin başlığında ortala */
body.depovitamin-home-skin .ProductListContent .vitrinUrunBaslik .bold {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 18px;
}

/* Eski metni gizle (vitrinurunler) */
body.depovitamin-home-skin .ProductListContent .vitrinUrunBaslik .bold .satir1 {
    display: none !important;
}

body.depovitamin-home-skin .ProductListContent .vitrinUrunBaslik .bold::after {
    content: "Vitrin Ürünleri";
    font-size: 18px;
    font-weight: 800;
    color: #027b5a;
    display: inline-block;
    line-height: 1.2;
    background: #ffffff; /* çizgi yazının üstünden geçmesin */
    padding: 0 18px;
    position: relative;
    z-index: 2;
}

body.depovitamin-home-skin .homeContainer .ProductListContent .productItem .productName a {
    color: #0062bd;
    font-weight: 500;
    font-size: 14px;
}

body.depovitamin-home-skin .homeContainer .ProductListContent .productItem .productName a:hover {
    color: #fed700;
}

body.depovitamin-home-skin .homeContainer .ProductListContent .productItem .discountPrice span {
    color: #343f49;
    font-size: 20px;
    font-weight: 700;
}

body.depovitamin-home-skin .homeContainer .ProductListContent .productItem .regularPrice span {
    color: #848484;
}

/* ==================== */
/* ---- FLASH DEAL (Flaş Ürünler) wrapper ---- */
/* Mevcut OwlCarousel ürün slider'ını flashDeal görünümüne yaklaştırır */
/* ==================== */
body.depovitamin-home-skin .flashDeal {
    --flash-primary: var(--bg-primary, #fe7494);
    --flash-white: var(--bg-white, #ffffff);
    --flash-text: var(--text-body, #373738);
    --flash-border-radius: var(--border-radius, 8px);

    width: 100%;
    max-width: 100%;
    margin: 14px auto;
    background: var(--flash-primary);
    border-radius: calc(var(--flash-border-radius) + 4px);
    overflow: hidden;
}

/* Varyant: Çok Satanlar (örnek sitedeki gibi gradient) */
body.depovitamin-home-skin .flashDeal.flashDeal--cokSatanlar {
    background: linear-gradient(142deg, #fd1d1d 0%, #fcb045 100%);
}

/* Flaş başlık rengi gradient üstünde daha okunaklı olsun */
body.depovitamin-home-skin .flashDeal.flashDeal--cokSatanlar .flash-title.btn a {
    color: #fd1d1d;
}

/* İçerideki blokların kendi margin/padding'ini sıfırla (flashDeal içinde düzgün otursun) */
body.depovitamin-home-skin .flashDeal .flashDeal-body > .kategoriBlock,
body.depovitamin-home-skin .flashDeal .flashDeal-body > .ProductList {
    margin: 0 !important;
}

body.depovitamin-home-skin .flashDeal > .container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 14px;
    box-sizing: border-box;
}

body.depovitamin-home-skin .flashDeal .flashDeal-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

body.depovitamin-home-skin .flashDeal .flash-title.btn,
body.depovitamin-home-skin .flashDeal .flash-more.btn {
    border-radius: calc(var(--flash-border-radius) + 6px);
    border: 1px solid rgba(255,255,255,0.95);
    padding: 8px 12px;
    line-height: 1;
    box-sizing: border-box;
    white-space: nowrap;
}

body.depovitamin-home-skin .flashDeal .flash-title.btn {
    background: var(--flash-white);
    border-color: var(--flash-white);
    font-weight: 700;
    font-size: 16px;
}

body.depovitamin-home-skin .flashDeal .flash-title.btn a {
    color: var(--flash-primary);
    text-decoration: none;
}

body.depovitamin-home-skin .flashDeal .flash-more.btn {
    background: transparent;
    font-weight: 500;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

body.depovitamin-home-skin .flashDeal .flash-more.btn a {
    color: #ffffff;
    text-decoration: none;
}

/* "Daha Fazla Göster" kullanılmayacak */
body.depovitamin-home-skin .flashDeal .flash-more {
    display: none !important;
}

/* İçerideki eski slider başlığını gizle (çift başlık olmasın) */
body.depovitamin-home-skin .flashDeal .dermolist-flashdeal-host .JKatAdi,
body.depovitamin-home-skin .flashDeal .dermolist-flashdeal-host .categoryTitle {
    display: none !important;
}

/* Slider container boşlukları */
body.depovitamin-home-skin .flashDeal .sliderBannerContainer {
    margin: 0 !important;
}

/* Owl nav'ı başlık satırına yaklaştır */
body.depovitamin-home-skin .flashDeal .owl-carousel .owl-nav {
    top: -46px;
    right: 0;
    background: transparent;
    width: 80px;
}

/* Kartların genel görünümü (Ticimax productItem yapısı) */
body.depovitamin-home-skin .flashDeal .productItem {
    background: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.0);
    border-radius: calc(var(--flash-border-radius) + 6px);
    overflow: hidden;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    box-shadow: 0 6px 18px rgba(0,0,0,0.10);
}

/* Ticimax kartlarında "Sepete Ekle" normalde kartın altına taşar (bottom:-25px).
   FlashDeal içinde arka plan üstüne taşmasın diye kartın içine alıyoruz. */
body.depovitamin-home-skin .flashDeal .productItem {
    padding-bottom: 78px; /* mycartIcon + favori için alan */
}

body.depovitamin-home-skin .flashDeal .mycartIcon {
    bottom: 12px !important;
}

body.depovitamin-home-skin .flashDeal .favori {
    bottom: 58px !important;
}

body.depovitamin-home-skin .flashDeal .productItem:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.14);
    border-color: rgba(255,255,255,0.55);
}

/* Mobil/tablet: başlığı tek satırda tut, butonları küçült */
@media (max-width: 991px) {
    body.depovitamin-home-skin .flashDeal > .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    body.depovitamin-home-skin .flashDeal .flash-title.btn {
        font-size: 14px;
        padding: 7px 10px;
    }

    body.depovitamin-home-skin .flashDeal .flash-more.btn {
        font-size: 11px;
        padding: 9px 10px;
    }

    body.depovitamin-home-skin .flashDeal .owl-carousel .owl-nav {
        top: -42px;
    }
}

/* ==================== */
/* ---- Mobil/Tablet Kategori Butonları (sliderBannerContainer altı) ---- */
/* ==================== */
@media (max-width: 991px) {
    body.depovitamin-home-skin .dermolist-mobile-categories {
        width: 100%;
        max-width: 100%;
        padding: 0 8px;
        margin: 10px auto 6px;
        box-sizing: border-box;
    }

    body.depovitamin-home-skin .dermolist-mobile-categories .block-title {
        font-weight: 700;
        font-size: 14px;
        color: #027b5a;
        margin-bottom: 8px;
    }

    body.depovitamin-home-skin .dermolist-mobile-categories .row {
        display: flex !important;
        flex-wrap: wrap;
        margin-right: -8px;
        margin-left: -8px;
        justify-content: center;
    }

    body.depovitamin-home-skin .dermolist-mobile-categories .dermolist-cat-chip {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border: 1px solid #027b5a;
        color: #027b5a;
        background: #ffffff;
        border-radius: var(--border-radius, 8px) !important;
        padding: 10px 10px;
        margin: 6px 8px;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.1;
        text-decoration: none;
        box-sizing: border-box;
        width: calc(50% - 16px);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.depovitamin-home-skin .dermolist-mobile-categories .dermolist-cat-chip {
        width: calc(33.333% - 16px);
    }
}

/* ==================== */
/* ---- TABLET HEADER TWEAKS (768-991) ---- */
/* - Logo: 225x60
   - Sepet: Windows (desktop) gibi yazılı sepet */
/* ==================== */
@media (min-width: 768px) and (max-width: 991px) {
    /* Logo (sadece tablet) */
    #logo .HeaderLogo img {
        width: 225px !important;
        height: 60px !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: contain;
    }

    /* Sepeti, mobil ikon görünümüne düşürmeyelim */
    #header .headerContent .mycartClick {
        display: none !important;
    }

    /* Windows sepet görünümü */
    #header .headerContent .mycart {
        float: right !important;
        z-index: 99;
        position: relative !important;
        margin: 51px 0 0 0 !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        background: none !important;
        border: none !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
    }

    #header .headerContent .mycart > a {
        display: block !important;
        color: #000;
        font-size: 13px;
        float: left;
        padding-left: 59px;
        padding-right: 30px;
    }

    #header .headerContent .mycart > a:before {
        content: "" !important;
        width: 41px;
        height: 50px;
        background: url(images/mycart.png) center center no-repeat;
        position: absolute;
        left: 0;
        display: block !important;
    }

    #header .headerContent .mycart > a:after {
        content: "" !important;
        width: 30px;
        height: 50px;
        background: url(images/ArrowSepet.png) center center no-repeat;
        position: absolute;
        right: 0;
        display: block !important;
    }

    #header .headerContent .mycart .sepetTecxt {
        display: block !important;
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase;
        color: #454545;
        line-height: 22px;
        float: left;
    }

    #header .headerContent .mycart .sepetUrunSayisi {
        display: block !important;
        position: absolute;
        left: 0;
        font-size: 17px;
        font-weight: 700;
        color: #027b5a;
        background: transparent !important;
        width: 41px;
        padding-top: 18px;
        border-radius: 0 !important;
        text-align: center;
        margin: 0 !important;
        line-height: normal;
    }

    /* Tablet'te de "Ürün" yazısı gizli kalsın */
    #header .headerContent .mycart .sepetUrun {
        display: none !important;
    }
}