/*
 * Miavento Ticimax theme stylesheet
 * Cleaned: 2026-10-07
 * Original: backups/2026-10-07-original/theme.css
 *
 * The cascade order is intentionally preserved. Add new overrides at the end
 * and scope them to a page container whenever possible.
 */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Outfit:wght@400;500;600;700&display=swap');

/* Base and Ticimax component normalization */
* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
[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
}
[tabindex="-1"]:focus {
  outline: 0!important
}
html {
  max-width: 1920px;
  margin: 0 auto;
  -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: muli,sans-serif;
  margin: 0;
  padding: 0;
  font-size: .8rem
}
button,
input {
  overflow: visible
}
button,
select {
  text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}
textarea {
  overflow: auto
}
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=checkbox]:disabled,
input[type=radio]:disabled {
  cursor: not-allowed
}
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
  -webkit-appearance: listbox
}
label {
  display: inline-block;
  margin-bottom: 0
}
button,
input,
select,
textarea {
  line-height: inherit
}
img {
  display: block;
  border: none;
  max-width: 100%
}
i {
  font-style: normal
}
[role=button],
a,
area,
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: 0;
  padding: 0;
  font-weight: 400
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #fff inset;
  -webkit-text-fill-color: #000
}
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #fff inset;
  -webkit-text-fill-color: #000
}
input,
select {
  font-family: muli,sans-serif!important
}
button {
  -moz-appearance: none;
  -webkit-appearance: none
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  transition: background-color 600s ease-in-out 0s
}
textarea {
  resize: vertical;
  overflow: auto
}
#divAdminPopupText {
  float: left;
  width: 100%
}
.ProductList ul {
  margin: 0;
  padding: 0
}
.blokSonYazilar ul {
  margin: 0;
  padding: 0;
  list-style: none
}
.blogKategori ul {
  margin: 0;
  padding: 0;
  list-style: none
}
.blogCenter ul {
  margin: 0;
  padding: 0;
  list-style: none
}
.blogRight ul {
  margin: 0;
  padding: 0;
  list-style: none
}
.SayfaIcerik .pageContainer div#divCenterBlock:has(.blogCenter) {
  width: 100%
}
.productItem:has(>.productDetail .productIcon .ozelAlan1 .campaign) .regularPrice {
  display: block!important
}
.pull-center {
  display: inline-block;
  vertical-align: top
}
.pull-left {
  float: left
}
.pull-right {
  float: right
}
.row {
  margin-right: -15px;
  margin-left: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  min-height: 1px
}
.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%
}
.fa-facebook-f:before {
  content: "\f39e"!important
}
.hesabimBolumuTutucu i {
  vertical-align: middle;
  font-weight: 300
}
.adminUserLoginBody #mainHolder_Panel1 .newuserForm > div {
  margin: 0!important
}
#cb3DSecureOdeme {
  margin-right: 8px
}
#txtbxCep {
  border: solid 1px #a9a9a9;
  height: 26px;
  color: #777;
  background-color: transparent
}
.clear {
  clear: both
}
.textarea {
  font-family: muli,sans-serif;
  border: solid 1px #a9a9a9;
  padding: 4px;
  width: 100%;
  height: 80px;
  resize: none;
  color: #777;
  background-color: transparent;
  transition-duration: .2s,.2s;
  -webkit-transition-duration: .2s,.2s
}
.textbox {
  font-family: muli,sans-serif;
  color: #666;
  display: block;
  font-size: 14px;
  width: 100%;
  transition-duration: .2s,.2s;
  -webkit-transition-duration: .2s,.2s
}
.button {
  font-family: muli,sans-serif;
  cursor: pointer;
  color: #fff;
  padding: 4px 5px;
  transition: all .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,
.validateOrta,
.validateSol {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #a94442;
  color: #fff;
  border-radius: 5px;
  padding: 0 10px
}
.validate .validateOk,
.validateOrta .validateOrtaOk,
.validateSol .validateSolOk {
  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
}
.Magazalar #header {
  margin-bottom: 50px
}
.Magazalar .magazaSelect {
  background: #fff;
  border: 1px solid #eeeff0;
  color: #222;
  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: #222;
  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
}
.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: 700;
  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: FontAwesome;
  width: 35px;
  text-align: left;
  font-weight: 300;
  float: left
}
.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right {
  font-size: 20px;
  font-weight: 700
}
.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:first-child {
  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: #222;
  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: 0 0;
  width: 100%;
  border-style: solid;
  border-width: 1px
}
.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: #222;
  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: 0 0;
  padding: 0 10px;
  border-style: solid;
  border-width: 1px
}
.iletisimContent .iletisimForm .rowRight .span .Right textarea {
  border-color: #e3e3e3;
  background: 0 0;
  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: 400;
  text-transform: uppercase;
  float: left;
  width: 100%
}
.iletisimContent .validate .validateOk,
.iletisimContent .validateOrta .validateOrtaOk,
.iletisimContent .validateSol .validateSolOk {
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #ff0d0d;
  border-radius: 2px
}
.iletisimContent .validate,
.iletisimContent .validateOrta,
.iletisimContent .validateSol {
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  display: block;
  border-radius: 2px
}
.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: .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: .2s,.2s;
  -webkit-transition-duration: .2s,.2s
}
.uyeOlContainer .uyeOlCol select.selectboxx {
  font-size: 14px;
  display: block;
  letter-spacing: .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: .2s,.2s;
  -webkit-transition-duration: .2s,.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
}
.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
}
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum p {
  line-height: 25px
}
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum .userWrapper {
  float: left;
  margin-bottom: 20px
}
.userLogin {
  float: left;
  width: 100%;
  text-align: center;
  margin: 50px 0
}
.userLogin .newuserForm .uyelikonay.basariliUyelik {
  display: inline-block;
  vertical-align: top
}
.userLogin .newuserForm .uyelikonay.basariliUyelik .title {
  color: #000
}
.userLogin .newuserForm .uyelikonay.basariliUyelik .title:before {
  content: '\f00c';
  font-family: FontAwesome;
  display: block;
  font-size: 40px;
  color: #097d2d;
  font-weight: 700;
  margin-bottom: 10px
}
.userLogin .newuserForm .uyelikonay.basariliUyelik .title h4 {
  font-size: 25px
}
.userLogin .newuserForm .uyelikonay.basariliUyelik .title span {
  font-size: 15px;
  margin: 10px 0;
  display: inline-block;
  vertical-align: top
}
.userLogin .newuserForm .uyelikonay.basariliUyelik a {
  padding: 15px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px
}
#divTaksitContainer {
  float: left;
  width: 100%;
  margin-top: 10px
}
.urunOzellik .taksitWrapper .taksitBlock .taksitBlockContent {
  max-width: 100%
}
#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,.3);
  z-index: 10;
  clear: none;
  display: block!important
}
#header {
  width: 100%;
  position: relative;
  float: left;
  z-index: 1000;
  background: #fff
}
/* Header and account/cart controls */
.headerContent:before {
  content: '';
  display: block;
  clear: both
}
.headerContent:after {
  content: '';
  display: block;
  clear: both
}
#logo {
  display: inline-block;
  vertical-align: top;
  float: left;
  position: relative;
  z-index: 9
}
#logo .logo {
  display: inline-block;
  vertical-align: top;
  margin: 12px -100px 17px;
  z-index: 99;
  max-width: 200px
}
#logo .logo img {
  display: block;
  max-width: 100%
}
.headerButton {
  float: right;
  margin-top: 28px
}
.favi {
  float: right;
  margin: 0 23px
}
.favi a {
  float: left;
  text-align: center;
  color: #000;
  font-size: 13px;
  line-height: 16px;
  fill: #000;
  font-weight: 600;
  transition: .5s
}
.favi a:before {
  content: '';
  float: left;
  width: 17px;
  height: 16px;
  background: url(https://static.ticimax.cloud/53013/customcss/images/faviicon.svg) no-repeat left top;
  background-size: 100%;
  transition: .5s;
  margin-right: 8px
}
.favi:hover a:before {
  background-image: url(https://static.ticimax.cloud/53013/customcss/images/faviicon-hover.svg)
}
.favi:hover a {
  color: #37c7db
}
.favi a .svgIcon {
  display: none;
  margin: 0 auto;
  line-height: 0
}
.favi a span {
  display: block;
  float: left
}
.mycart {
  float: right;
  z-index: 99;
  position: relative
}
.mycart > a {
  display: block;
  color: #000;
  font-size: 13px;
  text-align: center;
  fill: #000000;
  font-weight: 600;
  transition: .5s
}
.mycart:hover > a {
  color: #37c7db;
  fill: #37C7DB
}
.mycart .svgIcon {
  display: none;
  margin: 0 auto;
  line-height: 0;
  float: left
}
.mycart .svgIcon svg {
  height: 15px
}
.mycart > a:before {
  content: '';
  float: left;
  width: 13px;
  height: 16px;
  background: url(https://static.ticimax.cloud/53013/customcss/images/mycarticon.svg) no-repeat left top;
  background-size: 100%;
  margin-right: 13px;
  transition: .5s
}
.mycart:hover > a:before {
  background-image: url(https://static.ticimax.cloud/53013/customcss/images/mycarticon-hover.svg)
}
#sepetUrunSilModal .modal-content .btnWrapper a {
  background: #37c7db
}
.hedefSatisContent {
  color: #dd6d43
}
.hedefSatisContent:before {
  content: "\f0f3";
  color: #dd6d43;
  margin-right: 5px
}
.mycart .sepetTecxt {
  display: block;
  float: left;
  line-height: 16px
}
.mycart .sepetUrunSayisi {
  display: block;
  position: absolute;
  left: 7px;
  top: -7px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  background: #37c7db;
  border-radius: 100%;
  color: #fff;
  font-size: 9px;
  font-weight: 500
}
.mycart .sepetUrun {
  display: none
}
.sepetTopTutar {
  display: none!important
}
.CartProduct p {
  margin-top: 0;
  margin-bottom: 0
}
.CartProduct {
  width: 450px;
  background: #fff;
  float: left;
  padding: 20px;
  z-index: 99999;
  position: absolute;
  top: 100%;
  right: -1px;
  margin-left: -150px;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  box-shadow: 0 0 16px -10px #000;
  opacity: 0;
  visibility: hidden
}
.mycart:after {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  height: 15px;
  content: ''
}
@media(min-width:768px) {
  .mycart:hover .CartProduct {
    display: block!important;
    visibility: visible;
    opacity: 1;
    top: 100%
  }
  .mycart:hover:after {
    display: block
  }
}
.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 .4s ease;
  -moz-transition: all .4s ease;
  transition: all .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: 0 0;
  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: 700
}
.CartProduct .SPrice .sepetToplamTutar {
  color: #000;
  margin-left: 5px
}
.CartProduct .SProduct {
  max-height: 300px;
  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: #232122;
  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: FontAwesome
}
.CartProduct .SProduct li a .fa-times:before {
  content: '\f056'
}
.CartProduct .SProduct li a .sepetTopFiyat {
  white-space: nowrap;
  color: #000;
  font-weight: 600
}
.CartProduct .SProduct .SepetTopSil {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0
}
.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: 0 0;
  color: #000
}
.CartProduct .headerCartBtn:hover {
  color: #fff
}
.more .headerCartBtn {
  display: block!important
}
.more .headerOrderBtn {
  display: block!important
}
.CartProduct .divustSepetteUrunYok {
  margin: 15px 0
}
.welcome {
  float: right;
  z-index: 99;
  position: relative
}
.welcome > div {
  float: left
}
.welcome ul {
  float: left;
  margin: 0;
  list-style: none;
  padding: 0
}
.uyeGirisUyeAdi,
.uyeGirisWelcome {
  display: none
}
.headerCikis,
.headerHesabim,
.headerUyeGiris a,
.headerUyeOl a {
  float: left;
  color: #000;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  transition: .5s
}
.welcome:hover .headerCikis,
.welcome:hover .headerHesabim,
.welcome:hover .headerUyeGiris a,
.welcome:hover .headerUyeOl a {
  color: #37c7db
}
.headerHesabim:before,
.headerUyeGiris a:before {
  content: '';
  float: left;
  width: 14px;
  height: 16px;
  background: url(https://static.ticimax.cloud/53013/customcss/images/usericon.svg) no-repeat left top;
  background-size: 100%;
  transition: .5s;
  margin-right: 8px
}
.welcome:hover .headerHesabim:before,
.welcome:hover .headerUyeGiris a:before {
  background-image: url(https://static.ticimax.cloud/53013/customcss/images/usericon-hover.svg)
}
.welcome .svgIcon {
  float: none;
  display: none;
  margin: 0 auto;
  line-height: 0
}
.headerCikis,
.headerUyeOl a {
  display: none
}
.welcome li {
  display: inline-block;
  vertical-align: top
}
.headerSocialConnect {
  display: none!important;
  float: right;
  margin-left: 25px
}
.headerSocialConnect .baglanButton {
  background: 0 0!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: 400;
  padding: 0
}
.headerSocialConnect .baglanButton a:before {
  content: '\f39e';
  font-family: FontAwesomeBrands;
  margin-right: 10px;
  font-size: 12px;
  line-height: 43px;
  vertical-align: top;
  font-weight: 400
}
.usernav {
  display: none
}
.searchContent {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  position: relative;
  z-index: 5;
  float: left;
  margin-top: 17px
}
#divAramaKategori {
  display: none!important;
  position: absolute;
  left: 0;
  top: 5px
}
#divAramaKategori select {
  cursor: pointer;
  background: #fff;
  display: block;
  height: 40px;
  border: none;
  border-right: 1px solid #000;
  width: 135px;
  padding: 0 0 0 15px;
  border-radius: 0;
  text-transform: uppercase;
  color: #807e7e;
  font-size: 12px;
  font-weight: 300
}
#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: 0 0;
  color: #795f52;
  font-size: 14px;
  width: 20px;
  height: 40px
}
#txtbxArama {
  float: left;
  width: 100%;
  height: 38px;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #ececec;
  color: #848484;
  padding: 0 30px 0 15px;
  background: #fff;
  border-radius: 0;
  letter-spacing: 0;
  transition: .3s;
  -webkit-transition: .3s;
  -ms-transition: .3s;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none
}
#txtbxArama::-webkit-input-placeholder {
  color: #848484;
  border-color: #37c7db
}
#txtbxArama:-moz-placeholder {
  color: #848484;
  border-color: #37c7db
}
#txtbxArama::-moz-placeholder {
  color: #848484;
  border-color: #37c7db
}
#txtbxArama:-ms-input-placeholder {
  color: #848484;
  border-color: #37c7db
}
#txtbxArama:focus {
  color: #848484;
  border-color: #37c7db
}
.searchContent:hover #txtbxArama {
  border-color: #37c7db
}
#btnKelimeAra {
  background: url(https://static.ticimax.cloud/53013/customcss/images/searchicon.svg) no-repeat left center transparent;
  width: 30px;
  line-height: 38px;
  font-size: 0;
  color: #000;
  font-weight: 400;
  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
}
.searchContent:hover #btnKelimeAra {
  background-image: url(https://static.ticimax.cloud/53013/customcss/images/searchicon-active.svg)
}
/* Desktop navigation */
.navigation {
  float: left;
  width: 100%;
  background-color: #37c7db
}
.navigation > div {
  z-index: 1;
  text-align: center;
  padding: 0!important
}
.navigation .navUl {
  display: inline-block;
  font-size: 0;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.navigation .navUl ul {
  padding: 0;
  margin: 0;
  list-style: none
}
.navigation .navUl > li {
  display: inline-block;
  vertical-align: middle
}
.navigation .navUl > li > a {
  float: left;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 48px;
  padding-top: 3px;
  position: relative
}
.navigation .navUl > li > a:after {
  content: '';
  position: absolute;
  left: 100%;
  right: 100%;
  bottom: 0;
  height: 2px;
  background-color: #fff;
  transition: .5s
}
.navigation .navUl > li:hover > a:after {
  left: 0;
  right: 0
}
.navigation .altMenu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fcfcfc;
  display: none;
  box-shadow: 0 3px 6px #7070700D
}
.navigation .navUl > li:hover > .altMenu {
  display: block
}
.navigation .altMenu .altmenuSol > span {
  display: none
}
.navigation .altMenu .altMenuler {
  display: block;
  text-align: left
}
.navigation .altMenu .altMenuler .altMenuSag {
  float: right
}
.navigation .altMenu .altMenuler .altMenuSag > a > img {
  display: block
}
.navigation .altMenu .altMenuler .altmenuSol {
  float: left;
  width: 100%;
  padding: 25px 0 0
}
.navigation .altMenu .altMenuler .altmenuSol ul {
  display: block
}
.navigation .altMenu .altMenuler .altmenuSol ul li {
  display: block
}
.navigation .altMenu .altMenuler .altmenuSol ul li li {
  float: left;
  clear: left
}
.navigation .altMenu .altMenuler .altmenuSol ul li a {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #000;
  line-height: 16px
}
.navigation .altMenu .altMenuler .altmenuSol ul li ul a:hover {
  text-decoration: underline
}
.navigation .altMenu .altMenuler .altmenuSol > ul > li {
  float: left;
  width: 12.5%;
  margin-bottom: 25px
}
.navigation .altMenu .altMenuler .altmenuSol > ul > li > a {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.navigation .altMenu .altMenuler .altmenuSol > ul > li > a > img {
  border: 2px solid #f7f7f7;
  margin-bottom: 12px;
  transition: .5s
}
.navigation .altMenu .altMenuler .altmenuSol > ul > li > a:hover > img {
  border-color: #37c7db
}
.navigation .altMenu.picTrue .altMenuler .altMenuSag {
  width: 0
}
.navigation .altMenu.picTrue .altMenuler .altmenuSol {
  width: 100%
}
#header .yanResimliMenu {
  display: none
}
#lang_flag_container {
  top: 0!important;
  left: 0!important;
  right: auto;
  bottom: auto;
  z-index: 9999!important;
  position: relative!important;
  float: right;
  margin-right: 23px
}
#lang_flag_container:after {
  position: absolute;
  width: 100%;
  right: 0;
  top: 18px;
  height: 20px;
  content: '';
  display: none
}
#lang_flag_container #lang-detail {
  display: none;
  left: auto!important;
  top: 100%!important;
  right: 0;
  border-top: none!important;
  box-shadow: 0 7px 10px -2px rgba(0,0,0,.3)!important;
  box-shadow: 0 5px 10px -2px rgba(0,0,0,.3);
  -webkit-transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px)
}
#lang_flag_container:hover #lang-detail {
  display: block!important;
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none
}
#lang_flag_container:hover:after {
  display: block
}
#lang {
  float: left;
  color: #000!important;
  font-size: 14px!important;
  font-weight: 400;
  padding: 0 0 0 25px!important;
  line-height: 13px!important
}
#lang span {
  font-weight: 400;
  float: left;
  line-height: 13px!important
}
#lang_flag_container:hover #lang {
  color: #000!important;
  font-weight: 400
}
#langHover {
  padding: 1.5px 0!important;
  float: left
}
#langHover.white {
  background: 0 0!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 {
  float: left;
  width: 100%;
  position: relative;
  background: #fff
}
.FooterSC {
  float: left;
  width: 100%;
  position: relative
}
.FooterTop {
  float: left;
  width: 100%;
  position: relative;
  background-color: #37c7db;
  padding: 30px 0
}
.FooterTop .footercontact {
  float: left;
  width: 32.4%
}
.FooterTop .footercontact div {
  float: left;
  display: flex;
  flex-direction: column
}
.FooterTop .footercontact div img {
  width: 40px;
  margin-right: 15px
}
.FooterTop .footercontact div > p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin: 3px 0 5px 0;
  line-height: 18px
}
.FooterTop .footercontact div a {
  color: #fff;
  font-size: 18px;
  font-weight: 700
}
.FooterTop .footercontact > p {
  float: left;
  width: 100%;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  margin: 30px 0 0;
  line-height: 20px;
  padding-right: 3.5vw
}
.FooterTop .footersocial {
  float: left;
  width: 32.4%;
  display: flex;
  flex-direction: column
}
.FooterTop .footersocial strong {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 8px;
  position: relative
}
.FooterTop .footersocial strong:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 123px;
  height: 1px;
  background-color: #fff
}
.FooterTop .footersocial ul {
  display: flex;
  align-items: center;
  margin: 16px 0;
  padding: 0;
  list-style: none
}
.FooterTop .footersocial ul li {
  float: left;
  margin-right: 24px
}
.FooterTop .footersocial ul li a i {
  font-size: 20px;
  color: #fff;
  font-family: FontAwesomeBrands
}
.FooterTop .footersocial > a {
  color: #fff;
  font-weight: 600;
  line-height: 20px;
  margin-top: 12px
}
.FooterTop .footersocial > a img {
  float: left;
  margin-right: 8px
}
.FooterTop .ebultenDiv {
  float: left;
  width: 35.2%
}
.FooterMiddle {
  float: left;
  width: 100%;
  position: relative
}
.FooterBottom {
  float: left;
  width: 100%;
  position: relative;
  background-color: #f7f7f7
}
.FooterBottom .ticiContainer {
  display: flex!important;
  align-items: center;
  justify-content: center;
  min-height: 78px
}
.FooterBottom .ticiContainer:after,
.FooterBottom .ticiContainer:before {
  display: none!important
}
.FooterBottom .ticiContainer p {
  margin: 0;
  position: relative;
  padding: 5px 14px
}
.FooterBottom .ticiContainer p:before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 19px);
  background: #e4e4e4;
  width: 2px;
  height: 38px
}
.FooterBottom .ticiContainer p:first-child:before {
  display: none
}
.ebultenDiv {
  float: left;
  position: relative
}
.ebultenDiv span {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 8px;
  margin-bottom: 20px;
  position: relative;
  float: left;
  width: 100%
}
.ebultenDiv span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 123px;
  height: 1px;
  background-color: #fff
}
.ebultenDiv p {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  margin-top: 12px;
  float: left;
  width: 100%
}
.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 {
  height: 50px;
  font-size: 14px;
  color: #fff;
  padding: 0 90px 0 15px;
  background: 0 0;
  border: 1px solid #fff;
  border-radius: 0;
  display: inline-block;
  width: 100%;
  text-align: left;
  font-weight: 400;
  opacity: 1
}
#txtbxNewsletterMail::-webkit-input-placeholder {
  color: #fff
}
#txtbxNewsletterMail:-moz-placeholder {
  color: #fff
}
#txtbxNewsletterMail::-moz-placeholder {
  color: #fff
}
#txtbxNewsletterMail:-ms-input-placeholder {
  color: #fff
}
#txtbxNewsletterMail:focus {
  color: #fff
}
.ebultenDiv .newsbutton {
  color: #fff;
  background: 0 0;
  width: 73px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 11px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 0;
  padding: 0;
  margin: 0!important;
  text-decoration: none
}
.ebultenDiv .newsbutton:hover {
  color: #37c7db;
  background: #fff
}
#footer .linkler {
  float: left;
  width: 100%;
  position: relative;
  padding: 30px 0 40px
}
#footer .linkler .blink {
  float: left;
  width: 100%;
  margin: 0
}
#footer .linkler .blink ul {
  margin: 0;
  padding: 0;
  list-style: none
}
#footer .linkler .blink > ul {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between
}
#footer .linkler .blink > ul > li {
  float: left
}
#footer .linkler .blink > ul > li:last-child {
  margin-bottom: 0
}
#footer .linkler .blink > ul li {
  display: block
}
#footer .linkler .blink > ul > li > span {
  display: table;
  clear: left;
  font-size: 14px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
  position: relative;
  display: none
}
#footer .linkler .blink > ul > li > span .ackapabtn {
  display: none
}
#footer .linkler .blink > ul > li > ul {
  display: inline-block;
  vertical-align: top
}
#footer .linkler .blink > ul > li > ul > li > a {
  float: left;
  width: 100%;
  font-size: 13px;
  color: #000;
  font-weight: 400;
  margin-bottom: 20px
}
#footer .linkler .blink > ul > li > ul > li:last-child > a {
  margin-bottom: 0
}
#footer .linkler .blink > ul > li > ul > li > a:hover {
  text-decoration: underline
}
@media screen and (min-width:769px) {
  #footer .linkler .blink > ul > li > ul {
    display: inline-block!important
  }
}
#footer .socialdiv {
  float: left;
  clear: left
}
#footer .socialdiv ul {
  padding: 0;
  margin: 0;
  list-style: none
}
#footer .socialdiv ul li {
  float: left;
  margin-right: 20px
}
#footer .socialdiv ul li:last-child {
  margin-right: 0
}
#footer .socialdiv ul li a {
  float: left;
  color: #c4c4c4;
  font-size: 17px
}
#footer .socialdiv ul li a i {
  display: inline-block;
  vertical-align: top;
  line-height: 17px
}
#footer .store {
  float: left;
  clear: left
}
#footer .store ul {
  padding: 0;
  margin: 0;
  list-style: none
}
#footer .store ul li {
  float: left;
  margin-right: 20px
}
#footer .store ul li:last-child {
  margin-right: 0
}
#footer .store ul li a {
  float: left;
  color: #c4c4c4;
  font-size: 17px
}
#footer .store ul li a i {
  display: inline-block;
  vertical-align: top;
  line-height: 17px
}
#back-to-top {
  float: right;
  position: fixed;
  right: 2%;
  bottom: 5%;
  z-index: 9999;
  display: none
}
#back-to-top a {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #fff;
  fill: #37C7DB;
  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;
  border: 1px solid #37c7db;
  transition: .5s
}
#back-to-top a svg {
  display: none
}
#back-to-top a:before {
  content: '\f077';
  font-family: FontAwesome;
  font-size: 20px;
  font-weight: 300;
  color: #37c7db;
  transition: .5s
}
#back-to-top a:hover {
  background: #37c7db
}
#back-to-top a:hover:before {
  color: #fff
}
.whtspbtn {
  float: right;
  position: fixed;
  right: 2%;
  bottom: calc(5% + 65px);
  z-index: 9999;
  border: 1px solid #51cd3a;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transition: .5s;
  background-color: #fff
}
.whtspbtn:before {
  content: '';
  float: left;
  width: 21px;
  height: 21px;
  -webkit-mask: url(https://static.ticimax.cloud/53013/customcss/images/whatsappicon.svg) no-repeat left center;
  mask: url(https://static.ticimax.cloud/53013/customcss/images/whatsappicon.svg) no-repeat left center;
  background-color: #51cd3a;
  mask-size: 100%;
  -webkit-mask-size: 100%;
  transition: .5s;
  transform: rotate(90deg)
}
.whtspbtn img {
  display: none
}
.whtspbtn:hover {
  background-color: #51cd3a
}
.whtspbtn:hover:before {
  background-color: #fff
}
.homeContainer .ProductListContent {
  float: left;
  width: 100%;
  margin: 30px 0;
  position: relative
}
.homeContainer .ProductListContent .ProductList {
  display: block;
  margin: 0 auto
}
.homeContainer .ProductListContent .ItemOrj {
  padding: 0 12px;
  margin-bottom: 20px;
  width: 25%;
  max-width: 25%
}
.homeContainer .ProductListContent .productItem {
  margin-bottom: 0
}
.categoryContainer .ProductList.PlSc_hrz .ItemOrj {
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}
.categoryContainer .ProductList.PlSc_2 .ItemOrj {
  width: 50%;
  max-width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%
}
.categoryContainer .ProductList.PlSc_3 .ItemOrj {
  width: 33.33%;
  max-width: 33.33%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33%;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%
}
.categoryContainer .ProductList.PlSc_4 .ItemOrj {
  width: 25%;
  max-width: 25%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%
}
.categoryContainer .ProductList.PlSc_5 .ItemOrj {
  width: 20%;
  max-width: 20%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%
}
.ProductListContent {
  float: left;
  width: 100%
}
.categoryContainer .ProductListContent {
  float: left;
  width: 100%
}
.categoryContainer .ProductList {
  margin: 0 -12px
}
.categoryContainer .ProductListContent .ItemOrj {
  margin-bottom: 25px
}
body:not(.sepetimBody) .ItemOrj {
  float: left;
  padding: 0 12px;
  width: 25%;
  max-width: 25%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%
}
/* Shared product cards */
.productItem {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  display: inline-block;
  float: left;
  background: #fff
}
.productItem .productIcon {
  width: 100%;
  float: left
}
.productItem .productImage {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  float: left
}
.productItem .productImage a,
body .productItem .productImage a.Videolu {
  display: block;
  position: relative;
  padding-bottom: 100%
}
.productItem .productImage .Videolu video,
.productItem .productImage img {
  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
}
.productItem .productImage a:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #37c7db;
  z-index: 9;
  transition: .5s;
  opacity: 0;
  visibility: hidden
}
.productItem:hover .productImage a:before {
  opacity: 1;
  visibility: visible
}
.banner-slider .productItem:hover .productImage a:before {
  opacity: 0;
  visibility: hidden
}
.productItem .productDetail {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  padding: 0
}
.productItem .productName {
  position: relative;
  margin-top: 8px;
  float: left;
  width: 100%
}
.productItem .productName a {
  float: left;
  width: 100%;
  padding: 0;
  line-height: 20px;
  height: 20px;
  font-weight: 300;
  font-size: 13px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.productItem .productPrice {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0;
  bottom: 0
}
.productItem .discountPrice {
  display: block;
  float: left
}
.productItem .discountPrice span {
  color: #dd6d43;
  font-size: 15px;
  line-height: 25px;
  font-weight: 600
}
.productItem .discountPrice span {
  font-size: 17px
}
.productItem .discountKdv,
.productItem .regularKdv {
  display: none
}
.productItem .regularPrice {
  display: none!important;
  float: left;
  margin-left: 8px
}
.productItem .regularPrice span {
  font-size: 13px;
  color: #000;
  -moz-text-decoration-color: #000000;
  text-decoration-color: #000000;
  line-height: 25px;
  font-weight: 400;
  text-decoration: line-through
}
.productItem .productPoints {
  float: left;
  width: 100%;
  clear: none;
  margin-bottom: 5px
}
.productItem .productPoints .rating {
  margin: 0
}
.productItem .productPoints .rating i {
  color: #cacaca;
  font-size: 17px;
  margin-right: 1px
}
.productItem .productPoints .rating i:last-child {
  margin-right: 0
}
.productItem .productPoints [data-rating^='1'] .star-1 {
  color: #ff8a00
}
.productItem .productPoints [data-rating^='2'] .star-1 {
  color: #ff8a00
}
.productItem .productPoints [data-rating^='2'] .star-2 {
  color: #ff8a00
}
.productItem .productPoints [data-rating^='3'] .star-1 {
  color: #ff8a00
}
.productItem .productPoints [data-rating^='3'] .star-2 {
  color: #ff8a00
}
.productItem .productPoints [data-rating^='3'] .star-3 {
  color: #ff8a00
}
.productItem .productPoints [data-rating^='4'] .star-1 {
  color: #ff8a00
}
.productItem .productPoints [data-rating^='4'] .star-2 {
  color: #ff8a00
}
.productItem .productPoints [data-rating^='4'] .star-3 {
  color: #ff8a00
}
.productItem .productPoints [data-rating^='4'] .star-4 {
  color: #ff8a00
}
.productItem .productPoints [data-rating^='5'] i {
  color: #ff8a00
}
.discountIcon .discountIconDetail,
.examineIcon,
.newIcon {
  z-index: 3;
  display: none
}
.mycartIcon a span {
  font-weight: 400
}
.examineIcon a,
.favori a,
.mycartIcon a {
  display: block
}
.mycartIcon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: .5s
}
.divSepetProductItem .mycartIcon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  transition: .5s;
  visibility: visible
}
.divSepetProductItem.productItem .productIcon .mycartIcon a {
  background: #37c7db!important
}
.divSepetProductItem.productItem .discountPrice span {
  color: #37c7db;
  text-decoration: line-through;
  display: none
}
.divSepetProductItem.productItem .regularPrice {
  display: block!important
}
.divSepetBlokUrunContainer.ProductList .owl-nav {
  display: none
}
.productItem:hover .mycartIcon {
  opacity: 1;
  visibility: visible
}
.mycartIcon a {
  padding-bottom: 0!important;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  float: left;
  width: 100%;
  display: flex!important;
  height: 35px;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #37c7db;
  padding-top: 2px
}
.mycartIcon a:before {
  display: none
}
.cargoIcon {
  position: absolute;
  left: 8px;
  top: 8px;
  background: url(https://static.ticimax.cloud/53013/uploads/images/icon/ucretsiz-kargo-3.png) no-repeat center center;
  background-size: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 85px;
  height: 24px;
  line-height: 11px;
  color: #fff;
  font-weight: 300;
  font-size: 0;
  padding-top: 4px
}
.favori {
  position: absolute;
  right: 8px;
  top: 10px
}
.favori a {
  font-size: 0
}
.favori a:before {
  content: '\f004';
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-family: FontAwesome;
  transition: .5s;
  color: #37c7db;
  font-size: 16px;
  font-weight: 400
}
.favori a:hover:before {
  font-weight: 600
}
.favori a.listfavoriAktif:before {
  font-weight: 600
}
.ozelAlan1 {
  float: left;
  width: 100%;
  border: 1px solid #37c7db;
  font-size: 13px;
  font-weight: 400;
  color: #37c7db;
  line-height: 18px;
  padding: 5px 5px 2px;
  margin-bottom: 2px
}
.ozelAlan1 b {
  font-weight: 600;
  display: block
}
.discountIcon {
  display: inline-flex;
  color: #fff;
  font-weight: 600;
  font-size: 11px;
  line-height: 22px;
  padding: 3px 5px 0;
  margin-left: 8px;
  align-items: center;
  justify-content: center;
  background: #37c7db
}
.discountIcon .discountIcon_s2 {
  margin-left: 3px
}
.discountIcon span {
  font-weight: 600
}
.TukendiIco {
  z-index: 5;
  border-radius: 0;
  background: 0 0;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  height: 100%;
  overflow: hidden
}
.TukendiIco span {
  line-height: 40px;
  background: rgba(255,255,255,.8);
  position: absolute;
  left: 0;
  bottom: 50%;
  right: 0;
  max-width: 130px;
  border: none;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  padding: 0;
  border-radius: 0;
  margin: 0 auto
}
.StokYok .cargoIcon,
.StokYok .firsatIcon,
.StokYok .newIcon {
  display: none!important
}
body .productItem .divVideoPlayButton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 126px;
  width: 50px;
  height: 50px;
  margin: auto;
  overflow: hidden
}
body .productItem .divVideoPlayButton a.urunListeVideoPlay {
  color: #fff;
  float: left;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #fff;
  border-radius: 50%
}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i {
  font-family: FontAwesome;
  font-weight: 600;
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
  margin-top: 0
}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before {
  content: '\f04b';
  padding-left: 3px
}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before {
  content: '\f04c'
}
.leftImage #divThumpVideo i {
  border-color: #fff!important;
  color: #fff;
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border: 3px solid #000
}
.boxBedenlerContent,
.productIcon .quickViewIco,
.productItem .urunListeAdet,
.productItem.StokYok .urunListeAdet,
.productItem:hover .productIcon .quickViewIco {
  display: none!important
}
.Block_Title {
  display: none
}
.noProduct {
  background: url('https://static.ticimax.cloud/53013/uploads/Images/urunyok.png') center center no-repeat!important;
  width: 212px;
  height: 214px
}
.noProduct * {
  display: none!important
}
#divUstFiltreKategori {
  display: none
}
#divUstFiltreMarka {
  display: none
}
.categorydesign {
  float: left;
  width: 100%
}
.categorydesign .Blok {
  margin: 0
}
.leftBlock .categorydesign {
  display: block
}
.categorydesign strong {
  font-weight: 700
}
.categorydesign strong * {
  font-weight: 700
}
.categorydesign img {
  display: inline-block;
  vertical-align: middle
}
.breadList.breadActive {
  display: none!important
}
.breadcrumbContent {
  float: left
}
body ul.breadcrumb {
  margin: 0 auto;
  display: block!important;
  padding: 0;
  border-radius: 0;
  float: none;
  list-style: none;
  clear: none
}
body ul.breadcrumb * {
  color: #000;
  font-size: 13px!important;
  line-height: 66px!important;
  float: left;
  font-weight: 600
}
body ul.breadcrumb li {
  font-size: 0!important;
  float: none!important;
  vertical-align: middle
}
body ul.breadcrumb li:after {
  content: '/';
  display: inline-block;
  margin: 0 5px;
  color: #000;
  font-size: 13px;
  line-height: 66px;
  float: left;
  font-weight: 600
}
body ul.breadcrumb li:last-of-type:after {
  display: none
}
body ul.breadcrumb li:last-of-type span {
  color: #37c7db
}
body a#linkOncekiSayfa {
  line-height: 66px;
  display: none;
  color: #000;
  font-size: 13px!important;
  font-weight: 600
}
.leftImage a#linkOncekiSayfa {
  display: none
}
.categoryTitleText {
  float: left;
  width: 100%
}
.categoryTitle {
  float: left;
  width: 100%
}
body #divSayfalamaUst {
  float: right;
  margin: 0;
  padding: 0;
  text-align: center
}
.urunListRel {
  width: 100%;
  float: left;
  position: relative
}
.brandlistselection {
  display: inline-block;
  vertical-align: top;
  float: left;
  margin: 0;
  width: 100%
}
.brandlistselection .clear {
  clear: none;
  display: none
}
.brandlistselection ul {
  padding: 0;
  margin: 0;
  list-style: none
}
.brandlistselection .sortingContent {
  background: #ddd
}
.brandlistselection .sortingContent li {
  float: left;
  background: 0 0;
  border-radius: 0!important
}
.brandlistselection .sortingContent li a {
  background: 0 0;
  border-radius: 0!important
}
.brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {
  float: right
}
.blockSelect .sort_hrz {
  display: none
}
.blockSelect .sort_2 {
  display: none
}
.blockSelect .sort_5 {
  display: none
}
.category-vertical-filters .vertical-filter-panel .list-group {
  list-style: none;
  padding: 0;
  margin: 0
}
.category-vertical-filters .vertical-filter-panel .list-group ul {
  list-style: none;
  padding: 0;
  margin: 0
}
body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst {
  display: none
}
body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo {
  display: none
}
body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn {
  display: none
}
body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum {
  display: none
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect {
  float: right;
  margin: 0 0 0 20px;
  background: 0 0
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a {
  background: 0 0;
  color: #999;
  padding: 0 5px;
  float: left;
  margin-left: 0
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a i {
  font-size: 16px;
  float: left;
  line-height: 45px;
  font-family: FontAwesome;
  font-weight: 600
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a:hover i {
  color: #000
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.Active i {
  color: #000
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_2 {
  display: none
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_5 {
  display: none
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_hrz {
  display: none
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {
  float: left;
  width: 100%;
  z-index: 999;
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -o-flex
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) {
  float: left;
  font-weight: 400;
  border-radius: 0;
  padding: 0;
  border: none
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a {
  position: relative;
  background-color: transparent;
  color: #000;
  font-size: 12px;
  border-radius: 0;
  padding: 0
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a span {
  font-weight: 400;
  line-height: 35px
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover {
  text-decoration: underline
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected {
  text-decoration: underline
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) {
  display: none
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span {
  float: left;
  font-size: 14px;
  color: #f39524;
  font-weight: 400;
  line-height: 35px;
  padding: 0;
  margin: 0;
  display: none
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet {
  float: right;
  background-color: transparent;
  height: auto;
  padding: 0
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {
  float: right
}
body #divSayfalamaUst.Slct .blockSelect {
  float: right;
  margin: 0;
  display: block!important;
  padding: 3px 0 3px 5px
}
body #divSayfalamaUst.Slct .blockSelect a {
  float: left;
  width: auto;
  height: auto;
  margin: 0 0 0 7px;
  padding: 0;
  text-align: center;
  border: none;
  background: 0 0
}
body #divSayfalamaUst.Slct .blockSelect i {
  color: #c6c6c6;
  line-height: 35px;
  font-size: 0
}
body #divSayfalamaUst.Slct .blockSelect a:hover {
  color: #252525
}
body #divSayfalamaUst.Slct .blockSelect a:hover i {
  color: #252525
}
body #divSayfalamaUst.Slct .blockSelect .sort_hrz {
  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: #252525
}
body #divSayfalamaUst.Slct .blockSelect .sort_3 {
  width: 20px;
  height: 29px;
  -webkit-mask: url(https://static.ticimax.cloud/53013/customcss/images/list3.svg) no-repeat left center;
  mask: url(https://static.ticimax.cloud/53013/customcss/images/list3.svg) no-repeat left center;
  background-color: #ddd;
  mask-size: 100%;
  -webkit-mask-size: 100%
}
body #divSayfalamaUst.Slct .blockSelect .sort_3.Active {
  background-color: #37c7db
}
body #divSayfalamaUst.Slct .blockSelect .sort_4 i {
  width: 34px;
  height: 29px;
  -webkit-mask: url(https://static.ticimax.cloud/53013/customcss/images/list4.svg) no-repeat right center;
  mask: url(https://static.ticimax.cloud/53013/customcss/images/list4.svg) no-repeat right center;
  background-color: #ddd;
  position: relative
}
body #divSayfalamaUst.Slct .blockSelect .sort_4:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #d0d0d0
}
body #divSayfalamaUst.Slct .blockSelect .sort_4.Active i {
  background-color: #37c7db
}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent {
  background: #fff;
  float: left;
  width: 100%;
  text-align: right
}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
  float: left;
  height: 35px;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #bebebe;
  background: url(https://static.ticimax.cloud/53013/customcss/images/bottomarrow.svg) no-repeat center right 10px transparent;
  border-radius: 0;
  padding: 2px 10px 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none
}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent select option {
  font-family: arial;
  background: rgba(150,150,150,.3)
}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li {
  height: auto;
  padding: 0;
  border-radius: 0;
  background: 0 0;
  float: none;
  display: inline-block;
  vertical-align: top
}
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet {
  margin: 0;
  float: right
}
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span {
  color: #707070;
  font-size: 12px;
  line-height: 30px;
  font-weight: 600;
  float: left;
  margin: 0;
  position: absolute;
  left: 0;
  top: 2px
}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock {
  padding: 0 0 0 10px;
  background: 0 0;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  display: none
}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span {
  line-height: 37px;
  font-weight: 400;
  display: inline-block;
  vertical-align: top
}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:before {
  content: '';
  width: 13px;
  height: 13px;
  color: #37c7db;
  border: 1px solid #bebebe;
  border-radius: 0;
  float: right;
  margin: 12px 0 0 10px;
  font-family: FontAwesome;
  text-align: center;
  line-height: 11px;
  font-size: 10px;
  font-weight: 400
}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before {
  content: '\f00c';
  border-color: #37c7db
}
body #divSayfalamaUst .filterDeleteContent {
  float: left;
  margin: 10px 0 7px;
  padding: 0;
  width: 100%;
  background-color: #fff
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter {
  padding: 0;
  margin: 0 10px 0 0;
  height: auto;
  background: #f8f8f8;
  border: 1px solid #bebebe;
  width: auto;
  border-radius: 3px
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a {
  width: 25px;
  margin: 0;
  border-left: none
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i {
  font-family: FontAwesome;
  line-height: 26px;
  color: #040404;
  font-size: 15px;
  font-weight: 300
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before {
  content: '\f00d'
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span {
  color: #707070;
  font-size: 12px;
  text-align: left;
  margin-top: 7px;
  font-weight: 400
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span + span {
  color: #707070;
  margin-top: 3px
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir {
  display: block
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a {
  width: 100%;
  background: 0 0;
  line-height: 1;
  margin: 0;
  padding: 0 5px
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span {
  line-height: 22px;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  margin: 0;
  width: 100%;
  padding-top: 2px
}
.brandlistselectionBottom {
  margin-bottom: 0;
  display: none
}
#divSayfalamaAlt {
  width: 100%;
  margin: 0
}
.pageNumber {
  float: right;
  text-align: right;
  margin: 0;
  display: none
}
.pageNumberBottom {
  float: right;
  text-align: center;
  margin: 50px 0;
  padding: 0;
  width: 100%;
  display: block;
  vertical-align: middle
}
.pageBorder,
.pageNumberContent {
  display: inline-block;
  vertical-align: top
}
.pageBorder a,
.pageNumberContent a {
  min-width: 35px;
  height: 35px;
  line-height: 37px;
  font-size: 13px;
  font-weight: 600;
  color: #000;
  background: #f8f8f8;
  border-radius: 0;
  border: none;
  float: left;
  position: relative;
  display: block;
  text-align: center;
  margin: 0 2.5px;
  transition: .5s
}
.pageBorder a.butonDisabled,
.pageNumberContent a.butonDisabled {
  opacity: 1!important
}
.pageBorder a:hover,
.pageNumberContent a:hover {
  color: #fff;
  background: #37c7db
}
.pageBorder a.SelectedSayfa,
.pageNumberContent a.SelectedSayfa {
  color: #fff;
  background: #37c7db
}
.KategoriFilitrelemeContent .Block_Title {
  display: none
}
.fa-play:before {
  padding-left: 3px
}
.RightDetail > .clear {
  clear: none
}
/* Product detail */
.ProductDetailMain {
  float: left;
  width: 100%
}
.ProductDetailMainRow {
  float: left;
  width: 100%
}
.TopDet {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  background: #ffffffa6
}
.leftImage {
  width: 560px;
  float: left;
  position: relative;
  padding: 0
}
.RightDetail {
  width: calc(100% - 560px - 16px);
  float: right;
  position: relative;
  padding: 20px;
  margin-left: 16px;
  background-color: #fafafa
}
.leftImage .ProductGallery {
  float: left;
  width: 100%
}
.leftImage .ProductGallery .gallery-container {
  float: left;
  width: 100%;
  position: relative
}
.leftImage .ProductGallery .gallery-container .GalleryArea {
  float: right;
  width: 440px;
  margin: 0;
  padding: 0
}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb {
  float: left;
  width: 120px;
  border: none;
  background: 0 0;
  height: 100%;
  display: block
}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%
}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item {
  float: left;
  clear: left;
  width: 105px;
  margin-bottom: 10px
}
.leftImage #divThumpVideo {
  float: left;
  clear: left;
  width: 105px;
  margin-bottom: 10px
}
.leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots {
  display: none
}
.UrunDetayLeft {
  margin: 0!important;
  overflow: hidden
}
#divVideoGoruntulemeAlan,
.Images {
  float: right;
  width: 440px;
  padding-bottom: 79%;
  position: relative
}
#vdUrunVideo,
.Images img {
  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;
  float: left;
  width: 120px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden
}
.SmallImages div {
  float: left;
  width: 105px;
  margin-bottom: 10px
}
.SmallImages div img {
  max-width: 100%;
  max-height: 100%
}
.ProductGallery .galleryOwl-thumb .thumb-list .thumb-item.active::before {
  border: 1px solid #37c7db!important
}
.ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav {
  left: 10px!important;
  right: 10px!important;
  top: calc(50% - 17px)!important
}
.ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav span {
  border: none!important;
  font-size: 0!important
}
.ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav span:before {
  font-family: FontAwesome;
  color: #37c7db;
  font-size: 15px;
  font-weight: 300;
  background-color: #fff;
  border: 1px solid #37c7db;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 33px;
  display: inline-block;
  transition: .5s
}
.ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-next span:before {
  content: '\f054'
}
.ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-prev span:before {
  content: '\f053'
}
.ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav span:hover:before {
  color: #fff;
  background-color: #37c7db
}
.leftImage .productTimer {
  display: none!important
}
.DetayYeniUrun {
  display: none!important
}
.RightDetail .TopList {
  float: left;
  width: 100%;
  position: relative
}
.RightDetail .MiddleList {
  float: left;
  width: 100%;
  position: relative
}
.RightDetail .BottomList {
  float: left;
  width: 100%;
  position: relative
}
.ProductName {
  float: left;
  position: relative;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}
.ProductName .detailshare {
  float: right;
  display: flex
}
.ProductName h1 {
  margin: 0;
  float: left;
  width: 100%
}
.ProductName h1 span {
  float: left;
  width: 100%;
  display: inline-block;
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px
}
#divUrunKodu {
  float: left;
  clear: left;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  padding: 0;
  margin: 15px 0 0;
  width: 100%
}
#divUrunKodu span {
  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  line-height: 13px;
  float: left;
  width: 36.4%
}
#divTaksitAciklama {
  display: block;
  float: left;
  clear: left;
  margin-top: 10px
}
#divTaksitAciklama .taksitSatir {
  color: #000;
  font-size: 13px;
  line-height: 13px
}
.RightDetail .puanVer {
  float: left;
  clear: left
}
.RightDetail #PuanVer {
  float: left;
  margin-top: 5px
}
.RightDetail .PuanVerSag {
  float: left;
  color: #000;
  font-size: 13px;
  line-height: 15px;
  margin: 5px 0 0 10px
}
.RightDetail ul.rating {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none
}
.RightDetail ul.rating li {
  float: left;
  margin-right: 0;
  width: auto;
  height: auto;
  padding: 0 2px 0 0;
  font-size: 0
}
.RightDetail ul.rating li i.starItem {
  font-size: 13px;
  line-height: 15px;
  height: auto;
  font-weight: 300;
  font-family: FontAwesome;
  position: static
}
.RightDetail ul.rating li i.starItem:before {
  content: '\f005'
}
.RightDetail ul.rating li i.starItem:hover {
  font-size: 15px;
  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
}
.RightDetail .rating-stars ul > li.star.hover > i.fa,
.RightDetail .rating-stars ul > li.star.selected > i.fa,
.RightDetail ul.rating li i.starItem,
.RightDetail ul.rating li.filled i {
  color: #37c7db
}
.detayKampanya {
  float: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  background: #37c7db
}
.detayKampanya .kampanyaAciklama {
  float: left;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  line-height: 25px;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: calc(100% - 140px)
}
.detayKampanya .kampanyaDetay {
  float: right;
  width: 140px
}
.detayKampanya .kampanyaDetay a {
  color: #37c7db;
  line-height: 50px;
  padding: 10px;
  background: #fff
}
#kampanyaAlani {
  padding: 20px;
  font-size: 14px;
  color: #000
}
.markaresmi {
  float: left;
  position: relative;
  z-index: 1;
  display: none!important
}
.markaresmi a {
  float: left
}
.markaresmi img {
  max-width: 100%;
  float: left
}
#divMagazaStok {
  float: left;
  clear: left;
  margin: 10px 0 0!important
}
#divMagazaStok a {
  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px
}
#divOnyazi {
  float: left;
  width: 100%
}
#divOnyazi .teksatir {
  margin-top: 10px;
  float: left;
  width: 100%
}
#divOnyazi h2 {
  font-weight: 400;
  font-size: 100%
}
#divOnyazi * {
  font-family: muli,sans-serif!important
}
#divOnyazi strong {
  font-weight: 700
}
#divOnyazi strong * {
  font-weight: 700
}
#divOnyazi i {
  font-family: FontAwesome!important;
  margin-right: 12px
}
.detailproducttext {
  float: left;
  width: 100%;
  display: grid;
  grid-template-columns: 37% 50%;
  margin-top: 10px;
  margin-bottom: 10px
}
.detailproducttext div {
  float: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0
}
.detailproducttext div span {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px
}
.detailproducttext div img {
  margin-right: 13px;
  width: 30px
}
.PriceList {
  float: left;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 18px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between
}
#pnlFiyatlar {
  display: inline-block;
  vertical-align: top;
  float: left
}
#divIndirimliFiyat {
  display: flex;
  flex-direction: row-reverse
}
#divBarkod,
#divIndirimOrani,
#divMarka,
#divParaPuan,
#divTedarikci,
#divToplamStokAdedi,
#divUrunStokAdedi {
  float: left;
  clear: left;
  margin-top: 15px;
  line-height: 13px;
  width: 100%
}
#divBarkod .left_line,
#divIndirimOrani .left_line,
#divMarka .left_line,
#divParaPuan .left_line,
#divTedarikci .left_line,
#divToplamStokAdedi .left_line,
#divUrunStokAdedi .left_line,
.ud-kategori a span {
  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
  width: 36%
}
#divBarkod .center_line,
#divIndirimOrani .center_line,
#divMarka .center_line,
#divParaPuan .center_line,
#divTedarikci .center_line,
#divToplamStokAdedi .center_line,
#divUrunStokAdedi .center_line {
  display: none;
  vertical-align: top;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px
}
#divBarkod .right_line,
#divIndirimOrani .indirimliOrani,
#divIndirimOrani .indirimliOrani *,
#divMarka .right_line,
#divMarka .right_line *,
#divParaPuan .right_line,
#divTedarikci .right_line,
#divTedarikci .right_line *,
#divToplamStokAdedi .right_line,
#divUrunStokAdedi .right_line {
  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  width: auto
}
.ud-kategori {
  float: left;
  clear: left;
  margin-top: 15px;
  line-height: 13px;
  width: 100%
}
.ud-kategori a {
  font-size: 13px;
  line-height: 13px;
  color: #000;
  font-weight: 400
}
.ud-kategori a span {
  margin-right: 3px
}
#divOzelAlan1 {
  float: left;
  clear: left;
  margin-top: 15px
}
#divOzelAlan2 {
  float: left;
  clear: left;
  margin-top: 15px
}
#divOzelAlan3 {
  float: left;
  clear: left;
  margin-top: 15px
}
#divOzelAlan4 {
  float: left;
  clear: left;
  margin-top: 15px
}
#divOzelAlan5 {
  float: left;
  clear: left;
  margin-top: 15px
}
#divTahminiTeslimatSuresi {
  float: right;
  border: 1px solid #2eba4424;
  padding: 3px
}
#divTahminiTeslimatSuresi:before {
  content: '\f0d1';
  font-family: FontAwesome;
  color: #2eba44;
  font-weight: 300;
  float: left;
  line-height: 14px;
  margin-right: 8px;
  font-size: 15px
}
#divTahminiTeslimatSuresi .center_line,
#divTahminiTeslimatSuresi .left_line {
  display: inline-block;
  vertical-align: top;
  color: #2eba44;
  font-size: 13px;
  line-height: 16px
}
#divTahminiTeslimatSuresi .right_line {
  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 13px;
  line-height: 16px
}
.PiyasafiyatiContent {
  display: block;
  float: left
}
.PiyasafiyatiContent .center_line,
.PiyasafiyatiContent .left_line {
  display: none
}
.PiyasafiyatiContent .right_line {
  display: inline-block;
  vertical-align: top
}
.PiyasafiyatiContent .right_line * {
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
  text-decoration: line-through
}
.PiyasafiyatiContent .right_line .spanKdv {
  display: none!important;
  vertical-align: top
}
.IndirimliFiyatContent {
  display: block;
  float: left;
  margin-right: 11px
}
.IndirimliFiyatContent .center_line,
.IndirimliFiyatContent .left_line {
  display: none
}
.IndirimliFiyatContent .right_line {
  display: inline-block;
  vertical-align: top
}
.IndirimliFiyatContent .right_line * {
  display: inline-block;
  vertical-align: top
}
.IndirimliFiyatContent .right_line .spanKdv {
  display: none!important;
  vertical-align: bottom;
  font-size: 12px;
  line-height: 1
}
#divTurkLirasiFiyat {
  display: block
}
#divTurkLirasiFiyat .center_line,
#divTurkLirasiFiyat .left_line {
  display: none
}
#divTurkLirasiFiyat .right_line {
  display: inline-block
}
#divTurkLirasiFiyat .right_line * {
  display: inline-block!important;
  vertical-align: top
}
#divIndirimsizFiyat {
  display: block
}
#divIndirimsizFiyat .center_line,
#divIndirimsizFiyat .left_line {
  display: none
}
#divIndirimsizFiyat .right_line {
  display: inline-block;
  font-weight: 400
}
#divIndirimsizFiyat .right_line * {
  display: inline-block!important;
  vertical-align: top
}
#divIndirimsizFiyat .right_line .spanKdv {
  display: none!important;
  vertical-align: top
}
#divKDVDahilFiyat {
  display: block;
  float: left;
  margin-top: 8px
}
#divKDVDahilFiyat .left_line {
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
  margin-right: 5px
}
#divKDVDahilFiyat .center_line {
  display: none
}
#divKDVDahilFiyat .right_line * {
  display: inline-block!important;
  vertical-align: top
}
.PiyasafiyatiContent .right_line * {
  color: #000;
  font-size: 18px
}
#divIndirimsizFiyat .left_line,
#divIndirimsizFiyat .right_line,
#divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line *,
#divTurkLirasiFiyat .right_line *,
.IndirimliFiyatContent .right_line * {
  color: #fe6b00
}
#divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line *,
#divTurkLirasiFiyat .right_line *,
.IndirimliFiyatContent .right_line * {
  font-size: 24px;
  font-weight: 600
}
#divIndirimsizFiyat,
#divIndirimsizFiyat .left_line,
#divKDVDahilFiyat,
#divKDVDahilFiyat .left_line,
#divKDVDahilFiyat .right_line *,
#divTurkLirasiFiyat,
#divTurkLirasiFiyat .right_line *,
.IndirimliFiyatContent,
.IndirimliFiyatContent .right_line *,
.PiyasafiyatiContent,
.PiyasafiyatiContent .right_line * {
  line-height: 30px
}
body #divStokYok {
  float: left;
  width: 100%;
  margin: 20px 0 0;
  font-size: 14px;
  color: #000;
  font-weight: 400;
  text-align: center;
  padding: 5% 0;
  background-color: #f2f5f6;
  border-radius: 0
}
body #divStokYok:before {
  content: '\f057';
  font-family: FontAwesome;
  font-weight: 300;
  width: 100%;
  float: left;
  font-size: 30px;
  margin-bottom: 20px
}
#divEkstraBilgiler {
  float: left;
  clear: left;
  margin-top: 10px
}
#divEkstraBilgiler img {
  max-width: 100%;
  display: block
}
.btnnostok i.fa {
  font-family: FontAwesome
}
.UAddToCollection {
  display: none
}
#divUrunEkSecenek {
  float: left;
  position: relative
}
#divUrunEkSecenek .eksecenekLine {
  clear: none!important;
  margin: 15px 0 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: 16px;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  text-decoration: underline;
  margin-bottom: 12px
}
#divUrunEkSecenek .eksecenekLine .left_line:after {
  content: ':'
}
#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: 12px;
  position: relative;
  color: #000;
  font-weight: 400;
  margin-right: 8px;
  margin-bottom: 8px
}
#divUrunEkSecenek .eksecenekLine .right_line .size_box img {
  width: 100%;
  height: 100%;
  display: block
}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {
  width: 100%
}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {
  min-width: 100%;
  float: left;
  height: 30px;
  border: 1px solid #eaeaea;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  padding: 0 10px;
  background: #fff;
  border-radius: 5px
}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box {
  width: 30px
}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  padding: 0 4px;
  background-color: #fff;
  transition: .5s
}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child {
  margin-right: 0
}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {
  color: #fff;
  background: #37c7db;
  border-color: #37c7db
}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {
  color: #fff;
  background: #37c7db;
  border-color: #37c7db
}
#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);
  -webkit-transform: rotate(140deg)
}
.detailfilterblock {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  float: left;
  width: 100%
}
.detailfilterblock #divUrunKisiselNot {
  min-width: 224px;
  max-width: 224px;
  margin: 15px 0 8px
}
.detailfilterblock #divUrunKisiselNot div:first-child {
  font-size: 0
}
.detailfilterblock #divUrunKisiselNot div:first-child:before {
  content: 'Ürüne Özel Yazı:';
  font-size: 13px;
  float: left;
  text-decoration: underline;
  line-height: 16px;
  margin-bottom: 12px
}
.detailfilterblock #divUrunKisiselNot div input.textbox {
  border: 1px solid #eaeaea;
  border-radius: 5px;
  background-color: #fff;
  height: 35px;
  padding: 0 10px;
  color: #000;
  font-size: 12px;
  font-weight: 400
}
#IlgiliUrunDiv {
  float: left;
  width: 100%
}
.TopDet #IlgiliUrunDiv {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0
}
.TopDet #IlgiliUrunDiv #divIlgiliUrunler {
  padding: 0;
  margin: 0;
  background: 0 0;
  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: 0 0;
  padding: 0!important;
  margin: 0;
  border: none;
  font-size: 0;
  line-height: 0;
  font-weight: 400;
  color: #000
}
.TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1:before {
  content: 'Ürün Rengi:';
  float: left;
  width: 100%;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: underline;
  margin: 15px 0 13px
}
.TopDet #IlgiliUrunDiv .clear {
  display: none
}
.TopDet #IlgiliUrunDiv ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none
}
.TopDet #IlgiliUrunDiv ul li {
  float: left;
  width: 55px;
  margin-right: 7px;
  margin-bottom: 7px;
  border-radius: 0;
  overflow: hidden;
  border: 1px solid #eaeaea;
  transition: .5s
}
.TopDet #IlgiliUrunDiv ul li:hover {
  border-color: #37c7db
}
.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:before {
  display: none!important
}
.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
}
.TopDet #IlgiliUrunDiv ul li .productItem .divVideoPlayButton {
  display: none
}
.TopDet #IlgiliUrunDiv ul li .productItem .mycartIcon {
  display: none
}
#divSatinAl {
  float: left;
  width: 100%;
  margin: 20px 0 7px;
  padding: 0
}
.BasketBtn {
  float: left;
  position: relative;
  width: 100%
}
#divAdetCombo .right_line,
.RightDetail .riSingle {
  width: 160px
}
#divAdetCombo select,
#txtbxurunSiparisAdedi,
.RightDetail .riSingle a.riDown,
.RightDetail .riSingle a.riUp,
.basketBtn input,
.buyfast input {
  height: 55px!important
}
#divAdetCombo .left_line,
#divKombinSatinAl a,
.Basketinp p,
.RightDetail .riSingle a.riDown,
.RightDetail .riSingle a.riUp {
  line-height: 55px
}
#divAdetCombo {
  display: block!important;
  position: relative;
  float: left;
  clear: left
}
#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
}
.RightDetail .riSingle {
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 0
}
.RightDetail .riSingle a.riDown,
.RightDetail .riSingle a.riUp {
  width: 50px!important;
  font-size: 0;
  background: 0 0;
  top: 0;
  font-weight: 400;
  position: absolute;
  margin: 0!important;
  float: left;
  cursor: pointer;
  text-indent: 0;
  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
}
.RightDetail .riSingle a.riDown svg,
.RightDetail .riSingle a.riUp svg {
  width: 13px;
  display: none
}
.RightDetail .riSingle a.riDown path,
.RightDetail .riSingle a.riUp path {
  fill: #000
}
.RightDetail .riSingle a.riUp {
  left: auto;
  right: 0
}
.RightDetail .riSingle a.riDown {
  left: 0
}
.RightDetail .riSingle a.riUp:before {
  content: '+';
  float: left;
  font-size: 35px;
  font-weight: 300;
  color: #000;
  transition: .5s
}
.RightDetail .riSingle a.riDown:before {
  content: '-';
  float: left;
  font-size: 50px;
  font-weight: 200;
  color: #000;
  transition: .5s
}
.RightDetail .riSingle a.riDown:hover:before,
.RightDetail .riSingle a.riUp:hover:before {
  color: #37c7db
}
.Basketinp {
  display: block;
  position: relative;
  float: left;
  clear: left
}
.BasketBtn .left_line.lineTitle2,
.BasketBtn .pSatisBirimi {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  float: left;
  clear: left;
  line-height: 40px
}
#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
}
#divAdetCombo select,
#txtbxurunSiparisAdedi {
  background: #fff;
  color: #000;
  border: 1px solid #eaeaea;
  font-size: 19px;
  font-weight: 600;
  float: left;
  margin: 0;
  border-radius: 5px
}
#divKombinSatinAl,
.basketBtn,
.buyfast {
  float: left;
  margin: 0
}
#divKombinSatinAl a,
.basketBtn input,
.buyfast input {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  letter-spacing: 0;
  border: 1px solid #37c7db;
  border-radius: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  transition: .5s
}
.basketBtn {
  width: calc(100% - 160px);
  padding-left: 18px
}
#divKombinSatinAl a:hover,
.basketBtn input:hover,
.buyfast input:hover {
  background-color: #fff!important;
  color: #37c7db
}
.buyfast {
  width: 100%;
  margin: 18px 0 0 0;
  display: none
}
#divKombinSatinAl {
  margin: 18px 0 0 0;
  width: 100%
}
#divKombinSatinAl a {
  font-size: 14px;
  margin: 0!important
}
.kombinItem {
  border: 1px solid #37c7db!important
}
.ProductIcon {
  float: left;
  width: 100%
}
.ProductIcon .box1 {
  padding: 0;
  margin: 0;
  min-width: 0;
  background: 0 0;
  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 14px
}
.ProductIcon .box1 i {
  display: none
}
.ProductIcon .boxIcon {
  fill: #000;
  width: 50px;
  height: 50px;
  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
}
.ProductIcon .boxIcon svg {
  height: 22px
}
.ProductIcon > div {
  float: left;
  position: relative;
  position: relative;
  margin: 0 0 10px;
  width: 33.33%
}
.ProductIcon > div > a {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start
}
.ProductIcon > div.UTelefonlaSiparis,
.ProductIcon > div.UrunKargoBedava {
  display: none!important
}
.UFavorilerimeEkle .boxIcon {
  display: none
}
.UFavorilerimeEkle a {
  font-size: 0
}
.UFavorilerimeEkle a:before {
  content: '\f004';
  float: left;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #fff;
  font-family: Fontawesome;
  color: #37c7db;
  font-size: 20px;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .5s
}
.UFavorilerimeEkle a:hover:before {
  font-weight: 600
}
.UFavorilerimeEkle a#aFavroriCikarBtn:before {
  font-weight: 600
}
.ProductIcon2 {
  float: left;
  width: 100%
}
.ProductIcon2 .clear {
  display: none
}
.ProductIcon2 #divSocialButtons {
  width: 100%
}
.ProductIcon2 > div {
  float: left;
  width: 33.33%;
  margin-bottom: 10px;
  position: relative
}
.ProductIcon2 > div > a {
  margin: 0;
  padding: 0;
  font-size: 14px;
  background: 0 0;
  color: #000;
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start
}
.ProductIcon2 > div > a:hover {
  color: #000;
  background: 0 0!important
}
.ProductIcon2 .boxIcon {
  fill: #000;
  width: 50px;
  height: 50px;
  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
}
.ProductIcon2 .boxIcon svg {
  height: 22px
}
.product-share {
  float: left;
  margin-right: 10px
}
.TopList .product-share {
  display: inline-block!important
}
.product-share a {
  float: left;
  transition: .5s
}
.product-share a span {
  float: left;
  font-size: 0;
  color: #d8d8d8;
  font-weight: 700;
  line-height: 0
}
.product-share a:before {
  content: '\f1e0';
  font-family: FontAwesome;
  font-size: 20px;
  color: #37c7db;
  float: left;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  font-weight: 300;
  transition: .5s
}
.product-share a:hover:before {
  font-weight: 600
}
#paylasModal.product-social-icon-wrapper {
  float: left;
  width: 500px;
  text-align: center;
  padding: 20px
}
#paylasModal.product-social-icon-wrapper .pcon {
  float: left;
  width: 100%;
  border: 1px solid #000;
  padding-bottom: 45px
}
#paylasModal.product-social-icon-wrapper .paylasTitle {
  float: left;
  width: 100%;
  color: #000
}
#paylasModal.product-social-icon-wrapper .paylasTitle p {
  font-size: 32px
}
#paylasModal.product-social-icon-wrapper ul {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0
}
#paylasModal.product-social-icon-wrapper ul li {
  float: left;
  margin-right: 10px;
  list-style-type: none
}
#paylasModal.product-social-icon-wrapper ul li:last-child {
  margin-right: 0
}
#paylasModal.product-social-icon-wrapper li a {
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 30px;
  border: 1px solid #000;
  text-align: center;
  border-radius: 5px
}
#paylasModal.product-social-icon-wrapper li a i {
  line-height: 50px
}
.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
}
.urunOzellikTab {
  display: none
}
.urunOzellik {
  float: left;
  width: 100%;
  margin: 20px 0;
  display: block
}
.urunOzellik .urunTab {
  float: left;
  width: 100%
}
.urunOzellik .urunTab ul {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: space-around
}
.urunOzellik .urunTab > ul > li {
  float: left;
  padding-right: 16px;
  width: 100%
}
.urunOzellik .urunTab > ul > li:last-child {
  margin-right: 0;
  padding-right: 0
}
.urunOzellik .urunTab > ul > li > a {
  cursor: pointer;
  color: #000;
  font-size: 15px;
  float: left;
  font-weight: 600;
  background: #f7f7f7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  float: left;
  width: 100%;
  text-align: center
}
.urunOzellik .urunTab > ul > li > a span {
  font-weight: 600
}
.urunOzellik .urunTab > ul > li.active > a {
  background: #37c7db;
  color: #fff
}
.urunDetayPanel {
  float: left;
  width: 100%;
  clear: none!important;
  border: none;
  padding: 20px 25px;
  background: #fafafa
}
.urunTabAlt strong {
  font-weight: 700
}
.urunTabAlt #txtOneriMail {
  margin: 0;
  height: 30px;
  padding: 0 10px;
  width: 100%!important;
  border-width: 1px
}
.urunTabAlt #txtOneriNot {
  margin: 0;
  padding: 10px;
  width: 100%!important;
  background: #fff
}
.urunTabAlt {
  font-family: muli,sans-serif!important;
  padding: 0;
  float: left;
  width: 100%;
  line-height: 20px
}
.urunTabAlt * {
  font-family: muli,sans-serif!important
}
#divTabOzellikler .urunTabAlt * {
  font-size: 13px;
  color: #000;
  line-height: 16px
}
.urunTabAlt i {
  font-family: FontAwesome!important
}
.urunTabAlt img {
  max-width: 100%!important
}
.urunTabAlt iframe {
  max-width: 100%!important
}
.urunTabAlt .button {
  padding: 10px 5px;
  color: #fff
}
.tabUrunOneriler ul {
  list-style: none;
  padding: 0;
  margin: 0
}
.tabUrunOneriler ul li {
  float: left;
  width: 100%
}
.oneriValidate .validate {
  top: 0;
  padding: 5px
}
.urunTabAlt ul li {
  margin-bottom: 5px;
  clear: both
}
.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
}
#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: 700;
  width: 100%;
  text-align: center;
  line-height: 30px;
  margin: 10px 0
}
#divEtiketler a {
  color: #696d71;
  font-size: 13px
}
#divEtiketler a:hover {
  text-decoration: underline
}
#mainHolder_divDesign .JKatAdi.categoryTitle,
.JKatAdi {
  float: left;
  position: relative;
  width: 100%;
  padding: 0!important;
  margin: 0 0 22px 0!important
}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold,
.JKatAdi .bold {
  display: block;
  float: left;
  width: 100%;
  text-align: left;
  position: relative
}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
.JKatAdi .bold .satir1 {
  line-height: 28px;
  color: #dd6d43;
  font-size: 22px;
  font-weight: 700;
  float: left;
  padding: 3px 0 0 15px!important;
  position: relative;
  z-index: 1;
  border-left: 2px solid #37c7db
}
#divInstashopResim .owl-carousel .owl-nav {
  display: block!important
}
#mainHolder_divDesign .owl-carousel .owl-nav,
.owl-carousel .owl-nav {
  z-index: 2;
  position: absolute;
  right: -50px;
  left: -50px;
  top: 40%
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev,
.owl-carousel .owl-nav .InstaGalleryprev,
.owl-carousel .owl-nav .ProductListprev {
  left: 0
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext,
.owl-carousel .owl-nav .InstaGallerynext,
.owl-carousel .owl-nav .ProductListnext {
  right: 0
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev,
.owl-carousel .owl-nav .InstaGallerynext,
.owl-carousel .owl-nav .InstaGalleryprev,
.owl-carousel .owl-nav .ProductListnext,
.owl-carousel .owl-nav .ProductListprev {
  background: #fff;
  border-radius: 50%;
  border: 1px solid #37c7db;
  width: 35px;
  height: 35px;
  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;
  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;
  transition: .5s
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover,
.owl-carousel .owl-nav .InstaGalleryprev:hover,
.owl-carousel .owl-nav .ProductListprev:hover {
  background: #37c7db
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover,
.owl-carousel .owl-nav .InstaGallerynext:hover,
.owl-carousel .owl-nav .ProductListnext:hover {
  background: #37c7db
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,
.owl-carousel .owl-nav .InstaGallerynext:before,
.owl-carousel .owl-nav .InstaGalleryprev:before,
.owl-carousel .owl-nav .ProductListnext:before,
.owl-carousel .owl-nav .ProductListprev:before {
  font-family: FontAwesome;
  font-size: 15px;
  line-height: 33px;
  font-weight: 300;
  color: #37c7db;
  transition: .5s
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover:before,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover:before,
.owl-carousel .owl-nav .InstaGallerynext:hover:before,
.owl-carousel .owl-nav .InstaGalleryprev:hover:before,
.owl-carousel .owl-nav .ProductListnext:hover:before,
.owl-carousel .owl-nav .ProductListprev:hover:before {
  color: #fff
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,
.owl-carousel .owl-nav .InstaGalleryprev:before,
.owl-carousel .owl-nav .ProductListprev:before {
  content: '\f053'
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before,
.owl-carousel .owl-nav .InstaGallerynext:before,
.owl-carousel .owl-nav .ProductListnext:before {
  content: '\f054'
}
#mainHolder_divDesign .owl-carousel .owl-dots,
.owl-carousel .owl-dots {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  bottom: 0!important;
  position: relative!important
}
#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot,
.owl-carousel .owl-dots .owl-dot {
  width: 11px;
  height: 11px;
  background: #fff;
  border: 1px solid #37c7db;
  margin: 0 2px!important;
  display: inline-block;
  vertical-align: super!important;
  border-radius: 50%
}
#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot span,
.owl-carousel .owl-dots .owl-dot span {
  display: none!important
}
#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active,
.owl-carousel .owl-dots .owl-dot.active {
  background: #37c7db;
  width: 31px;
  border-radius: 15px
}
#mainHolder_divDesign .anasayfa_tek_slider .owl-nav {
  left: 15px;
  right: 15px
}
#mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListnext,
#mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListprev {
  width: 45px;
  height: 45px;
  border-color: #fff
}
#mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListnext:before,
#mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListprev:before {
  font-size: 20px
}
#mainHolder_divDesign .anasayfa_tek_slider .owl-dots {
  bottom: 14px!important;
  position: absolute
}
.sliderBannerContainer {
  float: left;
  width: 100%;
  position: relative;
  margin: 0
}
.sliderBannerContainer .Block_Link {
  display: none
}
.sliderBannerContainer .ProductList {
  display: block!important;
  margin: 0 auto
}
.sliderBannerContainer .Jbutonlar {
  display: none
}
.sliderBannerContainer .jCarouselLite {
  float: left;
  width: 100%
}
.sliderBannerContainer .productItem {
  padding-bottom: 1px
}
.detaySliderContainer {
  float: left;
  width: 100%;
  position: relative;
  margin: 5vh 0
}
.detaySliderContainer .ProductList {
  display: block!important;
  margin: 0 auto
}
.detaySliderContainer .Jbutonlar {
  display: none
}
.detaySliderContainer .jCarouselLite {
  float: left;
  width: 100%
}
.detaySliderContainer .owl-carousel .owl-stage,
.sliderBannerContainer .owl-carousel .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap
}
.detaySliderContainer .owl-carousel li,
.sliderBannerContainer .owl-carousel li {
  height: 100%
}
.detaySliderContainer .productItem {
  padding-bottom: 1px
}
#pnlSlider {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0
}
#pnlSlider ul {
  list-style: none;
  padding: 0;
  margin: 0
}
#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: 20px;
  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;
  background: #fff
}
#pnlSlider .flex-control-paging li a.flex-active {
  background: #000
}
#pnlSlider .flex-direction-nav {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 45%
}
#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-next,
#pnlSlider .flex-direction-nav .flex-prev {
  color: #fff;
  border: none;
  background: 0 0;
  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-next:before,
#pnlSlider .flex-direction-nav .flex-prev:before {
  font-size: 0
}
#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;
  background: #fff;
  text-align: center
}
#pnlSlider .HPSItems .flex-control-thumbs li {
  display: inline-block;
  vertical-align: top;
  float: none;
  max-width: 100%
}
#pnlSlider .HPSItems .flex-control-thumbs img {
  opacity: 1
}
.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%
}
.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: muli,sans-serif!important
}
#mainHolder_UrunDetay_imgCookie {
  display: none!important
}
.product_social_icon_wrapper {
  display: none
}
.HesabimContainer .urunDetayPanel {
  max-height: 100%
}
.orders {
  width: 100%
}
.TumKategoriler {
  display: none
}
.mobilMenuAcButton,
.mycartClick,
.searchClick,
.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%
}
/* Cart and checkout */
.sepetimBody .Basketstep ul li.pasif {
  opacity: 1
}
.sepetimBody ul {
  padding: 0;
  margin: 0;
  list-style: none
}
.sepetimBody .sepetItemB1 span.KampanyaTanimSpan {
  display: inline-block
}
#divOnyazi::-webkit-scrollbar,
.CartProduct .SProduct::-webkit-scrollbar,
.ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar,
.SepetBlockInfo::-webkit-scrollbar,
.SmallImages::-webkit-scrollbar,
.UrunGuruplari .Block_Text::-webkit-scrollbar,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar,
.mobilMenu .menuIcerikAlan::-webkit-scrollbar,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar,
.mobilMenu .navUl > li > ul::-webkit-scrollbar,
.searchContent ul::-webkit-scrollbar,
.urunTabAlt::-webkit-scrollbar,
.yanResimliMenu .KatMenu1::-webkit-scrollbar,
body .kombinContent ul::-webkit-scrollbar {
  width: 6px
}
#divOnyazi::-webkit-scrollbar-track,
.CartProduct .SProduct::-webkit-scrollbar-track,
.ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track,
.SepetBlockInfo::-webkit-scrollbar-track,
.SmallImages::-webkit-scrollbar-track,
.UrunGuruplari .Block_Text::-webkit-scrollbar-track,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track,
.mobilMenu .menuIcerikAlan::-webkit-scrollbar-track,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-track,
.mobilMenu .navUl > li > ul::-webkit-scrollbar-track,
.searchContent ul::-webkit-scrollbar-track,
.urunTabAlt::-webkit-scrollbar-track,
.yanResimliMenu .KatMenu1::-webkit-scrollbar-track,
body .kombinContent ul::-webkit-scrollbar-track {
  background: #fff
}
#divOnyazi::-webkit-scrollbar-thumb,
.CartProduct .SProduct::-webkit-scrollbar-thumb,
.ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb,
.SepetBlockInfo::-webkit-scrollbar-thumb,
.SmallImages::-webkit-scrollbar-thumb,
.UrunGuruplari .Block_Text::-webkit-scrollbar-thumb,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb,
.mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb,
.mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb,
.searchContent ul::-webkit-scrollbar-thumb,
.urunTabAlt::-webkit-scrollbar-thumb,
.yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb,
body .kombinContent ul::-webkit-scrollbar-thumb {
  background: #f1f1f1
}
#AdresContent .button,
.BasketPage .OdemeMenu ul li.activeMenu > a,
.SepetUst,
.baglanButton,
.menuUstBolum,
.pageNumberContent a:hover,
.sepetimBody .Basketstep ul li.aktif,
.siparisOzetTakip,
.tooltip-inner,
.welcome.active,
body .button,
body .category-vertical-filters.top-filters .FiltreUst,
body.sepetimBody .basketCompletebtn {
  background: #37c7db
}
.OdemeMenu ul li.activeMenu,
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2),
.pageNumberContent a:hover,
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir {
  border-color: #37c7db
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-top-color: #37c7db
}
.tooltip.right .tooltip-arrow {
  border-right-color: #37c7db
}
.tooltip.left .tooltip-arrow {
  border-left-color: #37c7db
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #37c7db
}
.baglanButton {
  border-color: transparent
}
.Basketstep ul li:before {
  border: 1px solid #37c7db
}
.sepetimBody .Basketstep ul li.aktif:after {
  border-top-color: #37c7db
}
.BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check,
.BasketPage .Basketstep ul li.pasif i,
.BasketPage .cargoInformation div.cargoName span,
.BasketPage .faturaAdresBtn.active,
.BasketPage .sepetItemB4,
.Basketstep ul li.gecti span,
.Basketstep ul li.onestepsec span,
.Basketstep ul li.pasif i,
.TeslimatAdresTittle,
.adresAyniBtn.active,
.iletisimContent .categoryTitle .categoryTitleText,
.sepetTitle .st_1,
.sepetTitle .st_1:before,
a.YeniAdresEkle,
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span,
body #divToplamOdeme,
body .BasketRigth ul li.genelToplam .tut,
body .sepetTitle2 .st_1,
body .sepetTitle2 .st_1:before,
body .siparisUrunUyariSecenek .siparisUrunDurumBaslik,
body.sepetimBody .mobileAddition > .addition-content > .TotalPrice,
body.sepetimBody .mobileAddition > .addition-content::before {
  color: #37c7db
}
#AdresContent .button:hover,
.BasketPage #hed div.hediCekForm a:hover,
.BasketPage .OdemeMenu ul li:hover > a,
.BasketPage .alisverisedevamet:hover,
.BasketPage a.YeniAdresEkle:hover,
.KasaOnuFirsatlarContent ul li a.button:hover,
.ProductIcon2 > div > a:hover,
.basketCompletebtn:hover,
.button:hover,
.userLoginBtn:hover,
.userSignBtn:hover {
  background: #37c7db
}
.BasketPage .AdresItemAlt a:hover,
.BasketPage .faturaAdresBtn:hover,
.BasketPage .sepet-sil:hover:before,
.BasketPage .sepetTitle2 a:hover,
.BasketPage .sepetiTemizle:hover,
.CartProduct .SProduct li a:nth-child(2):hover *,
.adresAyniBtn:hover,
.baglanButton:hover,
.headerSocialConnect .baglanButton a:hover {
  color: #37c7db
}
.BasketPage .OdemeMenu ul li:hover > a,
.BasketPage .alisverisedevamet:hover,
.BasketPage a.YeniAdresEkle:hover,
.CartProduct .headerCartBtn:hover,
.OdemeMenu ul li:hover,
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover {
  border-color: #37c7db
}
.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
}
.KasaOnuFirsatlarContent ul li a.button:hover {
  border: none!important
}
.BasketPage a.YeniAdresEkle:hover {
  color: #fff!important
}
.baglanButton:hover {
  background: 0 0
}
body .adresGir .kirmiziButon:hover {
  background: #9e1a20!important;
  color: #fff!important
}
body .adresGir .yesilButon:hover {
  background: #406d20!important;
  color: #fff!important
}
.divRelatedProductsPopup .ulRelatedProducts {
  list-style: none;
  padding: 0;
  margin: 0
}
.bottomHead {
  display: none
}
#divSliderYani {
  display: none
}
body {
  background: #fff
}
#logo .htop {
  display: none
}
.htop {
  float: left;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center
}
.htop .ticiContainer {
  text-align: center;
  display: flex!important;
  align-items: center;
  justify-content: center
}
.htop .ticiContainer:after,
.htop .ticiContainer:before {
  display: none!important
}
.headerleft {
  float: left;
  width: 50%;
  padding-right: 100px
}
.headerButton {
  float: right;
  width: 50%;
  padding-left: 100px
}
.FooterIcons {
  float: left;
  width: 100%;
  margin: 20px 0 5px
}
.FooterIcons ul {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: stretch;
  justify-content: center;
  float: left;
  width: 100%
}
.FooterIcons ul li {
  float: left;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  margin: 0 .8vw 50px;
  padding-bottom: 20px
}
.FooterIcons ul li:after {
  content: '';
  background-color: #37c7db;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 2px
}
.FooterIcons ul li span {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 20px;
  padding-top: 5px
}
.FooterIcons ul li span b {
  font-weight: 700;
  display: block
}
.FooterIcons ul li.footerwp {
  cursor: pointer
}
.tooltip {
  position: absolute;
  z-index: -1;
  display: none;
  font-size: 12px;
  line-height: 16px;
  opacity: 0;
  visibility: visible;
  -webkit-animation: fadein .3s;
  -moz-animation: fadein .3s;
  -ms-animation: fadein 0.3s;
  -o-animation: fadein .3s;
  animation: fadein .3s;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0!important;
  text-align: center
}
.tooltip.in {
  opacity: 1;
  z-index: 1030;
  display: block
}
.tooltip-inner {
  min-width: 90px;
  padding: 0;
  line-height: 16px;
  color: #000;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  background: 0 0;
  border-radius: 0;
  font-weight: 400
}
.tooltip-arrow {
  display: none
}
.toproundlist {
  float: left;
  width: 100%;
  padding: 14px 0
}
.toproundlist ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 65px;
  list-style: none
}
.toproundlist ul li {
  display: none;
  float: left;
  width: 100%
}
.toproundlist ul .owl-item li {
  display: block
}
.toproundlist ul li a {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center
}
.toproundlist ul li a strong {
  border-radius: 50%;
  border: 2px solid #37c7db;
  transition: .5s
}
.toproundlist ul li a strong img {
  border-radius: 50%
}
.toproundlist ul li a:hover strong {
  border-color: #dd6d43
}
.toproundlist ul li a span {
  color: #313131;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  margin-top: 6px
}
#mainHolder_divDesign .toproundlist .owl-dots {
  display: none
}
#mainHolder_divDesign .toproundlist .owl-nav {
  top: 25%!important;
  left: 0;
  right: 0
}
#mainHolder_divDesign .toproundlist .owl-nav .ProductListnext,
#mainHolder_divDesign .toproundlist .owl-nav .ProductListprev {
  width: 25px;
  height: 25px
}
#mainHolder_divDesign .toproundlist .owl-nav .ProductListnext:before,
#mainHolder_divDesign .toproundlist .owl-nav .ProductListprev:before {
  line-height: 23px;
  font-size: 12px
}
.detailslogan {
  float: left;
  width: 100%;
  background: #dd6d43;
  display: inline-flex;
  min-height: 55px;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 25px;
  padding: 5px 10px
}
.detailslogan p {
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center
}
.detailslogan p b {
  font-size: 13px;
  font-weight: 600;
  margin: 0 3px
}
.detailslogan:before {
  content: '';
  float: left;
  width: 37px;
  height: 29px;
  background: url(https://static.ticimax.cloud/53013/customcss/images/detailsloganicon.svg) no-repeat left center;
  background-size: 100%;
  margin-right: 11px
}
.categoybannerhtml {
  float: left;
  width: 100%;
  margin-bottom: 20px
}
.categoybannerhtml a {
  float: left;
  width: 100%
}
.categoybannerhtml a img {
  float: left;
  width: 100%
}
.categoyfilterhtml {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px
}
.categoyfilterhtml h1 {
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #dd6d43;
  line-height: 18px;
  margin-bottom: 16px
}
.categoyfilterhtml ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none
}
.categoyfilterhtml ul li {
  display: inline-block;
  margin-right: 10px
}
.categoyfilterhtml ul li a {
  float: left;
  display: flex;
  border: 1px solid #bebebe;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f8f8f8;
  color: #707070;
  font-size: 13px;
  font-weight: 600;
  min-height: 35px;
  padding: 2px 6px 0;
  transition: .5s
}
.categoyfilterhtml ul li a.active {
  border-color: #37c7db;
  background-color: #37c7db;
  color: #fff
}
.categoyfilterhtml ul li a:hover {
  border-color: #37c7db;
  background-color: #37c7db;
  color: #fff
}
.categoyfilterhtml .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  margin: 0 auto
}
.AcordionPage {
  float: left;
  width: 100%;
  padding: 0 10px
}
.AcordionPage .AcordionTitle {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #dd6d43;
  margin-bottom: 40px
}
.AcordionPage .acordion-Body {
  float: left;
  width: 100%
}
.AcordionPage .acordion-Body .acordion-tab-content {
  float: left;
  width: 100%;
  height: 100%
}
.AcordionPage .acordion-Body .acordion-tab-content .tab-items {
  float: left;
  width: 100%;
  height: 100%;
  display: none
}
.AcordionPage .acordion-Body .acordion-tab-content .tab-items.Show {
  display: block
}
.AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents {
  float: left;
  width: 100%
}
.AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion {
  float: left;
  width: 100%
}
.AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion .boxs {
  margin-bottom: 15px;
  float: left;
  width: 100%
}
.AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion .boxs .T {
  position: relative;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  background-color: #37c7db;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  min-height: 55px
}
.AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion .boxs .T:before {
  content: '\f0da';
  font-size: 29px;
  margin-right: 10px;
  position: relative;
  color: #fff;
  position: absolute;
  right: 20px;
  font-family: FontAwesome;
  font-weight: 600
}
.AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion .boxs.Active > .T::before {
  content: '\f0d7'
}
.AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion .boxs .content {
  display: none;
  font-size: 13px;
  line-height: 20px;
  color: #000;
  padding: 0;
  background: #fff
}
.AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents > p {
  padding: 10px 0 0;
  font-size: 13px;
  line-height: 20px;
  color: #000;
  margin-bottom: 22px
}
.AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents > h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 500
}
.hometitle {
  float: left;
  width: 100%;
  border-left: 2px solid #37c7db;
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  margin: 5px 0 22px;
  align-items: flex-start;
  justify-content: flex-start;
  background: #fff
}
.hometitle strong {
  color: #dd6d43;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 3px
}
.hometitle span {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px
}
.homebannerslider {
  float: left;
  width: 100%;
  margin: 5px 0
}
.homebannerslider ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none
}
.homebannerslider ul li {
  float: left;
  width: 100%
}
#mainHolder_divDesign .homebannerslider .owl-nav {
  display: none
}
.giftblock {
  float: left;
  width: 100%
}
.giftblock .formArea {
  float: left;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 420px;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
  padding-right: 43%;
  align-items: center;
  justify-content: center;
  background: url(/53013/uploads/images/hediye-banner.jpg)
}
.giftblock .formArea .giftblock-title {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center
}
.giftblock .formArea .giftblock-title strong {
  font-size: 66px;
  line-height: 73px;
  font-weight: 400;
  color: #dd6d43;
  margin-bottom: 12px;
  font-family: Befalow
}
.giftblock .formArea .giftblock-title span {
  font-size: 50px;
  line-height: 64px;
  font-weight: 500;
  color: #37c7db;
  font-family: FuturaBT-Medium
}
.giftblock .formArea .searchCat {
  width: 100%;
  float: left
}
.giftblock .formArea .searchCat .jk {
  width: 100%;
  float: left;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center
}
.giftblock .formArea .searchCat .jk .Arama-Kriter {
  float: left;
  width: 100%;
  max-width: 545px
}
.giftblock .formArea .searchCat .jk .Arama-Kriter > div {
  width: 33.33%;
  float: left;
  padding: 0 18px
}
.giftblock .formArea .searchCat .jk .Arama-Kriter > div.formBtn {
  width: 100%;
  margin-top: 50px;
  text-align: center
}
.giftblock .formArea .searchCat .jk .Arama-Kriter .Arama-Select select {
  float: left;
  width: 100%;
  height: 33px;
  text-indent: 0;
  font-size: 20px;
  color: #000;
  font-weight: 500;
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0;
  padding: 0 0 0 17px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(https://static.ticimax.cloud/53013/customcss/images/bottomarrow.svg) no-repeat left 10px
}
.giftblock .formArea .searchCat .jk #SonucBul {
  width: 100%;
  max-width: 200px;
  border: none;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  background: #37c7db;
  display: inline-block;
  vertical-align: top;
  line-height: 50px;
  border-radius: 0;
  padding-top: 5px;
  transition: .5s
}
.giftblock .formArea .searchCat .jk #SonucBul:hover {
  background: #fff;
  color: #37c7db
}
.giftblock .formArea .searchCat .jk .Arama-Kriter .Arama-Select select option {
  background: #fff;
  color: #000;
  font-size: 15px;
  margin: 10px 0
}
.popcat {
  float: left;
  width: 100%
}
.popcat .popcat-content {
  float: left;
  width: 100%;
  margin: 15px 0 25px
}
.popcat .popcat-content div.popcatcol {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.popcat .popcat-content div.popcatcol ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start
}
.popcat .popcat-content div.popcatcol ul li * {
  float: left;
  width: 100%
}
.popcat .popcat-content div.popcatcol ul li span {
  color: #dd6d43;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  margin-bottom: 19px
}
.popcat .popcat-content div.popcatcol ul li a {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 15px
}
.popcat .popcat-content div.popcatcol ul li.last a {
  color: #37c7db;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 15px;
  position: relative;
  width: auto;
  margin-top: 10px
}
.popcat .popcat-content div.popcatcol ul li.last a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 10px;
  bottom: -3px;
  height: 1px;
  background: #37c7db
}
.popcat .popcat-content div.popcatcol div.popcatimage {
  width: 100%
}
#mainHolder_divDesign .popcat .popcat-content .owl-dots {
  display: none
}
#mainHolder_divDesign .popcat .popcat-content .owl-nav {
  top: calc(50% - 17px)
}
.popvideo {
  float: left;
  width: 100%
}
.popvideo .popvideo-content {
  float: left;
  width: 100%
}
.popvideo .popvideo-content .popvideocol {
  float: left;
  width: 100%
}
.popvideo .popvideo-content .popvideocol .popvideoimage {
  float: left;
  width: 100%;
  position: relative
}
.popvideo .popvideo-content .popvideocol .popvideoimage > div {
  float: left;
  width: 100%;
  position: relative
}
.popvideo .popvideo-content .popvideocol .popvideoimage > div:before {
  content: "";
  background: 0 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  top: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute
}
.popvideo .popvideo-content .popvideocol .popvideoimage img {
  float: left;
  width: 100%
}
.popvideo .popvideo-content .popvideocol .popvideoimage video {
  float: left;
  width: 100%
}
.popvideo .popvideo-content .popvideocol .popvideoimage a {
  position: relative;
  background: #37c7db;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  min-height: 35px;
  color: #fff;
  font-weight: 500;
  font-family: FuturaBT-Medium;
  transition: .5s
}
.popvideo .popvideo-content .popvideocol span {
  color: #000;
  text-align: left;
  font-size: 12px;
  line-height: 25px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  width: auto;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.popvideo .popvideo-content .popvideocol ul {
  float: left;
  width: calc(100% + 5px);
  margin: 0 -2.5px;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: stretch;
  justify-content: center
}
.popvideo .popvideo-content .popvideocol ul li {
  margin: 0 2.5px
}
.popvideo .popvideo-content .popvideocol ul li img {
  border-radius: 3px
}
#mainHolder_divDesign .popvideo .popvideo-content .owl-dots {
  display: none
}
#mainHolder_divDesign .popvideo .popvideo-content .owl-nav {
  top: calc(50% - 17px)
}
.menutext {
  display: none
}
.htop .htopmobil {
  display: none
}
.Countmob {
  display: none
}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.CountLi {
  display: none
}
h1.categoryName {
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #dd6d43;
  line-height: 18px;
  margin-bottom: 16px;
  text-transform: uppercase
}
.mobilstickytext {
  display: none
}
.drift-container {
  display: none
}
.drift-container.drift-index {
  display: block
}
.categoryContainer.searchContainer .categoryName {
  float: left;
  width: 100%;
  text-align: center;
  margin: 20px 0 10px;
  font-weight: 700
}
.imageslidelist {
  float: left;
  width: 100%
}
.imageslidelist .imageslidelist-content {
  float: left;
  width: 100%
}
.imageslidelist .imageslidelist-content .imageslide {
  float: left;
  width: 100%
}
.imageslidelist .imageslidelist-content .imageslide #UrunSlide1 {
  float: left;
  width: 100%
}
.imageslidelist .imageslidelist-content .imageslide #UrunSlide2 {
  float: left;
  width: 100%
}
.imageslidelist .imageslidelist-content .imageslide .ProductList {
  display: block
}
.headerbanner2 {
  display: none
}
body.sepetimBody .headerbanner2 {
  display: block
}
body.sepetimBody .htop {
  display: none
}
.headerbanner2 {
  float: left;
  width: 100%;
  background: #eaeaea
}
.headerbanner2 .MobilBanner {
  display: none
}
.BasketRigth li.genelToplam:after,
.Odeme-RightLine.genelToplam:after {
  content: "*Vergiler dahil ücret";
  display: block;
  clear: left;
  text-align: right;
  font-size: 11px;
  font-weight: 500;
  padding-top: 4px;
  color: #212529
}
.sepetimBody .BasketDetailSepetList .sepetItemContent .sepetItemB.sepetItemB1 span.UrunHizliKargo {
  color: #00c0ac;
  margin-top: 6px
}
.sepetimBody .BasketDetailSepetList .sepetItemContent .sepetItemB.sepetItemB1 span.UrunHizliKargo:before {
  content: '\f467';
  font-family: FontAwesome;
  font-size: 13px;
  margin-right: 5px;
  font-weight: 300
}
.sepetimBody .BasketRigth .sepetHizliKargo {
  padding-top: 10px;
  margin-top: 15px;
  font-weight: 600;
  font-size: 13px;
  color: #292929;
  border-top: 1px solid #eee;
  text-align: center
}
.sepetimBody .BasketRigth ul li.sepetHizliKargo span {
  color: #00bf68;
  font-weight: 400;
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  float: none;
  width: auto!important;
  margin: 0
}
.sepetimBody .BasketRigth ul li.sepetHizliKargo span.tut {
  display: inline-block;
  vertical-align: top;
  float: none;
  color: #292929
}
.sepetimBody .BasketRigth ul li.sepetHizliKargo span.tut:before {
  display: none
}
.sepetimBody .BasketRigth ul li.sepetHizliKargo span:before {
  content: '\f48b';
  font-family: FontAwesome;
  font-size: 13px;
  line-height: 19px;
  margin-right: 4px;
  color: #00bf68;
  display: inline-block;
  vertical-align: top;
  font-weight: 300
}
.sepetimBody.popupSepet .BasketRigth ul li.sepetHizliKargo span:before {
  font-family: FontAwesomePro
}
.sepetimBody #divSiparisTutarOzet .Odeme-RightLine.sepetHizliKargo {
  padding-top: 10px;
  margin-top: 15px;
  font-weight: 600;
  font-size: 13px;
  color: #292929;
  border-top: 1px solid #eee;
  text-align: center
}
.sepetimBody #divSiparisTutarOzet .Odeme-RightLine.sepetHizliKargo .Left {
  color: #00bf68;
  font-weight: 400;
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  float: none;
  width: auto
}
.sepetimBody #divSiparisTutarOzet .Odeme-RightLine.sepetHizliKargo .Right {
  display: inline-block;
  vertical-align: top;
  float: none;
  color: #292929;
  font-family: source sans pro;
  padding: 0 10px;
  width: auto
}
.sepetimBody #divSiparisTutarOzet .Odeme-RightLine.sepetHizliKargo .Right:before {
  display: none
}
.sepetimBody #divSiparisTutarOzet .Odeme-RightLine.sepetHizliKargo .Left:before {
  color: #00bf68;
  content: '\f0d1';
  font-family: FontAwesome;
  font-weight: 300;
  float: left;
  line-height: 20px;
  margin-right: 8px;
  font-size: 15px
}
#header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  z-index: 1000;
  width: 100%;
  border: none;
  transition: top .3s ease-in-out;
  background: #fff
}
#header.fixed .htop {
  display: none
}
#header.fixed .headerContent {
  transition: .5s
}
#header.fixed #logo .logo {
  max-width: 170px
}
#logo .logo,
#logo .logo img {
  transition: .5s
}
body.headerfixed {
  padding-top: 201px!important
}
@media (min-width:1042px) {
  .sortingContent {
    display: block!important
  }
  .col-5li {
    width: 20%
  }
  .mobilMenu {
    display: none
  }
  .leftBlock .category-vertical-filters {
    border: none!important;
    padding: 0!important;
    float: left;
    width: 100%
  }
  .leftBlock .category-vertical-filters .panel-heading {
    border-bottom: none!important;
    padding: 0!important;
    margin: 0 0 15px 0!important;
    float: left;
    width: 100%;
    cursor: pointer
  }
  .leftBlock .category-vertical-filters .panel-heading:after {
    content: '\f068';
    float: right;
    color: #dd6d43;
    font-family: FontAwesome;
    font-size: 12px
  }
  .leftBlock .category-vertical-filters .panel-heading.active:after {
    content: '\f067'
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group {
    float: left;
    width: 100%;
    padding-top: 2px
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group.fiyat {
    padding-top: 18px
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .FiyatSlider {
    float: left;
    width: 100%;
    padding-top: 10px
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .FiyatTextBox {
    float: left;
    width: 100%
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .FiyatTextBox input {
    float: left;
    width: calc(33.33% - 5px);
    border-radius: 3px;
    border: 1px solid #bebebe;
    font-size: 11px;
    font-weight: 400;
    height: 29px;
    padding: 2px 1px 0;
    text-align: center;
    margin-right: 5px
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .FiyatTextBox button {
    float: left;
    width: 33.33%;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #37c7db;
    background: #37c7db;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    height: 29px;
    padding: 0 1px 0;
    text-align: center;
    line-height: 26px
  }
  .leftBlock .category-vertical-filters .FiyatTextBox input[type=text].filterPrice2 {
    margin-left: 0
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .panel-search {
    float: left;
    width: 100%
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .panel-search input {
    float: left;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #f5f5f5;
    font-size: 12px;
    font-weight: 400;
    color: #777;
    height: 30px;
    padding: 2px 25px 2px 14px;
    margin-bottom: 10px;
    background: url(https://static.ticimax.cloud/53013/customcss/images/filtersearch.svg) no-repeat center right 10px #f5f5f5
  }
  .leftBlock .category-vertical-filters .FiyatSlider {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column
  }
  .leftBlock .category-vertical-filters .panel-heading a {
    font-size: 14px;
    font-weight: 600;
    color: #dd6d43
  }
  .leftBlock .category-vertical-filters .panel.vertical-filter-panel {
    padding: 0 0 15px;
    float: left;
    width: 100%
  }
  .leftBlock .category-vertical-filters .panel.vertical-filter-panel:last-child {
    border-bottom: none
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item {
    margin-bottom: 0!important
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a {
    font-size: 13px!important;
    line-height: 18px!important;
    font-weight: 400;
    color: #252525
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel.div-fiyat .list-group-item a {
    font-size: 12px!important
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel.div-fiyat .list-group-item:before {
    border-radius: 50%
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel.div-fiyat .list-group-item:hover:before {
    content: '';
    background: #fff;
    border: 5px solid #37c7db!important
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel.div-fiyat .list-group-item.selected:before {
    content: '';
    background: #fff;
    border: 5px solid #37c7db!important
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a {
    font-size: 0!important
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before {
    content: '';
    font-family: FontAwesome;
    font-size: 11px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    line-height: 16px;
    width: 18px!important;
    height: 18px!important;
    border: 1px solid #bebebe!important;
    border-radius: 3px;
    margin-right: 10px!important;
    transition: .5s;
    margin-top: -2px
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {
    content: '\f00c';
    background-color: #000;
    border-color: #000!important
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {
    content: '\f00c';
    background-color: #37c7db;
    border-color: #37c7db!important
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group.kategori li a {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: #252525;
    margin-bottom: 16px;
    display: inline-block
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group.kategori li ul {
    padding-left: 12px
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group.kategori li a:before {
    content: '';
    font-family: FontAwesome;
    font-size: 11px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    line-height: 16px;
    width: 18px!important;
    height: 18px!important;
    border: 1px solid #bebebe!important;
    border-radius: 3px;
    margin-right: 10px!important;
    float: left;
    transition: .5s;
    margin-top: -2px
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group.kategori li a:hover:before {
    content: '\f00c';
    background-color: #37c7db;
    border-color: #37c7db!important
  }
  body .leftBlock .slider-range {
    float: left;
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    height: 2px;
    background: #ebebeb;
    border-radius: 8px
  }
  body .leftBlock .slider-range .ui-slider-range {
    height: 2px;
    background: #222;
    border-radius: 8px;
    top: 0;
    margin: 0
  }
  body .leftBlock .slider-range .ui-slider-handle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #222;
    border: none;
    margin: 0;
    top: -5px
  }
  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: #222;
    font-size: 13px;
    text-align: center;
    margin: 10px 0;
    font-weight: 400
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image {
    width: 20px!important;
    height: 20px!important;
    border-radius: 50%;
    position: relative;
    margin: 3px!important
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a:before {
    content: '';
    width: 26px;
    height: 26px;
    background-color: transparent;
    border: 1px solid #fff;
    position: absolute;
    left: -3px;
    top: -3px;
    border-radius: 50%;
    transition: .5s
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image.selected a:before {
    border-color: #000
  }
  .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:hover a:before {
    border-color: #000
  }
  .brandlistselection {
    display: flex;
    flex-direction: column-reverse;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 24px
  }
  .leftBlock .GizleTuken {
    display: none
  }
}
.headerContent,
.hesabimContent,
.sepetimBody #footer .ticiContainer,
.sepetimBody .headerContent,
.ticiContainer,
.userLoginContent,
body ul.breadcrumb {
  max-width: 1110px;
  margin: 0 auto;
  position: relative;
  clear: both;
  display: block
}
.navigation > div {
  max-width: 1110px;
  margin: 0 auto;
  clear: both;
  display: block
}
.navigation .altMenu .altMenuler {
  max-width: 1110px;
  margin: 0 auto;
  clear: both;
  display: block
}
.sliderBannerContainer .ProductList {
  max-width: 1110px
}
.detaySliderContainer .ProductList {
  max-width: 1110px
}
.homeContainer .ProductListContent .ProductList {
  max-width: 1110px
}
.markaSlider .jCarouselLite {
  max-width: 1110px
}
.headerContent {
  text-align: center
}
.sepetimBody .ticiContainer {
  margin: 0 auto
}
.sepetimBody .footerSslLogo {
  display: none!important
}
.sepetimBody .headerContent {
  box-shadow: none
}
.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: 202px;
  padding-right: 24px
}
.rightBlock {
  float: right;
  width: 202px;
  padding-left: 24px
}
.centerCount.LeftMiddle {
  width: calc(100% - 202px)
}
.centerCount.RightMiddle {
  width: calc(100% - 202px)
}
.centerCount {
  float: left;
  width: 100%;
  padding: 0
}
.leftBlock.LeftMiddleRight {
  width: 25%
}
.rightBlock.LeftMiddleRight {
  width: 25%
}
.centerCount.LeftMiddleRight {
  width: 50%
}
.ticiContainer:after,
.ticiContainer:before {
  content: "";
  display: table
}
.ticiContainer:after {
  clear: both
}
.ticiContainer {
  clear: both;
  zoom: 1
}
@media screen and (min-width:1041px) and (max-width:1200px) {
  .leftBlock.LeftMiddle {
    width: 25%;
    padding-right: 20px
  }
  .centerCount.LeftMiddle {
    width: 75%
  }
  .leftBlock.LeftMiddleRight {
    width: 25%
  }
  .rightBlock.LeftMiddleRight {
    width: 25%
  }
  .centerCount.LeftMiddleRight {
    width: 50%
  }
  .rightBlock.MiddleRight {
    width: 25%
  }
  .centerCount.MiddleRight {
    width: 75%
  }
  .homeContainer .col-5li {
    width: 25%
  }
}
@media screen and (min-width:1160px) and (max-width:1250px) {
  #mainHolder_divDesign .owl-carousel .owl-nav,
  .owl-carousel .owl-nav {
    left: 10px;
    right: 10px
  }
}
@media screen and (min-width:1160px) and (max-width:1239px) {
  .headerContent,
  .hesabimContent,
  .navigation > div,
  .sepetimBody #footer .ticiContainer,
  .sepetimBody .headerContent,
  .ticiContainer,
  .userLoginContent,
  body ul.breadcrumb {
    max-width: 1100px
  }
  .homeContainer .ProductListContent .ProductList {
    max-width: 1100px
  }
  .sliderBannerContainer .ProductList {
    max-width: 1100px
  }
  .detaySliderContainer .ProductList {
    max-width: 1100px
  }
  .markaSlider .jCarouselLite {
    max-width: 1100px
  }
  #divIcerik.homepage {
    margin: 0 auto
  }
  .navigation .altMenu .altMenuler {
    max-width: 1100px
  }
  #mainHolder_divDesign .t-vw-2 .ticiContainer.hazirBlokContent {
    width: 1100px!important
  }
}
@media screen and (min-width:1025px) and (max-width:1159px) {
  .headerContent,
  .hesabimContent,
  .navigation > div,
  .sepetimBody #footer .ticiContainer,
  .sepetimBody .headerContent,
  .ticiContainer,
  .userLoginContent,
  body ul.breadcrumb {
    max-width: 960px
  }
  .homeContainer .ProductListContent .ProductList {
    max-width: 960px
  }
  .sliderBannerContainer .ProductList {
    max-width: 960px
  }
  .detaySliderContainer .ProductList {
    max-width: 960px
  }
  .markaSlider .jCarouselLite {
    max-width: 960px
  }
  #divIcerik.homepage {
    margin: 0 auto
  }
  .navigation .altMenu .altMenuler {
    max-width: 960px
  }
  #mainHolder_divDesign .t-vw-2 .ticiContainer.hazirBlokContent {
    width: 960px!important
  }
  .PriceList {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
  }
  .detailproducttext {
    grid-template-columns: 50% 50%
  }
  .detailfilterblock #divUrunKisiselNot {
    min-width: 200px;
    max-width: 200px
  }
  .AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion .boxs .T {
    font-size: 18px
  }
  .favi {
    margin: 0 15px
  }
  #lang_flag_container {
    margin-right: 15px
  }
}
@media screen and (min-width:768px) and (max-width:1095px) {
  #mainHolder_divDesign .owl-carousel .owl-nav,
  .owl-carousel .owl-nav {
    left: 10px;
    right: 10px
  }
}
@media (min-width:768px) and (max-width:1041px) {
  .mobilMenuAcButton {
    float: left;
    color: #000;
    fill: #000;
    position: absolute;
    left: 0;
    top: 14px
  }
  .mobilMenuAcButton span {
    display: block;
    font-size: 11px
  }
  .mobilMenuAcButton svg {
    width: 30px
  }
  .searchContent {
    margin-left: 50px
  }
  .mobilMenu .menubottomtext {
    display: none!important
  }
  body.headerfixed {
    padding-top: 153px!important
  }
}
@media (min-width:768px) and (max-width:1024px) {
  .headerContent,
  .hesabimContent,
  .navigation > div,
  .sepetimBody #footer .ticiContainer,
  .sepetimBody .headerContent,
  .ticiContainer,
  .userLoginContent,
  body ul.breadcrumb {
    max-width: 720px
  }
  .homeContainer .ProductListContent .ProductList {
    max-width: 720px
  }
  .sliderBannerContainer .ProductList {
    max-width: 720px
  }
  .detaySliderContainer .ProductList {
    max-width: 720px
  }
  .navigation .altMenu .altMenuler {
    max-width: 720px
  }
  .markaSlider .jCarouselLite {
    max-width: 720px
  }
  .navigation .altMenu .altMenuler {
    max-width: 720px
  }
  .homepage #mainHolder_divDesign .sliderBannerContainer .ProductList {
    max-width: 100%
  }
  #mainHolder_divDesign .t-vw-2 .ticiContainer.hazirBlokContent {
    width: 720px!important;
    padding: 0!important
  }
  #mainHolder_divDesign .ticiContainer.hazirBlokContent .txrow .txcol-sm {
    padding: 0!important
  }
  #divIcerik.homepage {
    margin: 0 auto
  }
  .headerContent {
    margin: 0 auto
  }
  .searchContent {
    width: 195px
  }
  .favi a,
  .headerCikis,
  .headerHesabim,
  .headerUyeGiris a,
  .headerUyeOl a,
  .mycart > a {
    font-size: 12px
  }
  .favi {
    margin: 0 10px
  }
  .headerButton {
    margin-top: 32px
  }
  .giftblock .formArea {
    padding-right: 0;
    background-position: left center;
    background-image: none!important;
    background-color: #f7f7f7;
    margin-bottom: 20px
  }
  .giftblock .formArea .giftblock-title span {
    font-size: 40px;
    line-height: 54px
  }
  .giftblock .formArea .giftblock-title strong {
    font-size: 56px;
    line-height: 60px;
    margin-bottom: 5px
  }
  .giftblock .formArea .searchCat .jk .Arama-Kriter .Arama-Select select {
    font-size: 17px
  }
  .giftblock .formArea .searchCat .jk #SonucBul {
    font-size: 18px;
    line-height: 40px;
    max-width: 170px
  }
  .giftblock .formArea .searchCat .jk .Arama-Kriter > div.formBtn {
    margin-top: 30px
  }
  .giftblock .formArea .searchCat .jk .Arama-Kriter {
    max-width: 600px
  }
  .FooterIcons ul li span {
    font-size: 12px;
    line-height: 16px;
    margin-left: 10px
  }
  .FooterIcons ul li img {
    max-width: 28px;
    max-height: 28px
  }
  .tooltip-inner {
    font-size: 11px;
    line-height: 15px
  }
  #txtbxNewsletterMail {
    font-size: 12px
  }
  .FooterTop .footercontact > p {
    font-size: 12px;
    line-height: 18px
  }
  .FooterTop .footercontact div a {
    font-size: 16px
  }
  .FooterTop .footercontact div > p {
    font-size: 13px
  }
  .FooterTop .footercontact div img {
    margin-right: 10px
  }
  .ebultenDiv p {
    font-size: 11px;
    margin-top: 0
  }
  .FooterTop .footersocial ul li {
    margin-right: 20px
  }
  #footer .linkler .blink > ul > li > ul > li > a {
    font-size: 12px;
    margin-bottom: 15px
  }
  .ozelAlan1 {
    font-size: 12px
  }
  .hometitle strong {
    font-size: 20px
  }
  .hometitle span {
    font-size: 14px
  }
  .leftImage {
    width: 100%
  }
  .RightDetail {
    width: 100%;
    margin: 25px 0 0
  }
  .detailslogan p {
    font-size: 11px
  }
  .detailslogan p b {
    font-size: 12px
  }
  .AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion .boxs .T {
    font-size: 16px;
    line-height: 20px
  }
  .AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion .boxs .T:before {
    font-size: 20px
  }
  .AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion .boxs .content {
    font-size: 12px
  }
  .AcordionPage .AcordionTitle {
    font-size: 22px;
    margin-bottom: 25px
  }
  #lang_flag_container {
    position: absolute!important;
    margin-right: 0!important;
    left: auto!important;
    right: 0!important;
    top: 5px!important
  }
}
@media (min-width:768px) and (max-width:784px) {
  .headerContent > .welcome {
    margin-top: 32px
  }
  .headerContent > .mycart {
    margin-top: 32px;
    margin-right: 10px
  }
  .CartProduct .SepetUst {
    display: none
  }
  #logo {
    float: none
  }
}
/* Tablet and mobile layout */
@media (max-width:1041px) {
  .navigation {
    display: none
  }
  #divSayfalamaUst .filterBlock {
    display: block!important
  }
  .mobilMenuAcButton {
    display: block
  }
  body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst {
    display: block
  }
  #divSayfalamaUst .filterBlock {
    display: block!important
  }
  #divSayfalamaUst .mobilFilterOpenBtn {
    display: flex!important;
    display: -webkit-flex!important;
    float: left;
    width: 100%;
    padding: 4px 0;
    margin: 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef
  }
  #divSayfalamaUst .mobilFilterOpenBtn .button {
    float: none;
    width: auto;
    flex: 1;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 14px;
    padding: 6px 5px;
    background: 0 0
  }
  #divSayfalamaUst .mobilFilterOpenBtn .button:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat
  }
  #divSayfalamaUst .mobilFilterOpenBtn .button.mobilSiralamBtn {
    border-left: 1px solid #efefef
  }
  #divSayfalamaUst .mobilFilterOpenBtn .button.mobilSiralamBtn:before {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/siralaicon.svg);
    width: 20px;
    height: 14px
  }
  #divSayfalamaUst .mobilFilterOpenBtn .button.mobilFilterBtn:before {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/filtreicon.svg);
    width: 15px;
    height: 15px
  }
  .filtreLay {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 1001;
    display: none;
    -webkit-animation: fadein .5s;
    -moz-animation: fadein .5s;
    -ms-animation: fadein 0.5s;
    -o-animation: fadein .5s;
    animation: fadein .5s
  }
  .filtreLay.acik {
    display: block
  }
  #divSayfalamaUst .filterDeleteContent {
    display: block!important
  }
  body #divSayfalamaUst .filterDeleteContent {
    margin: 10px 0
  }
  body #divSayfalamaUst .filterDeleteContent .appliedFilter {
    margin-right: 5px;
    display: inline-block!important;
    vertical-align: top
  }
  body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span {
    margin-right: 5px
  }
  body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span.filterColorBg {
    margin-right: 5px
  }
  body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span.filterColorBg + span + span {
    display: none
  }
  #divSayfalamaUst .sortingContent {
    display: none!important
  }
  body .filterBlock.active .category-vertical-filters.top-filters {
    right: 0
  }
  body .filterBlock.active .category-vertical-filters.top-filters .FiltreUst {
    right: 0
  }
  body .category-vertical-filters.top-filters {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100%;
    width: 85%;
    background: #fff;
    z-index: 1002;
    padding: 0;
    margin: 0;
    border: none;
    padding-top: 55px;
    padding-bottom: 60px;
    display: block!important;
    overflow-y: auto;
    overflow-x: hidden;
    transition: .3s
  }
  body .category-vertical-filters.top-filters .FiltreUst {
    float: left;
    width: 85%;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 1;
    align-items: center;
    color: #212529;
    transition: .3s;
    background: #f7f7f7
  }
  body .category-vertical-filters.top-filters .FiltreAlt {
    float: left;
    width: 85%;
    position: fixed;
    bottom: 0;
    right: -100%;
    align-items: center;
    transition: .3s;
    padding: 10px 15px;
    background: #fff;
    z-index: 9
  }
  body .filterBlock.active .category-vertical-filters.top-filters .FiltreAlt {
    right: 0
  }
  body .category-vertical-filters.top-filters .FiltreAlt .FiltreKapat {
    float: left;
    width: 100%;
    background: #37c7db;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 16px
  }
  body .category-vertical-filters.top-filters .FiltreUst .closeFilt {
    float: left;
    width: 50px;
    text-align: center;
    font-size: 25px
  }
  body .category-vertical-filters.top-filters .FiltreUst .closeFilt i {
    display: inline-block;
    vertical-align: top;
    line-height: 54px;
    font-family: FontAwesome
  }
  body .category-vertical-filters.top-filters .FiltreUst span {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    float: left;
    line-height: 54px
  }
  body .category-vertical-filters.top-filters .FiltreUst a {
    float: right;
    width: 50px;
    text-align: center;
    font-size: 20px;
    color: #212529;
    display: none
  }
  body .category-vertical-filters.top-filters .FiltreUst a.active {
    display: block
  }
  body .category-vertical-filters.top-filters .FiltreUst a i {
    display: inline-block;
    vertical-align: top;
    line-height: 54px
  }
  body .category-vertical-filters.top-filters .tukgo {
    float: left;
    width: 100%;
    background: #f5f5f5;
    text-align: left;
    padding: 0 15px;
    display: none
  }
  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock {
    font-weight: 600;
    color: #aeaeae;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 59px;
    position: relative;
    float: left;
    width: 100%
  }
  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 .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 .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 {
    width: 100%;
    padding: 0
  }
  body .category-vertical-filters.top-filters .panel .panel-heading {
    padding: 0 0 0 15px;
    margin: 0;
    border: none;
    text-align: left;
    border-bottom: 1px solid #f4f4f4;
    float: left;
    width: 100%
  }
  body .category-vertical-filters.top-filters .panel .panel-heading a {
    padding: 0;
    margin: 0;
    border: none;
    font-size: 13px;
    line-height: 55px;
    float: left;
    width: 100%;
    font-weight: 700;
    color: #000
  }
  body .category-vertical-filters.top-filters .panel .panel-heading a:after {
    display: none
  }
  body .category-vertical-filters.top-filters .panel.more .panel-heading .moreNum {
    float: left;
    font-size: 14px;
    color: #b1b1b1;
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  body .category-vertical-filters.top-filters .panel .list-group {
    padding: 0 0 0 15px;
    margin: 0;
    border: none;
    padding-left: 1px
  }
  body .category-vertical-filters.top-filters .panel .list-group li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
    margin: 0;
    padding: 0 0 0 30px
  }
  body .category-vertical-filters.top-filters .panel .list-group li a {
    font-size: 12px;
    line-height: 55px;
    color: #505050;
    font-weight: 600;
    float: left
  }
  body .category-vertical-filters.top-filters .panel .list-group li.list-group-item-image {
    background-size: 25px 25px!important;
    background-repeat: no-repeat!important;
    background-position: 30px 15px!important;
    height: auto
  }
  body .category-vertical-filters.top-filters .panel .list-group li.list-group-item-image:before {
    display: block
  }
  body .category-vertical-filters.top-filters .panel .list-group li.list-group-item-image a {
    padding-left: 45px;
    float: left;
    width: 100%
  }
  body .category-vertical-filters.top-filters .panel .list-group li:before {
    float: right;
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 55px;
    font-family: FontAwesome;
    border: none;
    background: 0 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 19px
  }
  body .category-vertical-filters.top-filters .panel .list-group li.selected:before {
    content: '\f00c'
  }
  body .category-vertical-filters.top-filters .panel .list-group li.selected a {
    font-weight: 700;
    color: #000
  }
  body .category-vertical-filters.top-filters .panel .list-group li li {
    border-top: 1px solid #f4f4f4
  }
  body .category-vertical-filters.top-filters .panel .list-group li li:last-child {
    border-bottom: none
  }
  body .category-vertical-filters.top-filters .panel .FiyatTextBox {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #f4f4f4
  }
  body .category-vertical-filters.top-filters .panel .FiyatTextBox input[type=text] {
    border: 1px solid #f4f4f4;
    height: 40px;
    text-align: center
  }
  body .OrderByHtml {
    width: 85%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100%;
    background: #fff;
    z-index: 1002;
    padding: 0;
    margin: 0;
    border: none;
    padding-top: 55px;
    display: block!important;
    overflow-y: auto;
    overflow-x: hidden;
    transition: .3s
  }
  body .OrderByHtml .control-head {
    float: left;
    width: 85%;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 1;
    background: #f7f7f7;
    align-items: center;
    border-bottom: 1px solid #f4f4f4;
    color: #000;
    transition: .3s
  }
  body .OrderByHtml .control-head .controlClose {
    float: left;
    width: 50px;
    text-align: center;
    font-size: 25px
  }
  body .OrderByHtml .control-head .controlClose i {
    display: inline-block;
    vertical-align: top;
    line-height: 54px
  }
  body .OrderByHtml .control-head span {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    float: left;
    line-height: 54px
  }
  body .OrderByHtml .control-body {
    float: left;
    width: 100%;
    text-align: left
  }
  body .OrderByHtml .control-body .control-area {
    float: left;
    width: 100%
  }
  body .OrderByHtml .control-body .control-area .T {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    padding: 20px 15px;
    font-size: 13px;
    color: #aeaeae;
    font-weight: 600;
    text-transform: uppercase;
    display: none
  }
  body .OrderByHtml .control-body .control-area .control-list {
    float: left;
    width: 100%
  }
  body .OrderByHtml .control-body .control-area .control-list ul {
    float: left;
    width: 100%;
    padding-left: 0;
    list-style: none;
    margin: 0
  }
  body .OrderByHtml .control-body .control-area .control-list ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
    padding-left: 15px
  }
  body .OrderByHtml .control-body .control-area .control-list ul li span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #505050;
    line-height: 55px
  }
  body .OrderByHtml .control-body .control-area .control-list ul li:before {
    float: right;
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 55px;
    font-family: FontAwesome;
    border: none;
    background: 0 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 19px
  }
  body .OrderByHtml .control-body .control-area .control-list ul li.selected option {
    font-weight: 600
  }
  body .OrderByHtml .control-body .control-area .control-list ul li.selected:before {
    content: '\f00c'
  }
  body .OrderByHtml.active {
    right: -1px
  }
  body .OrderByHtml.active .control-head {
    right: -1px
  }
  .centerCount.userLoginContent {
    margin: 0 auto
  }
  .centerCount {
    width: 100%!important
  }
  .leftBlock {
    display: none!important
  }
  .rightBlock {
    display: none!important
  }
  .UyeolContent .grid {
    margin: 30px 18px
  }
  .owl-carousel .owl-item img {
    max-width: 100%;
    margin: 0 auto
  }
  .mobileImageSlider .owl-stage-outer {
    float: left;
    width: 100%
  }
  .uyeOlContainer #FrmYeniUye > .uyeOlCol {
    width: 100%;
    padding: 10px;
    margin: 10px 10px 0 0
  }
  .uyeOlContainer .FormTitle {
    margin: 10px 0;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600
  }
  .uyeOlContainer .uyeOlCol input.textbox {
    padding: 10px 0
  }
  .uyeOlContainer .uyeOlCol select.selectboxx {
    padding: 10px 0
  }
  .Magazalar .magazaSelect {
    width: 100%;
    margin-right: 0
  }
  .Magazalar #searchStore {
    width: 100%;
    margin-right: 0
  }
  .menuUstBolum {
    width: 100%;
    display: inline-block;
    float: left;
    margin-top: 0;
    border-bottom: 1px solid #e8e8e8
  }
  .menuUstBolum .CloseBtnMenu {
    float: right;
    fill: #fff;
    width: 50px;
    text-align: center;
    margin: 0;
    cursor: pointer
  }
  .menuUstBolum .CloseBtnMenu svg {
    width: 20px;
    margin-top: 15px
  }
  .menuUstBolum .menuBack {
    float: left;
    line-height: 50px;
    fill: #fff;
    color: #fff;
    font-size: 15px;
    text-align: center;
    margin: 0;
    cursor: pointer;
    padding-left: 20px
  }
  .menuUstBolum .menuBack svg {
    margin-right: 10px;
    float: left;
    margin-top: 15px;
    width: 20px
  }
  .mobilMenu {
    position: fixed;
    left: -110%;
    top: 0;
    bottom: 0;
    width: 360px;
    z-index: 99999;
    background: #fff;
    transition: left .3s ease-in-out
  }
  .mobilMenu.acik {
    left: 0
  }
  .mobilMenu ul {
    list-style: none;
    padding: 0 15px;
    margin: 0
  }
  .mobilMenu .menuIcerikAlan {
    float: left;
    width: 100%;
    height: calc(100% - 10px);
    position: absolute;
    top: 10px;
    right: 0;
    left: 0
  }
  .mobilMenu .navUl {
    float: left;
    width: 100%;
    height: 100%
  }
  .mobilMenu .navUl > li,
  .mobilMenu .navUl > li > ul li {
    float: left;
    width: 100%;
    background: #f7f7f7;
    position: relative;
    padding: 0 0 0 5px;
    margin-bottom: 10px;
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: space-between
  }
  .mobilMenu .navUl > li > a,
  .mobilMenu .navUl > li > ul li a {
    color: #505050;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    z-index: 2;
    position: relative;
    width: 100%;
    padding-right: 150px
  }
  .mobilMenu .navUl .ulVar > a {
    width: auto
  }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2,
  .mobilMenu .navUl > li .ResimliDown,
  .mobilMenu .navUl > li .ResimsizDown,
  .mobilMenu .navUl > li > ul li .ResimsizDown2 {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    z-index: 1;
    padding-right: 20px;
    cursor: pointer;
    height: 40px
  }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2 svg,
  .mobilMenu .navUl > li .ResimliDown svg,
  .mobilMenu .navUl > li .ResimsizDown svg,
  .mobilMenu .navUl > li > ul li .ResimsizDown2 svg {
    float: right;
    width: 12px;
    margin-top: 12px
  }
  .mobilMenu .navUl > li .ResimliDown {
    height: 96px;
    z-index: 2
  }
  .mobilMenu .navUl > li .ResimliDown svg {
    display: none
  }
  .mobilMenu .navUl > li {
    background-repeat: no-repeat;
    background-position: right center
  }
  .mobilMenu .navUl > li:first-child {
    background-image: url(https://static.ticimax.cloud/53013/uploads/Images/kategori/effective2.png);
    background-size: contain
  }
  .mobilMenu .navUl > li:nth-child(2) {
    background-image: url(https://static.ticimax.cloud/53013/uploads/Images/kategori/yuzuk2.png);
    background-size: contain
  }
  .mobilMenu .navUl > li:nth-child(3) {
    background-image: url(https://static.ticimax.cloud/53013/uploads/Images/kategori/kolye2.png);
    background-size: contain
  }
  .mobilMenu .navUl > li:nth-child(4) {
    background-image: url(https://static.ticimax.cloud/53013/uploads/Images/kategori/kupe2.png);
    background-size: contain
  }
  .mobilMenu .navUl > li:nth-child(5) {
    background-image: url(https://static.ticimax.cloud/53013/uploads/Images/kategori/set2.png);
    background-size: contain
  }
  .mobilMenu .navUl > li:nth-child(6) {
    background-image: url(https://static.ticimax.cloud/53013/uploads/Images/kategori/bileklik2.png);
    background-size: contain
  }
  .mobilMenu .navUl > li:nth-child(7) {
    background-image: url(https://static.ticimax.cloud/53013/uploads/Images/kategori/trabzon2.png);
    background-size: contain
  }
  .mobilMenu .navUl > li:nth-child(8) {
    background-image: url(https://static.ticimax.cloud/53013/uploads/Images/kategori/suyolu2.png);
    background-size: contain
  }
  .mobilMenu .navUl > li:nth-child(9) {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/mobilmenubg9.jpg)
  }
  .mobilMenu .navUl > li:nth-child(10) {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/mobilmenubg10.jpg)
  }
  .mobilMenu .navUl > li:nth-child(11) {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/mobilmenubg11.jpg)
  }
  .mobilMenu .navUl > li:nth-child(12) {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/mobilmenubg12.jpg)
  }
  .mobilMenu .navUl > li:nth-child(13) {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/mobilmenubg13.jpg)
  }
  .mobilMenu .navUl > li:nth-child(14) {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/mobilmenubg14.jpg)
  }
  .mobilMenu .navUl > li:nth-child(15) {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/mobilmenubg15.jpg)
  }
  .mobilMenu .navUl > li:nth-child(16) {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/mobilmenubg16.jpg)
  }
  .mobilMenu .navUl > li:nth-child(17) {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/mobilmenubg17.jpg)
  }
  .mobilMenu .navUl > li:nth-child(18) {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/mobilmenubg18.jpg)
  }
  .mobilMenu .navUl > li:nth-child(19) {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/mobilmenubg19.jpg)
  }
  .mobilMenu .navUl > li:nth-child(20) {
    background-image: url(https://static.ticimax.cloud/53013/customcss/images/mobilmenubg20.jpg)
  }
  .mobilMenu .menutext {
    display: block
  }
  .mobilMenu .menutoptext {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column
  }
  .mobilMenu .menutoptext .menutoptext-home {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 10px
  }
  .mobilMenu .menutoptext .menutoptext-home a {
    float: left;
    width: 100%;
    color: #505050;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 40px;
    padding: 0 15px;
    background: url(https://static.ticimax.cloud/53013/uploads/Images/kategori/acik-la.png) no-repeat center right 28px #f7f7f7;
    background-size: contain
  }
  .mobilMenu .menutoptext .menutoptext-banner {
    float: left;
    width: 100%;
    margin-bottom: 10px
  }
  .mobilMenu .menutoptext .menutoptext-banner a {
    float: left;
    width: 100%
  }
  .mobilMenu .menutoptext .menutoptext-banner a img {
    float: left;
    width: 100%
  }
  .mobilMenu .menubottomtext {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column
  }
  .mobilMenu .menubottomtext .menubottomtext-col {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column
  }
  .mobilMenu .menubottomtext .menubottomtext-col strong {
    float: left;
    width: 100%;
    background: #f7f7f7;
    font-size: 13px;
    color: #505050;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 40px;
    padding: 0 15px;
    margin-bottom: 13px
  }
  .mobilMenu .menubottomtext .menubottomtext-col a {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #505050;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
    margin-bottom: 13px
  }
  body.LoginEntry .mobilMenu .menubottomtext .menubottomtext-col a.menuloginout {
    display: none
  }
  body.NotEntry .mobilMenu .menubottomtext .menubottomtext-col a.menuloginin {
    display: none
  }
  .mobilMenu .menubottomtext .menubottomtext-col a i {
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 15px;
    min-width: 30px
  }
  .mobilMenu .menubottomtext .menubottomtext-col a i.fa-location:before {
    content: '\f3c5'
  }
  .mobilMenu .menubottomtext .menubottomtext-col.menusocial {
    display: block
  }
  .mobilMenu .menubottomtext .menubottomtext-col.menusocial a {
    float: left;
    width: auto;
    margin-right: 10px;
    padding: 0
  }
  .mobilMenu .menubottomtext .menubottomtext-col.menusocial a:nth-child(2) {
    margin-left: 15px
  }
  .mobilMenu .menubottomtext .menubottomtext-col.menusocial a i {
    font-family: FontAwesomeBrands;
    font-size: 18px
  }
  .mobilMenu .menutoptext-search {
    float: left;
    width: 100%
  }
  .mobilMenu .menutoptext-search .menutoptext-search-home {
    float: left;
    width: 70px
  }
  .mobilMenu .menutoptext-search .menutoptext-search-home a {
    float: left;
    width: 100%;
    height: 35px;
    background: url(https://static.ticimax.cloud/53013/uploads/Images/kategori/acik-la.png) no-repeat center center;
    font-size: 0;
    background-size: contain
  }
  .mobilMenu .menutoptext-search .menutoptext-search-block {
    float: left;
    width: calc(100% - 70px - 70px)
  }
  .mobilMenu .menutoptext-search .menutoptext-search-block .searchContent {
    opacity: 1;
    visibility: visible;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    overflow: auto;
    top: auto;
    height: 45px;
    z-index: auto
  }
  .mobilMenu .menutoptext-search .menutoptext-search-block .searchContent #txtbxArama {
    height: 35px;
    background: #eee;
    color: #000;
    font-size: 12px;
    padding: 0 10px
  }
  .mobilMenu .menutoptext-search .menutoptext-search-block .searchContent #btnKelimeAra {
    z-index: auto;
    width: 25px;
    height: 34px
  }
  .menuUstBolum {
    display: none
  }
  .menutoptext-search .CloseBtnMenu {
    position: absolute;
    right: 30px;
    top: 12px;
    fill: #000;
    z-index: 9
  }
  .menutoptext-search .CloseBtnMenu svg {
    width: 15px;
    margin-top: 0
  }
  .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,
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl,
  .mobilMenu .navUl > li > ul,
  .mobilMenu .navUl > li > ul li ul {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    width: 360px;
    background: #fff;
    z-index: 9;
    transition: all .3s ease-in-out
  }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl.active,
  .mobilMenu .altMenu.active,
  .mobilMenu .navUl > li > ul li ul.active,
  .mobilMenu .navUl > li > ul.active {
    left: 0
  }
  .mobilMenu .altMenu .altMenuMarkalar > span,
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span,
  .mobilMenu .altMenu .altmenuSol > span,
  .mobilMenu .navUl > li > ul > span,
  .mobilMenu .navUl > li > ul li ul > span {
    color: rgba(40,47,54,.8);
    font-size: 18px;
    font-weight: 600;
    line-height: 55px;
    padding-left: 55px;
    border-bottom: 1px solid #f7f7f7;
    position: relative;
    float: left;
    width: 100%
  }
  .mobilMenu .altMenu .altMenuMarkalar > span a,
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span a,
  .mobilMenu .altMenu .altmenuSol > span a,
  .mobilMenu .navUl > li > ul > span span {
    z-index: 0;
    position: relative
  }
  .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn,
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn,
  .mobilMenu .altMenu .altmenuSol > span .UpBtn,
  .mobilMenu .navUl > li > ul > span .NoiBack,
  .mobilMenu .navUl > li > ul li ul > span .NoiBack2 {
    z-index: 1;
    padding-left: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
  }
  .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn svg,
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn svg,
  .mobilMenu .altMenu .altmenuSol > span .UpBtn svg,
  .mobilMenu .navUl > li > ul > span .NoiBack svg,
  .mobilMenu .navUl > li > ul li ul > span .NoiBack2 svg {
    float: left;
    width: 17px;
    margin-top: 19px
  }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li,
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl 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 .menuIcerikAlan,
  .mobilMenu .navUl > li > ul,
  .mobilMenu .navUl > li > ul li ul {
    overflow-y: auto;
    overflow-x: hidden
  }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li {
    border-bottom-color: #f7f7f7
  }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li > a {
    display: flex;
    align-items: center;
    padding: 8px 0
  }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li > a:after {
    content: '\f054';
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: 400;
    color: #37c7db;
    position: absolute;
    right: 0;
    top: calc(50% - 20px)
  }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li > a img {
    width: 45px;
    height: 45px;
    border: 1px solid #37c7db;
    border-radius: 50%;
    margin-right: 15px
  }
  .mobilMenu .altMenu .altmenuSol > span a {
    color: #000;
    font-size: 13px;
    font-weight: 700
  }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li:first-child {
    background-color: #f7f7f7;
    margin: 0 -15px;
    width: calc(100% + 30px);
    padding: 0 15px
  }
  .mobilMenu .altMenu .altMenuMarkalar > a {
    float: left;
    width: 50%;
    padding: 0 13px;
    min-height: 57px;
    text-align: center;
    margin-bottom: 15px
  }
}
@media (max-width:767px) {
  body.overflow {
    overflow: hidden
  }
  #divIcerik.homepage {
    margin: 0 auto
  }
  body {
    padding-top: 158px
  }
  #header {
    min-height: 48px
  }
  body.sepetimBody {
    padding-top: 0
  }
  #lang_flag_container {
    display: none
  }
  .userContainer .userLeftBox,
  .userContainer .userRightBox {
    padding: 0
  }
  .userContainer .userRightBox {
    margin-top: 20px
  }
  .SifremiUnuttumContent .userWrapper.SifremiUnuttum {
    width: 100%;
    padding: 0 10px
  }
  .headerContent {
    margin: 0 auto
  }
  .ticiContainer {
    margin: 0 auto
  }
  #divIcerik {
    padding: 0 0;
    margin: 0 auto
  }
  .middleTopBlock {
    padding: 0 15px
  }
  .ProductDetailMainRow {
    padding: 0 15px
  }
  .RightDetail {
    padding: 10px 15px 0 15px!important
  }
  .detailslogan {
    margin-bottom: 0!important
  }
  .proCategoryTitle.categoryTitleText {
    padding: 0 15px
  }
  #footer .ticiContainer {
    padding: 0 15px
  }
  #divTicimaxCopyrightContent {
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 40px
  }
  #divTicimaxCopyrightContent a {
    display: inline-block
  }
  #divTicimaxCopyrightContent img {
    display: inline-block;
    vertical-align: top
  }
  #logo {
    float: none;
    position: static;
    display: block;
    border: none;
    width: auto;
    padding: 0;
    background: 0 0;
    margin: 0
  }
  #logo:after {
    display: none
  }
  #logo .logo {
    margin: 0 auto;
    width: 150px;
    float: none;
    padding: 0;
    text-align: center;
    display: block;
    background: 0 0
  }
  #logo .logo img {
    max-width: 100%;
    display: inline-block;
    margin: 6px 0
  }
  .mycart {
    top: 80px;
    right: 15px;
    width: 15px;
    height: 15px;
    z-index: 2
  }
  .mycart .sepetUrunSayisi {
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: #37c7db;
    color: #fff;
    font-size: 9px!important
  }
  .mobilMenuAcButton {
    display: block;
    position: absolute;
    top: 66px;
    left: 7px;
    z-index: 1
  }
  .mobilMenuAcButton:before {
    content: '';
    float: left;
    width: 34px;
    height: 49px;
    background: url(https://static.ticimax.cloud/53013/customcss/images/mobilmenu.svg) no-repeat center center;
    background-size: 50%
  }
  .searchClick {
    display: block;
    position: absolute;
    top: 87px;
    right: 52px
  }
  .searchClick:before {
    content: '';
    float: left;
    width: 17px;
    height: 17px;
    background: url(https://static.ticimax.cloud/53013/customcss/images/mobilsearch.svg) no-repeat left center;
    background-size: 100%
  }
  .welcomeOpen {
    display: none;
    position: absolute;
    top: 87px;
    right: 52px
  }
  .mycartClick {
    display: block;
    position: absolute;
    top: 87px;
    right: 23px
  }
  .mycartClick a:before {
    content: '';
    float: left;
    width: 15px;
    height: 17px;
    background: url(https://static.ticimax.cloud/53013/customcss/images/mobilcart.svg) no-repeat left center;
    background-size: 100%
  }
  .mobilMenuAcButton span {
    font-size: 9px;
    display: block;
    line-height: 9px;
    display: none
  }
  .mobilMenuAcButton svg {
    width: 25px;
    display: none
  }
  .searchClick svg {
    width: 25px;
    display: none
  }
  .welcomeOpen svg {
    width: 22px
  }
  .mycartClick svg {
    width: 25px;
    display: none
  }
  .mobilMenu {
    width: 85%;
    bottom: 0
  }
  .mobilMenu .altMenu,
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl,
  .mobilMenu .navUl > li > ul,
  .mobilMenu .navUl > li > ul li ul {
    width: 85%;
    bottom: 0
  }
  .menuUstBolum {
    margin-top: 0
  }
  .CartProductInner {
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0 10px
  }
  .SepetUst {
    float: left;
    width: calc(100% + 20px);
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-size: 16px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px
  }
  .SepetUst span {
    display: inline-block;
    vertical-align: top
  }
  .SepetUst .seClose {
    float: left;
    width: 40px;
    fill: #fff;
    position: absolute;
    left: 0
  }
  .SepetUst .seClose svg {
    width: 20px;
    margin-top: 15px
  }
  .CartProduct {
    background: #fff;
    background-size: 100%;
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: calc(100% - 50px);
    height: 100%;
    padding: 0;
    display: block!important;
    border: none;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    box-shadow: none;
    padding: 10px;
    border-radius: 0
  }
  .CartProduct i {
    display: none
  }
  .CartProduct.animated {
    right: 0
  }
  .CartProduct.animated i {
    display: inline-block
  }
  .CartProduct .SProduct {
    float: left;
    width: 100%;
    max-height: calc(100% - 129px);
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 0;
    text-align: left;
    margin: 10px 0 0 0
  }
  .CartProduct .headerCartBtn {
    line-height: 38px;
    font-size: 12px!important
  }
  .CartProduct .headerOrderBtn {
    line-height: 40px;
    font-size: 12px!important
  }
  .spanustSepetteUrunYok {
    font-size: 16px;
    margin: 20px 0 0 0;
    float: left;
    clear: both;
    text-align: center;
    width: 100%;
    font-weight: 900;
    color: #d0112b
  }
  .spanustSepetteUrunYok:before {
    content: '!';
    font-size: 50px;
    vertical-align: top;
    border: 1px solid;
    display: block;
    width: 100px;
    height: 100px;
    line-height: 98px;
    border-radius: 100%;
    margin: 0 auto;
    margin-bottom: 30px
  }
  .mycart {
    background: 0 0!important;
    padding: 0;
    margin: 0;
    border: none;
    position: absolute;
    left: auto;
    bottom: 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;
    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: 0 0
  }
  .mycart > a:before {
    display: none
  }
  .mycart > a:after {
    display: none
  }
  .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%
  }
  .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
  }
  .searchContent {
    display: block;
    width: 100%;
    margin: 0;
    height: 0;
    background: #fff;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0;
    border: none;
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease
  }
  .searchContent.active {
    height: 40px;
    padding: 0;
    overflow: visible;
    width: 100%
  }
  .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;
    left: 0
  }
  #divAramaKategori select {
    width: 70px;
    padding-left: 5px;
    font-size: 10px;
    height: 40px
  }
  #txtbxArama {
    height: 40px;
    padding-right: 40px;
    padding-left: 10px;
    width: 100%;
    box-shadow: none;
    font-size: 12px;
    border-radius: 0;
    margin: 0;
    border: 1px solid #f1f1f1;
    text-align: left
  }
  .searchContent.active #txtbxArama {
    padding: 0 35px 0 10px
  }
  #btnKelimeAra {
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    line-height: 40px;
    text-indent: 0;
    padding: 0;
    left: auto;
    border: none;
    border-radius: 0;
    text-align: center
  }
  .ButtonMic {
    right: 40px;
    height: 40px
  }
  .welcome {
    display: block;
    width: 100%;
    position: absolute;
    top: 100%;
    right: 0;
    bottom: auto;
    text-align: center;
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0;
    height: 0;
    border-radius: 0;
    z-index: 100;
    overflow: hidden;
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease
  }
  .welcome.active {
    height: 40px
  }
  .welcome > div {
    width: 100%;
    position: static;
    padding: 0;
    box-shadow: none;
    display: block;
    background: 0 0;
    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%;
    list-style: none;
    padding: 0;
    margin: 0
  }
  .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: 40px;
    font-size: 13px;
    color: #fff;
    padding: 0
  }
  .headerSocialConnect .baglanButton a:before {
    line-height: 40px
  }
  .headerCikis,
  .headerHesabim,
  .headerUyeGiris a,
  .headerUyeOl a {
    float: none;
    display: inline-block!important;
    font-size: 13px;
    line-height: 40px;
    color: #fff;
    border: none;
    padding: 0;
    width: auto;
    height: auto;
    margin: 0;
    font-weight: 500
  }
  .headerHesabim,
  .headerUyeGiris a {
    background: 0 0;
    margin-right: 10px
  }
  .headerCikis:after,
  .headerCikis:before,
  .headerHesabim:after,
  .headerHesabim:before,
  .headerUyeGiris a:after,
  .headerUyeGiris a:before,
  .headerUyeOl a:after,
  .headerUyeOl a:before {
    display: none
  }
  .ProductIcon {
    margin: 0;
    float: left;
    width: 100%
  }
  .ProductIcon > div {
    margin: 0 0 10px;
    float: left;
    width: 100%
  }
  .ProductIcon2 > div {
    margin: 0 0 10px;
    float: left;
    width: 100%
  }
  .ProductIcon > div > a {
    justify-content: flex-start;
    -webkit-justify-content: flex-start
  }
  .ProductIcon2 > div > a {
    justify-content: flex-start;
    -webkit-justify-content: flex-start
  }
  .socialButons iframe {
    margin-right: 10px
  }
  .socialButons .UWhatsApp {
    float: left;
    margin-right: 10px
  }
  .socialButons .UTelegram {
    float: left;
    margin-right: 10px
  }
  .TopDet .product_social_icon_wrapper {
    text-align: center;
    margin: 20px 0 0;
    float: left;
    width: 100%;
    padding: 0
  }
  .bottomHead {
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    background: #fff;
    border-top: 1px solid #c5c5c5;
    display: block
  }
  .bottomHead ul {
    margin: 0;
    list-style: none;
    padding: 0
  }
  .bottomHead ul li {
    float: left;
    width: 20%
  }
  .bottomHead ul li a {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #313131;
    position: relative;
    height: 49px;
    font-weight: 600;
    padding-top: 7px
  }
  .bottomHead ul li.homeC a {
    padding-top: 3px
  }
  .bottomHead ul li a img {
    height: 17px;
    display: block;
    margin: 0 auto 7px
  }
  .bottomHead ul li.homeC a img {
    height: 24px;
    margin-bottom: 4px
  }
  .bottomHead ul li.welcC a svg {
    margin-bottom: 3px
  }
  .bottomHead ul li.cartC .SSayi {
    font-style: normal;
    position: absolute;
    top: 3px;
    right: 0;
    left: 20px;
    margin: auto;
    width: 15px;
    height: 15px;
    background: #37c7db;
    color: #fff;
    font-size: 9px;
    line-height: 17px;
    text-align: center;
    border-radius: 100%;
    font-weight: 500
  }
  .bottomHead .mobilMenuAcButton:before {
    display: none
  }
  .bottomHead .mobilMenuAcButton {
    margin: 0;
    position: relative;
    top: 0;
    left: 0
  }
  .bottomHead .mobilMenuAcButton img {
    display: block;
    margin: 0 auto 9px;
    height: 15px
  }
  .bottomHead .mobilMenuAcButton span {
    font-size: 12px;
    color: #313131;
    display: block;
    line-height: 12px
  }
  #footer .linkler {
    padding: 0;
    margin: 20px -15px 0;
    width: calc(100% + 30px)
  }
  #footer .linkler .blink > ul {
    display: block;
    border-top: 1px solid #eee
  }
  #footer .linkler .blink > ul > li {
    float: left;
    width: 100%
  }
  #footer .linkler .blink > ul > li > ul {
    display: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 0 15px
  }
  #footer .linkler .blink > ul > li > span {
    float: left;
    width: 100%;
    margin: 0;
    line-height: 43px;
    border-bottom: 1px solid #eee;
    display: block;
    padding: 5px 15px 0
  }
  #footer .linkler .blink > ul > li > span .ackapabtn {
    float: right;
    display: block;
    position: absolute;
    left: 0;
    right: 15px;
    top: 0;
    bottom: 0;
    text-align: right;
    padding-top: 5px
  }
  #footer .linkler .blink > ul > li > span .ackapabtn .svgbtn {
    width: 12px
  }
  #footer .linkler .blink > ul > li {
    float: left;
    width: 100%
  }
  #footer .linkler .blink > ul > li > ul > li {
    float: left;
    width: 100%
  }
  #footer .linkler .blink > ul > li > ul > li > a {
    margin-bottom: 0;
    line-height: 32px
  }
  .ebultenDiv {
    width: 100%;
    padding: 0;
    margin: 0
  }
  .ebultenGelecek {
    margin-top: 10px
  }
  #ticimaxCopyright {
    margin-top: 5px!important;
    font-size: 11px
  }
  #back-to-top {
    bottom: 11%;
    right: 15px
  }
  #back-to-top a {
    width: 35px;
    height: 35px;
    background: #37c7db
  }
  #back-to-top a:before {
    color: #fff;
    font-size: 16px
  }
  .whtspbtn {
    background-color: #51cd3a;
    right: 10px;
    bottom: calc(11% + 40px);
    width: 45px;
    height: 45px
  }
  .whtspbtn:before {
    width: 20px;
    height: 20px;
    background-color: #fff
  }
  #footer .socialdiv {
    margin: 0;
    text-align: center
  }
  #footer .socialdiv ul {
    display: inline-block;
    vertical-align: top
  }
  #footer .store {
    margin: 0;
    text-align: center;
    margin: 10px 0
  }
  #footer .store ul {
    display: inline-block;
    vertical-align: top
  }
  .categoryContainer .categoryTitleText {
    padding: 0;
    margin: 0
  }
  .ProductBody .categoryTitle {
    padding: 0;
    margin: 0
  }
  body ul.breadcrumb {
    white-space: nowrap;
    position: relative
  }
  body ul.breadcrumb.zindex {
    z-index: -1;
    pointer-events: none
  }
  body ul.breadcrumb:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    content: '';
    display: block
  }
  body ul.breadcrumb li:first-child a:before {
    display: none
  }
  body ul.breadcrumb:before {
    content: '\f015';
    font-family: FontAwesome;
    font-weight: 300;
    line-height: 40px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top
  }
  body ul.breadcrumb * {
    line-height: 40px!important;
    font-size: 12px!important;
    max-width: 25px;
    text-decoration: none
  }
  body ul.breadcrumb li:after {
    line-height: 40px;
    font-size: 12px!important;
    content: '...';
    margin: 0 2px
  }
  body ul.breadcrumb li {
    font-size: 0!important
  }
  body ul.breadcrumb li:last-of-type a span:after {
    display: none
  }
  body ul.breadcrumb li:last-of-type {
    max-width: 100%
  }
  body ul.breadcrumb li:last-of-type * {
    max-width: 100%;
    font-size: 12px!important;
    text-overflow: ellipsis;
    overflow: hidden
  }
  body ul.breadcrumb li a span {
    font-size: 0!important
  }
  body ul.breadcrumb li a span:after {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 14px!important;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    font-weight: 300
  }
  .categoryTitleText {
    position: relative;
    z-index: 99
  }
  .breadList {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    padding: 10px 20px;
    z-index: 999;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.2)
  }
  .breadList.breadActive {
    display: block!important
  }
  .breadList ul {
    list-style: none
  }
  .breadList .mBread {
    float: left;
    width: 100%
  }
  .breadList .mBread ul {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0
  }
  .breadList .mBread ul li {
    float: left;
    width: 100%;
    font-size: 0;
    display: block;
    margin-right: 0;
    line-height: 1
  }
  .breadList .mBread ul li a {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #454545;
    padding: 6px 8px;
    position: relative
  }
  .breadList .mBread ul li a:before {
    content: '\f148';
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    left: -5px;
    top: 8px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
  }
  .breadList .mBread ul li a span {
    font-weight: 400;
    line-height: 15px
  }
  .breadList .mBread ul li ul {
    padding-left: 4px
  }
  .breadList .mBread > ul > li > a span {
    font-weight: 600
  }
  .breadList .clbtn {
    position: absolute;
    right: 5px;
    top: 10px;
    width: 30px;
    text-align: center;
    font-size: 18px;
    color: #000;
    z-index: 99
  }
  .categoryContainer .breadList .clbtn {
    right: -5px
  }
  .categoryContainer .ProductList.PlSc_hrz .ItemOrj {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }
  .categoryContainer .ProductList.PlSc_2 .ItemOrj {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }
  .categoryContainer .ProductList.PlSc_3 .ItemOrj {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }
  .categoryContainer .ProductList.PlSc_4 .ItemOrj {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }
  .categoryContainer .ProductList.PlSc_5 .ItemOrj {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }
  body:not(.sepetimBody) .ItemOrj {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 5px
  }
  .categoryContainer .ProductList {
    margin: 0
  }
  .categoryContainer .ProductListContent .productItem {
    margin-bottom: 10px
  }
  body .mobilFilterOpenBtn .button {
    font-size: 13px
  }
  .leftImage {
    float: left;
    width: 100%
  }
  .RightDetail {
    width: 100%;
    padding: 10px 0 0
  }
  body a#linkOncekiSayfa {
    display: none
  }
  body .leftImage a#linkOncekiSayfa {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    background: #fff;
    text-align: center;
    font-size: 0!important;
    font-family: FontAwesome;
    color: #000;
    z-index: 5;
    line-height: 35px
  }
  body .leftImage 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
  }
  .urunOzellik {
    display: none
  }
  .urunOzellikTab {
    display: block;
    float: left;
    width: calc(100% + 30px);
    margin: 20px -15px
  }
  .urunOzellikTab .urunTab {
    float: left;
    width: 100%
  }
  .urunOzellikTab .urunTab > ul {
    list-style: none;
    padding: 0;
    margin: 0
  }
  .urunOzellikTab .urunTab > ul > li {
    float: left;
    width: 100%;
    margin-bottom: 10px
  }
  .urunOzellikTab .urunTab > ul > li:last-child {
    margin-bottom: 0
  }
  .urunOzellikTab .urunTab > ul > li > a {
    color: #000;
    font-size: 14px;
    line-height: 38px;
    float: left;
    width: 100%;
    padding: 0 15px;
    font-weight: 600;
    position: relative;
    background: #f7f7f7
  }
  .urunOzellikTab .urunTab > ul > li > a span {
    font-weight: 600
  }
  .urunOzellikTab .urunTab > ul > li > a:after {
    content: '+';
    float: right;
    color: #000;
    font-size: 25px;
    font-weight: 400
  }
  .urunOzellikTab .urunTab > ul > li[onofftip=true] > a:after {
    content: '-';
    font-size: 30px
  }
  .urunOzellikTab .urunTab > ul > li .urunDetayPanel {
    display: none!important
  }
  .urunOzellikTab .urunTab > ul > li[onofftip=true] > a {
    color: #000
  }
  .urunOzellikTab .urunTab > ul > li[onofftip=true] .urunDetayPanel {
    display: block!important
  }
  .urunOzellikTab .divYorumlarV2Slide {
    width: 100%;
    margin-bottom: 30px
  }
  .urunOzellikTab .divYorumlarV2Ortalama {
    width: 100%;
    margin-left: 0
  }
  .urunOzellikTab .divYorumlarV2Section1_1a1a {
    -ms-flex-direction: column;
    flex-direction: column
  }
  .urunOzellikTab .divYorumlar-t1c9k {
    max-width: 100%;
    min-width: 0
  }
  .urunOzellikTab .taksitWrapper .taksitBlock {
    width: 100%;
    padding-left: 0;
    padding-right: 0
  }
  .urunOzellikTab .taksitWrapper .taksitBlock .taksitBlockContent {
    max-width: 100%
  }
  .urunOzellikTab .yorum-item-left {
    flex: 0 0 100%
  }
  .urunOzellikTab .v2YorumFilter {
    width: 100%
  }
  .urunOzellikTab .v2YorumFiltreGrup {
    display: block
  }
  .urunOzellikTab .v2YorumFilter li,
  .urunOzellikTab .v2YorumFilter ul li {
    width: 100%
  }
  .urunDetayPanel {
    background: 0 0
  }
  .urunDetayPanel {
    padding: 15px 15px 5px 15px
  }
  #divTabOzellikler .urunTabAlt * {
    font-size: 12px;
    line-height: 20px
  }
  .row {
    margin: 0
  }
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0
  }
  .detaySliderContainer {
    margin: 10px 0
  }
  .sliderBannerContainer {
    margin: 10px 0
  }
  .leftImage .ProductGallery .gallery-container .GalleryArea {
    width: 100%
  }
  #logo .htop {
    display: block;
    z-index: -9
  }
  .htop .htopdesktop {
    display: none
  }
  .htop .htopmobil {
    display: block;
    max-height: 70px
  }
  #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot,
  .owl-carousel .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    margin: 0 3.5px!important
  }
  #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active,
  .owl-carousel .owl-dots .owl-dot.active {
    width: 24px
  }
  #mainHolder_divDesign .anasayfa_tek_slider .owl-dots {
    bottom: 6px!important
  }
  #mainHolder_divDesign .toproundlist .owl-nav {
    display: none
  }
  .toproundlist ul {
    padding: 0 0 0 15px;
    width: calc(100% + 30px);
    margin: 0 -15px
  }
  .toproundlist ul li a span {
    font-size: 11px;
    line-height: 14px;
    margin-top: 3px
  }
  .toproundlist ul.owl-carousel .owl-stage {
    padding-left: 0!important
  }
  .toproundlist {
    padding: 8px 0 0;
    margin-bottom: -10px
  }
  #divIcerik div.anasayfa_tek_slider {
    margin: 0 -15px;
    width: calc(100% + 30px)
  }
  .hometitle strong {
    font-size: 18px;
    line-height: 23px
  }
  .hometitle span {
    font-size: 12px;
    line-height: 15px
  }
  .hometitle {
    padding-left: 10px;
    margin: 0
  }
  .popvideo .hometitle {
    margin-bottom: 10px
  }
  .popvideo .popvideo-content .popvideocol span {
    color: #000;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    width: auto;
    height: 20px;
    text-overflow: ellipsis;
    display: inline
  }
  .popvideo .popvideo-content .popvideocol .popvideoimage {
    margin-bottom: 6px
  }
  #divIcerik .t-vw-0.hide-desktop .txcol-sm-12 {
    margin: 0 -15px;
    width: calc(100% + 30px)
  }
  .homebannerslider {
    margin: 0
  }
  #mainHolder_divDesign .owl-carousel .owl-dots,
  .owl-carousel .owl-dots {
    margin-top: 11px
  }
  #mainHolder_divDesign .hazirBlokContent.anasayfa_urun_slider .sliderBannerContainer {
    margin: 0
  }
  .giftblock .formArea {
    padding: 10px 30px 15px;
    min-height: 220px;
    align-items: flex-start;
    background-color: #f8f8f8;
    background-size: 113%;
    background-position: right center
  }
  .giftblock .formArea .giftblock-title span {
    font-size: 24px;
    line-height: 31px
  }
  .giftblock .formArea .giftblock-title strong {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 3px
  }
  .giftblock .formArea .searchCat .jk .Arama-Kriter .Arama-Select select {
    font-size: 13px
  }
  .giftblock .formArea .searchCat .jk .Arama-Kriter {
    display: flex;
    flex-direction: column
  }
  .giftblock .formArea .searchCat .jk .Arama-Kriter > div {
    width: 100%;
    padding: 0;
    max-width: 150px
  }
  .giftblock .formArea .searchCat .jk .Arama-Kriter > div.formBtn {
    margin-top: 15px
  }
  .giftblock .formArea .searchCat .jk #SonucBul {
    font-size: 13px;
    line-height: 30px
  }
  .giftblock {
    width: calc(100% + 30px);
    margin: 0 -15px
  }
  .giftblock .formArea .searchCat .jk {
    margin-top: 5px
  }
  .giftblock .formArea .giftblock-title {
    width: auto;
    padding-left: 15px
  }
  .popcat .popcat-content div.popcatcol ul li span {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 10px
  }
  .popcat .popcat-content div.popcatcol ul li a {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px
  }
  .popcat .popcat-content div.popcatcol ul li.last a {
    font-size: 13px;
    margin-top: 0
  }
  .popcat .popcat-content div.popcatcol ul {
    margin-top: 15px
  }
  .popcat .popcat-content {
    margin: 0
  }
  #mainHolder_divDesign .popcat .popcat-content .owl-dots {
    display: block
  }
  #mainHolder_divDesign .popcat .popcat-content .owl-nav {
    display: none
  }
  .FooterIcons ul {
    flex-wrap: wrap
  }
  .FooterIcons ul li {
    width: 50%;
    margin: 0;
    justify-content: flex-start;
    padding: 10px 0;
    padding-left: 30px
  }
  .FooterIcons ul li:after {
    display: none
  }
  .FooterIcons ul li span b {
    font-size: 15px
  }
  .FooterIcons ul li span {
    margin-left: 18px
  }
  .FooterIcons ul li img {
    max-width: 31px;
    max-height: 31px
  }
  .FooterIcons {
    margin: 0
  }
  .FooterTop .ebultenDiv,
  .FooterTop .footercontact,
  .FooterTop .footersocial {
    width: 100%;
    margin-bottom: 20px
  }
  .FooterTop {
    padding: 20px 0 0
  }
  .FooterTop .footercontact div img {
    width: 35px;
    margin-right: 12px
  }
  .FooterTop .footercontact div > p {
    font-size: 13px;
    line-height: 16px
  }
  .FooterTop .footercontact div a {
    font-size: 16px
  }
  .FooterTop .footercontact > p {
    font-size: 12px;
    line-height: 20px;
    margin: 23px 0 3px;
    max-width: 300px
  }
  .FooterTop .footersocial strong {
    font-size: 15px
  }
  .FooterTop .footersocial ul li a i {
    font-size: 17px
  }
  .FooterTop .footersocial > a {
    margin-top: 5px
  }
  .ebultenDiv span {
    margin-bottom: 4px
  }
  #txtbxNewsletterMail {
    height: 38px;
    padding-left: 10px;
    font-size: 12px
  }
  .ebultenDiv .newsbutton {
    height: 26px;
    line-height: 26px;
    top: 6px;
    right: 6px;
    background-color: #fff;
    color: #37c7db
  }
  .ebultenDiv p {
    line-height: 18px;
    margin: 0
  }
  .FooterBottom {
    background-color: transparent;
    margin-top: 18px
  }
  .FooterBottom .ticiContainer {
    flex-direction: column
  }
  .FooterBottom .ticiContainer p {
    margin: 0 -15px;
    width: calc(100% + 30px);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
  }
  .FooterBottom .ticiContainer p:before {
    display: none
  }
  .FooterBottom .ticiContainer p:first-child img {
    max-height: 30px
  }
  .FooterBottom .ticiContainer p:nth-child(2) {
    background-color: #f7f7f7;
    margin: 10px 0;
    padding: 10px 0
  }
  .FooterBottom .ticiContainer p:nth-child(3) img {
    max-height: 54px
  }
  .categoybannerhtml {
    display: none
  }
  .categoryContainer .categoryTitleText {
    display: none
  }
  .categoryName {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #f7f7f7;
    flex-direction: column;
    padding: 10px 7px 7px;
    width: 100%!important;
    margin: 0
  }
  h1.categoryName {
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    margin-bottom: 10px
  }
  .Countmob {
    display: block
  }
  .Countmob span {
    margin-top: 5px;
    color: #505050;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: capitalize
  }
  .categoyfilterhtml .owl-carousel .owl-nav {
    left: 0;
    right: 0;
    top: -6px;
    display: block!important
  }
  .categoyfilterhtml .owl-carousel .owl-nav .ProductListnext,
  .categoyfilterhtml .owl-carousel .owl-nav .ProductListprev {
    width: 15px;
    height: 36px;
    border: none;
    border-radius: 0
  }
  .categoyfilterhtml ul li a {
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px
  }
  .categoyfilterhtml ul li {
    margin-right: 8px
  }
  .categoyfilterhtml {
    padding-left: 0;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
  }
  .categoyfilterhtml .owl-carousel .owl-nav .ProductListnext:before,
  .categoyfilterhtml .owl-carousel .owl-nav .ProductListprev:before {
    font-size: 17px;
    font-weight: 400
  }
  body .category-vertical-filters.top-filters .FiltreAlt {
    bottom: 50px
  }
  .categoryContainer .ProductListContent .ItemOrj {
    margin-bottom: 15px
  }
  .cargoIcon {
    width: 70px;
    height: 20px;
    font-size: 0;
    line-height: 8px;
    top: 4px;
    left: 4px
  }
  .productItem .productPrice {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
  }
  .productItem .regularPrice {
    margin-left: 0;
    margin-top: 2px
  }
  .productItem .discountPrice span {
    font-size: 14px;
    line-height: 18px
  }
  .productItem .regularPrice span {
    font-size: 12px;
    line-height: 15px
  }
  .discountIcon {
    margin: 4px 0 0 12px
  }
  .ozelAlan1 {
    margin-top: 4px
  }
  .productItem .productImage a:before {
    display: none
  }
  .mycartIcon {
    display: none
  }
  .AcordionPage .AcordionTitle {
    font-size: 20px;
    margin-bottom: 20px
  }
  .AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion .boxs .T {
    font-size: 15px;
    min-height: 50px;
    padding: 10px 20px 10px 10px
  }
  .AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion .boxs .T:before {
    right: 10px;
    font-size: 17px
  }
  .AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion .boxs {
    margin-bottom: 10px
  }
  .AcordionPage .acordion-Body .acordion-tab-content .tab-items .tab-contents .tab-accordion .boxs .content {
    font-size: 12px
  }
  .detailslogan p {
    display: inline-block;
    text-align: left;
    line-height: 15px;
    font-size: 11px
  }
  .detailslogan p b {
    font-size: 11px
  }
  .detailslogan:before {
    min-width: 26px;
    max-width: 26px;
    margin-right: 9px
  }
  .detailslogan {
    padding: 10px 12px;
    margin: 0 -15px;
    width: calc(100% + 30px);
    margin-bottom: 8px
  }
  .ProductBody .categoryTitle {
    display: none
  }
  .leftImage .ProductGallery .owl-carousel.galleryOwl .owl-nav {
    display: none!important
  }
  .leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots {
    display: block;
    padding: 0 0 6px;
    background: 0 0
  }
  .leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots .owl-dot span {
    display: none!important
  }
  .UFavorilerimeEkle a:before {
    width: 35px;
    height: 35px;
    border: 1px solid #37c7db;
    font-size: 17px
  }
  .product-share a:before {
    width: 35px;
    height: 35px;
    border: 1px solid #37c7db;
    font-size: 17px
  }
  .RightDetail {
    background-color: #fff
  }
  .ProductName h1 span {
    font-size: 14px;
    line-height: 18px
  }
  .RightDetail ul.rating li i.starItem {
    font-size: 11px
  }
  .detailfilterblock {
    flex-direction: column;
    justify-content: flex-start
  }
  #divUrunEkSecenek .eksecenekLine .left_line,
  .TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1:before,
  .detailfilterblock #divUrunKisiselNot div:first-child:before {
    font-weight: 600
  }
  .TopDet #IlgiliUrunDiv ul li {
    width: 63px
  }
  #divAdetCombo .right_line,
  .RightDetail .riSingle {
    width: 109px
  }
  #divAdetCombo select,
  #txtbxurunSiparisAdedi {
    font-size: 15px
  }
  .RightDetail .riSingle a.riDown,
  .RightDetail .riSingle a.riUp {
    width: 40px!important
  }
  .RightDetail .riSingle a.riUp:before {
    font-size: 28px
  }
  .detailproducttext {
    grid-template-columns: 50% 50%
  }
  .detailfilterblock #divUrunKisiselNot {
    margin-bottom: 0
  }
  #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
  .JKatAdi .bold .satir1 {
    font-size: 18px;
    padding-left: 10px!important;
    line-height: 25px
  }
  #divTahminiTeslimatSuresi .center_line,
  #divTahminiTeslimatSuresi .left_line,
  #divTahminiTeslimatSuresi .right_line {
    font-size: 11px;
    font-weight: 600
  }
  #divTahminiTeslimatSuresi:before {
    font-size: 12px;
    margin-right: 4px
  }
  #divIndirimsizFiyat .right_line *,
  #divKDVDahilFiyat .right_line *,
  #divTurkLirasiFiyat .right_line *,
  .IndirimliFiyatContent .right_line * {
    font-size: 19px
  }
  .PiyasafiyatiContent .right_line * {
    font-size: 14px
  }
  #divIndirimsizFiyat,
  #divIndirimsizFiyat .left_line,
  #divKDVDahilFiyat,
  #divKDVDahilFiyat .left_line,
  #divKDVDahilFiyat .right_line *,
  #divTurkLirasiFiyat,
  #divTurkLirasiFiyat .right_line *,
  .IndirimliFiyatContent,
  .IndirimliFiyatContent .right_line *,
  .PiyasafiyatiContent,
  .PiyasafiyatiContent .right_line * {
    line-height: 20px
  }
  .PriceList {
    margin: 0 0 5px 0
  }
  .RightDetail #divSatinAl .BasketBtn .basketBtn {
    display: none
  }
  .buyfast {
    display: block;
    width: calc(100% - 109px - 15px);
    float: right;
    margin: 0
  }
  .ProductBody .bottomHead {
    display: none
  }
  .detaySticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 0 15px;
    z-index: 9;
    display: flex;
    flex-direction: column
  }
  .detaySticky .dtstictop {
    background-color: #dd6d43;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 32px;
    margin: 0 -15px;
    width: calc(100% + 30px);
    transition: .5s
  }
  .detaySticky .dtstictop p {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    font-weight: 600;
    color: #fff
  }
  .detaySticky .dsPrice {
    margin-left: 12px
  }
  .detaySticky .dsPrice .PiyasafiyatiContent {
    display: none
  }
  .detaySticky .dsPrice .IndirimliFiyatContent .right_line * {
    font-size: 18px;
    font-weight: 700;
    color: #fff
  }
  .detaySticky .dsPrice #divIndirimsizFiyat .spanFiyat {
    font-size: 18px;
    font-weight: 700;
    color: #fff
  }
  .detaySticky .dtsticbottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 5px 0
  }
  .detaySticky .dtsticbottom .mobilstickytext-slogan {
    float: left;
    width: 50%;
    text-align: center;
    display: flex;
    align-items: center
  }
  .detaySticky .dtsticbottom .mobilstickytext-slogan p {
    margin: 0;
    padding: 0;
    color: #37c7db;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    min-width: 80%
  }
  .detaySticky .dtsticbottom .mobilstickytext-slogan p b {
    font-weight: 700;
    display: block;
    font-size: 16px
  }
  .detaySticky .dtsticbottom .mobilstickytext-slogan:before {
    content: '\f0d8';
    font-size: 18px;
    font-weight: 600;
    float: left;
    font-family: FontAwesome;
    color: #37c7db;
    margin-right: 7px
  }
  .detaySticky.active .dtsticbottom .mobilstickytext-slogan:before {
    content: '\f0da'
  }
  .detaySticky.active .dtstictop {
    opacity: 0;
    visibility: hidden;
    min-height: 0;
    height: 0
  }
  .detaySticky .dtsticbottom .dsBasketBtn {
    float: left;
    width: 50%;
    text-align: center
  }
  .detaySticky .dtsticbottom .dsBasketBtn input {
    float: left;
    width: 100%;
    border-radius: 5px;
    height: 38px;
    line-height: 33px;
    font-size: 16px;
    font-weight: 600
  }
  .Overlay {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999;
    display: none;
    -webkit-animation: fadein .5s;
    -moz-animation: fadein .5s;
    -ms-animation: fadein 0.5s;
    -o-animation: fadein .5s;
    animation: fadein .5s
  }
  .Overlay.Show {
    display: block
  }
  #mainHolder_divDesign .owl-carousel .owl-nav,
  .owl-carousel .owl-nav {
    right: -12px;
    left: -12px
  }
  .headerContent {
    padding-right: 0;
    padding-left: 0
  }
  .htop .ticiContainer,
  .sepetimBody .headerContent {
    padding-right: 0;
    padding-left: 0
  }
  .hesabimContent,
  .sepetimBody #footer .ticiContainer,
  .ticiContainer,
  .userLoginContent {
    padding-right: 0;
    padding-left: 0
  }
  .sliderBannerContainer .ProductList {
    padding-right: 0;
    padding-left: 0
  }
  .homeContainer .ProductListContent .ProductList {
    padding-right: 0;
    padding-left: 0
  }
  .markaSlider .jCarouselLite {
    padding-right: 0;
    padding-left: 0
  }
  .ticiContainer2 {
    padding-right: 0;
    padding-left: 0
  }
  #mainHolder_divDesign .t-vw-9 .ticiContainer.ticiContainer {
    padding: 0!important
  }
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-12,
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-sm,
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-sm-1,
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-sm-10,
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-sm-11,
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-sm-12,
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-sm-2,
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-sm-3,
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-sm-4,
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-sm-5,
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-sm-6,
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-sm-7,
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-sm-8,
  #mainHolder_divDesign .hazirBlokContent.ticiContainer .txrow .txcol-sm-9 {
    padding: 0!important
  }
  #mainHolder_divDesign .ticiContainer.ticiContainer {
    padding: 0 15px!important
  }
  #paylasModal.product-social-icon-wrapper .paylasTitle p {
    font-size: 25px
  }
  #paylasModal.product-social-icon-wrapper {
    width: 300px
  }
  body .productItem .divVideoPlayButton {
    left: unset;
    right: 6px;
    bottom: 0;
    width: 40px;
    height: 40px
  }
  body .productItem .divVideoPlayButton a.urunListeVideoPlay i {
    font-size: 15px
  }
  body .productItem .divVideoPlayButton a.urunListeVideoPlay {
    color: #00bcd4;
    border: 3px solid #00bcd4
  }
  .navigation {
    padding-left: 15px
  }
  .navigation .navUl {
    white-space: nowrap;
    display: block;
    overflow: auto
  }
  .navigation .navUl > li > a {
    font-size: 12px;
    line-height: 35px;
    padding-top: 4px;
    min-height: 39px;
    margin-right: 24px
  }
  .navigation .navUl::-webkit-scrollbar {
    width: 1px;
    height: 1px
  }
  .navigation .navUl::-webkit-scrollbar-track {
    background: #37c7db
  }
  .navigation .navUl::-webkit-scrollbar-thumb {
    background: #37c7db
  }
  .navigation .altMenu {
    display: none!important
  }
  #header.fixed .htop {
    display: block
  }
  .lg-outer .lg-img-wrap.lg-img-wrap::before {
    height: 50%!important
  }
  .urunsecbody #divUrunEkSecenek .tooltipp {
    background-color: #dd6d43!important
  }
  .productItem .productName a {
    font-weight: 400
  }
  #divKombinSatinAl a,
  .basketBtn input,
  .buyfast input {
    font-size: 16px;
    font-weight: 500
  }
  #divAdetCombo .left_line,
  #divKombinSatinAl a,
  .Basketinp p,
  .RightDetail .riSingle a.riDown,
  .RightDetail .riSingle a.riUp {
    line-height: 50px
  }
  #divAdetCombo select,
  #txtbxurunSiparisAdedi,
  .RightDetail .riSingle a.riDown,
  .RightDetail .riSingle a.riUp,
  .basketBtn input,
  .buyfast input {
    height: 50px!important
  }
  .RightDetail .riSingle a.riUp:before {
    font-size: 25px
  }
  .RightDetail .riSingle a.riDown:before {
    font-size: 37px
  }
  #divAdetCombo select,
  #txtbxurunSiparisAdedi {
    font-size: 13px
  }
  .detaySticky .dtsticbottom .dsBasketBtn input {
    font-size: 14px
  }
  #UrunAksesuarDiv .owl-nav {
    display: none
  }
  .headerContent .searchContent {
    background: rgba(54,199,218,.3);
    padding: 6px;
    height: 49px;
    transition: .3s;
    z-index: -1;
    opacity: 0;
    margin-top: -60px
  }
  .headerContent .searchContent.active {
    z-index: 1;
    opacity: 1;
    display: block;
    margin: 0
  }
  .homeHeader .headerContent .searchContent {
    display: block;
    margin: 0;
    z-index: 1;
    opacity: 1
  }
  .headerContent #txtbxArama {
    height: 36px;
    padding-top: 2px
  }
  .headerContent #btnKelimeAra {
    width: 25px;
    height: 36px
  }
  #header.fixed .searchContent {
    margin-top: -60px;
    z-index: -1;
    opacity: 0
  }
  body {
    padding-top: 118px!important
  }
  body.ProductBody {
    padding-top: 120px!important
  }
  body.HomeBody {
    padding-top: 167px!important
  }
  .homeHeader .headerContent .searchClick {
    opacity: 0;
    visibility: hidden;
    transition: .5s
  }
  .homeHeader.fixed .headerContent .searchClick {
    opacity: 1;
    visibility: visible
  }
  #header.homeHeader.fixed .headerContent .searchContent.active {
    z-index: 1;
    opacity: 1;
    display: block;
    margin: 0
  }
  body.sepetimBody {
    padding-top: 0!important
  }
}

@media (max-width:991px) {
  .headerbanner2 {
    text-align: center
  }
  .headerbanner2 img {
    display: none
  }
  .headerbanner2 img.MobilBanner {
    display: block;
    height: 33px;
    display: inline-block;
    vertical-align: top
  }
  .sepetimBody #header {
    display: block!important;
    position: static;
    left: auto;
    right: auto;
    top: auto;
    min-height: auto
  }
  .sepetimBody #header .HeaderSayac,
  .sepetimBody #header .headerContent,
  .sepetimBody #header .htop {
    display: none
  }
}
.ItemOrj .productItem .productIconWrap,
.ItemOrj .productItem .productImage a.detailLink,
.ItemOrj .productItem .productImage.Videolu {
  padding-bottom: 100%
}
.sidebar ul {
  width: 100%;
  float: left;
  border: 1px solid #ddd;
  border-bottom: 0;
  padding-left: 0
}
.sidebar ul li a {
  font-size: 12px;
  line-height: 35px;
  border-bottom: 1px solid #ddd;
  display: block;
  padding-left: 10px
}
.sidebar ul li::marker {
  content: none
}
.pageContainer #divCenterBlock {
  padding: 20px;
  width: calc(100% - 250px)
}
.pageContainer #divLeftBlock {
  width: 250px
}
.sidebar ul li.active a {
  background: #37c7db;
  color: #fff;
  font-weight: 600
}
.sidebar li.icerik-more {
  display: none
}
.icerik-more a {
  font-weight: 900;
  font-size: 20px!important;
  color: #37c7db;
  padding-top: 3px
}
@media (max-width:767px) {
  .sidebar ul li a {
    padding-left: 0
  }
  .sidebar.icerik-bar li {
    display: none
  }
  .sidebar li.icerik-more {
    display: list-item
  }
  .sidebar.icerik-bar.open li {
    display: list-item
  }
  .sidebar.icerik-bar li.active {
    display: list-item
  }
}
.more-snow {
  position: fixed;
  top: -3000%;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url(https://static.ticimax.cloud/53013/uploads/dosyalar/hearts2.png);
  background-size: 50%;
  animation-name: MOVE-BG;
  animation-duration: 500s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  opacity: .05
}
@media(max-width:768px) {
  .more-snow {
    background-size: 80%
  }
}
@keyframes MOVE-BG {
  from {
    transform: translateY(0)
  }
  to {
    transform: translateY(70%)
  }
}
.ticiContainer.pageContainer {
  background: #fff
}
.sepetAdetBox {
  height: 30px
}
.player-wrapper {
  position: relative;
  padding-bottom: 178%
}
.player-buttons {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  z-index: 99
}
.hidden {
  display: none
}
.projectplayer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}
.play-button {
  width: 60px!important;
  height: 60px;
  position: absolute;
  z-index: 999999;
  bottom: 12%;
  left: 35%;
  background: 0 0!important
}
.pause-button {
  width: 60px!important;
  height: 60px;
  position: absolute;
  z-index: 999999;
  bottom: 12%;
  left: 35%;
  background: 0 0!important;
  opacity: 0;
  visibility: hidden
}
.popvideo .popvideo-content .popvideocol:hover .pause-button {
  opacity: 1;
  visibility: visible
}
.tooltip-inner {
  padding-top: 7px;
  background: #fff;
  box-shadow: 0 0 6px 0 #dcdcdc
}
.banner-slider .productItem .productImage a {
  padding-bottom: 172%
}
.banner-slider .TukendiIco {
  display: none
}
.banner-slider .productDetail {
  display: none
}
.banner-slider-old {
  padding: 0!important;
  margin: 0!important
}
.productItem .discountIcon {
  display: none!important
}
.banner-slider .owl-dots {
  margin-top: 0!important
}
.ticimaxDialog-success p {
  color: #37c7db!important
}
.ticimaxDialog-success:before {
  color: #37c7db!important
}
.ticiNotyBtnConfirm {
  background-color: #37c7db!important
}
body .dialogSiparis .ticiNotyBtnConfirm {
  background-color: #37c7db!important
}
.kargomHazirlik {
  position: relative;
  display: flex;
  width: 100%;
  background: #37c7db
}
.kargomVideo {
  padding: 0;
  width: 50%
}
.kargomText {
  width: 50%;
  padding: 50px;
  text-align: center;
  color: #fff;
  align-content: center
}
.kargomText h3 {
  font-weight: 700;
  font-size: 20px
}
.kargomText p {
  font-size: 14px
}
@media(max-width:768px) {
  .kargomHazirlik {
    display: block
  }
  .kargomVideo {
    width: 100%
  }
  .kargomText {
    width: 100%
  }
  .kargomText h3 {
    font-size: 17px
  }
  .kargomText p {
    font-size: 12px
  }
}
.kargoHazirlikBtn {
  float: left;
  width: 100%;
  right: 0;
  padding-top: 10px
}
.kargoHazirlikBtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  border: 1px solid #e5e5e5;
  line-height: 25px;
  color: #fff;
  font-size: 13px;
  padding: 0 10px;
  background: #37c7db;
  font-weight: 600
}
@media(max-width:768px) {
  .kargoHazirlikBtn {
    bottom: 0;
    position: relative;
    margin-top: 10px
  }
  .kargoHazirlikBtn a {
    padding: 0 5px;
    width: 100%;
    font-size: 12px;
    line-height: 35px;
    text-align: center
  }
}
.kargoHazirlikBtn .cargo-span-second {
  margin-left: 5px;
  border-left: 1px solid #fff;
  height: 20px;
  padding-left: 5px;
  line-height: 20px;
  display: inline-block
}
.kargoHazirlikBtn i {
  display: block;
  width: 1.9rem;
  height: 1.9rem;
  margin-left: 1rem;
  background: url(https://static.ticimax.cloud/53013/uploads/images/play-2.gif);
  background-size: contain;
  background-repeat: no-repeat
}
.Block_Text {
  clear: both
}
.PiyasafiyatiContent {
  display: none
}
.leftImage.video:before {
  position: absolute;
  content: "\f04b";
  bottom: 35px;
  right: 101px;
  width: 30px;
  height: 30px;
  z-index: 100;
  color: #fff;
  text-align: center;
  border: .1rem solid #fff;
  padding-left: 2px;
  border-radius: 66px;
  font-family: fontawesome;
  font-size: 12px;
  line-height: 28px;
  font-weight: 400
}
.leftImage.video:after {
  position: absolute;
  content: "Mücevherin videosu";
  bottom: 30px;
  right: 0;
  height: 40px;
  width: 137px;
  line-height: 15px;
  z-index: 99;
  color: #fff;
  font-weight: 600;
  padding: 6px;
  padding-left: 35px;
  background: linear-gradient(270deg,#37c7dbbd,#37c7db),#fff;
  font-size: 14px;
  border-radius: 19px;
  border: 1px solid #fff;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0,0,0,.1);
  text-shadow: 0 1px 3px #000
}
@media (max-width:767px) {
  .hide .mycart {
    top: 10px
  }
  .hide .mobilMenuAcButton {
    top: 0
  }
  .hide .searchClick {
    top: 15px
  }
  .hide .mycartClick {
    top: 15px
  }
  .hide .header-notification {
    top: 15px
  }
  body.hide {
    padding-top: 50px!important
  }
  .ProductBody.hide {
    padding-top: 68px!important
  }
  .HomeBody.hide {
    padding-top: 100px!important
  }
  .sepetimBody.hide {
    padding-top: 0!important
  }
}
.htop.hide {
  display: none!important
}
.fancybox-inner {
  line-height: 20px
}
.DetayFirsatUrunu {
  display: block!important;
  position: absolute;
  top: 0;
  z-index: 9;
  width: 100px;
  height: auto;
  left: 120px
}
@media (max-width:767px) {
  .DetayFirsatUrunu {
    left: 0
  }
}
.UD_Share {
  margin-top: 0!important;
  padding-top: 0!important
}
#cerekKullanimUyari {
  z-index: 10
}
.kombinContent ul {
  padding: 0
}
.kombinItem .kombinleftImage {
  width: 200px!important
}
#BannerSlide1,
#BannerSlide3,
#BannerSlide5,
#BannerSlide7 {
  max-width: 1110px;
  margin: 0 auto
}
#BannerSlide1 .TukendiIco,
#BannerSlide3 .TukendiIco,
#BannerSlide5 .TukendiIco,
#BannerSlide7 .TukendiIco {
  display: none
}
#BannerSlide1 .mycartIcon,
#BannerSlide3 .mycartIcon,
#BannerSlide5 .mycartIcon,
#BannerSlide7 .mycartIcon {
  display: none
}
#BannerSlide1 .productItem .productImage a,
#BannerSlide3 .productItem .productImage a,
#BannerSlide5 .productItem .productImage a,
#BannerSlide7 .productItem .productImage a {
  padding-bottom: 172%
}
#BannerSlide1 .productDetail,
#BannerSlide3 .productDetail,
#BannerSlide5 .productDetail,
#BannerSlide7 .productDetail {
  display: none
}
.categoyfilterhtml #mainHolder_divDesign .owl-carousel .owl-nav,
.owl-carousel .owl-nav {
  right: -25px;
  left: -25px;
  top: 0
}
.categoyfilterhtml #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext,
.categoyfilterhtml #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev,
.categoyfilterhtml .owl-carousel .owl-nav .InstaGallerynext,
.categoyfilterhtml .owl-carousel .owl-nav .InstaGalleryprev,
.categoyfilterhtml .owl-carousel .owl-nav .ProductListnext,
.categoyfilterhtml .owl-carousel .owl-nav .ProductListprev {
  background: 0 0;
  border: none
}
@media (max-width:767px) {
  .kombinContent:before {
    content: "Kombinle Ekstra İndirim Kazan!";
    width: 100%;
    display: block;
    text-align: center;
    font-size: 17px;
    font-weight: 700
  }
  .kombinContent ul {
    margin-top: 0
  }
  #divUrunDetayKombin {
    padding-top: 30px
  }
  .kombinContent ul li.kombinToplamTutar {
    display: none!important
  }
  #divFiyatAlanlari .kombinFiyat2 span {
    font-size: 10px!important;
    display: none
  }
  #divFiyatAlanlari .kombinFiyat2 {
    font-size: 16px!important
  }
  #divFiyatAlanlari .kombinFiyat1 {
    font-size: 12px!important
  }
  .kombinFormline .kombinright_line {
    font-size: 13px!important
  }
  .kombinleft_line {
    padding: 5px 0 0 0!important;
    color: #747474!important
  }
}
div#divOzelAlan2 {
  position: absolute;
  top: 12px;
  display: flex;
  background: #37c7db;
  padding: 2px 6px;
  color: #fff;
  border-radius: 3px;
  animation-name: backgroundColorPalette;
  animation-duration: .1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
  align-items: center
}
#divOzelAlan2 span {
  color: #fff;
  padding: 0 2px
}
#divOzelAlan2 .text:after {
  content: '\f004';
  font-family: Fontawesome;
  color: #fff;
  font-size: 15px;
  font-weight: bolder;
  margin-left: 5px
}
@keyframes backgroundColorPalette {
  0% {
    background: #37c7db
  }
  100% {
    background: #36b5c7
  }
}
#lang_flag_container {
  display: none
}
a.userLoginBtn.button {
  background: #dd6d43
}
.AcordionPage .tab-accordion h2 {
  font-size: 15px
}
@keyframes shake {
  0% {
    transform: translate(1px,1px) rotate(0)
  }
  10% {
    transform: translate(-1px,-2px) rotate(-1deg)
  }
  20% {
    transform: translate(-3px,0) rotate(1deg)
  }
  30% {
    transform: translate(3px,2px) rotate(0)
  }
  40% {
    transform: translate(1px,-1px) rotate(1deg)
  }
  50% {
    transform: translate(-1px,2px) rotate(-1deg)
  }
  60% {
    transform: translate(-3px,1px) rotate(0)
  }
  70% {
    transform: translate(3px,1px) rotate(-1deg)
  }
  80% {
    transform: translate(-1px,-1px) rotate(1deg)
  }
  90% {
    transform: translate(1px,2px) rotate(0)
  }
  100% {
    transform: translate(1px,-2px) rotate(-1deg)
  }
}
.header-notification {
  margin: 0;
  top: 87px;
  right: 80px;
  position: absolute;
  display: none
}
.notification-menu {
  display: none;
  width: 275px;
  padding: 15px;
  background: #fff;
  position: absolute;
  border-radius: 6px;
  box-shadow: 0 0 8px 2px #000;
  margin-top: 50px;
  z-index: 9999999;
  text-align: left
}
.notification-icon {
  animation: shake .5s;
  animation-iteration-count: 5
}
.notification-icon a i:before {
  font-size: 17px;
  color: #000
}
.notification-icon span {
  position: absolute;
  top: -10px;
  right: -7px;
  margin: auto;
  width: 15px;
  height: 15px;
  background: #37c7db;
  color: #fff;
  text-align: center;
  line-height: 15px;
  border-radius: 100%;
  font-size: 11px
}
.notification-menu:before {
  content: "▲";
  position: absolute;
  left: .6%;
  top: -15px;
  color: #fff;
  font-size: 20px;
  transform: scaleX(1.5);
  text-shadow: 0 11px 19px red 0 -5px 8px #000
}
.notification-menu:after {
  content: "\D7";
  position: absolute;
  right: 4.6%;
  top: 7px;
  color: #000;
  font-size: 19px
}
.notification-menu.active {
  display: block
}
.notification-menu ul {
  float: left;
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0
}
.notification-menu span {
  display: block;
  font-size: 15px;
  color: #000;
  margin-bottom: 15px;
  font-weight: 700
}
.notification-menu ul li {
  float: left;
  width: 100%;
  margin-bottom: 15px
}
.notification-menu ul li a {
  display: block;
  font-size: 12px;
  line-height: 1
}
.notification-menu ul li a:before {
  content: "";
  font-family: fontawesome;
  float: left;
  color: #37c7db;
  font-size: 18px;
  line-height: 10px;
  margin-right: 10px
}
.notification-video {
  position: absolute;
  z-index: 1;
  display: none;
  flex-direction: column;
  padding: 12px 9px;
  box-shadow: 0 0 8px 2px #4d4d4d;
  background: #fff;
  border-radius: 7px;
  top: -28px;
  right: 0
}
span.video-notification-title {
  font-weight: 700;
  color: #dd6d43;
  margin-bottom: 10px
}
.notification-video:before {
  content: "▲";
  position: absolute;
  right: 5%;
  top: -18px;
  color: #fff;
  font-size: 20px;
  transform: scaleX(1.5);
  text-shadow: 0 -3px 2px #adadad
}
.notification-video:after {
  content: "\D7";
  position: absolute;
  right: 4.6%;
  top: 7px;
  color: #000;
  font-size: 25px
}
@media (max-width:767px) {
  .notification-menu {
    right: -4px;
    margin-top: 15px
  }
  .notification-menu:before {
    right: .6%;
    left: auto
  }
  .header-notification {
    display: block
  }
  .notification-video.active {
    display: flex
  }
}
#divKritikStok .boxIcon {
  border: 1px solid #dd6d43;
  border-right: unset;
  fill: #dd6d43;
  width: 28px;
  height: 35px
}
#divKritikStok .box1 {
  border: 1px solid #dd6d43;
  border-left: 0;
  padding: 8px 10px 8px 0;
  line-height: 17px
}
.cerezPopupUyari .closeBtn i {
  font-size: 20px;
  padding: 5px 20px
}
.flip-clock-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden
}
.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none!important;
  border-bottom: none!important;
  color: #ccc
}
.flip-clock-wrapper a:hover {
  color: #fff
}
.flip-clock-wrapper ul {
  list-style: none
}
.flip-clock-wrapper.clearfix:after,
.flip-clock-wrapper.clearfix:before {
  content: " ";
  display: table
}
.flip-clock-wrapper.clearfix:after {
  clear: both
}
.flip-clock-wrapper.clearfix {
  zoom: 1
}
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue",Helvetica,sans-serif;
  -webkit-user-select: none
}
.flip-clock-wrapper .flip-clock-meridium {
  background: 0 0!important;
  box-shadow: 0 0 0!important;
  font-size: 36px!important
}
.flip-clock-wrapper .flip-clock-meridium a {
  color: #313333
}
.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em
}
.flip-clock-wrapper:after,
.flip-clock-wrapper:before {
  content: " ";
  display: table
}
.flip-clock-wrapper:after {
  clear: both
}
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: 700;
  line-height: 87px;
  border-radius: 6px;
  background: #000
}
.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-decoration: none!important;
  margin-left: 0
}
.flip-clock-wrapper ul li:first-child {
  z-index: 2
}
.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0!important;
  overflow: visible!important;
  cursor: default!important
}
.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden
}
.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2
}
.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0
}
.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0,0,0,.4)
}
.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0
}
.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #114565;
  border-radius: 6px;
  font-size: 70px
}
.flip-clock-wrapper ul li a div.up div.inn {
  top: 0
}
.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0
}
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3
}
.flip-clock-wrapper .flip {
  box-shadow: 0 2px 5px rgba(0,0,0,.7)
}
.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd .5s .5s linear both;
  -moz-animation: asd .5s .5s linear both;
  animation: asd .5s .5s linear both;
  z-index: 5
}
.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px
}
.flip-clock-divider:first-child {
  width: 0
}
.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0,0,0,.5);
  left: 5px
}
.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: #000;
  text-shadow: none
}
.flip-clock-divider.minutes .flip-clock-label {
  right: -88px
}
.flip-clock-divider.seconds .flip-clock-label {
  right: -91px
}
.flip-clock-dot.top {
  top: 30px
}
.flip-clock-dot.bottom {
  bottom: 30px
}
@-webkit-keyframes asd {
  0% {
    z-index: 2
  }
  20% {
    z-index: 4
  }
  100% {
    z-index: 4
  }
}
@-moz-keyframes asd {
  0% {
    z-index: 2
  }
  20% {
    z-index: 4
  }
  100% {
    z-index: 4
  }
}
@-o-keyframes asd {
  0% {
    z-index: 2
  }
  20% {
    z-index: 4
  }
  100% {
    z-index: 4
  }
}
@keyframes asd {
  0% {
    z-index: 2
  }
  20% {
    z-index: 4
  }
  100% {
    z-index: 4
  }
}
.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn .5s .5s linear both;
  -moz-animation: turn .5s .5s linear both;
  animation: turn .5s .5s linear both
}
@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg)
  }
  100% {
    -webkit-transform: rotateX(0)
  }
}
@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg)
  }
  100% {
    -moz-transform: rotateX(0)
  }
}
@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg)
  }
  100% {
    -o-transform: rotateX(0)
  }
}
@keyframes turn {
  0% {
    transform: rotateX(90deg)
  }
  100% {
    transform: rotateX(0)
  }
}
.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 .5s linear both;
  -moz-animation: turn2 .5s linear both;
  animation: turn2 .5s linear both
}
@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0)
  }
  100% {
    -webkit-transform: rotateX(-90deg)
  }
}
@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0)
  }
  100% {
    -moz-transform: rotateX(-90deg)
  }
}
@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0)
  }
  100% {
    -o-transform: rotateX(-90deg)
  }
}
@keyframes turn2 {
  0% {
    transform: rotateX(0)
  }
  100% {
    transform: rotateX(-90deg)
  }
}
.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3
}
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,#000));
  background: linear,top,rgba(0,0,0,.1) 0,#000 100%;
  background: -o-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
  background: linear,to bottom,rgba(0,0,0,.1) 0,#000 100%;
  -webkit-animation: show .5s linear both;
  -moz-animation: show .5s linear both;
  animation: show .5s linear both
}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,#000));
  background: linear,top,rgba(0,0,0,.1) 0,#000 100%;
  background: -o-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
  background: linear,to bottom,rgba(0,0,0,.1) 0,#000 100%;
  -webkit-animation: hide .5s .3s linear both;
  -moz-animation: hide .5s .3s linear both;
  animation: hide .5s .3s linear both
}
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(100%,rgba(0,0,0,.1)));
  background: linear,top,#000 0,rgba(0,0,0,.1) 100%;
  background: -o-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
  background: -ms-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
  background: linear,to bottom,#000 0,rgba(0,0,0,.1) 100%;
  -webkit-animation: show .5s linear both;
  -moz-animation: show .5s linear both;
  animation: show .5s linear both
}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(100%,rgba(0,0,0,.1)));
  background: linear,top,#000 0,rgba(0,0,0,.1) 100%;
  background: -o-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
  background: -ms-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
  background: linear,to bottom,#000 0,rgba(0,0,0,.1) 100%;
  -webkit-animation: hide .5s .3s linear both;
  -moz-animation: hide .5s .3s linear both;
  animation: hide .5s .2s linear both
}
@-webkit-keyframes show {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-moz-keyframes show {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-o-keyframes show {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes show {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes hide {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@-moz-keyframes hide {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@-o-keyframes hide {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@keyframes hide {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.flip-clock-small-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden
}
.flip-clock-small-wrapper a {
  cursor: pointer;
  text-decoration: none!important;
  border-bottom: none!important;
  color: #ccc
}
.flip-clock-small-wrapper a:hover {
  color: #fff
}
.flip-clock-small-wrapper ul {
  list-style: none
}
.flip-clock-small-wrapper.clearfix:after,
.flip-clock-small-wrapper.clearfix:before {
  content: " ";
  display: table
}
.flip-clock-small-wrapper.clearfix:after {
  clear: both
}
.flip-clock-small-wrapper.clearfix {
  zoom: 1
}
.flip-clock-small-wrapper {
  -webkit-user-select: none
}
.flip-clock-small-wrapper .flip-clock-meridium {
  background: 0 0!important;
  box-shadow: 0 0 0!important;
  font-size: 18px!important
}
.flip-clock-small-wrapper .flip-clock-meridium a {
  color: #313333
}
.flip-clock-small-wrapper {
  text-align: center;
  position: relative;
  width: 92%;
  margin: 1em;
  margin-top: 7px
}
@media (max-width:750px) {
  .flip-clock-small-wrapper {
    margin-right: 5px
  }
}
@media (max-width:500px) {
  .flip-clock-small-wrapper {
    margin-right: 5px
  }
}
.flip-clock-small-wrapper:after,
.flip-clock-small-wrapper:before {
  content: " ";
  display: table
}
.flip-clock-small-wrapper:after {
  clear: both
}
.flip-clock-small-wrapper ul {
  position: relative;
  float: left;
  margin: 2px;
  width: 30px;
  padding: 0;
  height: 38px;
  font-size: 80px;
  font-weight: 700;
  line-height: 37px;
  border-radius: 6px;
  background: #000
}
@media (max-width:765px) {
  .flip-clock-small-wrapper ul {
    margin: 1px;
    margin-top: 3px;
    width: 24px;
    height: 30.4px;
    line-height: 29.61px
  }
}
@media (max-width:500px) {
  .flip-clock-small-wrapper ul {
    margin: 1px;
    margin-top: 3px;
    width: 17px;
    height: 21.53px;
    line-height: 20.97px
  }
}
@media (max-width:365px) {
  .flip-clock-small-wrapper ul {
    margin: 1px;
    margin-top: 3px;
    width: 14px;
    height: 17.73px;
    line-height: 17.27px
  }
}
.flip-clock-small-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-decoration: none!important;
  margin-left: 0
}
.flip-clock-small-wrapper ul li:first-child {
  z-index: 2
}
.flip-clock-small-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0!important;
  overflow: visible!important;
  cursor: default!important
}
.flip-clock-small-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden
}
.flip-clock-small-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2
}
.flip-clock-small-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0
}
.flip-clock-small-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0,0,0,.4)
}
.flip-clock-small-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0
}
.flip-clock-small-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 20px
}
@media (max-width:500px) {
  .flip-clock-small-wrapper ul li a div div.inn {
    font-size: 15px
  }
}
.flip-clock-small-wrapper ul li a div.up div.inn {
  top: 0
}
.flip-clock-small-wrapper ul li a div.down div.inn {
  bottom: 0
}
.flip-clock-small-wrapper ul.play li.flip-clock-before {
  z-index: 3
}
.flip-clock-small-wrapper .flip {
  box-shadow: 0 2px 5px rgba(0,0,0,.7)
}
.flip-clock-small-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd .5s .5s linear both;
  -moz-animation: asd .5s .5s linear both;
  animation: asd .5s .5s linear both;
  z-index: 5
}
.flip-clock-small-wrapper .flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 40px
}
@media (max-width:765px) {
  .flip-clock-small-wrapper .flip-clock-divider {
    width: 7px;
    height: 32px
  }
}
@media (max-width:500px) {
  .flip-clock-small-wrapper .flip-clock-divider {
    width: 4.5px;
    height: 22.67px
  }
}
.flip-clock-small-wrapper .flip-clock-divider:first-child {
  width: 0
}
.flip-clock-small-wrapper .flip-clock-dot {
  display: block;
  background: #323434;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px #0f3956;
  left: 2.83px
}
@media (max-width:765px) {
  .flip-clock-small-wrapper .flip-clock-dot {
    width: 4px;
    height: 4px;
    left: 1.83px
  }
}
@media (max-width:500px) {
  .flip-clock-small-wrapper .flip-clock-dot {
    width: 3px;
    height: 3px;
    left: .83px
  }
}
.flip-clock-small-wrapper .flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.2em;
  right: -55px;
  color: #000;
  text-shadow: none
}
@media (max-width:765px) {
  .flip-clock-small-wrapper .flip-clock-divider .flip-clock-label {
    right: -41px
  }
}
@media (max-width:500px) {
  .flip-clock-small-wrapper .flip-clock-divider .flip-clock-label {
    right: -31px
  }
}
@media (max-width:365px) {
  .flip-clock-small-wrapper .flip-clock-divider .flip-clock-label {
    right: -28px
  }
}
.flip-clock-small-wrapper .flip-clock-divider.minutes .flip-clock-label {
  right: -70px
}
@media (max-width:765px) {
  .flip-clock-small-wrapper .flip-clock-divider.minutes .flip-clock-label {
    right: -49px
  }
}
@media (max-width:500px) {
  .flip-clock-small-wrapper .flip-clock-divider.minutes .flip-clock-label {
    right: -39px
  }
}
@media (max-width:365px) {
  .flip-clock-small-wrapper .flip-clock-divider.minutes .flip-clock-label {
    right: -36px
  }
}
.flip-clock-small-wrapper .flip-clock-divider.seconds .flip-clock-label {
  right: -70px
}
@media (max-width:765px) {
  .flip-clock-small-wrapper .flip-clock-divider.seconds .flip-clock-label {
    right: -49px
  }
}
@media (max-width:500px) {
  .flip-clock-small-wrapper .flip-clock-divider.seconds .flip-clock-label {
    right: -39px
  }
}
.flip-clock-small-wrapper .flip-clock-dot.top {
  top: 10px
}
@media (max-width:765px) {
  .flip-clock-small-wrapper .flip-clock-dot.top {
    top: 8px
  }
}
.flip-clock-small-wrapper .flip-clock-dot.bottom {
  bottom: 6px
}
@media (max-width:765px) {
  .flip-clock-small-wrapper .flip-clock-dot.bottom {
    bottom: 4px
  }
}
.flip-clock-small-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn .5s .5s linear both;
  -moz-animation: turn .5s .5s linear both;
  animation: turn .5s .5s linear both
}
.flip-clock-small-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 .5s linear both;
  -moz-animation: turn2 .5s linear both;
  animation: turn2 .5s linear both
}
.flip-clock-small-wrapper ul li.flip-clock-active {
  z-index: 3
}
.flip-clock-small-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,#000));
  background: linear,top,rgba(0,0,0,.1) 0,#000 100%;
  background: -o-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
  background: linear,to bottom,rgba(0,0,0,.1) 0,#000 100%;
  -webkit-animation: show .5s linear both;
  -moz-animation: show .5s linear both;
  animation: show .5s linear both
}
.flip-clock-small-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,#000));
  background: linear,top,rgba(0,0,0,.1) 0,#000 100%;
  background: -o-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
  background: linear,to bottom,rgba(0,0,0,.1) 0,#000 100%;
  -webkit-animation: hide .5s .3s linear both;
  -moz-animation: hide .5s .3s linear both;
  animation: hide .5s .3s linear both
}
.flip-clock-small-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(100%,rgba(0,0,0,.1)));
  background: linear,top,#000 0,rgba(0,0,0,.1) 100%;
  background: -o-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
  background: -ms-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
  background: linear,to bottom,#000 0,rgba(0,0,0,.1) 100%;
  -webkit-animation: show .5s linear both;
  -moz-animation: show .5s linear both;
  animation: show .5s linear both
}
.flip-clock-small-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(100%,rgba(0,0,0,.1)));
  background: linear,top,#000 0,rgba(0,0,0,.1) 100%;
  background: -o-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
  background: -ms-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
  background: linear,to bottom,#000 0,rgba(0,0,0,.1) 100%;
  -webkit-animation: hide .5s .3s linear both;
  -moz-animation: hide .5s .3s linear both;
  animation: hide .5s .2s linear both
}
.htop .text {
  position: absolute;
  z-index: 999;
  margin: 0 auto;
  right: 5px;
  top: 32%;
  color: #fff;
  width: 45%;
  font-size: 23px
}
@media (max-width:730px) {
  .htop .text {
    font-size: 15px;
    width: auto
  }
}
@media (max-width:500px) {
  .htop .text {
    font-size: 13px;
    width: auto
  }
}
@media (max-width:400px) {
  .htop .text {
    font-size: 12px;
    width: auto
  }
}
.productItem:has(>.productDetail .productIcon .ozelAlan1 .campaign) .regularPrice {
  display: block!important
}
.productItem:has(>.productDetail .productIcon .ozelAlan1 .campaign) .discountPrice {
  display: block
}
.productItem:has(>.productDetail .productIcon .ozelAlan1 .campaign) .regularPrice span {
  color: #dd6d43;
  font-size: 14px;
  display: none
}
@media (max-width:400px) {
  .ozelAlan1 {
    font-size: 12px
  }
}
.disc {
  font-size: 18px;
  margin-left: 4px;
  margin-right: 4px;
  font-weight: 800
}
#divOzelAlan1 {
  display: none
}
.c2 {
  font-weight: 700
}
.c3 {
  font-weight: 700;
  font-size: 17px
}
.stickcampbottom p {
  font-size: 12px!important
}
.pricecamp {
  margin-top: 10px
}
.pricecamp .PiyasafiyatiContent {
  display: block
}
.pricecamp .PiyasafiyatiContent .spanFiyat {
  font-size: 15px
}
.pricecamp .PiyasafiyatiContent {
  display: block
}
.vfrc-launcher::after {
  position: absolute;
  width: 98px;
  height: 35px;
  left: -91px;
  top: 11px;
  background: #37c7db;
  line-height: 33px;
  color: #fff;
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
  z-index: 0;
  animation: textAnimation 4s infinite
}
.vfrc-launcher::before {
  position: absolute;
  width: 98px;
  height: 35px;
  left: -91px;
  top: 11px;
  background: #37c7db;
  line-height: 33px;
  color: #fff;
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
  z-index: 0;
  animation: textAnimation 4s infinite;
  animation-delay: 2s
}
@keyframes textAnimation {
  0%,
  49.99% {
    opacity: 1
  }
  100%,
  50% {
    opacity: 0
  }
}
.vfrc-launcher.stop-animation::after {
  content: none
}
.vfrc-widget--launcher.c-PJLV {
  bottom: 165px!important;
  right: 2%!important
}
@media (max-width:765px) {
  .vfrc-launcher::after {
    width: 72px;
    height: 23px;
    left: 51px;
    top: 15px;
    line-height: 23px;
    font-size: 10px;
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px
  }
  .vfrc-launcher::before {
    width: 72px;
    height: 23px;
    left: 51px;
    top: 15px;
    line-height: 23px;
    font-size: 10px;
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px
  }
}
.c-bQoszf {
  height: 55px!important;
  width: 55px!important
}
.vfrc-widget--chat.c-fikloo {
  bottom: 0!important
}
.c3 {
  color: #dd6d43
}
.c3-1 {
  text-decoration: line-through;
  margin-right: 5px;
  color: #000;
  font-size: 12px
}
.ucretsizKargo {
  text-align: end;
  color: #00bcd4;
  font-weight: 600
}
.ozelAlan3 {
  position: absolute;
  bottom: 112px;
  left: 5px;
  background: #37c7db;
  color: #fff;
  padding: 2px 5px;
  border-radius: 3px
}
.homeSliderBannerContainer .ozelAlan3 {
  bottom: 100px
}
.productItem:has(>.productDetail .productIcon .ozelAlan3 span) .regularPrice span:first-child {
  display: block;
  color: #000;
  margin-left: 7px;
  font-size: 14px;
  display: none
}
.productItem:has(>.productDetail .productIcon .ozelAlan3 span) .productPrice {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  width: 100%
}
div#divOzelAlan3 {
  position: absolute;
  bottom: 30px;
  z-index: 99;
  left: 125px;
  background: #37c7db;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px
}
@media(max-width:768px) {
  div#divOzelAlan3 {
    left: 12px
  }
}
.uyeliksizDevamEtBtn {
  text-align: center;
  margin: 0 auto;
  display: inline-block
}
.uyeliksizDevamEtBtn a {
  display: block;
  padding: 15px 30px;
  background-color: #37c7db;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  position: relative;
  height: 50px;
  box-sizing: border-box
}
.uyeliksizDevamEtBtn i {
  display: none
}
.uyeliksizDevamEtBtn span {
  display: inline-block;
  text-align: center;
  width: 100%;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: 0
}
@media(max-width:768px) {
  body.CategoryBody {
    background: #f2f2f2
  }
}
.productItem span.discountPriceSpan {
  color: #00bcd4;
  font-weight: 700
}
.c2 {
  font-weight: 600
}
.ozelAlan1 {
  background: #fcf1e6;
  border: 1px solid #df7604;
  color: #525252
}
.stickcampbottom p {
  font-size: 14px!important
}
.productItem:has(.tekFiyat) span.discountPriceSpan {
  color: #fff
}
.productItem:has(.tekFiyatSet) span.discountPriceSpan {
  color: #fff
}
img.detail-925k {
  display: none
}
.leftImage img.detail-925k {
  display: block;
  position: absolute;
  width: 80px;
  right: 0;
  z-index: 99
}
.owl-carousel-div {
  display: flex!important;
  overflow: hidden
}
@media screen and (max-width:768px) {
  .productItem .mycartIcon.tip {
    display: block;
    right: 5px;
    bottom: 10px;
    opacity: 1;
    visibility: visible;
    left: unset
  }
  .productItem .mycartIcon a {
    background: unset;
    height: 60px;
    width: 60px;
    justify-content: right
  }
  .productItem .mycartIcon.tip a span {
    display: none
  }
  .productItem .mycartIcon.tip a::before {
    content: '\f290\2b';
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff99;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    font-family: FontAwesome;
    transition: .5s;
    color: #373737;
    font-size: 18px;
    font-weight: 400;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    opacity: 1;
    visibility: visible;
    position: relative;
    border: 1px solid #373737
  }
  body .productItem .divVideoPlayButton {
    left: unset;
    right: 6px;
    top: 5px;
    width: 40px;
    height: 40px;
    bottom: unset
  }
  .favori {
    display: none
  }
}
.categoyfilterhtml ul li a {
  float: left;
  display: flex;
  border: 1px solid #bebebe;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f8f8f8;
  color: #707070;
  font-size: 13px;
  font-weight: 600;
  min-height: 25px;
  padding: 2px 6px 0;
  transition: .5s
}
.cargoIcon {
  position: absolute;
  bottom: 112px;
  left: 2px;
  background: #f8f8f8;
  color: #212121;
  padding: 1px 1px 1px 1px;
  border-radius: 3px;
  border: 1px solid #bebebe;
  font-size: 9px;
  font-weight: 400;
  line-height: 13px;
  top: 2px;
  width: 74px;
  height: 18px
}
.ozelAlan3 {
  position: absolute;
  bottom: 98px;
  left: 2px;
  background: #f8f8f8;
  color: #2c2c2c;
  padding: 2px 5px 2px 5px;
  border-radius: 3px;
  border: 1px solid #bebebe;
  font-size: 10px;
  font-weight: 600;
  display: none
}
.productItem .productName a {
  float: left;
  width: 100%;
  padding: 0;
  line-height: 20px;
  height: 20px;
  font-weight: 400;
  font-size: 10px;
  color: #2c2c2c;
  overflow: hidden;
  text-overflow: ellipsis
}
.ozelAlan1 {
  background: #f8f8f8;
  border: 1px solid #bebebe;
  float: left;
  width: 100%;
  border: 1px solid #d0d0d0;
  font-size: 13px;
  font-weight: 500;
  color: #3b3b3b;
  line-height: 18px;
  padding: 2px 2px 0;
  margin-bottom: 2px
}
@media (max-width:1041px) {
  #divSayfalamaUst .mobilFilterOpenBtn {
    display: flex!important;
    display: -webkit-flex!important;
    float: left;
    width: 100%;
    padding: 6px 0 0 0;
    margin: 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef
  }
  #divSayfalamaUst .mobilFilterOpenBtn .button {
    float: none;
    width: auto;
    flex: 1;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 14px;
    padding: 0 5px 5px 5px;
    background: 0 0
  }
}
@media (max-width:767px) {
  h1.categoryName {
    font-size: 15px;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 0
  }
  .categoyfilterhtml ul li a {
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px
  }
  body .productItem .divVideoPlayButton {
    left: unset;
    right: 6px;
    top: 5px;
    width: 35px;
    height: 35px;
    bottom: unset
  }
  body .productItem .divVideoPlayButton a.urunListeVideoPlay {
    color: #373737;
    border: 1px solid #373737
  }
  body .productItem .divVideoPlayButton a.urunListeVideoPlay i {
    font-size: 13px
  }
  .productItem .mycartIcon.tip {
    display: block;
    right: 2px;
    bottom: -10px;
    opacity: 1;
    visibility: visible;
    left: unset
  }
  .productItem .mycartIcon a {
    background: unset;
    height: 60px;
    width: 60px;
    justify-content: right
  }
  .productItem .mycartIcon.tip a::before {
    content: '\f290\2b';
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ffffff99;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    font-family: FontAwesome;
    transition: .5s;
    color: #373737;
    font-size: 13px;
    font-weight: 400;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    opacity: 1;
    visibility: visible;
    position: relative;
    border: 1px solid #373737
  }
  .categoryContainer .ProductListContent .productItem {
    margin-bottom: -1px
  }
  .productItem .discountPrice span {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600
  }
  .ozelAlan1 {
    font-size: 11px;
    margin-top: 0;
    padding: 2px 2px 0;
    background: 0 0;
    border: none
  }
  .categoryContainer .ProductListContent .ItemOrj {
    margin-bottom: 15px
  }
  body:not(.sepetimBody) .ItemOrj {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 3px
  }
  .Countmob {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px
  }
}
.productItem .productName a {
  padding: 0 4px
}
.productItem .discountPrice span {
  font-size: 16px
}
.productItem span.discountPriceSpan {
  color: #3e3d3d
}
.c3 {
  font-weight: 600;
  font-size: 15px;
  color: #00bcd4
}
.categoryFooter a.whtspbtn {
  display: none
}
.homeFooter a.whtspbtn {
  display: none
}
.welcC {
  display: none
}
@media (max-width:767px) {
  .toproundlist ul li a strong img {
    border-radius: 15%
  }
  .toproundlist ul li a strong {
    border-radius: 15%;
    border: 1px solid #b0b0b0;
    transition: .5s
  }
  .hometitle strong {
    color: #5c5c5c;
    font-weight: 400
  }
  .hometitle:before {
    content: "";
    width: 55px;
    display: block;
    height: 1px;
    background: #607d8b;
    position: absolute;
    top: 17px;
    left: 0
  }
  .hometitle:after {
    content: "";
    width: 55px;
    display: block;
    height: 1px;
    background: #607d8b;
    position: absolute;
    top: 17px;
    right: 0
  }
  .HomeBody.hide {
    padding-top: 55px!important
  }
  #header.homeHeader {
    padding-top: 5px;
    background: linear-gradient(to bottom,#ffffffa3,#ffffff00 100%)
  }
  #header.homeHeader.fixed {
    border: none;
    background: #fff
  }
  .homeHeader #logo .logo {
    width: 175px;
    background: 0 0
  }
  .homeHeader .hide .mobilMenuAcButton {
    top: 5px
  }
  .homeHeader .hide .searchClick {
    top: 20px
  }
  .homeHeader .hide .mycartClick {
    top: 20px
  }
  .homeHeader .hide .header-notification {
    top: 20px
  }
  .homeHeader .headerContent .searchContent {
    display: none
  }
  .homeHeader .headerContent .searchContent.active {
    display: block
  }
  .homeHeader .headerContent .searchClick {
    opacity: 1;
    visibility: visible;
    transition: .5s
  }
  .hometitle {
    padding: 10px;
    border: none;
    align-items: center
  }
  .toproundlist {
    margin-bottom: 10px
  }
  #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active,
  .owl-carousel .owl-dots .owl-dot.active {
    width: 8px
  }
  #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot,
  .owl-carousel .owl-dots .owl-dot {
    border: 1px solid #a6a6a6
  }
  .c3 {
    font-size: 15px
  }
  .productItem .discountPrice span {
    font-size: 15px
  }
  .welcC {
    display: block;
    position: absolute;
    right: 80px;
    top: 15px
  }
  .homeHeader .welcC {
    top: 20px
  }
}
.leftImage.video:before {
  position: absolute;
  content: "\f04b";
  bottom: 35px;
  right: 7px;
  width: 55px;
  height: 55px;
  z-index: 100;
  color: #fff;
  text-align: center;
  padding-left: 4px;
  border-radius: 66px;
  font-family: fontawesome;
  font-size: 20px;
  line-height: 54px;
  font-weight: 700;
  background: #3e3e3e8c;
  border: none
}
.leftImage.video:after {
  content: none
}
div#divOzelAlan3 {
  display: none
}
#divIndirimsizFiyat .left_line,
#divIndirimsizFiyat .right_line,
#divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line *,
#divTurkLirasiFiyat .right_line *,
.IndirimliFiyatContent .right_line * {
  color: #00bcd4
}
.detailslogan {
  background: #37c7db;
  color: #000;
  padding: 0;
  min-height: 30px;
  width: 100%;
  margin: 0;
  border-top: 1px solid #edefee;
  border-bottom: 1px solid #edefee
}
.detailslogan p {
  color: #fff;
  font-size: 12px
}
.detailslogan:before {
  content: none;
  display: none
}
.TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1:before {
  margin: 0 0 13px
}
@media (max-width:767px) {
  .ProductBody.hide {
    padding-top: 50px!important
  }
  .middleTopBlock {
    padding: 0
  }
  .mobileImageSlider.owl-carousel .owl-dots .owl-dot {
    border: none
  }
  .detaySticky .dsPrice .IndirimliFiyatContent .right_line * {
    color: #333;
    font-weight: 600;
    font-size: 16px
  }
  .detaySticky .dtstictop {
    background-color: #edefee
  }
  .detaySticky .dtsticbottom .mobilstickytext-slogan p {
    color: #333
  }
  .detaySticky {
    border-top: 1px solid #e1e1e1
  }
  .mobilstickytext {
    margin-bottom: 0!important
  }
  .ProductBody .middleTopBlock .OzelBlokIcerik .Block_Text {
    margin-bottom: 0!important
  }
  .mobilstickytext {
    display: none
  }
}
#divUrunEkSecenek .eksecenekLine {
  margin: 0
}
body .productItem .divVideoPlayButton {
  display: none
}
#divOzelAlan2 {
  display: none!important
}
@media (max-width:767px) {
  div#ccp---nb {
    bottom: 8%!important
  }
}
#divFiyatAlanlari .kombinFiyat1 {
  display: none
}
@media (max-width:767px) {
  .detailslogan {
    background: #dd6d43
  }
  .detailslogan p {
    color: #fff;
    font-size: 15px;
    font-weight: 600
  }
  .detailslogan p b {
    font-size: 15px
  }
  .leftImage img.detail-925k {
    display: none
  }
}
.c3 {
  font-size: 14px
}
.detailslogan {
  display: none
}
.PiyasafiyatiContent {
  display: none!important
}
.mobilstickytext-slogan span.c2 {
  font-size: 11px
}
.mobilstickytext-slogan span.c3 {
  font-size: 15px
}
@media (max-width:767px) {
  .detaySticky .dtsticbottom .mobilstickytext-slogan {
    width: 60%;
    text-align: left
  }
  .detaySticky .dtsticbottom .dsBasketBtn {
    width: 40%
  }
  .detaySticky .dtsticbottom .mobilstickytext-slogan:before {
    content: none;
    margin-right: 0
  }
  .detaySticky .dtstictop {
    display: none
  }
  .detaySticky .dtsticbottom .dsBasketBtn input {
    font-size: 16px
  }
  .detaySticky .dtsticbottom .dsBasketBtn input {
    height: 46px
  }
  body.HomeBody {
    padding-top: 70px!important
  }
  #header.homeHeader {
    padding-top: 0
  }
}
@media (max-width:767px) {
  .c2 {
    float: left;
    color: #35a7b6;
    font-weight: 700;
    background: linear-gradient(90deg,#37c7db38,transparent)
  }
  .c3 {
    float: left;
    color: #35a7b6;
    font-weight: 700;
    background: linear-gradient(90deg,#37c7db38,transparent)
  }
}
a.mozanit-show {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(135deg,#c1ac60,#a8924c);
  padding: 6px 10px;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  transition: all .25s ease;
  box-shadow: 0 4px 8px rgba(0,0,0,.2),inset 0 -1px 0 rgba(255,255,255,.25);
  margin-bottom: 10px
}
a.mozanit-show:hover {
  box-shadow: 0 2px 4px rgba(0,0,0,.2),inset 0 2px 4px rgba(0,0,0,.2);
  transform: translateY(1px)
}
a.mozanit-show:active {
  box-shadow: inset 0 3px 6px rgba(0,0,0,.3);
  transform: translateY(2px)
}
.leftImage #divOzelAlan5 .mozanit-etiket {
  background: url(https://static.ticimax.cloud/53013/uploads/dosyalar/mozanit/mozanit-etiket.png);
  background-size: cover;
  background-position: center;
  position: absolute;
  display: block;
  width: 115px;
  height: 33px;
  bottom: 4px;
  left: 122px;
  z-index: 2
}
.leftImage #divOzelAlan5 .mozanit-sertifika-etiket {
  background: url(https://static.ticimax.cloud/53013/uploads/dosyalar/mozanit/sertifika-etiket.png);
  background-size: cover;
  background-position: center;
  position: absolute;
  display: block;
  width: 115px;
  height: 55px;
  bottom: 4px;
  left: 122px;
  z-index: 2
}
.ozelAlan5 .mozanit-etiket {
  background: url(https://static.ticimax.cloud/53013/uploads/dosyalar/mozanit/mozanit-etiket.png);
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 68px;
  height: 19px;
  bottom: 88px;
  left: 2px;
  z-index: 2
}
.ozelAlan5 .mozanit-sertifika-etiket {
  background: url(https://static.ticimax.cloud/53013/uploads/dosyalar/mozanit/sertifika-etiket.png);
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 68px;
  height: 32px;
  bottom: 88px;
  left: 2px;
  z-index: 2
}
@media (min-width:768px) {
  .mozanit-detay img {
    width: 50%
  }
  .mozanit-row {
    display: flex;
    gap: 4px
  }
  .mozanit-detay {
    display: flex;
    gap: 2px;
    flex-direction: column
  }
  .ozelAlan5 .mozanit-etiket {
    bottom: 97px
  }
  .ozelAlan5 .mozanit-sertifika-etiket {
    bottom: 97px
  }
}
@media (max-width:767px) {
  .leftImage #divOzelAlan5 .mozanit-etiket {
    bottom: 44px;
    left: 2px
  }
  .leftImage #divOzelAlan5 .mozanit-sertifika-etiket {
    bottom: 44px;
    left: 2px
  }
}
@media (max-width:767px) {
  #mainHolder_divDesign #videoblok_3 .ticiContainer.ticiContainer {
    padding: 0!important
  }
}

/* === Lab Diamond product detail profile ===
   Custom field 4: "lab-diamond CERTIFICATE_NUMBER" */
#divOzelAlan4,
.ozelAlan4 {
  display: none!important
}

.ProductBody.mia-lab-diamond {
  --mia-lab-navy: #14335c;
  --mia-lab-teal: #37c7db;
  --mia-lab-ink: #1f2320;
  --mia-lab-muted: #6b7280;
  --mia-lab-line: #e5e7eb;
  --mia-lab-surface: #faf9f7;
  --mia-lab-display-font: "Fraunces", Georgia, serif;
  --mia-lab-body-font: "Outfit", system-ui, sans-serif
}

.ProductBody.mia-lab-diamond .ProductDetailMainRow {
  font-family: var(--mia-lab-body-font)
}

.ProductBody.mia-lab-diamond .TopDet,
.ProductBody.mia-lab-diamond .RightDetail {
  background: #fff
}

.ProductBody.mia-lab-diamond .mia-lab-image-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 13px;
  border-radius: 999px;
  box-shadow: 0 5px 16px rgba(23,51,77,.11);
  background: rgba(255,255,255,.94);
  color: var(--mia-lab-navy);
  font-family: var(--mia-lab-body-font);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px;
  pointer-events: none
}

.ProductBody.mia-lab-diamond .RightDetail .TopList,
.ProductBody.mia-lab-diamond .RightDetail .MiddleList,
.ProductBody.mia-lab-diamond .RightDetail .BottomList {
  float: none;
  width: 100%;
  height: auto
}

.ProductBody.mia-lab-diamond .RightDetail .TopList {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--mia-lab-line)
}

.ProductBody.mia-lab-diamond .RightDetail .ProductName {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  width: 100%
}

.ProductBody.mia-lab-diamond .mia-lab-eyebrow {
  grid-column: 1/-1;
  margin: 0 0 12px;
  color: var(--mia-lab-navy);
  font-family: var(--mia-lab-body-font)!important;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 1.68px
}

.ProductBody.mia-lab-diamond .ProductName h1 {
  grid-column: 1;
  max-width: 580px;
  margin-bottom: 17px;
  color: var(--mia-lab-ink);
  font-family: var(--mia-lab-display-font);
  font-size: 34px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: normal
}

.ProductBody.mia-lab-diamond .ProductName h1 span {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit
}

.ProductBody.mia-lab-diamond .ProductName .detailshare {
  grid-column: 2;
  align-self: start
}

.ProductBody.mia-lab-diamond .PriceList .IndirimliFiyatContent .spanFiyat,
.ProductBody.mia-lab-diamond .PriceList .PiyasafiyatiContent .spanFiyat {
  color: var(--mia-lab-ink);
  font-family: var(--mia-lab-display-font);
  font-size: 32px!important;
  font-weight: 600;
  font-variant-numeric: lining-nums tabular-nums;
  line-height: 39px!important;
  letter-spacing: normal;
  white-space: nowrap
}

.ProductBody.mia-lab-diamond .PriceList .spanKdv {
  display: inline-block!important;
  margin-left: 10px;
  color: var(--mia-lab-muted);
  font-family: var(--mia-lab-body-font);
  font-size: 11px!important;
  font-weight: 500;
  line-height: 39px!important;
  white-space: nowrap
}

.ProductBody.mia-lab-diamond .mia-lab-certificate {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  margin-top: 13px;
  padding: 7px 12px;
  border: 1px solid #c8d5df;
  border-radius: 999px;
  background: #f6f9fb;
  color: var(--mia-lab-navy);
  font-family: var(--mia-lab-body-font);
  font-size: 11px;
  font-weight: 700;
  line-height: 1
}

.ProductBody.mia-lab-diamond .mia-lab-certificate-icon {
  display: inline-grid;
  width: 16px;
  height: 16px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 10px
}

.ProductBody.mia-lab-diamond .TopList #divTahminiTeslimatSuresi {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  float: none;
  min-height: 32px;
  margin: 13px 0 0 8px;
  padding: 7px 12px;
  border: 1px solid #bfe8e4;
  border-radius: 999px;
  background: #f2fbfa;
  color: var(--mia-lab-ink);
  font-family: var(--mia-lab-body-font);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  vertical-align: top
}

.ProductBody.mia-lab-diamond .TopList #divTahminiTeslimatSuresi:before {
  float: none;
  margin: 0 3px 0 0;
  color: var(--mia-lab-teal);
  font-size: 13px;
  line-height: 1
}

.ProductBody.mia-lab-diamond .TopList #divTahminiTeslimatSuresi .left_line,
.ProductBody.mia-lab-diamond .TopList #divTahminiTeslimatSuresi .right_line {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit
}

.ProductBody.mia-lab-diamond .TopList #divTahminiTeslimatSuresi .center_line {
  display: none
}

.ProductBody.mia-lab-diamond .TopList #divTahminiTeslimatSuresi .right_line {
  font-weight: 700
}

.ProductBody.mia-lab-diamond .TopList .ucretsizKargo {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: auto;
  min-height: 32px;
  margin: 13px 0 0 8px;
  padding: 7px 12px;
  border: 1px solid #bfe8e4;
  border-radius: 999px;
  background: #f2fbfa;
  color: #258b82;
  font-family: var(--mia-lab-body-font);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-align: left;
  vertical-align: top
}

.ProductBody.mia-lab-diamond .TopList .ucretsizKargo:before {
  content: '\2713';
  display: inline-grid;
  width: 16px;
  height: 16px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 10px
}

.ProductBody.mia-lab-diamond .RightDetail .MiddleList {
  padding-top: 20px
}

.ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine {
  margin-bottom: 17px
}

.ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine > .left_line {
  display: block;
  float: none;
  width: 100%;
  margin-bottom: 9px;
  color: #60676d;
  font-family: var(--mia-lab-body-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: .72px;
  text-decoration: none;
  text-transform: uppercase
}

.ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine > .left_line:after {
  content: none
}

.ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine > .center_line {
  display: none
}

.ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine > .right_line {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  float: none;
  width: 100%
}

.ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  height: 38px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid var(--mia-lab-line);
  border-radius: 10px;
  background: #fff;
  color: var(--mia-lab-ink);
  font-family: var(--mia-lab-body-font);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2
}

.ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine:nth-child(1) .right_line .size_box.selected {
  border-color: var(--mia-lab-teal);
  background: var(--mia-lab-teal);
  color: #fff
}

.ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine:nth-child(2) .right_line .size_box {
  width: 38px;
  min-width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 8px
}

.ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine:nth-child(2) .right_line .size_box.selected {
  border-color: var(--mia-lab-navy);
  background: var(--mia-lab-navy);
  color: #fff
}

.ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine .right_line .size_box:hover {
  border-color: var(--mia-lab-teal);
  background: #fff;
  color: var(--mia-lab-ink)
}

.ProductBody.mia-lab-diamond .BasketBtn {
  display: grid;
  grid-template-columns: 120px minmax(0,1fr);
  gap: 14px;
  width: 100%;
  height: 48px;
  margin-top: 6px
}

.ProductBody.mia-lab-diamond .BasketBtn .Basketinp,
.ProductBody.mia-lab-diamond .BasketBtn .basketBtn {
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0
}

.ProductBody.mia-lab-diamond .BasketBtn .basketBtn input {
  height: 48px!important;
  border: none;
  border-radius: 8px;
  background: var(--mia-lab-teal)!important;
  color: #fff!important;
  font-family: var(--mia-lab-body-font)!important;
  font-size: 14px;
  font-weight: 700;
  text-transform: none
}

.ProductBody.mia-lab-diamond #divBasketInputTextBox .riSingle {
  display: block;
  width: 120px;
  height: 48px;
  border: 1px solid var(--mia-lab-line);
  border-radius: 8px;
  background: #fff;
  font-family: var(--mia-lab-body-font)
}

.ProductBody.mia-lab-diamond #divBasketInputTextBox input {
  height: 46px!important;
  border: none;
  border-radius: 8px;
  font-family: var(--mia-lab-body-font);
  font-size: 14px
}

.ProductBody.mia-lab-diamond .RightDetail .riSingle a.riDown,
.ProductBody.mia-lab-diamond .RightDetail .riSingle a.riUp {
  width: 40px!important;
  height: 46px!important;
  line-height: 46px
}

.ProductBody.mia-lab-diamond .RightDetail .riSingle a.riDown:before,
.ProductBody.mia-lab-diamond .RightDetail .riSingle a.riUp:before {
  color: var(--mia-lab-muted);
  font-family: var(--mia-lab-body-font);
  font-size: 16px;
  font-weight: 400
}

@media (max-width:1024px) {
  .ProductBody.mia-lab-diamond .TopDet {
    background: #fff
  }

  .ProductBody.mia-lab-diamond .RightDetail {
    width: 100%;
    margin: 18px 0 0;
    padding: 20px 0 0!important;
    background: #fff
  }

  .ProductBody.mia-lab-diamond .ProductName h1 {
    font-size: 30px
  }
}

@media (max-width:480px) {
  .ProductBody.mia-lab-diamond .BasketBtn {
    grid-template-columns: 94px minmax(0,1fr);
    gap: 8px
  }

  .ProductBody.mia-lab-diamond .mia-lab-image-badge {
    top: 11px;
    left: 11px
  }
}

@media (max-width:767px) {
  .ProductBody.mia-lab-diamond {
    overflow-x: hidden
  }

  .ProductBody.mia-lab-diamond .ProductDetailMain,
  .ProductBody.mia-lab-diamond .ProductDetailMainRow,
  .ProductBody.mia-lab-diamond .TopDet {
    width: 100%;
    box-sizing: border-box
  }

  .ProductBody.mia-lab-diamond .ProductDetailMainRow {
    padding: 0!important
  }

  .ProductBody.mia-lab-diamond .TopDet {
    float: none;
    padding: 0
  }

  .ProductBody.mia-lab-diamond .leftImage {
    display: flex;
    float: none;
    flex-direction: column;
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box
  }

  .ProductBody.mia-lab-diamond .leftImage .Images {
    float: none;
    width: 100%;
    aspect-ratio: 3/4;
    padding-bottom: 0;
    overflow: hidden;
    border: 1px solid #eef0f1;
    border-radius: 12px;
    background: var(--mia-lab-surface)
  }

  .ProductBody.mia-lab-diamond .leftImage .Images > img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: contain
  }

  .ProductBody.mia-lab-diamond .leftImage .SmallImages {
    position: relative;
    inset: auto;
    display: flex!important;
    float: none;
    gap: 8px;
    width: 100%;
    max-height: none;
    margin: 10px 0 0;
    padding: 0 0 4px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none
  }

  .ProductBody.mia-lab-diamond .leftImage .SmallImages::-webkit-scrollbar {
    display: none
  }

  .ProductBody.mia-lab-diamond .leftImage .SmallImages > div {
    position: relative;
    float: none;
    flex: 0 0 64px;
    width: 64px;
    height: 80px;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--mia-lab-line);
    border-radius: 8px;
    background: #fff
  }

  .ProductBody.mia-lab-diamond .leftImage .SmallImages > div:first-child {
    border-color: var(--mia-lab-navy)
  }

  .ProductBody.mia-lab-diamond .leftImage .SmallImages img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: contain
  }

  .ProductBody.mia-lab-diamond .mia-lab-image-badge {
    top: 12px;
    left: 12px
  }

  .ProductBody.mia-lab-diamond .RightDetail {
    float: none;
    width: 100%;
    margin: 24px 0 0;
    padding: 0 16px 28px!important;
    box-sizing: border-box
  }

  .ProductBody.mia-lab-diamond .RightDetail .TopList {
    padding-bottom: 24px
  }

  .ProductBody.mia-lab-diamond .mia-lab-eyebrow {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 9px;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 1.4px
  }

  .ProductBody.mia-lab-diamond .ProductName h1 {
    grid-column: 1/-1;
    grid-row: 2;
    max-width: none;
    margin-bottom: 16px;
    padding-right: 0;
    font-size: clamp(26px,8vw,30px);
    line-height: 1.15
  }

  .ProductBody.mia-lab-diamond .ProductName .detailshare {
    grid-column: 2;
    grid-row: 1;
    margin-top: 0
  }

  .ProductBody.mia-lab-diamond .PriceList {
    align-items: baseline;
    width: 100%;
    margin-bottom: 0
  }

  .ProductBody.mia-lab-diamond .PriceList .IndirimliFiyatContent .spanFiyat,
  .ProductBody.mia-lab-diamond .PriceList .PiyasafiyatiContent .spanFiyat {
    font-size: 29px!important;
    line-height: 36px!important
  }

  .ProductBody.mia-lab-diamond .PriceList .spanKdv {
    margin-left: 7px;
    font-size: 10px!important;
    line-height: 36px!important
  }

  .ProductBody.mia-lab-diamond .mia-lab-certificate,
  .ProductBody.mia-lab-diamond .TopList .ucretsizKargo,
  .ProductBody.mia-lab-diamond .TopList #divTahminiTeslimatSuresi {
    margin: 10px 6px 0 0
  }

  .ProductBody.mia-lab-diamond .mia-lab-certificate {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 10px
  }

  .ProductBody.mia-lab-diamond .RightDetail .MiddleList {
    padding-top: 24px
  }

  .ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine {
    margin-bottom: 20px
  }

  .ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine > .right_line {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
  }

  .ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {
    margin: 0
  }

  .ProductBody.mia-lab-diamond #divUrunEkSecenek .eksecenekLine:nth-child(1) .right_line .size_box {
    flex: 1 1 135px;
    min-width: 0;
    padding-right: 10px;
    padding-left: 10px;
    white-space: nowrap
  }

  .ProductBody.mia-lab-diamond .BasketBtn {
    float: none;
    grid-template-columns: 96px minmax(0,1fr);
    gap: 10px;
    width: 100%;
    margin-top: 4px
  }

  .ProductBody.mia-lab-diamond #divBasketInputTextBox .riSingle {
    width: 96px
  }

  .ProductBody.mia-lab-diamond #divBasketInputTextBox input {
    width: 94px!important
  }

  .ProductBody.mia-lab-diamond .RightDetail .riSingle a.riDown,
  .ProductBody.mia-lab-diamond .RightDetail .riSingle a.riUp {
    width: 32px!important
  }

  .ProductBody.mia-lab-diamond .RightDetail .riSingle a.riDown {
    right: auto;
    left: 0
  }

  .ProductBody.mia-lab-diamond .RightDetail .riSingle a.riUp {
    right: 0;
    left: auto
  }

  .ProductBody.mia-lab-diamond .BasketBtn .buyfast {
    grid-column: 2;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0
  }

  .ProductBody.mia-lab-diamond .BasketBtn .buyfast input {
    width: 100%;
    height: 48px!important;
    margin: 0;
    border: none;
    border-radius: 8px;
    background: var(--mia-lab-teal)!important;
    color: #fff!important;
    font-family: var(--mia-lab-body-font)!important;
    font-size: 14px;
    font-weight: 700;
    text-transform: none
  }

  .ProductBody.mia-lab-diamond .kargoHazirlikBtn,
  .ProductBody.mia-lab-diamond .UD_Share {
    width: 100%;
    margin-top: 12px
  }

  .ProductBody.mia-lab-diamond .kargoHazirlikBtn #kargoBtn,
  .ProductBody.mia-lab-diamond .UD_Share .whts a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: 10px 14px;
    border: 1px solid var(--mia-lab-line);
    border-radius: 8px;
    background: #fff;
    color: var(--mia-lab-ink);
    font-family: var(--mia-lab-body-font);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center
  }

  .ProductBody.mia-lab-diamond .kargoHazirlikBtn #kargoBtn {
    border-color: var(--mia-lab-navy);
    color: var(--mia-lab-navy)
  }

  .ProductBody.mia-lab-diamond .kargoHazirlikBtn #kargoBtn i {
    position: relative;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-left: auto;
    border-radius: 50%;
    background: var(--mia-lab-navy)!important
  }

  .ProductBody.mia-lab-diamond .kargoHazirlikBtn #kargoBtn i:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 9px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #fff
  }

  .ProductBody.mia-lab-diamond .kargoHazirlikBtn .cargo-span-second {
    border-left-color: #c8d5df
  }

  .ProductBody.mia-lab-diamond .UD_Share ul,
  .ProductBody.mia-lab-diamond .UD_Share li {
    width: 100%;
    margin: 0
  }

  .ProductBody.mia-lab-diamond .UD_Share .whts a {
    border-color: #bfe8e4;
    color: #258b82
  }

  .ProductBody.mia-lab-diamond .UD_Share .whts a i {
    display: inline-block;
    height: auto;
    color: #258b82;
    line-height: 1
  }

  .ProductBody.mia-lab-diamond .urunDetaySubContent {
    font-family: var(--mia-lab-body-font)
  }

  .ProductBody.mia-lab-diamond .urunOzellikTab {
    width: 100%!important;
    margin: 28px 0 0!important;
    padding: 0 16px;
    box-sizing: border-box
  }

  .ProductBody.mia-lab-diamond .urunOzellikTab .urunTab,
  .ProductBody.mia-lab-diamond .urunOzellikTab .urunTab > ul,
  .ProductBody.mia-lab-diamond .urunOzellikTab .urunTab > ul > li {
    width: 100%;
    box-sizing: border-box
  }

  .ProductBody.mia-lab-diamond .urunOzellikTab .urunTab > ul > li {
    margin-bottom: 0;
    border-bottom: 1px solid var(--mia-lab-line)
  }

  .ProductBody.mia-lab-diamond .urunOzellikTab .urunTab > ul > li:first-child {
    border-top: 1px solid var(--mia-lab-line)
  }

  .ProductBody.mia-lab-diamond .urunOzellikTab .urunTab > ul > li > a {
    padding: 0;
    background: #fff;
    color: var(--mia-lab-ink);
    font-family: var(--mia-lab-body-font);
    font-size: 13px;
    font-weight: 700;
    line-height: 48px
  }

  .ProductBody.mia-lab-diamond .urunOzellikTab .urunTab > ul > li .urunDetayPanel {
    width: 100%;
    padding: 20px 0 8px;
    box-sizing: border-box
  }

  .ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt {
    width: 100%;
    color: #4f565b;
    font-family: var(--mia-lab-body-font)
  }

  .ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt * {
    font-family: inherit;
    font-size: 14px!important;
    line-height: 1.65!important
  }

  .ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt p {
    margin: 0 0 14px
  }

  .ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt h3 {
    margin: 24px 0 12px;
    color: var(--mia-lab-ink);
    font-family: var(--mia-lab-display-font);
    font-size: 22px!important;
    font-weight: 500;
    line-height: 1.25!important
  }

  .ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt ul {
    margin: 0 0 18px;
    padding-left: 18px
  }

  .ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt li {
    margin-bottom: 7px
  }

  .ProductBody.mia-lab-diamond .BottomList,
  .ProductBody.mia-lab-diamond .urunOzellik,
  .ProductBody.mia-lab-diamond .urunOzellikTab {
    box-sizing: border-box
  }
}

/* Lab Diamond page polish: every rule stays behind the product profile class. */
.ProductBody.mia-lab-diamond .RightDetail .MiddleList,
.ProductBody.mia-lab-diamond .RightDetail .BottomList {
  display: flow-root
}

.ProductBody.mia-lab-diamond .navigation,
.ProductBody.mia-lab-diamond .SepetUst,
.ProductBody.mia-lab-diamond .FooterTop,
.ProductBody.mia-lab-diamond .mycart .sepetUrunSayisi,
.ProductBody.mia-lab-diamond .detaySticky .dsBasketBtn input {
  background-color: var(--mia-lab-teal)!important
}

.ProductBody.mia-lab-diamond #btnMailKaydet {
  color: var(--mia-lab-teal)!important
}

.ProductBody.mia-lab-diamond #back-to-top a {
  border-color: var(--mia-lab-teal)!important;
  background-color: var(--mia-lab-teal)!important;
  fill: var(--mia-lab-teal)!important
}

.ProductBody.mia-lab-diamond .kargoHazirlikBtn,
.ProductBody.mia-lab-diamond .detailproducttext > a.kargoNasil,
.ProductBody.mia-lab-diamond #kargoHazirlik {
  display: none!important
}

.ProductBody.mia-lab-diamond .RightDetail .BottomList {
  margin-top: 20px;
  padding: 13px 16px;
  border: 1px solid var(--mia-lab-line);
  border-radius: 10px;
  background: #fff;
  font-family: var(--mia-lab-body-font)
}

.ProductBody.mia-lab-diamond .RightDetail .BottomList .ud-kategori,
.ProductBody.mia-lab-diamond .RightDetail .BottomList #divMarka,
.ProductBody.mia-lab-diamond .RightDetail .BottomList #divUrunKodu {
  width: 100%;
  margin: 0;
  padding: 7px 0;
  border-bottom: 1px solid #f0f1f2;
  color: var(--mia-lab-ink);
  font-size: 12px;
  line-height: 1.45
}

.ProductBody.mia-lab-diamond .RightDetail .BottomList #divUrunKodu {
  border-bottom: 0
}

.ProductBody.mia-lab-diamond .RightDetail .BottomList .ud-kategori a,
.ProductBody.mia-lab-diamond .RightDetail .BottomList #divMarka,
.ProductBody.mia-lab-diamond .RightDetail .BottomList #divUrunKodu {
  display: grid;
  grid-template-columns: 105px minmax(0,1fr);
  gap: 8px;
  align-items: start
}

.ProductBody.mia-lab-diamond .RightDetail .BottomList span {
  color: var(--mia-lab-muted);
  font-family: var(--mia-lab-body-font);
  font-weight: 500
}

.ProductBody.mia-lab-diamond .detailproducttext {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px 16px;
  width: 100%;
  margin: 16px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid var(--mia-lab-line)
}

.ProductBody.mia-lab-diamond .detailproducttext > a {
  width: auto;
  color: var(--mia-lab-muted);
  font-family: var(--mia-lab-body-font);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4
}

.ProductBody.mia-lab-diamond .detailproducttext > a:before {
  content: '\2014';
  margin-right: 6px;
  color: #a7adb2
}

.ProductBody.mia-lab-diamond .detailproducttext > a > div {
  display: inline;
  float: none;
  padding: 0
}

.ProductBody.mia-lab-diamond .detailproducttext > a img {
  display: none
}

.ProductBody.mia-lab-diamond .detailproducttext > a span {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit
}

.ProductBody.mia-lab-diamond #divUrunOzellikAlani {
  clear: both;
  width: 100%;
  margin: 64px 0 0;
  padding: 48px 0 0;
  border-top: 1px solid var(--mia-lab-line);
  background: #fff;
  font-family: var(--mia-lab-body-font)
}

.ProductBody.mia-lab-diamond #divUrunOzellikAlani .urunTab > ul > li.active > a {
  background: var(--mia-lab-teal);
  color: #fff
}

.ProductBody.mia-lab-diamond #divTabOzellikler {
  width: 100%;
  background: #fff
}

.ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(390px,.92fr);
  gap: 0 72px;
  width: 100%;
  color: var(--mia-lab-muted);
  font-family: var(--mia-lab-body-font)
}

.ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt > p,
.ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt > h3,
.ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt > ul {
  grid-column: 1
}

.ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt > p {
  margin: 0 0 15px;
  color: var(--mia-lab-muted);
  font-family: var(--mia-lab-body-font);
  font-size: 14px!important;
  line-height: 1.8!important
}

.ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt > p:first-of-type {
  margin-bottom: 18px;
  color: var(--mia-lab-ink)
}

.ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt > p:first-of-type strong {
  font-family: var(--mia-lab-display-font);
  font-size: 29px!important;
  font-weight: 500;
  line-height: 1.25!important
}

.ProductBody.mia-lab-diamond #divTabOzellikler .teknikDetay {
  grid-column: 2;
  grid-row: 1/span 8;
  align-self: start;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--mia-lab-line);
  border-radius: 12px;
  background: #fff
}

.ProductBody.mia-lab-diamond #divTabOzellikler .teknikDetayItem {
  display: grid;
  grid-template-columns: 38% minmax(0,1fr);
  min-height: 52px;
  border-bottom: 1px solid var(--mia-lab-line);
  background: #fff!important
}

.ProductBody.mia-lab-diamond #divTabOzellikler .teknikDetayItem:last-child {
  border-bottom: 0
}

.ProductBody.mia-lab-diamond #divTabOzellikler .teknikDetayItem .t1,
.ProductBody.mia-lab-diamond #divTabOzellikler .teknikDetayItem .t2 {
  display: flex;
  align-items: center;
  padding: 13px 16px;
  font-family: var(--mia-lab-body-font);
  font-size: 12px!important;
  line-height: 1.45!important
}

.ProductBody.mia-lab-diamond #divTabOzellikler .teknikDetayItem .t1 {
  color: #9a9fa4;
  font-weight: 400
}

.ProductBody.mia-lab-diamond #divTabOzellikler .teknikDetayItem .t2 {
  color: var(--mia-lab-ink);
  font-weight: 600
}

.ProductBody.mia-lab-diamond #divTabOzellikler .teknikDetayItem .t2 span {
  color: inherit;
  font: inherit
}

.ProductBody.mia-lab-diamond .FooterIcons ul li:after {
  background-color: var(--mia-lab-teal)
}

.ProductBody.mia-lab-diamond .FooterIcons ul li img {
  filter: hue-rotate(-18deg) saturate(.78) brightness(.93)
}

@media (max-width:767px) {
  .ProductBody.mia-lab-diamond .ProductName h1 {
    font-size: clamp(23px,6.5vw,26px);
    line-height: 1.18
  }

  .ProductBody.mia-lab-diamond .PriceList .IndirimliFiyatContent .spanFiyat,
  .ProductBody.mia-lab-diamond .PriceList .PiyasafiyatiContent .spanFiyat {
    font-size: 26px!important;
    line-height: 33px!important
  }

  .ProductBody.mia-lab-diamond .PriceList .spanKdv {
    line-height: 33px!important
  }

  .ProductBody.mia-lab-diamond #divUrunOzellikAlani {
    margin-top: 36px!important;
    padding: 30px 16px 0!important
  }

  .ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 0
  }

  .ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt > p,
  .ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt > h3,
  .ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt > ul,
  .ProductBody.mia-lab-diamond #divTabOzellikler .teknikDetay {
    grid-column: 1
  }

  .ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt > p {
    font-size: 13px!important;
    line-height: 1.72!important
  }

  .ProductBody.mia-lab-diamond #divTabOzellikler .urunTabAlt > p:first-of-type strong {
    font-size: 24px!important;
    line-height: 1.25!important
  }

  .ProductBody.mia-lab-diamond #divTabOzellikler .teknikDetay {
    grid-row: auto;
    margin-top: 12px
  }

  .ProductBody.mia-lab-diamond #divTabOzellikler .teknikDetayItem {
    grid-template-columns: 34% minmax(0,1fr)
  }

  .ProductBody.mia-lab-diamond #divTabOzellikler .teknikDetayItem .t1,
  .ProductBody.mia-lab-diamond #divTabOzellikler .teknikDetayItem .t2 {
    padding: 12px 10px;
    font-size: 11.5px!important
  }
}

/* Lab Diamond consultation and IGI report actions */
.ProductBody.mia-lab-diamond .RightDetail .UD_Share {
  float: left;
  width: 100%;
  margin: 12px 0 0!important;
  padding: 0!important
}

.ProductBody.mia-lab-diamond .RightDetail .UD_Share ul {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 0
}

.ProductBody.mia-lab-diamond .RightDetail .UD_Share li {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  list-style: none
}

.ProductBody.mia-lab-diamond .RightDetail .UD_Share .mia-lab-expert-button,
.ProductBody.mia-lab-diamond .RightDetail .UD_Share .mia-lab-report-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  padding: 10px 14px;
  border: 1px solid transparent;
  border-radius: 8px;
  box-sizing: border-box;
  font-family: var(--mia-lab-body-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  transition: background-color .2s ease,border-color .2s ease,color .2s ease
}

.ProductBody.mia-lab-diamond .RightDetail .UD_Share .mia-lab-expert-button {
  border-color: #2eba44;
  background: #2eba44;
  color: #fff
}

.ProductBody.mia-lab-diamond .RightDetail .UD_Share .mia-lab-expert-button:hover {
  border-color: #249b37;
  background: #249b37;
  color: #fff
}

.ProductBody.mia-lab-diamond .RightDetail .UD_Share .mia-lab-report-button {
  border-color: var(--mia-lab-navy);
  background: #fff;
  color: var(--mia-lab-navy)
}

.ProductBody.mia-lab-diamond .RightDetail .UD_Share .mia-lab-report-button:hover {
  border-color: var(--mia-lab-teal);
  background: #f4fcfd;
  color: var(--mia-lab-navy)
}

.ProductBody.mia-lab-diamond .RightDetail .UD_Share .mia-lab-expert-button i {
  display: inline-block;
  flex: 0 0 auto;
  height: auto;
  color: inherit;
  font-size: 16px;
  line-height: 1
}

.ProductBody.mia-lab-diamond .RightDetail .UD_Share .mia-lab-report-button svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.65
}

@media (max-width:480px) {
  .ProductBody.mia-lab-diamond .RightDetail .UD_Share ul {
    gap: 7px
  }

  .ProductBody.mia-lab-diamond .RightDetail .UD_Share .mia-lab-expert-button,
  .ProductBody.mia-lab-diamond .RightDetail .UD_Share .mia-lab-report-button {
    min-height: 52px;
    padding: 8px;
    font-size: 11px
  }
}