@import 'https://fonts.googleapis.com/css?family=Mulish:300,400,500,600&display=swap&subset=latin-ext';@import 'https://static.ticimax.cloud/52460/CustomCss/ticimax/font/stylesheet.css';* {
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

[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: none!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: sweet-sans-pro,mulish;
    margin: 0;
    padding: 0;
    font-size: .8rem;
    overflow-x: hidden
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html [type=button],[type=reset],[type=submit] {
    -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=radio]:disabled,input[type=checkbox]:disabled {
    cursor: not-allowed
}

input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
    -webkit-appearance: listbox
}

label {
    display: inline-block;
    margin-bottom: 0;
    font-family: sweet-sans-pro,mulish!important
}

input,button,select,textarea {
    line-height: inherit
}

img {
    display: block;
    border: none;
    max-width: 100%
}

i {
    font-style: normal
}

a,area,button,[role=button],input,label,select,summary,textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

a {
    text-decoration: none;
    color: #666;
    transition: background .1s ease-in-out,color .1s ease-in-out
}

a:active,a:hover {
    outline-width: 0
}

h1,h2,h3,h4,h5,h6 {
    margin: 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
}

select,input {
    font-family: sweet-sans-pro,mulish!important
}

button {
    -moz-appearance: none;
    -webkit-appearance: none
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
    transition: background-color 600s ease-in-out 0s
}

textarea {
    resize: vertical;
    overflow: auto
}

#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
}

.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-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col {
    padding-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: sweet-sans-pro,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
}

body .textbox,body #txtQuickEmail,body #txtMailAdres {
    font-family: sweet-sans-pro,mulish!important;
    color: #666;
    display: block;
    font-size: 14px;
    width: 100%;
    transition-duration: .2s,.2s;
    -webkit-transition-duration: .2s,.2s;
    text-transform: inherit!important
}

.button {
    font-family: sweet-sans-pro,mulish,system-ui!important;
    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,.validateSol,.validateOrta {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #a94442;
    color: #fff;
    border-radius: 5px;
    padding: 0 10px
}

.validate .validateOk,.validateSol .validateSolOk,.validateOrta .validateOrtaOk {
    background-color: #a94442;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 10px;
    display: block;
    border-radius: 0 0 5px 5px
}

.cloudzoom-zoom {
    z-index: 999
}

.clearfix {
    content: '';
    clear: both;
    display: block;
    float: left;
    width: 100%
}

.clearfix:after,.clearfix:before {
    content: '';
    clear: both;
    display: block;
    float: left;
    width: 100%
}

.KasaOnuFirsatlarContent ul li a.button {
    border: none!important
}

.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:nth-child(1) {
    margin-bottom: 10px
}

.iletisimContent .iletisimRight .iletisimbanka .span>div.line2>div.line2 {
    float: right
}

.iletisimContent .iletisimRight .iletisimbanka .span>.line1:nth-child(n+2) {
    border-top: 4px solid;
    margin-top: 20px;
    padding-top: 20px
}

.iletisimContent .iletisimForm {
    float: left;
    width: 50%;
    padding-left: 80px
}

.iletisimContent .iletisimForm .rowLeft {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%
}

.iletisimContent .iletisimForm .rowLeft .span {
    float: left;
    padding: 0;
    margin: 0 0 10px;
    width: 100%
}

.iletisimContent .iletisimForm .rowLeft .span .Center {
    display: none
}

.iletisimContent .iletisimForm .rowLeft .span .Left {
    display: block;
    font-size: 12px;
    color: #222;
    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;
    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 .validateSol .validateSolOk,.iletisimContent .validateOrta .validateOrtaOk {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ff0d0d;
    border-radius: 2px
}

.iletisimContent .validate,.iletisimContent .validateSol,.iletisimContent .validateOrta {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    display: block;
    border-radius: 2px
}

.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;
    display: flex
}

.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;
    top: 0
}

.headerContent:before {
    content: '';
    display: block;
    clear: both
}

.headerContent:after {
    content: '';
    display: block;
    clear: both
}

#logo {
    display: inline-block;
    vertical-align: top;
    float: left;
    position: absolute;
    left: calc(50% - 92.5px);
   /* padding: 7px 0 0*/
}

#logo .logo {
    display: inline-block;
    vertical-align: top;
    margin: 0
}

#logo .logo img {
    display: block;
    max-width: 100%;
    width: 120px
}

#logo .logo img.whitelogo {
    display: none
}

.headerButton {
    float: right;
    margin-right: 7%;
    padding: 15px 0 0
}

.favi {
    float: right;
    padding-right: 41px
}

.favi a {
    float: left;
    text-align: center;
    color: #000;
    font-size: 12px;
    line-height: 30px;
    fill: #000
}

.favi a .svgIcon {
    display: block;
    width: 25px;
    margin: 0 auto;
    line-height: 0
}

.favi a span {
    display: none
}

.mycart {
    float: right;
    z-index: 99;
    position: relative;
    padding-right: 16px
}

.mycart>a {
    display: block;
    color: #000;
    font-size: 12px;
    text-align: center;
    fill: #000
}

.mycart .svgIcon {
    display: block;
    width: 25px;
    margin: 0 auto;
    line-height: 0
}

.mycart .sepetTecxt {
    display: none;
    float: left;
    line-height: 30px
}

.mycart .sepetUrunSayisi {
    display: block;
    position: absolute;
    right: 0;
    top: -5px;
    line-height: 24px;
    color: #fff;
    font-size: 14px
}

.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:before,.CartProduct:after {
    bottom: 100%;
    right: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.CartProduct:before {
    border-color: transparent;
    border-bottom-color: #f0f0f0;
    border-width: 9px;
    margin-left: -9px
}

.CartProduct:after {
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
    right: 11px
}

.CartProduct ul {
    padding: 0;
    margin: 0
}

.CartProduct .SProduct {
    float: left;
    width: 100%;
    max-height: 288px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px
}

.CartProduct .SProduct li {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee
}

.CartProduct .SProduct li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0
}

.CartProduct .SProduct li a {
    float: left;
    width: 100%;
    text-align: left;
    color: #000;
    padding-right: 30px
}

.CartProduct .SProduct li a img {
    margin-right: 20px;
    float: left;
    height: 70px!important
}

.CartProduct .SProduct li a .SepettopAd {
    width: calc(100% - 110px);
    float: left
}

.CartProduct .SProduct li a .SepettopAd .urunAd {
    margin-bottom: 10px
}

.CartProduct .SProduct li a .SepettopAd .urunAd span {
    font-size: 15px;
    display: block;
    line-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block!important
}

.CartProduct .SProduct li a .SepettopAd .varyAd {
    margin-bottom: 5px
}

.CartProduct .SProduct li a .SepettopAd .varyAd span {
    font-size: 14px;
    line-height: 14px
}

.CartProduct .SProduct li a .SepettopAd .sptAdet {
    margin-bottom: 10px
}

.CartProduct .SProduct li a .SepettopAd .sptAdet span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 14px
}

.CartProduct .SProduct li a .SepettopAd .sptAdet span:first-child {
    margin-left: 10px
}

.CartProduct .SProduct li a .sepetTopSatisBirimi {
    display: inline-block!important;
    vertical-align: middle;
    float: left
}

.CartProduct .SProduct li a .SepetTopAdet {
}

.CartProduct .SProduct li a .sepetTopFiyat {
    display: block!important;
    font-size: 16px;
    margin: 0;
    color: #000;
    line-height: 16px;
    width: 100%
}

.CartProduct .SProduct li a:nth-child(2) {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    width: auto!important;
    font-size: 15px;
    padding: 0
}

.CartProduct .SProduct li a .sepetTopBirimFiyat {
    display: none!important
}

.CartProduct .SProduct li a .fa-times {
    font-family: fontawesome;
    font-weight: 300
}

.CartProduct .SProduct li a .fa-times:before {
    content: '\f2ed'
}

.CartProduct .SPrice {
    float: left;
    width: 100%;
    font-size: 14px;
    padding: 10px 0;
    margin: 20px 0 10px;
    display: none
}

.CartProduct .SPrice li {
    font-size: 0
}

.CartProduct .SPrice li span {
    float: left;
    color: #000;
    font-size: 14px;
    text-transform: uppercase
}

.CartProduct .SPrice .sepetToplamTutar {
    float: right;
    text-align: right;
    font-size: 16px
}

.CartProduct .button {
    margin: 0!important;
    float: left;
    width: calc(50% - 10px);
    font-size: 14px!important;
    line-height: 35px;
    border-radius: 0;
    padding: 0;
    text-transform: uppercase
}

.CartProduct .headerCartBtn {
    line-height: 45px;
    border: 1px solid #ccc;
    background: 0 0;
    color: #000
}

.CartProduct .headerOrderBtn {
    line-height: 47px;
    float: right
}

.CartProduct .headerCartBtn:hover {
    color: #fff
}

.CartProduct.more .SPrice {
    display: block
}

.CartProduct.more .Title {
    display: block
}

.CartProduct.more .cart-footer {
    display: block
}

.CartProduct.more .headerCartBtn {
    display: block!important
}

.CartProduct.more .headerOrderBtn {
    display: block!important
}

.sepetimBody .mycart:hover .CartProduct {
    visibility: hidden;
    opacity: 0;
    top: 0
}

.sepetimBody .mycart:hover:after {
    display: none
}

.welcome {
    float: right;
    z-index: 99;
    position: relative;
    padding-right: 41px
}

.welcome>div {
    float: left;
    display: none
}

.welcome ul {
    float: left;
    margin: 0;
    list-style: none;
    padding: 0
}

.uyeGirisWelcome,.uyeGirisUyeAdi {
    display: none
}

.headerUyeGiris a,.headerUyeOl a,.headerHesabim,.headerCikis {
    float: left;
    color: #000;
    font-size: 12px;
    line-height: 30px;
    display: none
}

.welcome .svgIcon {
    float: none;
    display: block;
    width: 22px;
    margin: 0 auto;
    line-height: 0;
    fill: #000
}

.headerUyeOl a,.headerCikis {
}

.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: 264px;
    position: relative;
    z-index: 5;
    float: left;
    margin-left: 7%
}

#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: 43px;
    font-size: 12px;
    font-weight: 400;
    border: none;
    color: rgb(55 55 55/60%);
    padding: 0 10px 0 60px;
    background: #f8f8f8b2;
    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: rgb(55 55 55/60%)
}

#txtbxArama:-moz-placeholder {
    color: rgb(55 55 55/60%)
}

#txtbxArama::-moz-placeholder {
    color: rgb(55 55 55/60%)
}

#txtbxArama:-ms-input-placeholder {
    color: rgb(55 55 55/60%)
}

#txtbxArama:focus {
    color: #000
}

#btnKelimeAra {
    width: 55px;
    line-height: 40px;
    font-size: 14px;
    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;
    display: none
}

.navigation {
    float: left;
    width: 100%;
    margin: 28px 0 0
}

.navigation>div {
    z-index: 1;
    text-align: center;
    padding: 0!important
}

.navigation .navUl {
    display: inline-block;
    font-size: 0;
    float: left;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0
}

.navigation .navUl ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.navigation .navUl>li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 14px
}

.navigation .navUl>li>a {
    float: left;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.navigation .altMenu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    display: none;
    padding: 66px 7%;
    box-shadow: inset 0 11px 16px #0000000d;
    width: 100%
}

.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 {
}

.navigation .altMenu .altMenuler .altMenuSag>a>img {
    display: block
}

.navigation .altMenu .altMenuler .altmenuSol {
    float: left;
    width: 100%
}

.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
}

.navigation .altMenu .altMenuler .altmenuSol ul li:last-child a {
}

.navigation .altMenu .altMenuler .altmenuSol ul li ul a:hover {
    text-decoration: underline
}

.navigation .altMenu .altMenuler .altmenuSol>ul {
}

.navigation .altMenu .altMenuler .altmenuSol>ul>li {
}

.navigation .altMenu .altMenuler .altmenuSol>ul>li>a {
    font-size: 14px;
    color: #000;
    display: block;
    line-height: 28px
}

.navigation .altMenu .altMenuler .altmenuSol>ul>li>a:hover {
    text-decoration: underline
}

.navigation .navUl>li>a:hover {
    border-color: #000
}

.navigation .altMenu.picTrue .altMenuler .altMenuSag {
    width: 75%
}

.navigation .altMenu.picTrue .altMenuler .altmenuSol {
    width: 22%
}

#menuUrunleri .owl-nav {
    display: none!important
}

#header .yanResimliMenu {
    display: none
}

#lang_flag_container {
  cursor:pointer;
  width:70px;
    top: 0!important;
    left: 0!important;
    right: auto;
    bottom: auto;
    z-index: 9999!important;
    position: relative!important;
    float: right;
    padding-left: 15px
}

#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: 90%!important;
    right: -35px;
    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;
    z-index:999;
}

#lang_flag_container:hover:after {
    display: block
}

#lang {
    float: left;
    color: #000!important;
    font-size: 14px!important;
    font-weight: 400;
    padding: 0!important;
    margin: 0
}

#lang span {
    font-size: 0;
    line-height: 1;
    padding: 0;
    margin: 0
}

#lang_flag_container:hover #lang {
    color: #000!important;
    font-weight: 400
}

#langHover {
    padding: 13px 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: #161616
}

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

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

.FooterMiddle {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 70px
}

.FooterBottom {
    float: left;
    width: 100%;
    position: relative;
    border-top: 1px solid #676767;
    padding: 40px 0
}

.ebultenDiv {
    float: left;
    position: relative
}

.ebultenGelecek {
    display: none;
    width: 100%;
    float: right;
    margin-top: 30px;
    max-width: 338px
}

#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: 48px;
    font-size: 12px;
    color: rgb(255 255 255/60%);
    padding: 0 90px 0 13px;
    background: #4d4d4d;
    border: none;
    border-radius: 0;
    display: inline-block;
    width: 100%;
    text-align: left;
    font-weight: 400;
    opacity: 1;
    border-bottom: 1px solid #e0e0e0
}

#txtbxNewsletterMail::-webkit-input-placeholder {
    color: rgb(255 255 255/60%)
}

#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: 93px;
    height: 48px;
    line-height: 48px;
    font-size: 13px;
    font-weight: 300;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0!important;
    text-decoration: none;
    text-transform: uppercase
}

.ebultenDiv .newsbutton:hover {
    color: #fff;
    background: 0 0
}

#footer .linkler {
    float: left;
    width: 100%;
    position: relative;
    padding: 55px 0 0;
    margin-bottom: -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: calc(100% + 20px);
    margin: 0 -10px
}

#footer .linkler .blink>ul>li {
    float: left
}

#footer .linkler .blink>ul>li:last-child {
    margin-bottom: 0;
    width: 24%;
    padding-left: 5px
}

#footer .linkler .blink>ul>li {
    display: block;
    width: 19%;
    padding: 0 10px
}

#footer .linkler .blink>ul>li>span {
    display: table;
    clear: left;
    font-size: 16px;
    color: #9c9c9c;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px
}

#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: 14px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 9px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

#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 a:before {
    content: "Yukarı";
    text-align: center
}

#back-to-top {
    float: right;
    position: fixed;
    right: 30px;
    bottom: 180px;
    z-index: 9;
    display: none;
    width: 75px;
    height: 75px
}

#back-to-top a {
    float: left;
    color: #262626;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 13px;
    font-weight: 500;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    background-position: center;
    background: #fff;
    box-shadow: -2px 0 10px 10px #00000014;
    border-radius: 100%
}

#back-to-top a svg {
    height: 15px
}

.wpFix {
    position: fixed;
    right: 30px;
    bottom: 90px;
    z-index: 9;
    background: #fff;
    box-shadow: -2px 0 10px 10px #00000014;
    border-radius: 100%;
    width: 75px;
    height: 75px
}

.homeContainer .ProductListContent {
    float: left;
    width: 100%;
    margin: 30px 0;
    position: relative
}

.homeContainer .ProductListContent .ProductList {
    display: block;
    margin: 0 auto
}

.homeContainer .ProductListContent .ItemOrj {
    padding: 0 10px;
    margin-bottom: 20px;
    width: 25%;
    max-width: 25%
}

.homeContainer .ProductListContent .productItem {
    margin-bottom: 0
}

.categoryContainer .ProductList.PlSc_hrz .ItemOrj {
    width: 100%
}

.categoryContainer .ProductList.PlSc_2 .ItemOrj {
    width: 50%
}

.categoryContainer .ProductList.PlSc_3 .ItemOrj {
    width: 33.33%!important;
    max-width: 33.33%!important
}

.categoryContainer .ProductList.PlSc_4 .ItemOrj {
    width: 25%
}

.categoryContainer .ProductList.PlSc_5 .ItemOrj {
    width: 20%
}

.ProductListContent {
    float: left;
    width: 100%
}

.categoryContainer .ProductListContent {
    float: left;
    width: 100%;
    padding: 0 7%
}

.categoryContainer .ProductList {
    margin: 0 -10px
}

.categoryContainer .ProductListContent .productItem {
    margin-bottom: 50px
}

.ItemOrj {
    float: left;
    padding: 0 15px;
    width: 33.33%
}

.productItem {
    width: 100%;
    position: relative;
    text-align: center;
    display: inline-block;
    float: left;
    font-size: 0
}

.productItem .productIcon {
    width: 100%;
    height: 100%
}

.productItem .productImage {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0;
    float: left;
    background: #fbfbfb;
    /*padding-top: 75px*/
}

.productItem .productImage a {
    display: block;
    position: relative;
    padding-bottom: 67%
}

body .productItem .productImage a.Videolu {
    display: block;
    position: relative;
    padding-bottom: 150%
}

.productItem .productImage img {
    max-width: 100%;
    max-height: 100%;
    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 .Videolu video {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 0;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease
}

.productItem .productDetail {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    height: 70px;
    padding: 0;
    margin-top: 15px
}

.productItem .productName {
    position: relative;
    margin: 0;
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 12px
}

.productItem .productName a {
    float: left;
    width: 100%;
    padding: 0;
    line-height: 23px;
    font-weight: 700;
    font-size: 16px;
    color: #000;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    overflow: hidden
}

.productItem .productPrice {
    display: flex;
    vertical-align: top;
    position: relative;
    margin: 0;
    bottom: 0;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column-reverse;
    width: auto
}

.productItem .discountPrice {
    display: block;
    float: right
}

.productItem .discountPrice span {
    color: #000;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700
}

.productItem .discountKdv,.productItem .regularKdv {
    display: none
}

.productItem .regularPrice {
    display: block!important;
    float: left
}

.productItem .regularPrice span {
    font-size: 16px;
    color: #c3c6c9;
    -moz-text-decoration-color: #c3c6c9;
    text-decoration-color: #c3c6c9;
    line-height: 23px;
    font-weight: 700;
    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
}

.productItem .productMarka {
    display: none!important
}

.productItem .productOnYazi,.productItem .productOnYazi * {
    background: 0 0!important;
    font-family: sweet sans pro,sans-serif!important;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 25px;
    display: none
}

.newIcon,.cargoIcon,.firsatIcon,.urunListStokUyari,.discountIcon div,.discountIcon .discountIcon_s2,.examineIcon {
    z-index: 3;
    display: none
}

.discountIcon span,.mycartIcon a span {
    font-weight: 400
}

.favori a,.examineIcon a,.mycartIcon a {
    display: block;
    font-size: 0
}

.newIcon {
    position: absolute;
    top: 45px;
    right: 22px;
    font-size: 15px;
    color: #000;
    display: block!important;
    font-weight: 500;
    text-align: center;
    width: 45px;
    line-height: 22px;
    height: 25px;
    overflow: hidden;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

.TukendiIco {
    z-index: 5;
    border-radius: 0;
    background: 0 0;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: calc(100% - 90px);
    overflow: hidden
}

.TukendiIco span {
    line-height: 40px;
    background: rgba(255,255,255,.8);
    position: absolute;
    left: 0;
    bottom: 50%;
    right: 0;
    max-width: 200px;
    border: none;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    padding: 0;
    border-radius: 0;
    text-transform: uppercase;
    margin: 0 auto
}

.StokYok .cargoIcon,.StokYok .firsatIcon,.StokYok .newIcon {
    display: none!important
}

body .productItem .divVideoPlayButton {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 90px;
    width: 40px;
    height: 40px;
    margin: auto;
    overflow: hidden
}

body .productItem .divVideoPlayButton a.urunListeVideoPlay {
    color: #fff;
    float: left;
    width: 100%;
    height: 100%
}

body .productItem .divVideoPlayButton a.urunListeVideoPlay i {
    font-family: fontawesome;
    font-weight: 300;
    font-size: 40px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    text-shadow: 0 0 4px #848484
}

body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before {
    content: '\f144'
}

body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before {
    content: '\f28b'
}

.productItem .urunListeAdet,.productItem.StokYok .urunListeAdet,.productIcon .quickViewIco,.productItem:hover .productIcon .quickViewIco {
    display: none!important
}

.Block_Title {
    display: none
}

.noProduct {
    background: url(https://static.ticimax.cloud/52460/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 * {
}

.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: #9d9d9d;
    font-size: 12px!important;
    line-height: 30px!important;
    float: left;
    font-weight: 400
}

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: #9d9d9d;
    font-size: 12px;
    line-height: 30px;
    float: left;
    font-weight: 400
}

body ul.breadcrumb li:nth-last-of-type(1):after {
    display: none
}

body ul.breadcrumb li:nth-last-of-type(1) * {
    color: #000!important
}

body a#linkOncekiSayfa {
    line-height: 30px;
    display: block;
    color: #000;
    font-size: 12px!important;
    font-weight: 400
}

.leftImage a#linkOncekiSayfa {
    display: none
}

.categoryTitleText {
    float: left;
    width: 100%;
    padding: 6px 0
}

.categoryTitle {
    float: left;
    width: 100%
}

body #divSayfalamaUst {
    float: right;
    margin: 0;
    padding: 20px 7%;
    text-align: center
}

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

.brandlistselection {
    display: inline-block;
    vertical-align: top;
    float: right;
    margin: 0;
    width: calc(100% - 110px)
}

.brandlistselection .clear {
    clear: none;
    display: none
}

.brandlistselection ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.brandlistselection .sortingContent {
    background: 0 0;
    float: right;
    display: flex!important;
    align-items: center;
    justify-content: center
}

.brandlistselection .sortingContent li {
    float: left;
    background: 0 0;
    border-radius: 0!important
}

.brandlistselection .sortingContent li a {
    background: 0 0;
    border-radius: 0!important;
    border: none!important;
    float: left;
    padding: 0;
    margin-left: 19px;
    filter: brightness(0) saturate(100%) invert(96%) sepia(1%) saturate(60%) hue-rotate(314deg) brightness(90%) contrast(96%)
}

.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!important;
    margin: 0;
    position: relative!important;
    box-shadow: none!important;
    border: none!important;
    top: 0!important;
    padding: 0 58px!important;
    max-height: 100%!important;
    overflow: inherit!important;
    margin-bottom: 20px!important;
    margin-top: 7px!important
}

.category-vertical-filters .vertical-filter-panel .list-group ul {
    list-style: none;
    padding: 0;
    margin: 0
}

body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst {
    background: 0 0;
    text-align: left;
    padding: 33px 58px;
    font-size: 20px
}

body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo {
    display: none
}

body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn {
    float: left;
    text-align: center;
    background: #000;
    width: calc(100% - 116px);
    margin: 0 58px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    padding: 10px
}

body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum {
    display: none
}

body #divSayfalamaUst .filterDeleteContent {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: auto
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter {
    padding: 0;
    margin: 0 15px 0 0;
    height: auto;
    background: 0 0;
    border: 1px solid #666;
    width: auto;
    border-radius: 0
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter a {
    width: 29px;
    margin: 0
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter a i {
    font-family: fontawesome;
    line-height: 25px;
    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: #666;
    font-size: 12px;
    text-align: left;
    font-weight: 400
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span+span {
    color: #666
}

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: 25px;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    margin: 0;
    width: 100%
}

.brandlistselectionBottom {
    margin-bottom: 0;
    display: none
}

#divSayfalamaAlt {
    width: 100%;
    margin: 0
}

.pageNumber {
    float: right;
    text-align: right;
    margin: 0;
    display: none
}

.pageNumber a {
}

.pageNumberContent {
}

.pageNumberBottom {
    float: right;
    text-align: center;
    margin: 50px 0;
    padding: 0;
    width: 100%;
    display: block;
    vertical-align: middle
}

.pageNumberContent,.pageBorder {
    display: inline-block;
    vertical-align: top
}

.pageNumberContent a,.pageBorder a {
    min-width: 40px;
    height: 40px;
    line-height: 35px;
    font-size: 16px;
    font-weight: 700;
    color: #292929;
    background: #fff;
    border-radius: 0;
    border: none;
    float: left;
    position: relative;
    display: block;
    text-align: center;
    margin: 0 5px;
    border: 1px solid #dcdcdc!important;
    border-radius: 5px
}

.pageNumberContent a.butonDisabled,.pageBorder a.butonDisabled {
    opacity: 1!important
}

.pageNumberContent a:hover,.pageBorder a:hover {
    color: #fff;
    background: #333
}

.pageNumberContent a.SelectedSayfa,.pageBorder a.SelectedSayfa {
    color: #fff;
    background: #000;
    border: 1px solid #000
}

.KategoriFilitrelemeContent .Block_Title {
    display: none
}

.RightDetail>.clear {
    clear: none
}

.ProductDetailMain {
    float: left;
    width: 100%
}

.ProductDetailMainRow {
    float: left;
    width: 100%
}

.TopDet {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0 7%;
    z-index: 9
}

.leftImage {
    width: 61.25%;
    float: left;
    position: relative;
    padding: 0
}

.RightDetail {
    width: 38.75%;
    float: left;
    position: sticky;
    top: 100px;
    padding-left: 90px;
    padding-top: 60px
}

.leftImage .ProductGallery {
    float: left;
    width: 100%
}

.leftImage .ProductGallery .gallery-container {
    float: left;
    width: 100%;
    position: relative
}

.leftImage .ProductGallery .gallery-container .GalleryArea {
    float: right;
    width: 500px;
    margin: 0;
    padding: 0
}

.leftImage .ProductGallery .gallery-container .galleryOwl-thumb {
    float: left;
    width: 90px;
    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: 80px;
    margin-bottom: 15px
}

.leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots {
    display: none
}

.UrunDetayLeft {
    margin: 0!important;
    overflow: hidden
}

.Images,#divVideoGoruntulemeAlan {
    float: right;
    width: 500px;
    padding-bottom: 150%;
    position: relative;
    display: none!important
}

.Images img,#vdUrunVideo {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.cloudzoom-blank>div:last-child {
    display: none!important
}

.SmallImages {
    display: block!important;
    float: left;
    width: 100%;
    scroll-behavior: smooth
}

.SmallImages div {
    float: left;
    width: 100%
}

.SmallImages div img {
    max-width: 100%;
    max-height: 100%
}

.leftImage .productTimer {
    display: none!important
}

.DetayYeniUrun {
    display: none!important
}

.RightDetail .TopList {
    padding-bottom: 15px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 99!important
}

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

.RightDetail .BottomList {
    float: left;
    width: auto;
    position: relative
}

.ProductName {
    float: left;
    position: relative;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px
}

.ProductName h1 {
    margin: 0;
    float: left;
    width: calc(100% - 100px)
}

.ProductName h1 span {
    float: left;
    width: 100%;
    display: inline-block;
    color: #000;
    font-size: 26px;
    font-weight: 700
}

#divUrunKodu {
    float: left;
    clear: left;
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 300;
    position: relative;
    line-height: 18px;
    margin-bottom: 26px
}

#divUrunKodu span {
    display: inline-block;
    vertical-align: top;
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 300;
    position: relative;
    line-height: 18px;
    float: left;
    display: none
}

#divUrunKodu span:after {
    content: ':';
    margin: 0 4px
}

#divTaksitAciklama {
    display: block;
    float: left;
    clear: left;
    margin-top: 10px
}

#divTaksitAciklama .taksitSatir {
    color: #000;
    font-size: 14px;
    line-height: 14px
}

.RightDetail .puanVer {
    float: left;
    clear: left
}

.RightDetail #PuanVer {
    float: left;
    margin-top: 25px
}

.RightDetail .PuanVerSag {
    float: left;
    color: #000;
    font-size: 15px;
    line-height: 15px;
    margin: 10px 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: 11px;
    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: 11px
}

.RightDetail ul.rating li.filled i {
}

.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 ul.rating li i.starItem,.RightDetail ul.rating li.filled i,.RightDetail .rating-stars ul>li.star.hover>i.fa,.RightDetail .rating-stars ul>li.star.selected>i.fa {
    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: 14px;
    font-weight: 400;
    line-height: 14px
}

#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: sweet-sans-pro,sans-serif!important
}

#divOnyazi strong {
    font-weight: 700
}

#divOnyazi strong * {
    font-weight: 700
}

#divOnyazi i {
    font-family: fontawesome!important;
    margin-right: 12px
}

.urunDetayFiyatContainer {
}

.PriceList {
    float: left;
    position: relative;
    padding: 0
}

#pnlFiyatlar {
    display: inline-block;
    vertical-align: top;
    float: left
}

#divIndirimliFiyat {
    display: block
}

#divUrunTakimAlan {
    margin-top: 20px;
    float: left;
    width: 100%
}

.takimUrunAltContent {
    float: left;
    width: 100%
}

#divMarka,#divTedarikci,#divUrunStokAdedi,#divToplamStokAdedi,#divBarkod,#divParaPuan,#divTahminiTeslimatSuresi,#divIndirimOrani {
    float: left;
    margin-top: 10px;
    line-height: 14px
}

#divMarka .left_line,#divTedarikci .left_line,#divUrunStokAdedi .left_line,#divToplamStokAdedi .left_line,#divBarkod .left_line,#divParaPuan .left_line,#divTahminiTeslimatSuresi .left_line,#divIndirimOrani .left_line {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px
}

#divMarka .center_line,#divTedarikci .center_line,#divUrunStokAdedi .center_line,#divToplamStokAdedi .center_line,#divBarkod .center_line,#divParaPuan .center_line,#divTahminiTeslimatSuresi .center_line,#divIndirimOrani .center_line {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px
}

#divMarka .right_line,#divMarka .right_line *,#divTedarikci .right_line,#divTedarikci .right_line *,#divUrunStokAdedi .right_line,#divToplamStokAdedi .right_line,#divBarkod .right_line,#divParaPuan .right_line,#divTahminiTeslimatSuresi .right_line,#divIndirimOrani .indirimliOrani,#divIndirimOrani .indirimliOrani * {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    width: auto
}

.PiyasafiyatiContent {
    display: block;
    line-height: .8;
    float: left
}

.PiyasafiyatiContent .left_line,.PiyasafiyatiContent .center_line {
    display: none
}

.PiyasafiyatiContent .right_line {
    display: inline-block;
    vertical-align: top
}

.PiyasafiyatiContent .right_line * {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    line-height: 29px
}

.PiyasafiyatiContent .right_line .spanKdv {
    display: none!important;
    vertical-align: top
}

.IndirimliFiyatContent {
    display: block
}

.IndirimliFiyatContent .left_line,.IndirimliFiyatContent .center_line {
    display: none
}

.IndirimliFiyatContent .right_line {
    display: inline-block;
    vertical-align: top
}

.IndirimliFiyatContent .right_line * {
    display: inline-block;
    vertical-align: top;
    line-height: 30px
}

.IndirimliFiyatContent .right_line .spanKdv {
    display: none!important;
    vertical-align: bottom;
    font-size: 12px;
    line-height: 1
}

#divTurkLirasiFiyat {
    display: block;
    line-height: .8
}

#divTurkLirasiFiyat .left_line,#divTurkLirasiFiyat .center_line {
    display: none
}

#divTurkLirasiFiyat .right_line {
    display: inline-block
}

#divTurkLirasiFiyat .right_line * {
    display: inline-block!important;
    vertical-align: top;
    line-height: .8
}

#divIndirimsizFiyat {
    display: block;
    line-height: .8
}

#divIndirimsizFiyat .left_line,#divIndirimsizFiyat .center_line {
    display: none
}

#divIndirimsizFiyat .right_line {
    display: inline-block;
    font-size: 13px;
    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;
    line-height: .8;
    float: left;
    margin-top: 8px
}

#divKDVDahilFiyat .left_line {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 14px;
    font-weight: 400
}

#divKDVDahilFiyat .center_line {
    display: none
}

#divKDVDahilFiyat .right_line * {
    display: inline-block!important;
    vertical-align: top
}

.PiyasafiyatiContent .right_line * {
    color: #c3c6c9;
    font-size: 20px;
    text-decoration: line-through
}

.IndirimliFiyatContent .right_line *,#divTurkLirasiFiyat .right_line *,#divIndirimsizFiyat .right_line *,#divKDVDahilFiyat .right_line *,#divIndirimsizFiyat .right_line,#divIndirimsizFiyat .left_line {
    color: #000
}

#divKDVDahilFiyat .left_line,#divKDVDahilFiyat .right_line *,#divIndirimsizFiyat .left_line {
    line-height: 20px
}

.IndirimliFiyatContent .right_line *,#divTurkLirasiFiyat .right_line *,#divIndirimsizFiyat .right_line *,#divKDVDahilFiyat .right_line * {
    font-size: 30px;
    font-weight: 700
}

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
}

#divUrunEkSecenek {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 40px
}

#divUrunEkSecenek .eksecenekLine {
    clear: none!important;
    margin: 0;
    float: left;
    width: 100%
}

#divUrunEkSecenek .eksecenekLine:last-child {
    margin-bottom: 0!important;
    border: none;
    padding-bottom: 0
}

#divUrunEkSecenek .eksecenekLine .left_line {
    float: left;
    width: 100%;
    line-height: 30px;
    color: #000;
    font-size: 14px
}

#divUrunEkSecenek .eksecenekLine .center_line {
    display: none
}

#divUrunEkSecenek .eksecenekLine .right_line {
    display: inline-block;
    vertical-align: top
}

#divUrunEkSecenek .eksecenekLine .right_line .size_box {
    float: left;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    position: relative;
    color: #000;
    font-weight: 400;
    margin-right: 12px;
    margin-bottom: 22px;
    border: 2px solid transparent;
    padding: 2px
}

#divUrunEkSecenek .eksecenekLine .right_line .size_box img {
    width: 100%;
    height: 100%;
    display: block
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon {
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line {
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line {
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {
    width: 100%
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {
    min-width: 100%;
    float: left;
    height: 40px;
    border: 1px solid #d7d7d7;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    padding: 0 10px;
    background: #fff;
    border-radius: 0
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon {
    border-top: 1px solid #f0f0f0;
    padding: 13px 0
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line {
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line {
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box {
    width: 42px
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img {
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover {
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line {
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    padding: 0 20px
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child {
    margin-right: 0
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {
    background: #b3d5ad63
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {
    background: #b3d5ad
}

.ilgiliUrunSecenek #productDetailRelated>a {
    padding-bottom: 10px
}

#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)
}

#IlgiliUrunDiv {
    float: left;
    width: 100%
}

#IlgiliUrunDiv #divIlgiliUrunler {
}

.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: 13px;
    line-height: 40px;
    font-weight: 400;
    color: #000
}

.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: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 0;
    overflow: hidden
}

.TopDet #IlgiliUrunDiv ul li:hover {
}

.TopDet #IlgiliUrunDiv ul li .productItem {
    border: none;
    width: 100%;
    float: left;
    padding: 0;
    box-shadow: none!important
}

.TopDet #IlgiliUrunDiv ul li .productItem .productTimer {
    display: none!important
}

.TopDet #IlgiliUrunDiv ul li .productItem .productImage {
    padding: 0
}

.TopDet #IlgiliUrunDiv ul li .productItem .productImage a {
}

.TopDet #IlgiliUrunDiv ul li .productItem .productImage a:before {
    display: none!important
}

.TopDet #IlgiliUrunDiv ul li .productItem .productImage img {
}

.TopDet #IlgiliUrunDiv ul li .productItem .productIcon {
    display: none
}

.TopDet #IlgiliUrunDiv ul li .productItem .urunListeAdet {
    display: none!important
}

.TopDet #IlgiliUrunDiv ul li .productItem .productDetail {
    padding: 0;
    margin: 0;
    display: none
}

.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:before {
    display: none
}

.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:after {
    display: none
}

.TopDet #IlgiliUrunDiv ul li .productItem .productName {
    display: none
}

.TopDet #IlgiliUrunDiv ul li .productItem .TukendiIco {
    display: none
}

.TopDet #IlgiliUrunDiv ul li .productItem .boxBedenlerContent {
    display: none!important
}

#divSatinAl {
    float: left;
    width: 100%;
    padding: 13px 0 0;
    border-top: 1px solid #f0f0f0
}

.BasketBtn {
    float: left;
    position: relative;
    width: 100%;
    margin: 20px 0 0
}

#divAdetCombo .right_line,.RightDetail .riSingle {
    width: 125px
}

#txtbxurunSiparisAdedi,#divAdetCombo select,.RightDetail .riSingle a.riUp,.RightDetail .riSingle a.riDown,.basketBtn input,.buyfast input {
    height: 49px!important
}

.Basketinp p,#divKombinSatinAl a,#divAdetCombo .left_line,.RightDetail .riSingle a.riUp,.RightDetail .riSingle a.riDown {
    line-height: 28px;
    border: 1px solid #a6a6a6;
    border-radius: 100%;
    height: 28px!important
}

#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: flex;
    vertical-align: top;
    border-radius: 0;
    align-items: center;
    justify-content: center
}

.RightDetail .riSingle a.riUp,.RightDetail .riSingle a.riDown {
    width: 28px!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;
    margin-top: 3px!important
}

.RightDetail .riSingle a.riUp svg,.RightDetail .riSingle a.riDown svg {
    width: 10px
}

.RightDetail .riSingle a.riUp path,.RightDetail .riSingle a.riDown path {
    fill: #000
}

.RightDetail .riSingle a.riUp {
    left: auto;
    right: 0
}

.RightDetail .riSingle a.riDown {
    left: 0
}

.Basketinp {
    display: block;
    position: relative;
    float: right;
    height: 28px;
    margin: 10px 0
}

.BasketBtn .pSatisBirimi,.BasketBtn .left_line.lineTitle2 {
    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;
    height: 28px!important
}

#txtbxurunSiparisAdedi,#divAdetCombo select {
    background: #fff;
    color: #000;
    border: none;
    font-size: 20px;
    font-weight: 700;
    float: left;
    margin: 0;
    border-radius: 0
}

#divKombinSatinAl,.basketBtn,.buyfast {
    float: left;
    margin: 0
}

#divKombinSatinAl a,.buyfast input,.basketBtn input {
    color: #fff;
    font-size: 18px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    letter-spacing: 0;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none
}

.basketBtn {
    width: calc(100% - 172px)
}

.buyfast {
    width: 100%;
    margin: 20px 0 0;
    display: none
}

.buyfast input {
}

#divKombinSatinAl {
    margin: 20px 0 0;
    width: 100%
}

#divKombinSatinAl a {
    font-size: 14px;
    margin: 0!important
}

.ProductIcon {
    float: left;
    margin-top: 10px
}

.ProductIcon .box1 {
    padding: 0;
    margin: 0;
    min-width: 0;
    background: 0 0;
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 12px
}

.ProductIcon .box1 i {
    display: none
}

.ProductIcon .boxIcon {
    fill: #000;
    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;
    margin-right: 7px
}

.ProductIcon .boxIcon svg {
    height: 22px
}

.ProductIcon>div {
    float: left;
    position: relative;
    position: relative;
    margin: 10px 20px 20px 0;
    width: auto
}

.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
}

.ProductIcon2 {
    float: left;
    width: 100%
}

.ProductIcon2 .clear {
    display: none
}

.ProductIcon2 #divSocialButtons {
    width: 100%
}

.ProductIcon2>div {
    float: left;
    width: 33.33%;
    margin-bottom: 15px;
    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
}

.TopDet .product_social_icon_wrapper {
    float: left;
    width: 100%;
    display: block!important;
    font-size: 0;
    margin-top: 10px
}

.TopDet .product_social_icon_wrapper .PaylasTit {
    float: left;
    color: #000;
    font-size: 14px;
    line-height: 30px;
    margin-right: 10px
}

.TopDet .product_social_icon_wrapper ul {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    padding: 0;
    margin: 0
}

.TopDet .product_social_icon_wrapper ul li {
    float: left;
    margin-right: 10px
}

.TopDet .product_social_icon_wrapper ul li:last-child {
    margin-right: 0
}

.TopDet .product_social_icon_wrapper ul li a {
    float: left;
    fill: #fff;
    background: #000;
    font-size: 14px;
    border-radius: 100%;
    text-align: center;
    width: 30px;
    height: 30px;
    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
}

.TopDet .product_social_icon_wrapper ul li a svg {
    width: 15px
}

.TopDet .product_social_icon_wrapper ul li:nth-child(1) a {
    background: #3b5999
}

.TopDet .product_social_icon_wrapper ul li:nth-child(2) a {
    background: #55acee
}

.TopDet .product_social_icon_wrapper ul li:nth-child(3) a {
    background: #bd081c
}

.TopDet .product_social_icon_wrapper .UWhatsApp {
    float: left;
    margin-right: 0
}

.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp {
    float: left;
    color: #fff;
    background: #6dc33a;
    font-size: 0;
    border-radius: 100%;
    text-align: center;
    width: 30px
}

.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp i {
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px
}

.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
}

.activeTab:before {
    content: "";
    background: rgb(0 0 0/25%);
    position: fixed;
    left: -200%;
    top: -100px;
    right: 0;
    bottom: 0;
    width: 500%;
    z-index: 9
}

.urunOzellik {
    display: none
}

.urunOzellikTab {
    display: block;
    float: left;
    width: 100%
}

.urunOzellikTab .urunTab {
    float: left;
    width: 100%
}

.urunOzellikTab .urunTab>ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.urunOzellikTab .urunTab>ul>li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    padding: 16px 0
}

.urunOzellikTab .urunTab>ul>li>a {
    color: #232323;
    font-size: 14px;
    line-height: 18px;
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
    background: 0 0!important
}

.urunOzellikTab .urunTab>ul>li>a:after {
    content: '\f054';
    font-family: fontawesome;
    float: right;
    font-size: 12px
}

.urunOzellikTab .urunTab>ul>li[onofftip=true]>a:after {
    content: '\f054'
}

.urunOzellikTab .urunTab>ul>li>a span {
}

.urunOzellikTab .urunTab>ul>li .urunDetayPanel {
}

.urunOzellikTab .urunTab>ul>li[onofftip=true] .urunDetayPanel {
    right: 0
}

.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%
}

body .teknikDetay {
    border: none
}

body .teknikDetay .teknikDetayItem:nth-child(odd) {
    background: 0 0
}

body .teknikDetay .teknikDetayItem div.t2 {
    border: none
}

body .teknikDetay div div.t1 {
    width: auto;
    padding: 10px 0;
    color: #444;
    font-weight: 400
}

body .teknikDetay div div.t1:after {
    content: ":";
    margin: 0 5px
}

body .teknikDetay div div.t2 {
    width: auto;
    padding: 10px 0
}

body .teknikDetay .teknikDetayItem div.t2 span {
    color: #999
}

.urunDetayPanel {
    float: left;
    width: 100%;
    clear: none!important;
    border: none;
    padding: 20px 0
}

.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: sweet-sans-pro,sans-serif!important;
    padding: 0;
    float: left;
    width: 100%;
    max-height: initial;
    overflow-y: auto;
    overflow-x: hidden
}

.urunTabAlt * {
    font-family: sweet-sans-pro,sans-serif!important
}

.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!important;
    margin-bottom: 16px!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: 29px;
    color: #070707;
    font-size: 20px;
    font-weight: 700;
    /*display: none;*/
    vertical-align: top;
    padding: 0!important;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    text-align: left
}

.insta-detail-content .InstaName a,.insta-detail-content .InstaPrice {
    text-align: left!important
}

.insta-detail-content .InstaBuyBtn a {
    float: left
}

.insta-detail-content .InstaPhoto {
    height: auto!important
}

.insta-detail-content .insta-right-content .insta-caption {
    padding: 10px 10px 0!important
}

#divInstashopResim .owl-carousel .owl-nav {
    display: block!important
}

#mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav {
    z-index: 2;
    position: absolute;
    right: 10px;
    left: 10px;
    top: 40%;
    display: none!important
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev,.owl-carousel .owl-nav .ProductListprev,.owl-carousel .owl-nav .InstaGalleryprev {
    left: 0
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGallerynext {
    right: 0
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev,.owl-carousel .owl-nav .ProductListprev,.owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGalleryprev,.owl-carousel .owl-nav .InstaGallerynext,#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {
    cursor: pointer;
    text-align: center;
    position: absolute;
    width: auto!important;
    background: 0 0!important;
    height: auto!important
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover,.owl-carousel .owl-nav .InstaGalleryprev:hover,.owl-carousel .owl-nav .ProductListprev:hover {
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover,.owl-carousel .owl-nav .InstaGallerynext:hover,.owl-carousel .owl-nav .ProductListnext:hover {
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListnext:before,.owl-carousel .owl-nav .InstaGalleryprev:before,.owl-carousel .owl-nav .InstaGallerynext:before,#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {
    display: none
}

#mainHolder_divDesign .owl-carousel .owl-dots,.owl-carousel .owl-dots {
    display: none!important;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot,.owl-carousel .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    background: 0 0!important;
    border: none;
    margin: 0 4px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2.5px!important;
    border: none!important
}

#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active,.owl-carousel .owl-dots .owl-dot.active {
    background: #000
}

.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%
}

.detaySliderContainer {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0 7%
}

.detaySliderContainer .ProductList {
    display: block!important;
    margin: 0 auto
}

.detaySliderContainer .Jbutonlar {
    display: none
}

.detaySliderContainer .jCarouselLite {
    float: left;
    width: 100%
}

#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-prev,#pnlSlider .flex-direction-nav .flex-next {
    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-prev:before,#pnlSlider .flex-direction-nav .flex-next:before {
    font-size: 0
}

#pnlSlider .flex-direction-nav .flex-prev:before {
}

#pnlSlider .flex-direction-nav .flex-next:before {
}

#pnlSlider .flex-direction-nav .flex-prev:hover,#pnlSlider .flex-direction-nav .flex-next:hover {
}

#pnlSlider .flex-direction-nav a:before {
    text-shadow: none
}

#pnlSlider .flex-direction-nav a:after {
    text-shadow: none
}

#pnlSlider .HPSItems .flex-control-thumbs {
    position: static;
    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
}

#pnlSlider .HPSItems .flex-control-thumbs .flex-active {
}

.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: sweet-sans-pro,sans-serif!important
}

.SayfaIcerik .centerCount {
    width: 100%
}

.insta-detail-content .divInstaProducts .InstaName a {
    white-space: pre-wrap!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,.searchClick,.mycartClick,.welcomeOpen {
    display: none
}

.userLoginBtn,.userSignBtn {
    border: none!important
}

.magazaTeslimatBilgisiContent {
    display: none
}

#store_region_container {
    display: none
}

html body #divTicimaxCopyrightContent #ticimaxCopyright {
    float: left;
    width: 100%;
    display: none!important
}

section {
    float: left;
    width: 100%
}

.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,.urunTabAlt::-webkit-scrollbar,.SmallImages::-webkit-scrollbar,.SepetBlockInfo::-webkit-scrollbar,.searchContent ul::-webkit-scrollbar,body .kombinContent ul::-webkit-scrollbar,.CartProduct .SProduct::-webkit-scrollbar,.yanResimliMenu .KatMenu1::-webkit-scrollbar,.UrunGuruplari .Block_Text::-webkit-scrollbar,.ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar,.leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar,.mobilMenu .menuIcerikAlan::-webkit-scrollbar,.mobilMenu .navUl>li>ul::-webkit-scrollbar,.mobilMenu .navUl>li>ul li ul::-webkit-scrollbar {
    width: 5px
}

#divOnyazi::-webkit-scrollbar-track,.urunTabAlt::-webkit-scrollbar-track,.SmallImages::-webkit-scrollbar-track,.SepetBlockInfo::-webkit-scrollbar-track,.searchContent ul::-webkit-scrollbar-track,body .kombinContent ul::-webkit-scrollbar-track,.CartProduct .SProduct::-webkit-scrollbar-track,.yanResimliMenu .KatMenu1::-webkit-scrollbar-track,.UrunGuruplari .Block_Text::-webkit-scrollbar-track,.ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track,.leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track,.mobilMenu .menuIcerikAlan::-webkit-scrollbar-track,.mobilMenu .navUl>li>ul::-webkit-scrollbar-track,.mobilMenu .navUl>li>ul li ul::-webkit-scrollbar-track {
    background: #efefef
}

#divOnyazi::-webkit-scrollbar-thumb,.urunTabAlt::-webkit-scrollbar-thumb,.SmallImages::-webkit-scrollbar-thumb,.SepetBlockInfo::-webkit-scrollbar-thumb,.searchContent ul::-webkit-scrollbar-thumb,.CartProduct .SProduct::-webkit-scrollbar-thumb,body .kombinContent ul::-webkit-scrollbar-thumb,.UrunGuruplari .Block_Text::-webkit-scrollbar-thumb,.yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb,.ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb,.leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb,.mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb,.mobilMenu .navUl>li>ul::-webkit-scrollbar-thumb,.mobilMenu .navUl>li>ul li ul::-webkit-scrollbar-thumb {
    background: #1f1f1f
}

body .button,.baglanButton,.siparisOzetTakip,body.sepetimBody .basketCompletebtn,#AdresContent .button,.BasketPage .OdemeMenu ul li.activeMenu>a,.pageNumberContent a:hover,.menuUstBolum,body .category-vertical-filters.top-filters .FiltreUst,.SepetUst,.urunOzellikTab .urunTab>ul>li.active>a,.tooltip-inner,.welcome.active,.sepetimBody .Basketstep ul li.aktif {
    background: #1f1f1f
}

.iletisimContent .iletisimRight .iletisimbanka .span>.line1:nth-child(n+2),body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir,.pageNumberContent a:hover,.OdemeMenu ul li.activeMenu {
    border-color: #1f1f1f
}

.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
    border-top-color: #1f1f1f
}

.tooltip.right .tooltip-arrow {
    border-right-color: #1f1f1f
}

.tooltip.left .tooltip-arrow {
    border-left-color: #1f1f1f
}

.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #1f1f1f
}

.baglanButton {
    border-color: transparent
}

.Basketstep ul li:before {
    border: 1px solid #1f1f1f
}

.sepetimBody .Basketstep ul li.aktif:after {
    border-top-color: #1f1f1f
}

.sepetTitle .st_1,body .sepetTitle2 .st_1,body .BasketRigth ul li.genelToplam .tut,body .sepetTitle2 .st_1:before,.sepetTitle .st_1:before,.TeslimatAdresTittle,.Basketstep ul li.gecti span,body #divToplamOdeme,.TeslimatAdresTittle,a.YeniAdresEkle,.Basketstep ul li.onestepsec span,.Basketstep ul li.pasif i,.BasketPage .Basketstep ul li.pasif i,.BasketPage .cargoInformation div.cargoName span,.BasketPage .faturaAdresBtn.active,.adresAyniBtn.active,.BasketPage .sepetItemB4,.BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check,.iletisimContent .categoryTitle .categoryTitleText,body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span,body .siparisUrunUyariSecenek .siparisUrunDurumBaslik,body.sepetimBody .mobileAddition>.addition-content>.TotalPrice,body.sepetimBody .mobileAddition>.addition-content::before {
    color: #1f1f1f
}

.button:hover,.userLoginBtn:hover,.userSignBtn:hover,.BasketPage .OdemeMenu ul li:hover>a,.BasketPage .alisverisedevamet:hover,.BasketPage #hed div.hediCekForm a:hover,.BasketPage a.YeniAdresEkle:hover,#AdresContent .button:hover,.basketCompletebtn:hover,.KasaOnuFirsatlarContent ul li a.button:hover,.ProductIcon2>div>a:hover {
    background: #605e5e
}

.BasketPage .AdresItemAlt a:hover,.BasketPage .sepetiTemizle:hover,.BasketPage .sepet-sil:hover:before,.BasketPage .sepetTitle2 a:hover,.baglanButton:hover,.BasketPage .faturaAdresBtn:hover,.adresAyniBtn:hover,.headerSocialConnect .baglanButton a:hover,.CartProduct .SProduct li a:nth-child(2):hover * {
    color: #1f1f1f
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li>a:hover,.BasketPage a.YeniAdresEkle:hover,.OdemeMenu ul li:hover,.BasketPage .OdemeMenu ul li:hover>a,.BasketPage .alisverisedevamet:hover,.CartProduct .headerCartBtn:hover {
    border-color: #1f1f1f
}

.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
}

.bottomHead {
    display: none
}

#divSliderYani {
    display: none
}

body {
    background: #fff
}

.sepetimBody .BasketPage *:not(i) {
    font-family: sweet-sans-pro,mulish,sans-serif!important
}

.ebultenDiv .checkboxmetin {
    float: left;
    width: 100%;
    text-align: center!important;
    font-size: 20px!important;
    font-weight: 700;
    color: #fff!important;
    line-height: 30px!important
}

.ebultenDiv .checkboxmetin p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #7b7b7b;
    line-height: 18px
}

.htopUst {
    background: #605e5e;
    height: 34px
}

.htopUst * {
    line-height: 34px
}

.htopAlt {
    background: #2f2f2f;
    display: none;
}

.htopUst .ticiContainer {padding: 0 3%;}

.htopUstCnt {
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 34px
}

.htopUstRght {
    position: absolute;
    right: 3%;
    top: 0
}

.htopUstRght a {
    color: #fff;
    font-size: 12px;
    line-height: 34px;
    margin-left: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left
}

.htopUstRght a:nth-child(3):after {
    content: "?";
    background: #fff;
    font-size: 11px;
    font-weight: 700;
    color: #000;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px
}

.htopAltLeft {
    display: flex;
    align-items: center;
    float: left;
    height: 40px
}

.htopAltRight {
    float: right;
    height: 20px
}

.htopAltLeft img {
    border-right: 1px solid #4d4d4d;
    height: 15px;
    padding: 0 15px
}

.htopAltLeft a:last-child img {
    border: none
}

.htopAltRight a {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    margin-left: 23px;
    line-height: 40px
}

.htopAltLeft a:nth-child(1) {
    background: #fff
}

.htopAltLeft a:nth-child(2) img {
    height: 15px
}

.htopAltLeft a {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.htopAltLeft a:nth-child(2) img {
    border: none
}

.htopAltLeft a:nth-child(1) img {
    border: none
}

#lang {
    background: 0 0
}

#lang.flag-tr span:before {
    content: "TR";
    font-size: 12px;
    color: #fff;
    font-weight: 700
}

#lang.flag-en span:before {
    content: "EN";
    font-size: 12px;
    color: #fff;
    font-weight: 700
}

.HomeBody .navigation .navUl>li>a {
    color: #fff
}

.search:before {
    content: "\f002";
    font-family: fontAwesome;
    position: absolute;
    left: 0;
    font-size: 19px;
    padding: 0 15px 0 11px;
    border-right: 1px solid #373737;
    top: 11px
}

.homeHeader .headerContent {
    background: 0 0
}

.homeHeader {
    box-shadow: none!important
}

.homeHeader .headerContent {
    background: 0 0;
    box-shadow: none;
    transition: .5s all
}

.homeHeader {
    box-shadow: none!important
}

.homeHeader .svgIcon {
    filter: none!important
}

#header:not(.homeHeader) .svgIcon {
    filter: invert(1)
}

#header:not(.homeHeader) .mycart .sepetUrunSayisi {
    color: #000
}

#logo .htop {
    display: none
}

.homeArea,.dahaFazla,.ticimaxTabContent {
    padding: 0 7%!important
}

.homeHeader .headerContent:hover {
    background: #fff
}

.homeHeader .headerContent:hover .navigation .navUl>li>a,.homeHeader .headerContent:hover .mycart .sepetUrunSayisi {
    color: #000
}

.homeHeader .headerContent:hover .svgIcon {
    filter: invert(1)!important
}

#mainHolder_divDesign .anasayfa_tek_slider .owl-dots {
    display: flex!important;
    left: 7%!important;
    width: calc(100% - 7%)!important;
    bottom: 30px!important
}

#mainHolder_divDesign .owl-dots .owl-dot span {
    width: 12px!important;
    height: 12px!important;
    border: 1px solid #fff!important
}

#mainHolder_divDesign .ticimaxTabHead li a {
    background: 0 0!important;
    padding: 0!important;
    color: #000!important
}

#mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a {
    border-bottom: 1px solid
}

#mainHolder_divDesign .ticimaxTabHead li {
    margin: 0!important;
    margin-right: 31px!important;
    float: left
}

#mainHolder_divDesign .ticimaxTabHead ul {
    padding: 0!important;
    margin: 0!important
}

#footer .linkler .blink>ul>li:nth-child(4) span {
    display: none
}

#footer .linkler .blink>ul>li:nth-child(4) a {
    color: #afafaf
}

.ticimaxTabHead:before {
    content: "Entdecke die Welt von MSM Möbel";
    text-align: left;
    display: block;
    margin: 15px 0;
    color: #070707;
    font-size: 20px;
    font-weight: 500
}

.dahaFazla .ticimaxTabHead:before {
    content: "WEITERE INFORMATIONEN";
    text-align: left;
    display: block;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 15px
}

.ebultenTxt {
    color: #b1b1b1;
    text-align: right;
    font-size: 16px;
    line-height: 23px;
    font-weight: 100
}

.FooterMiddleAlt {
    float: left;
    width: 100%
}

.sosyalMedya {
    float: left;
    width: calc(37% - 10px)
}

.sosyalMedya span {
    color: #9c9c9c;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    margin-bottom: 20px;
    display: block
}

.sosyalMedya ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center
}

.sosyalMedya ul li {
    margin-right: 23px
}

.sosyalMedya ul li a i {
    color: #e4e4e4;
    font-size: 17px;
    font-weight: 100
}

.footerEtbis {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center
}

.footerEtbis>div {
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-weight: 100
}

.footerEtbis>div img {
    margin: 0 8px
}

#footer .linkler .blink>ul>li:last-child.footerLinkBulten span {
    font-size: 30px;
    color: #fff;
    text-align: right;
    line-height: 43px
}

#btnMailKaydet:after {
    content: "\f0da";
    font-family: fontawesome;
    padding-left: 5px
}

.ticiCopy,.altFooterTxt {
    color: #9f9f9f;
    font-size: 13px
}

.footerAlt {
    display: flex;
    align-items: center;
    justify-content: space-between
}

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

#divTicimaxCopyrightContent {
    display: none
}

.altFooterBank img {
    padding: 0 3px
}

.footerLinkMail:before {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/mail.png);
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    background-position: center;
    background-size: contain;
    margin-right: 10px
}

.footerLinkTel:before {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/phone-call.png);
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    background-position: center;
    background-size: contain;
    margin-right: 10px
}

.footerLinkWp:before {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/kindpng.png);
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    background-position: center;
    background-size: contain;
    margin-right: 10px
}

.footerLinkWp {
    border: 1px solid #dadada;
    width: 150px!important;
    font-size: 12px!important;
    line-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-top: 10px
}

.guvenList {
    background: #fff;
    padding: 77px 7%
}

.guvenList ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.guvenList ul li {
    width: 16.66666%;
    list-style: none;
    text-align: center;
    padding: 10px
}

.guvenList ul li>div {
    width: 77px;
    margin: 0 auto 40px;
    border: 1px solid #000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 77px
}

.guvenList ul li span {
    display: block;
    font-weight: 700;
    color: #070707;
    font-size: 16px;
    margin-bottom: 21px;
    /*white-space: nowrap*/
}

.guvenList ul li small {
    height: 60px;
    text-align: center;
    color: #777;
    font-size: 14px;
    line-height: 20px;
    display: inline-block
}

.guvenList ul li>div img {
    max-width: 40px;
    max-height: 40px
}

.hammerlarGorunumTop>span {
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    line-height: 71px;
    text-align: center;
    display: block
}

.hammerlarGorunumTop>small {
    color: #e2e2e2;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    max-width: 590px;
    margin: 20px auto 10px;
    padding: 0 15px
}

.hammerlarGorunumTop>p {
    color: #e2e2e2;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 200;
    max-width: 630px;
    margin: 0 auto;
    padding: 0 15px
}

.hammerlarGorunumTop>p b {
}

.hammerlarGorunumBottom ul {
    padding: 0;
    margin: 0
}

.hammerlarGorunumBottom {
    margin: 22px 0;
    display: block;
    float: left;
    width: 100%
}

.hammerlarGorunumBottom .owl-carousel .owl-nav {
    display: none!important
}

.hammerlarGorunumBottom span {
    background: rgb(22 22 22/50%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    display: none
}

.hammerlarGorunumBottom li:hover span {
    display: flex
}

#divOzelAlan1 {
    float: left;
    width: 155px;
    margin-right: 13px;
    height: 25px;
    line-height: 25px
}

#divOzelAlan1 a {
    background-color: #fff!important;
    color: #000c!important;
    font-size: 14px;
    text-align: center;
    display: block;
    padding: 1px 5px;
    border: 1px solid #000;
    border-radius: 5px
}

#divOzelAlan2 {
    background: #fff;
    float: left;
    width: 155px;
    height: 25px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 23px
}

#divOzelAlan2 a {
    color: #e1783c;
    font-size: 14px;
    line-height: 23px;
    padding: 1px 5px;
    text-align: center;
    display: block;
    width: 130px
}

#divOzelAlan3 {
    display: none;
    width: 100%;
    clear: both;
    margin-bottom: 7px;
    font-size: 14px;
    color: #2d2a2a
}

#divOzelAlan3 a {
    color: #2d2a2a;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    display: flex;
    align-items: center
}

div#divOzelAlan3 a:before {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/deadline3.png);
    width: 17px;
    height: 17px;
    margin-right: 2px;
    display: block;
    background-size: cover;
    float: left
}

.RightDetail.stokvar #divOzelAlan3 {
    display: block
}

div#divTelefonSiparis {
    display: none!important
}

.UFavorilerimeEkle {
    width: 24px;
    position: absolute;
    right: 0;
    top: 0
}

.UFavorilerimeEkle .box1 {
    display: none
}

#divOzelAlan4 {
    font-size: 16px;
    font-weight: 300;
    float: left;
    display: block;
    margin: -2px 0 0
}

#divIndirimOrani .left_line,#divIndirimOrani .center_line {
    display: none
}

span.right_line.indirimliOrani {
    font-size: 0!important
}

span#ltrIndirimOrani {
    font-size: 16px!important;
    font-weight: 700!important;
    color: #fff!important;
    line-height: 36px!important;
    margin-top: 5px
}

#divIndirimOrani {
    background: #b86846;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 36px;
    margin-right: 30px;
    margin-top: 8px
}

#divIndirimOrani:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-top: 20px solid #b86846;
    bottom: -20px
}

span#ltrIndirimOrani:before {
    content: "%"
}

span.size_box.selected {
    border-color: #b3d5ad!important
}

span#spnTahminiTeslimSuresi {
    color: #cf6339!important
}

.varTitle {
    position: absolute;
    left: 0;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    margin: 4px 0;
    height: 20px;
    overflow: hidden
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box .varTitle {
    display: none
}

.stockCont {
    color: #689870;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.StockContent span {
    color: #16a085;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

#divYorumSayisi:after {
    content: "yorum";
    padding-left: 5px
}

#divYorumSayisi {
    position: absolute;
    right: 4px;
    top: 0;
    left: auto;
    color: #11132f;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid;
    cursor: pointer
}

.ozelAlan1 a {
    font-size: 12px;
    font-weight: 700;
    display: block;
    padding: 0;
    border-radius: 5px;
    border: 1px solid #000;
    background: #fff!important;
    color: #000!important;
    line-height: 25px
}

.ozelAlan1 {
    width: 130px;
    display: block;
    background: #fff!important;
    color: #000!important;
    margin-bottom: 10px
}

.ozelAlan2 a,.ozelAlan2 {
    font-size: 12px;
    color: #e1783c;
    font-weight: 700;
    margin-bottom: 9px;
    background: #fff!important;
    display: block;
    width: 130px;
    padding: 0
}

.ozelAlan3,.ozelAlan3 a {
    color: #2e2e2e;
    font-size: 12px;
    text-align: left;
    font-weight: 500;
    line-height: 18px;
    background: #fff!important;
    display: block;
    width: 154px;
    padding: 0;
    white-space: nowrap
}

.ozelAlan4,.ozelAlan4 a {
    color: #000;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
    line-height: 20px
}

span.discountIcon_s1 {
}

body .discountIcon .discountIcon_s1 {
    font-size: 12px!important;
    font-weight: 700!important;
    color: #fff!important;
    line-height: 26px!important
}

.discountIcon {
    background: #b86846;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 26px;
    margin-right: 12px;
    margin-top: 5px;
    min-width: 36px!important
}

.discountIcon:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 10px solid #b86846;
    bottom: -10px
}

.productYeOz {
    position: absolute;
    top: 16px;
    left: 20px
}

.productYePr {
    display: flex;
    justify-content: end;
    width: 100%
}

.ozelAlan3:before {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/deadline3.png);
    width: 17px;
    height: 17px;
    margin-right: 2px;
    display: block;
    background-size: cover;
    float: left
}

.boxBedenlerContainer>div {
    width: 20px;
    float: left;
    margin-right: 9px
}

.boxBedenlerContent {
    display: block!important;
    position: absolute;
    bottom: 0
}

.productYeRg {
    position: absolute;
    top: 20px;
    right: 22px;
    display: flex;
    align-items: center
}

.mycartIcon a:before {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/shopping.svg);
    width: 12px;
    height: 16px;
    margin-right: 16px;
    display: block;
    background-size: contain;
    float: left;
    background-repeat: no-repeat!important
}

.favori a:before {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/heart.svg);
    width: 16px;
    height: 14px;
    display: block;
    background-size: contain!important;
    float: left;
    background-repeat: no-repeat!important
}

.mycartIcon.tip {
    float: left
}

.cateTopCatArea a {
    display: block;
    text-align: center;
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    padding: 30px
}

.cateTopCatArea a img {
    min-width: 105px;
    display: block;
    margin: 0 auto 7px
}

.cateTopCatArea {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-bottom: 1px solid #d7d7d7
}

.cateTopCatArea a.active {
    border-bottom: 1px solid
}

#divOzelAlan1:hover,#divOzelAlan2:hover {
    opacity: .8
}

.UFavorilerimeEkle:hover * {
    fill: #000
}

.favori a:hover:before,.favoriteslist.tip.listfavoriAktif:before {
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/heart2.svg)
}

.mycartIcon a:hover:before {
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/shopping2.svg)
}

.sortingContent li:nth-child(2) {
    display: none!important
}

select#filterOrderSelect {
    border: none!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0!important;
    padding: 0!important;
    background: 0 0
}

.appliedFilter.FiltrelemeUrunAdet span {
    color: #000!important;
    font-size: 14px;
    margin-right: 4px!important;
    line-height: inherit!important;
    margin-top: -1px!important
}

.sortingContent li:nth-child(1):before {
    content: "Sıralama:";
    font-size: 14px
}

.sortingContent li:nth-child(1):after {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/siralama.svg);
    width: 13px;
    height: 6px;
    background-size: cover;
    float: right;
    position: absolute;
    right: 0;
    margin: 8px 0;
    z-index: -1
}

.sortingContent .blockSelect a i {
    display: none
}

.sortingContent .sort_3:before {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/kat1.svg);
    width: 30px;
    height: 22px;
    display: block;
    background-size: cover;
    float: left
}

.sortingContent .sort_4:before {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/kat2.svg);
    width: 30px;
    height: 22px;
    display: block;
    background-size: cover;
    float: left
}

.sortingContent .blockSelect {
    margin: 0
}

.sortingContent li:nth-child(1) {
    margin-right: 30px;
    position: relative
}

.brandlistselection .sortingContent li a.Active {
    filter: none
}

.category-vertical-filters.top-filters {
    right: -500px;
    top: 0;
    position: fixed!important;
    width: 500px!important;
    background: #fff;
    z-index: 9999;
    height: 100vh;
    padding: 93px 0!important;
    transition: .5s all;
    max-width: 100%
}

.FiltreUst a {
    display: none
}

.category-vertical-filters.top-filters .panel {
    width: 100%!important;
    text-align: left
}

.category-vertical-filters.top-filters .panel .panel-heading a:after {
    content: "\f054"!important;
    right: 54px!important;
    top: 14px!important
}

.category-vertical-filters.top-filters .panel .panel-heading a {
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.category-vertical-filters.top-filters .panel .panel-heading {
    padding: 0!important;
    border: none!important;
    background: 0 0!important;
    padding: 14px 58px!important
}

.closeFilt {
    position: absolute;
    right: 53px;
    top: 43px
}

.FiltreicerikAlan {
    height: calc(100% - 110px);
    overflow: hidden;
    overflow-y: scroll
}

a.button.mobilSiralamBtn {
    display: none
}

a.button.mobilFilterBtn {
    background: 0 0;
    color: #000;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    padding: 4px 0;
    align-items: center
}

a.button.mobilFilterBtn:before {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/filter.png);
    width: 17px;
    height: 17px;
    margin-right: 2px;
    display: block;
    background-size: cover;
    float: left
}

.Block_item.filterBlock {
    float: left
}

.Block_item.filterBlock.active .category-vertical-filters.top-filters {
    right: 0;
    display: block!important
}

.category-vertical-filters.top-filters .panel .panel-heading.active a:after {
    content: "\f078"!important;
    top: 14px
}

.list-group li a {
    font-size: 14px;
    line-height: 20px
}

.category-vertical-filters.top-filters .list-group.dropdown li {
    width: 100%!important;
    margin: 10px 0!important
}

.category-vertical-filters .vertical-filter-panel .list-group-item:before {
    margin-top: 3px
}

.mobilFilterOpenBtn {
    display: block!important
}

.category-vertical-filters.top-filters .list-group.dropdown .list-group-item.list-group-item-image {
    background-size: 34px!important;
    background-repeat: no-repeat!important;
    background-position: left!important;
    display: flex;
    align-items: center;
    margin-bottom: 29px!important
}

.category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a {
    font-size: 14px!important;
    color: #000!important;
    padding-left: 58px!important
}

body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range {
    background: #aaa;
    height: 2px;
    width: 100%;
    margin: 11px 0 0;
    border: none;
    float: left
}

body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-range {
    background: #262626;
    height: 2px;
    margin-top: 0
}

body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-handle {
    background: #707070;
    border-radius: 100%;
    width: 8px;
    height: 8px;
    border: none;
    margin-top: -3px;
    margin-right: 0;
    top: 0;
    box-shadow: none
}

body #divSayfalamaUst .category-vertical-filters.top-filters .amount {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    left: 0;
    padding: 10px 0 0;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 0
}

.panel.panel-default.vertical-filter-panel.vertical-top-price-filter {
    padding: 0 58px
}

.FiltreicerikAlan::-webkit-scrollbar,.MirasGarantisiArea::-webkit-scrollbar,.urunDetayPanel::-webkit-scrollbar {
    width: 3px
}

.FiltreicerikAlan::-webkit-scrollbar-track,.MirasGarantisiArea::-webkit-scrollbar-track,.urunDetayPanel::-webkit-scrollbar-track {
    background: #fff
}

.FiltreicerikAlan::-webkit-scrollbar-thumb,.MirasGarantisiArea::-webkit-scrollbar-thumb,.urunDetayPanel::-webkit-scrollbar-thumb {
    background: #000
}

.kategoriOwl.kategoriOwl2 .kategoriOwlHead {
    float: left;
    padding: 30px 7% 0
}

.kategoriOwl.kategoriOwl2 .post {
    width: 100%;
    float: left;
    position: relative;
    display: none
}

.kategoriOwl.kategoriOwl2 .post span {
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    text-align: left;
    padding: 4px 0 2px
}

.kategoriOwl.kategoriOwl2 .post small {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-align: left;
    padding: 4px 0 2px
}

.kategoriOwl.kategoriOwl2 #tabs-nav {
    padding: 0;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 23px 0 30px
}

.kategoriOwl.kategoriOwl2 #tabs-nav li {
    margin: 0 33px 0 0!important;
    padding: 0!important;
    border-bottom: 1px solid transparent;
    list-style: none;
    cursor: pointer
}

.kategoriOwl.kategoriOwl2 #tabs-nav li a {
    font-size: 14px!important;
    line-height: 20px!important;
    color: #000
}

.kategoriOwl.kategoriOwl2 #tabs-nav li.active {
    border-color: #000!important
}

.kategoriOwl.kategoriOwl2 #tabs-content {
    float: left;
    width: 100%
}

.kategoriOwl.kategoriOwl2 .tab-content {
    padding-bottom: 35px
}

.kategoriOwl.kategoriOwl2 .owl-item .post {
    display: block
}

.kategoriOwl.kategoriOwl2 .owl-carousel .owl-nav {
    display: none!important
}

.kategoriOwl.kategoriOwl2 {
    background: #e1e1d8;
    float: left;
    width: 100%
}

.kategoriOwlHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.kategoriOwlHead span {
    color: #070707;
    font-size: 20px;
    font-weight: 500
}

.kategoriOwlHead a {
    color: #000;
    font-size: 14px;
    font-weight: 500
}

.kategoriOwlBoxArea {
    padding: 30px 0 0 7%
}

.tabYorumlar {
    float: left;
    width: 100%;
    background: #efeeeb;
    padding: 60px 20px;
    margin: 80px 0
}

.divYorumlarV2Section1_1a2a .divYorumlarV2Section1_1a2a_1 {
    font-size: 30px!important;
    font-weight: 700 'inherit'
}

.divYorumlarV2Section1_1a2a .divYorumlarV2Section1_1a2a_2 {
    font-size: 16px!important;
    max-width: 800px!important;
    margin: 30px auto!important;
    line-height: 29px!important
}

.divYorumlarV2Section1_1a2a a {
    text-transform: uppercase;
    letter-spacing: 0
}

.owl-carousel .owl-nav {
    display: block!important;
    left: -50px;
    right: -50px;
    opacity: 0!important;
    transition: .5s all
}

.ProductListprev span,.ProductListnext span {
    display: none
}

.ProductListprev:before {
    content: "";
    display: block!important;
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/leftA.svg)!important;
    width: 22px!important;
    height: 40px!important;
    font-size: 0!important
}

.ProductListnext:before {
    content: "";
    display: block!important;
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/rightA.svg)!important;
    width: 22px!important;
    height: 40px!important;
    font-size: 0!important
}

.owl-carousel:hover .owl-nav {
    opacity: 1!important
}

.divYorumlarV2Ortalama-1a2a {
    background: #b5b5b5
}

.divYorumlarV2Section1 {
    padding: 0 7%;
    max-width: 1500px;
    margin: 0 auto 50px
}

.divYorumlarV2Section1_1a1a {
    margin-bottom: 50px
}

.divYorumlar-t1c9k {
    background: #dfdfdf!important
}

.divYorumlarV2Section2 {
    padding: 0;
    max-width: 1500px;
    margin: 0 auto!important
}

.divYorumlarV2Section3 {
    padding: 0;
    max-width: 1500px;
    margin: 0 auto
}

.filter-last-element {
    background: 0 0!important;
    padding: 4px!important
}

.MirasGarantisi {
    float: right;
    z-index: 9;
    cursor: pointer;
    margin-top: 20px
}

.MirasGarantisiArea {
    position: fixed;
    right: -500px;
    top: 172px;
    width: 500px;
    height: calc(100vh - 100px);
    background: #fff;
    padding: 92px 47px;
    z-index: 9999;
    overflow: hidden;
    overflow-y: scroll;
    transition: .5s all;
    max-width: 100%
}

.MirasGarantisiArea>small,.detaySekme>small {
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    color: #000;
    margin-bottom: 24px!important;
    display: block
}

.MirasGarantisiArea p,.detaySekme p {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    margin: 0 0 14px
}

.MirasGarantisiArea a,.detaySekme a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: underline;
    margin-top: 25px;
    color: #3d3d3d;
    display: block
}

.MirasGarantisi.active .MirasGarantisiArea {
    right: 0
}

.margin .MirasGarantisiArea {
    top: 103px
}

.close,.closeTab {
    position: absolute;
    right: 48px;
    top: 48px;
    font-size: 16px
}

.MirasGarantisi>span {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.MirasGarantisi>span:after {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/info.png);
    display: block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    margin-left: 7px
}

small.selectedBox {
    display: none;
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 10px
}

.detailBoxArea {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 7%;
    margin: 80px 0;
    float: left;
    width: 100%
}

.detailBoxArea.detailBoxArea1 {
    background: #46625e
}

.detailBoxAreaText span {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 46px
}

.detailBoxAreaText small {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    display: block
}

.detailBoxAreaText p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.detailBoxAreaText {
    max-width: 450px;
    padding: 20px 0
}

.detailBoxArea.detailBoxArea2 {
    background: #575757;
    margin-bottom: 0
}

.kombinUrunArea {
    float: left;
    width: 100%;
    padding: 40px 7%
}

.kombinUrunArea>span {
    line-height: 29px;
    margin-bottom: 15px;
    display: block;
    text-align: left;
    color: #070707;
    font-size: 20px;
    font-weight: 500
}

.kombinUrunArea .owl-nav {
    display: none!important
}

.kombinUrunAreaBox>a {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    background: #ffffffb2;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    padding: 25px 32px;
    color: #2d2d2d
}

.kombinUrunAreaBox>a:before {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/kat1.svg);
    width: 17px;
    height: 17px;
    display: block;
    background-size: cover;
    float: left;
    margin-right: 10px
}

.point {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    cursor: pointer
}

.point:before {
    content: "";
    min-width: 28px;
    min-height: 28px;
    background: #e5e5e5b2;
    border-radius: 100%;
    display: block
}

.point:after {
    content: "";
    min-width: 18px;
    min-height: 18px;
    background: #fff;
    border-radius: 100%;
    display: block;
    position: absolute
}

.kombinUrunAreaBox img {
    width: 100%
}

.ProductListContent .ItemOrj {
    width: 33.33%!important;
    max-width: 33.33%!important
}

.miniProductCardContainer {
    position: absolute;
    float: left
}

.miniProductCardContainer .pointArea {
    float: left;
    width: 28px
}

.miniProductCardContainer .pointArea .point i {
    position: absolute;
    font-size: 12px;
    z-index: 1;
    transform: rotate(45deg);
    font-family: fontawesome;
    display: none
}

.miniProductCardContainer .pointArea.active .point i {
    display: block
}

.miniProductCardContainer .pointArea .mini-product-card {
    float: left;
    position: absolute;
    top: 28px;
    left: 28px;
    max-width: 300px;
    width: 300px;
    display: flex;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    transition: all .3s ease-in-out;
    align-items: center
}

.miniProductCardContainer .pointArea.active .mini-product-card {
    visibility: visible;
    opacity: 1
}

.miniProductCardContainer .pointArea .mini-product-card .product-card-img {
    float: left;
    width: 60%
}

.miniProductCardContainer .pointArea .mini-product-card .product-cart-text {
    float: left;
    padding: 0 10px;
    width: 60%
}

.miniProductCardContainer .pointArea .mini-product-card .product-cart-text .product-card-name {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #000;
    font-weight: 300;
    line-height: 18px
}

.miniProductCardContainer .pointArea .mini-product-card .product-cart-text .product-card-payment {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #000;
    line-height: 18px;
    margin: 11px 0 10px;
    font-weight: 700
}

.miniProductCardContainer .pointArea .mini-product-card .product-cart-text .product-card-button {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #000;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: .7px
}

.miniProductCardContainer .pointArea .mini-product-card .product-cart-text .product-card-button a {
    float: left;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: .7px;
    border-bottom: 1px solid #000;
    transition: all .3s linear
}

.miniProductCardContainer .pointArea .mini-product-card .product-cart-text .product-card-button a:hover {
    color: #b86846;
    border-color: #b86846
}

.kombinUrunAreaBox {
    position: relative
}

.miniProductCardContainer.card1 {
    left: 12%;
    top: 32%
}

.miniProductCardContainer.card2 {
    left: 24%;
    top: 43%
}

.miniProductCardContainer.card3 {
    left: 31%;
    top: 71%
}

.miniProductCardContainer.card4 {
    left: 54%;
    top: 27%
}

.miniProductCardContainer.card5 {
    left: 64%;
    top: 20%
}

.miniProductCardContainer .pointArea .mini-product-card .product-card-img img {
    padding: 20px 0 0
}

.urunDetayPanel {
    position: fixed;
    right: -500px;
    top: 196px;
    width: 500px;
    height: calc(100vh - 196px);
    background: #fff;
    padding: 100px 49px 150px;
    z-index: 10000;
    overflow: hidden;
    overflow-y: auto;
    transition: .5s all;
    max-width: 100%
}

.urunOzellikTab .urunTab>ul>li.activeTab .urunDetayPanel {
    right: 0
}

.scrollDetay .urunDetayPanel {
    top: 122px;
    height: calc(100vh - 122px)
}

#liTabYorumlar {
    display: none
}

#mainHolder_divDesign .homeArea .owl-nav,#mainHolder_divDesign .dahaFazla .owl-nav {
    display: block!important;
    left: -50px;
    right: -50px
}

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

.bannerBlock a {
    position: relative;
    overflow: hidden;
    width: 100%
}

.bannerBlock a span {
    color: #fff;
    position: absolute;
    bottom: 130px;
    font-size: 35px;
    display: block;
    text-align: center;
    width: 100%
}

.bannerBlock a small {
    color: #fff;
    position: absolute;
    bottom: 75px;
    font-weight: 100;
    font-size: 30px;
    display: block;
    text-align: center;
    width: 100%;
    font-family: mulish
}

.bannerBlock a:hover img {
    transform: scale(1.05)
}

.bannerBlock a img {
    transition: .5s all
}

.bannerBlock.bannerBlockIlham {
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/retro-ilham.png);
    width: 100%;
    background-position: top;
    display: block;
    background-repeat: no-repeat
}

.bannerBlockIlhamTop {
    text-align: center;
    width: 100%;
    padding: 111px 0 30px
}

.bannerBlockIlhamTop img {
    margin: 0 auto 30px
}

.bannerBlockIlhamTop span {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    max-width: 31%;
    display: block;
    margin: 0 auto
}

.bannerBlockIlhamBottom {
    margin: -60px 0 80px;
    padding: 0 7%;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.bannerBlockIlhamBottomBox:nth-child(2) {
    margin-top: 90px
}

.bannerBlockIlhamBottomBox {
    max-width: 33.33%;
    padding: 0 10px
}

.bannerBlockIlhamBottomBox img {
    margin: 0 auto 42px
}

.bannerBlockIlhamBottomBox p {
    max-width: 450px;
    margin: 0;
    color: #777;
    font-size: 14px;
    line-height: 20px;
    margin-top: 27px;
    font-weight: 300
}

.bannerBlockIlhamBottomBox a {
    overflow: hidden;
    position: relative
}

.bannerBlockIlhamBottom .bannerBlockIlhamBottomBox small {
    color: #2e8a95;
    font-size: 14px;
    text-align: left;
    position: relative;
    bottom: 0;
    line-height: 20px
}

.bannerBlockIlhamBottom .bannerBlockIlhamBottomBox span {
    color: #070707;
    font-size: 20px;
    text-align: left;
    position: relative;
    bottom: 0;
    line-height: 29px
}

.bannerBlockIlhamBottomBox:nth-child(2) small,.bannerBlockIlhamBottomBox:nth-child(3) small {
    color: #e8703b
}

.kategoriOwl.kategoriOwl2.kategoriOwl3 {
    background: 0 0
}

.kategoriOwl.kategoriOwl2.kategoriOwl3 .kategoriOwlBoxArea {
    padding: 0 7%
}

.kategoriOwl.kategoriOwl3 .post span {
    margin-top: 20px;
    margin-left: 10px
}

.kategoriOwl.kategoriOwl3 .post small {
    margin-left: 10px
}

#mainHolder_divDesign .ticimaxTabHead {
    margin-bottom: 40px!important
}

.kombinUrunArea>p {
    font-size: 16px;
    max-width: 650px;
    display: block;
    margin: 15px 0 30px!important;
    padding: 0!important;
    text-align: left;
    text-align: left
}

.slideDown:before {
    content: "";
    display: block!important;
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/slideDown.svg)!important;
    width: 30px!important;
    height: 16px!important;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.slideDown {
    position: absolute;
    margin: 0 auto;
    bottom: 30px;
    left: calc(50% - 7px);
    cursor: pointer;
    z-index: 99
}

.category-vertical-filters .vertical-filter-panel .list-group-item:before {
    margin-top: 3px!important
}

.detaySticky {
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 9999;
    transition: bottom .3s ease-in-out;
    padding: 8px 7%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 1px 16px #0000000d
}

.detaySticky.fixed {
    bottom: 0
}

.detaySticky .ticiContainer {
    overflow: visible
}

.detaySticky .dtstic {
    max-width: 1370px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    min-height: 46px;
    align-items: center
}

.detaySticky .dtstic .dtsticleft {
    flex-grow: 1;
    display: flex;
    align-items: center
}

.detaySticky .dsImg {
    float: left;
    width: 80px
}

.detaySticky .dsName {
    float: left;
    font-size: 20px;
    line-height: 29px;
    color: #000
}

.detaySticky .dsfav .box1 {
    display: none
}

.dsfav {
    margin-right: 30px
}

.detaySticky .dsBasketBtn {
    float: left;
    max-width: 100%
}

.detaySticky .dsBasketBtn input {
    width: 372px;
    height: 49px;
    background: #1d1d1b;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    max-width: 100%
}

.detaySticky .dsBasketBtn .customBtnGelinceHaberVer {
    width: 278px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    padding: 0;
    background: #fff;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    vertical-align: top
}

.detaySticky .dsPrice {
    float: left
}

.detaySticky .dsPrice .IndirimliFiyatContent .right_line * {
    font-size: 20px;
    line-height: 30px
}

.detaySticky .dsPrice .PiyasafiyatiContent .right_line * {
    font-size: 16px;
    line-height: 30px;
    color: #c3c6c9!important;
    margin-right: 15px
}

.detaySticky .dsPrice #divIndirimsizFiyat .indirimliFiyat .spanFiyat {
    line-height: 43px
}

.detaySticky .dsSepet {
    float: right;
    margin-right: 35px
}

.detaySticky .dsSepet a {
    display: block;
    line-height: 45px;
    color: #000;
    font-size: 11px
}

.detaySticky #divIndirimOrani {
    display: none
}

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

.detaySticky .dsTxt {
    display: flex;
    align-items: baseline;
    flex-direction: column;
    padding-left: 60px;
    justify-content: center
}

.detaySticky #divIndirimliFiyat {
    display: flex;
    align-items: center;
    justify-content: center
}

.dtsticright {
    max-width: 40%;
    display: flex;
    align-items: center;
    justify-content: center
}

.smallImgDotArea {
    position: sticky;
    left: calc(7% + 65px);
    top: 70%
}

.smallImgDotArea .smallImgDot {
    width: 10px;
    height: 10px;
    border: 1px solid #d9d9d9;
    display: block;
    border-radius: 100%;
    margin: 6px 0;
    cursor: pointer
}

.smallImgDotArea .smallImgDot.active {
    background: #d9d9d9
}

.smallImgDotArea .smallImgDot a {
    display: block;
    width: 100%;
    height: 100%
}

.detaySticky .dsBasketBtn input:hover {
    background: #605e5e
}

.RightDetail .riSingle a.riDown:hover,.RightDetail .riSingle a.riUp:hover {
    background: #1f1f1f
}

.RightDetail .riSingle a.riDown:hover *,.RightDetail .riSingle a.riUp:hover * {
    fill: #fff
}

.hammerlarGorunum {
    float: left;
    width: 100%;
    padding: 80px 0 0
}

@media screen and (min-width: 1040px) and (max-width:1360px) {
    #footer .linkler .blink>ul>li {
        width:20%
    }

    #footer .linkler .blink>ul>li:last-child {
        width: 20%
    }

    #footer .linkler .blink>ul>li:last-child.footerLinkBulten span {
        float: right;
        font-size: 22px;
        line-height: 30px
    }

    #footer .linkler .blink>ul>li>ul>li>a {
        font-size: 13px
    }

    #footer .linkler .blink>ul>li>span {
        font-size: 14px
    }
}

@media screen and (min-width: 1260px) and (max-width:1370px) {
    .navigation .navUl>li>a {
        font-size:12px
    }
}

@media(max-width: 1330px) {
    #divOzelAlan1 {
        width:auto
    }

    #divOzelAlan2 {
        width: auto
    }

    .MirasGarantisi {
        clear: both;
        float: left
    }

    #divKombinSatinAl a,.buyfast input,.basketBtn input {
        font-size: 15px
    }

    .basketBtn {
        width: calc(100% - 142px)
    }

    .ProductList.PlSc_4 .productItem .regularPrice span {
        font-size: 14px
    }

    .ProductList.PlSc_4 .productItem .discountPrice span {
        font-size: 15px
    }
}

@media screen and (min-width: 1200px) and (max-width:1260px) {
    .navigation .navUl>li>a {
        font-size:12px
    }

    .navigation .navUl>li {
        margin: 0 10px
    }
}

@media screen and (min-width: 1040px) and (max-width:1200px) {
    .navigation .navUl>li>a {
        font-size:11px
    }

    .navigation .navUl>li {
        margin: 0 8px
    }

    #footer .linkler .blink>ul>li {
        width: 33.33%;
        margin-bottom: 50px
    }

    #footer .linkler .blink>ul>li:last-child {
        width: 66.66%
    }

    #footer .linkler {
        margin: 0 0 30px
    }

    .ProductList.PlSc_4 .productItem .regularPrice span {
        font-size: 14px;
        line-height: 1
    }

    .ProductList.PlSc_4 .productItem .discountPrice span {
        font-size: 15px;
        line-height: 26px
    }

    .ProductList.PlSc_4 .productItem .productYePr {
        flex-direction: column;
        justify-content: space-evenly;
        align-items: flex-end
    }

    .ProductList.PlSc_4 .productItem .discountIcon {
        margin: 0 0 15px;
        height: 20px
    }

    .categoryContainer .ProductList.PlSc_4 .ItemOrj {
        padding: 7px
    }
}

.stoksuzTeslim {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    padding: 13px 0;
    border-top: 1px solid #f0f0f0;
    width: 100%
}

.stoksuzTeslim span {
    color: #cf6339!important
}

.filterBlock.active:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0/25%);
    z-index: 9999
}

body #mainHolder_divDesign #ticimaxTabContent {
    padding: 0 3%!important
}

.Share {
    float: left;
    margin: 20px 20px 20px 0
}

.PaylasTit {
    font-size: 12px;
    color: #000;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.PaylasTit:before {
    content: "";
    background: url(https://static.ticimax.cloud/52460/Uploads/EditorUploads/hammShop/share.svg);
    width: 13px;
    height: 17px;
    margin-right: 8px;
    background-repeat: no-repeat
}

.shareAlt {
    position: absolute;
    transition: .5s all;
    width: calc(100% + 2px);
    border: 1px solid #aaa;
    top: 48px;
    max-width: 190px;
    padding: 0 20px 20px;
    background: #fff;
    display: none;
    z-index: 9;
    margin-left: -55px
}

.shareAlt a {
    color: #000;
    font-size: 20px;
    margin: 0 10px;
    float: left
}

.Share.active .shareAlt {
    display: block
}

.shareAltBox>span {
    text-align: left;
    display: block;
    font-size: 11px;
    line-height: 1;
    margin-bottom: 10px;
    text-align: center
}

.shareAltBox {
    margin: 20px 0
}

.ebultenDiv>span:not(.checkboxmetin) {
    border: 1px solid #dadada!important;
    width: 180px!important;
    font-size: 12px!important;
    display: flex!important;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin: 20px auto 0!important;
    text-align: center!important;
    float: right;
    cursor: pointer;
    padding: 3px 0
}

#productDetailRelated .JKatAdi .bold .satir1 {
    text-transform: none;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: -10px
}

#IlgiliUrunDiv {
    display: none!important
}

.IlgiliUrun {
    float: left;
    width: 100%;
    margin-top: 20px
}

.IlgiliUrun .satir1 {
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px
}

.IlgiliUrun .ilgiliurunUl {
    float: left;
    width: 100%
}

.IlgiliUrun .ilgiliurunUl ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}

.IlgiliUrun .ilgiliurunUl ul li {
    float: left;
    width: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
    list-style: none;
    border: 1px solid #ececec
}

.IlgiliUrun .ilgiliurunUl ul li .productItem {
    float: left;
    width: 100%
}

.IlgiliUrun .ilgiliurunUl ul li .productItem .productImage {
    margin: 0;
    padding: 0
}

.IlgiliUrun .ilgiliurunUl ul li .productItem .productImage a img {
    max-width: 100%;
    max-height: 100%
}

.IlgiliUrun .ilgiliurunUl ul li .productItem .productDetail * {
    display: none
}

.IlgiliUrun .ilgiliurunUl ul li .productItem .productIcon {
    display: none
}

.IlgiliUrun .ilgiliurunUl ul li .productItem .productYeRg {
    display: none
}

.ilgiliurunUl .productYeOz {
    display: none
}

.takimUrunContent {
    margin-bottom: 5px!important
}

.IlgiliUrun .ilgiliurunUl ul li .productItem .productDetail .productOnYazi .ilgiliUrunHover {
    display: none;
    width: 150px;
    left: -1px;
    top: -150px;
    position: absolute
}

.IlgiliUrun .ilgiliurunUl ul li .productItem .productDetail a {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 37px
}

.IlgiliUrun .ilgiliurunUl ul li .productItem .productDetail {
    height: 0;
    margin: 0
}

.IlgiliUrun .ilgiliurunUl ul li .productItem .productDetail .productOnYazi,.IlgiliUrun .ilgiliurunUl ul li .productItem .productDetail .productOnYazi * {
    display: none
}

.IlgiliUrun .ilgiliurunUl ul li .productItem:hover .productDetail .productOnYazi .ilgiliUrunHover {
    display: block;
    background: #fff!important;
    padding: 10px;
    box-shadow: rgb(99 99 99/20%) 0 2px .667rem 0
}

@media(min-width: 1042px) {
    #header.fixed {
        position:fixed;
        top: -100%;
        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.gectop {
        top: 0;
        box-shadow: 0 1px 16px #0000000d!important
    }

    body.margin {
        padding-top: 200px
    }

    .HomeBody #header.fixed.gectop .navigation .navUl>li>a {
        color: #000
    }

    #header.fixed.gectop .svgIcon {
        filter: invert(1)!important
    }

    #header.fixed.gectop .mycart .sepetUrunSayisi {
        color: #000
    }

    #header.fixed.gectop .htop {
        display: none
    }

    #header.homeHeader #logo .logo img.whitelogo {
        display: block
    }

    #header.homeHeader #logo .logo img.blacklogo {
        display: none
    }

    #header.fixed.homeHeader #logo .logo img.blacklogo {
        display: block
    }

    #header.fixed.homeHeader #logo .logo img.whitelogo {
        display: none
    }

    #header.homeHeader .headerContent:hover #logo .logo img.whitelogo {
        display: none
    }

    #header.homeHeader .headerContent:hover #logo .logo img.blacklogo {
        display: block
    }
}

@media(min-width: 1042px) {
    .sortingContent {
        display:block!important
    }

    .col-5li {
        width: 20%
    }

    .mobilMenu {
        display: none
    }

    #logo {
        left: 50%;
        transform: translate(-50%,0)
    }
}

.headerContent,body ul.breadcrumb,.navigation>div,.userLoginContent,.hesabimContent,.sepetimBody #footer .ticiContainer,.ticiContainer {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: block;
    padding: 0 7%
}

.ProductBody .sliderBannerContainer .ProductList {
    padding: 40px 7%
}

.detaySliderContainer .ProductList {
}

.homeContainer .ProductListContent .ProductList {
    max-width: 1180px
}

.markaSlider .jCarouselLite {
    max-width: 1180px
}

.headerContent {
    text-align: center;
    padding: 15px 0 0;
    background: #fff;
    box-shadow: 0 1px 16px #0000000d
}

.innerContainer {
}

#divIcerik.homepage {
    float: left;
    width: 100%!important;
    margin-top: -131px
}

.UyeOl .ticiContainer {
}

.ilhamArea .ticiContainer {
    padding: 0
}

.UyeGiris .ticiContainer {
}

.Magazalar .ticiContainer {
}

.sepetimBody .ticiContainer {
    margin: 0 auto;
    max-width: 100%!important
}

.sepetimBody .headerContent {
}

.HesabimTakip .ticiContainer {
}

.Iletisimaspx .ticiContainer {
}

.homeContainer .ticiContainer {
}

.ticiContainer.homeContainer {
}

.ticiContainer.pageContainer {
}

.ticiContainer.categoryContainer {
    padding: 0!important
}

.sepetimBody #footer .ticiContainer {
}

.ticiContainer.productDetailContainer {
    padding: 0
}

.sepetimBody .footerSslLogo {
    display: none!important
}

.sepetimBody .headerContent {
}

.sepetimBody.ordercomplete .navigation {
    display: none
}

.sepetimBody.ordercomplete .headerContent {
    padding-bottom: 15px!important
}

.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: 300px;
    padding-right: 20px
}

.rightBlock {
    float: right;
    width: 300px;
    padding-left: 20px
}

.centerCount {
    float: left;
    width: 100%;
    padding: 0
}

.leftBlock.LeftMiddleRight {
    width: 25%
}

.rightBlock.LeftMiddleRight {
    width: 25%
}

.centerCount.LeftMiddleRight {
    width: 50%
}

.ticiContainer:before,.ticiContainer:after {
    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%
    }

    #divKombinSatinAl a,.buyfast input,.basketBtn input {
        font-size: 13px
    }
}

@media screen and (min-width: 1160px) and (max-width:1239px) {
    .headerContent,body ul.breadcrumb,.navigation>div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer {
    }

    .homeContainer .ProductListContent .ProductList {
        max-width: 1100px
    }

    .sliderBannerContainer .ProductList {
    }

    .detaySliderContainer .ProductList {
        max-width: 1100px
    }

    .markaSlider .jCarouselLite {
        max-width: 1100px
    }

    #divIcerik.homepage {
    }
}

@media screen and (min-width: 1025px) and (max-width:1159px) {
    .headerContent,body ul.breadcrumb,.navigation>div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer {
    }

    .homeContainer .ProductListContent .ProductList {
        max-width: 960px
    }

    .sliderBannerContainer .ProductList {
    }

    .detaySliderContainer .ProductList {
        max-width: 960px
    }

    .markaSlider .jCarouselLite {
        max-width: 960px
    }

    .ProductList.PlSc_4 .productItem .productYeRg {
        top: auto;
        bottom: 95px;
        right: 10px
    }

    .ProductList.PlSc_4 .productItem .productYeOz {
        top: 10px;
        left: 10px
    }
}

@media(min-width: 768px) and (max-width:1041px) {
    .mobilMenuAcButton {
        float:left;
        margin-top: 0;
        color: #000;
        fill: #000;
        margin-left: 30px;
        position: absolute
    }

    .mobilMenuAcButton span {
        display: block;
        font-size: 11px
    }

    .mobilMenuAcButton svg {
        width: 30px
    }

    .ProductList.PlSc_4 .productItem .productYeRg {
        top: auto;
        bottom: 95px;
        right: 10px
    }

    .ProductList.PlSc_4 .productItem .productYeOz {
        top: 10px;
        left: 10px
    }
}

@media(min-width: 768px) and (max-width:1024px) {
    .headerContent,body ul.breadcrumb,.navigation>div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer {
        padding:0 30px
    }

    .homeContainer .ProductListContent .ProductList {
        max-width: 720px
    }

    .sliderBannerContainer .ProductList {
    }

    .detaySliderContainer .ProductList {
    }

    .navigation .altMenu .altMenuler {
        max-width: 720px
    }

    .markaSlider .jCarouselLite {
        max-width: 720px
    }

    #divIcerik.homepage {
        margin: -53px auto 0!important
    }

    .headerContent {
        margin: 0 auto;
        padding: 5px 0
    }

    .headerButton {
        margin-right: 30px
    }

    .searchContent {
        width: 200px;
        margin-left: 90px
    }

    .TopDet {
        padding: 0 30px
    }

    .detaySticky {
        padding: 8px 30px
    }

    .detaySliderContainer {
        padding: 0 30px
    }

    body .homeArea #ticimaxTabContent,.kombinUrunArea {
        padding: 40px 30px!important
    }

    .owl-carousel .owl-nav {
        left: 10px!important;
        right: 10px!important
    }

    .kategoriOwl.kategoriOwl2 .kategoriOwlHead,.kategoriOwl.kategoriOwl2.kategoriOwl3 .kategoriOwlBoxArea {
        padding: 30px 30px 0!important
    }

    .detailBoxArea {
        padding: 0 30px
    }

    .bannerBlockIlhamBottom {
        padding: 0 30px
    }
}

@media(max-width: 1041px) {
    .navigation {
        display:none
    }

    #divSayfalamaUst .filterBlock {
        display: block!important;
        width: 100%;
        padding: 0 10px
    }

    .mobilMenuAcButton {
        display: block
    }

    body .dropdown-toggle:after {
        display: none
    }

    body #divSayfalamaUst {
        padding: 0;
        margin: 10px 0;
        width: 100%;
        border: none;
        background: 0 0
    }

    .urunListRel {
        width: 100%
    }

    body .mobilFilterOpenBtn .button {
        padding: 0;
        margin: 0;
        color: #000;
        width: calc(50% - 5px);
        float: left;
        line-height: 38px;
        background: #fff;
        font-size: 14px;
        display: inline-block;
        vertical-align: top;
        font-weight: 500
    }

    body .mobilFilterOpenBtn .button:before {
        content: '';
        font-family: fontawesome;
        display: inline-block;
        vertical-align: top;
        line-height: 38px;
        margin-right: 5px;
        font-weight: 300
    }

    body .mobilFilterOpenBtn .button.mobilSiralamBtn {
        float: left
    }

    body .mobilFilterOpenBtn .button.mobilFilterBtn {
        float: right;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body .mobilFilterOpenBtn .button.mobilSiralamBtn:before {
        content: '\f15d'
    }

    body .mobilFilterOpenBtn {
        margin: 0;
        padding: 0;
        display: block!important
    }

    .categorydesign .uNo {
        float: right;
        color: #999a9d;
        font-size: 12px
    }

    body #divSayfalamaUst .filterDeleteContent {
        display: none
    }

    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(1):after {
        display: none
    }

    body #divSayfalamaUst.Slct .brandlistselection {
        position: absolute;
        left: 0;
        top: 0;
        width: calc(50% - 5px);
        background: 0 0;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0
    }

    body #divSayfalamaUst.Slct .brandlistselection .sortingContent {
        width: 100%;
        display: block!important;
        background: 0 0;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0
    }

    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li {
        width: 100%;
        background: 0 0;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0
    }

    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
        width: 100%;
        height: 40px;
        font-size: 0;
        text-indent: 0;
        border: none;
        color: #000;
        font-weight: 500;
        min-width: auto;
        border-radius: 0;
        background: 0 0;
        -webkit-appearance: none;
        -moz--appearance: none
    }

    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select option {
        font-size: 14px
    }

    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) {
        display: none
    }

    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {
        display: none
    }

    body #divSayfalamaUst:not(.Slct) .brandlistselection {
        padding: 0;
        text-align: center;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 10;
        border-bottom: none;
        background: #fff
    }

    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {
        display: none
    }

    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) {
        margin: 0;
        width: 100%
    }

    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a {
        border: none;
        text-align: center
    }

    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a span {
        line-height: 35px
    }

    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {
        display: none
    }

    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) {
        display: none
    }

    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) a:before {
        display: none
    }

    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li>a {
        border-bottom: 1px solid #e5e5e5
    }

    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(4)>a {
        border-bottom: none
    }

    body .category-vertical-filters.top-filters {
        display: block!important;
        width: 360px;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 9999;
        background: #fff;
        margin: 0;
        padding: 0;
        border: none;
        transition: all .3s ease
    }

    body .category-vertical-filters.top-filters ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    body .filterBlock.active .category-vertical-filters.top-filters {
        right: 0
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst {
        float: left;
        width: 100%;
        line-height: 50px;
        font-size: 16px;
        margin-bottom: 10px;
        padding: 0 10px;
        position: relative;
        text-align: center;
        display: block
    }

    body .category-vertical-filters.top-filters .FiltreUst span {
        display: inline-block;
        vertical-align: top;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    body .category-vertical-filters.top-filters .FiltreUst .closeFilt {
        float: left;
        font-size: 25px;
        position: relative;
        z-index: 99;
        right: 0;
        top: 0;
        position: absolute;
        right: 15px
    }

    body .category-vertical-filters.top-filters .FiltreUst a {
        z-index: 1;
        left: 15px;
        top: 0;
        position: absolute;
        right: 15px;
        display: -webkit-box;
        width: auto;
        float: left;
        width: 50px
    }

    body .category-vertical-filters.top-filters .FiltreUst a.active {
    }

    body .category-vertical-filters.top-filters .FiltreUst a i {
        color: #000;
        font-size: 20px
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        position: relative;
        padding: 0 10px;
        display: block
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan {
        float: left;
        width: 100%;
        max-height: calc(100% - 190px);
        overflow-y: auto;
        overflow-x: hidden
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 10px;
        display: block;
        margin: 0!important;
        background: 0 0
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span {
        display: inline-block;
        vertical-align: top;
        background: #000;
        padding: 10px;
        min-width: 150px;
        color: #fff;
        line-height: 30px;
        font-size: 15px;
        text-transform: uppercase
    }

    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock {
        float: left;
        width: 100%;
        line-height: 35px;
        text-align: left;
        padding: 0 0 0 10px;
        background: #fff;
        text-transform: uppercase;
        color: #262324;
        font-weight: 500;
        font-size: 13px
    }

    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 .panel-heading {
        padding: 0;
        margin: 0;
        border: none;
        background: #fff;
        float: left;
        width: 100%;
        padding: 0!important
    }

    body .category-vertical-filters.top-filters .panel .panel-heading a {
        float: left;
        width: 100%;
        text-align: left;
        color: #262324;
        font-weight: 500;
        font-size: 13px;
        line-height: 35px;
        padding: 0 10px;
        text-transform: uppercase
    }

    body .category-vertical-filters.top-filters .panel .panel-heading a:after {
        top: 0!important;
        color: #000;
        font-weight: 300;
        font-family: fontawesome;
        right: 10px!important
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum {
        position: absolute;
        right: 40px;
        top: 0;
        bottom: 0;
        line-height: 50px;
        font-size: 15px;
        color: #000;
        display: block
    }

    body .category-vertical-filters.top-filters .panel {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        padding: 0 10px
    }

    body .category-vertical-filters.top-filters .panel:last-child {
        margin-bottom: 0
    }

    body .category-vertical-filters.top-filters .list-group.dropdown {
        border: none;
        position: static;
        box-shadow: none;
        padding: 0 15px!important;
        float: left;
        width: 100%;
        margin: 0!important
    }

    body .category-vertical-filters.top-filters .list-group.dropdown ul {
        margin-top: 10px
    }

    body .category-vertical-filters.top-filters .list-group.dropdown li {
        width: 100%;
        margin-right: 0;
        text-align: left;
        margin-bottom: 10px!important
    }

    body .category-vertical-filters.top-filters .list-group.dropdown li a {
        color: #000;
        line-height: 16px;
        margin: 0!important;
        padding: 0!important
    }

    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a {
        font-size: 13px;
        color: #262324;
        font-weight: 400;
        float: left
    }

    body .category-vertical-filters .vertical-filter-panel .list-group-item:before {
        border-radius: 0;
        display: inline-block!important;
        width: 16px;
        height: 16px
    }

    body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {
        border-color: #000;
        background: #000
    }

    body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image {
        background: 0 0!important;
        height: auto
    }

    body .category-vertical-filters.top-filters .panel.vertical-top-price-filter {
        width: 100%;
        margin: 20px 0
    }

    body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent {
        display: none!important
    }

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

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

    .categoryContainer .ProductListContent {
        padding: 0 7px
    }

    body .amount {
        padding: 0
    }

    .centerCount {
        width: 100%!important
    }

    .leftBlock {
        display: none!important
    }

    .rightBlock {
        display: none!important
    }

    .homeContainer .leftBlock {
    }

    .homeContainer .rightBlock {
    }

    .UyeolContent .grid {
        margin: 30px 18px
    }

    .owl-carousel .owl-item img {
        max-width: 100%;
        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
    }

    .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;
        margin: 0
    }

    .mobilMenu .menuIcerikAlan {
        float: left;
        width: 100%;
        height: calc(100% - 50px);
        position: absolute;
        top: 51px;
        right: 0;
        left: 0
    }

    .mobilMenu .navUl {
        float: left;
        width: 100%;
        height: 100%
    }

    .mobilMenu .navUl>li>ul li,.mobilMenu .navUl>li {
        float: left;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
        padding: 0 0 0 5px
    }

    .mobilMenu .navUl>li>ul li a,.mobilMenu .navUl>li>a {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 40px;
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        z-index: 2;
        position: relative;
        width: 100%
    }

    .mobilMenu .navUl .ulVar>a {
        width: auto
    }

    .mobilMenu .altMenu .altMenuler .altmenuSol>ul>li .ResimliDown2,.mobilMenu .navUl>li>ul li .ResimsizDown2,.mobilMenu .navUl>li .ResimsizDown,.mobilMenu .navUl>li .ResimliDown {
        float: right;
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        z-index: 1;
        padding-right: 20px;
        cursor: pointer;
        height: 40px
    }

    .mobilMenu .altMenu .altMenuler .altmenuSol>ul>li .ResimliDown2 svg,.mobilMenu .navUl>li>ul li .ResimsizDown2 svg,.mobilMenu .navUl>li .ResimsizDown svg,.mobilMenu .navUl>li .ResimliDown svg {
        float: right;
        width: 12px;
        margin-top: 12px
    }

    .mobilMenu .altMenu .altMenuMarkalar,.mobilMenu .altMenu .altMenuler {
        float: left;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }

    .mobilMenu .altMenu .altMenuSag {
        display: none
    }

    .mobilMenu .altMenu .altmenuSol {
        float: left;
        width: 100%;
        height: 100%
    }

    .mobilMenu .navUl>li ul.over {
        overflow-y: hidden
    }

    .mobilMenu .altMenu .altMenuler .altmenuSol>ul>li .ResimliMenu1AltUl,.mobilMenu .navUl>li>ul li ul,.mobilMenu .navUl>li>ul,.mobilMenu .altMenu {
        position: fixed;
        left: -100%;
        top: 51px;
        bottom: 0;
        width: 360px;
        background: #fff;
        z-index: 3;
        transition: all .3s ease-in-out
    }

    .mobilMenu .altMenu .altMenuler .altmenuSol>ul>li .ResimliMenu1AltUl.active,.mobilMenu .navUl>li>ul li ul.active,.mobilMenu .navUl>li>ul.active,.mobilMenu .altMenu.active {
        left: 0
    }

    .mobilMenu .altMenu .altMenuler .altmenuSol>ul>li .ResimliMenu1AltUl>span,.mobilMenu .altMenu .altMenuMarkalar>span,.mobilMenu .altMenu .altmenuSol>span,.mobilMenu .navUl>li>ul li ul>span,.mobilMenu .navUl>li>ul>span {
        color: rgba(40,47,54,.8);
        font-size: 18px;
        line-height: 55px;
        padding-left: 55px;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
        float: left;
        width: 100%
    }

    .mobilMenu .altMenu .altMenuler .altmenuSol>ul>li .ResimliMenu1AltUl>span a,.mobilMenu .altMenu .altMenuMarkalar>span a,.mobilMenu .altMenu .altmenuSol>span a,.mobilMenu .navUl>li>ul>span span {
        z-index: 0;
        position: relative
    }

    .mobilMenu .navUl>li>ul li ul>span .NoiBack2,.mobilMenu .altMenu .altMenuler .altmenuSol>ul>li .ResimliMenu1AltUl>span .DownBtn,.mobilMenu .altMenu .altMenuMarkalar>span .UpBtn,.mobilMenu .altMenu .altmenuSol>span .UpBtn,.mobilMenu .navUl>li>ul>span .NoiBack {
        z-index: 1;
        padding-left: 20px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .mobilMenu .altMenu .altMenuler .altmenuSol>ul>li .ResimliMenu1AltUl>span .DownBtn svg,.mobilMenu .navUl>li>ul li ul>span .NoiBack2 svg,.mobilMenu .altMenu .altMenuMarkalar>span .UpBtn svg,.mobilMenu .altMenu .altmenuSol>span .UpBtn svg,.mobilMenu .navUl>li>ul>span .NoiBack svg {
        float: left;
        width: 17px;
        margin-top: 19px
    }

    .mobilMenu .altMenu .altMenuler .altmenuSol>ul>li .ResimliMenu1AltUl li,.mobilMenu .altMenu .altMenuler .altmenuSol>ul>li,.mobilMenu .navUl>li>ul li {
        float: left;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
        position: relative
    }

    .mobilMenu .altMenu .altMenuler .altmenuSol>ul>li .ResimliMenu1AltUl li>a,.mobilMenu .altMenu .altMenuler .altmenuSol>ul>li>a,.mobilMenu .navUl>li>ul li a {
        color: #282f36;
        font-size: 14px;
        font-weight: 500;
        line-height: 40px;
        display: inline-block;
        vertical-align: top;
        padding: 0 13px;
        z-index: 2;
        position: relative
    }

    .mobilMenu .altMenu .altMenuler .altmenuSol>ul>li .ResimliMenu1AltUl,.mobilMenu .navUl>li>ul li ul,.mobilMenu .navUl>li>ul,.mobilMenu .menuIcerikAlan {
        overflow-y: auto;
        overflow-x: hidden
    }

    .mobilMenu .altMenu .altMenuMarkalar>a {
        float: left;
        width: 50%;
        padding: 0 13px;
        min-height: 57px;
        text-align: center;
        margin-bottom: 15px
    }

    #divKombinSatinAl a,.buyfast input,.basketBtn input {
        font-size: 13px
    }

    .leftImage {
        width: 50%
    }

    .RightDetail {
        width: 50%;
        padding: 30px 0 0 20px
    }

    .categoryContainer .ProductList.PlSc_4 .ItemOrj {
        width: 33.33%!important;
        webkit-flex: 0 0 33.33%!important;
        -ms-flex: 0 0 33.33%!important;
        flex: 0 0 33.33%!important;
        max-width: 33.33%!important;
        padding: 0 5px
    }

    body.overflow:before {
        content: "";
        background: rgb(0 0 0/25%);
        width: 100%;
        height: calc(100% - 50px);
        display: block;
        left: 0;
        right: 0;
        z-index: 99999;
        position: fixed;
        top: 0
    }

    .htop .htopAltRight {
        display: none
    }
}

@media(max-width: 767px) {
    .catBgCaption {
        font-size:27px!important
    }

    .catBgText {
        font-size: 12px!important
    }

    body #mainHolder_divDesign #ticimaxTabContent {
        padding: 0 4%!important
    }

    .shareAlt {
        margin-left: 0;
        top: 40px
    }

    .cateTopCatArea {
        max-width: 500px;
        justify-content: center;
        overflow: auto
    }

    body.overflow {
        overflow: hidden
    }

    #divIcerik.homepage {
        margin: 0 auto
    }

   /* body {
        padding-top: 150px
    }*/

    #header {
        min-height: 50px
    }

    body.sepetimBody {
        padding-top: 0
    }

    #lang_flag_container {
        display: none;
        top: -35px!important;
    }

    .userContainer .userLeftBox,.userContainer .userRightBox {
        padding: 0
    }

    .userContainer .userRightBox {
        margin-top: 20px
    }

    .SifremiUnuttumContent .userWrapper.SifremiUnuttum {
        width: 100%;
        padding: 0 10px
    }

    .headerContent {
        margin: 0 auto;
        padding: 0
    }

    #divIcerik {
        padding: 0 10px;
        margin: 0 auto
    }

    .proCategoryTitle.categoryTitleText {
        padding: 0 10px
    }

    #footer .ticiContainer {
        padding: 0
    }

    #divTicimaxCopyrightContent {
        text-align: center;
        float: left;
        width: 100%
    }

    #divTicimaxCopyrightContent a {
        display: inline-block
    }

    #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: 90px;
        float: none;
        padding: 12px 0 4px;
        text-align: center;
        display: block;
        background: 0 0
    }

    #logo .logo img {
        max-width: 100%;
        display: inline-block
    }

    .mycart {
        top: 10px;
        right: 5px;
        width: 15px;
        height: 15px;
        z-index: 2
    }

    .mycart .sepetUrunSayisi {
        width: 15px;
        height: 15px;
        line-height: 1;
        background: #000;
        color: #fff;
        padding-bottom: 4px
    }

    .mobilMenuAcButton {
        display: block;
        position: absolute;
        top: 11px;
        left: 10px;
        font-size: 22px;
        color: #000
    }

    .searchClick {
        display: block;
        position: absolute;
        top: 8px;
        left: 47px;
        font-size: 22px;
        color: #000
    }

    .welcomeOpen {
        display: block;
        position: absolute;
        top: 9px;
        right: 47px;
        font-size: 22px;
        color: #000
    }

    .mycartClick {
        display: block;
        position: absolute;
        top: 11px;
        right: 10px;
        font-size: 22px;
        color: #000
    }

    #header:not(.homeHeader) .svgIcon {
        filter: none
    }

    .mobilMenuAcButton span {
        font-size: 9px;
        display: block;
        line-height: 9px;
        display: none
    }

    .mobilMenuAcButton svg {
        width: 19px
    }

    .searchClick svg {
        width: 19px
    }

    .welcomeOpen>svg,.mycartClick>svg {
        width: 22px;
        filter: invert(1);
        display: none
    }

    .mycartClick svg {
        width: 25px
    }

    .mobilMenu {
        width: 85%;
        bottom: 50px
    }

    .mobilMenu .altMenu .altMenuler .altmenuSol>ul>li .ResimliMenu1AltUl,.mobilMenu .navUl>li>ul li ul,.mobilMenu .navUl>li>ul,.mobilMenu .altMenu {
        width: 85%;
        bottom: 50px
    }

    .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: 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% - 220px);
        overflow-y: auto;
        overflow-x: hidden;
        font-size: 0;
        text-align: left;
        margin: 10px 0 0
    }
    .CartProduct .SPrice li {
      font-size: 14px;
  	}

    .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;
        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 {
        border-radius: 100%;
        text-align: center;
        font-size: 12px;
        border: none;
        position: static;
        margin: 0;
        display: flex!important;
        align-items: center;
        justify-content: center;
        color: #fff!important
    }

    .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;
        background: #fff;
        top: 0
    }

    #header:before {
        display: none
    }

    #header.homeHeader {
        border: none
    }

    .headerContent {
        text-align: left;
        box-shadow: 0 1px 16px #0000000d!important
    }

    .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
    }

    .headerHesabim,.headerCikis,.headerUyeOl a,.headerUyeGiris 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
    }

    .headerUyeGiris a,.headerHesabim {
        background: 0 0;
        margin-right: 10px
    }

    .headerUyeGiris a:after,.headerHesabim:after,.headerCikis:after,.headerUyeOl a:after,.headerUyeGiris a:before,.headerHesabim:before,.headerCikis:before,.headerUyeOl a:before {
        display: none
    }

    .ProductIcon {
        margin: 0;
        float: left;
        width: 100%
    }

    .ProductIcon>div {
        margin: 10px 0;
        float: left;
        width: 100%
    }

    .Share {
        margin: 10px 0
    }

    .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
    }

    .TopDet .product_social_icon_wrapper .PaylasTit {
    }

    .bottomHead {
        float: left;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1002;
        background: #fff;
        border-top: 1px solid #605e5e;
        display: block
    }

    .bottomHead ul {
        margin: 0;
        list-style: none;
        padding: 0
    }

    .bottomHead ul li {
        float: left;
        width: 25%
    }

    .bottomHead ul li a {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 12px;
        padding: 5px 0;
        color: #000;
        position: relative;
        height: 49px
    }

    .bottomHead ul li a svg {
        width: 17px;
        display: block;
        margin: 0 auto 5px
    }

    .bottomHead ul li.welcC a svg {
        margin-bottom: -3px;
        margin-top: -6px
    }

    .bottomHead ul li.cartC a svg {
        width: 22px;
        margin-bottom: -3px;
        margin-top: -5px
    }

    .FooterTop,.FooterMiddle,.FooterBottom {
        margin-bottom: 30px
    }

    #footer .linkler {
        padding: 0;
        margin: 0
    }

    #footer .linkler .blink>ul {
        display: block;
        width: 100%;
        margin: 0
    }

    #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 #d6d6d6;
        padding-bottom: 15px
    }

    #footer .linkler .blink>ul>li>span {
        float: left;
        width: 100%;
        margin: 0;
        line-height: 50px;
        border-bottom: 1px solid #d6d6d6;
        font-size: 14px;
        padding: 0 10px
    }

    #footer .linkler .blink>ul>li>span .ackapabtn {
        float: right;
        display: block;
        position: absolute;
        left: 0;
        right: 10px;
        top: 0;
        bottom: 0;
        text-align: right
    }

    #footer .linkler .blink>ul>li>span .ackapabtn .svgbtn {
        width: 13px;
        filter: invert(1)
    }

    #footer .linkler .blink>ul>li {
        float: left;
        width: 100%!important
    }

    #footer .linkler .blink>ul>li>ul>li {
        float: left;
        width: 100%
    }

    #footer .linkler .blink>ul>li>ul>li>a {
        margin-bottom: 0;
        line-height: 40px
    }

    .ebultenDiv {
        width: 100%;
        padding: 0 10px;
        margin: 0
    }

    .ebultenGelecek {
        margin-top: 0;
        max-width: 100%;
        display: none
    }

    #divTicimaxCopyrightContent {
        float: left;
        width: 100%;
        margin-bottom: 40px
    }

    #divTicimaxCopyrightContent img {
        display: inline-block;
        vertical-align: top
    }

    #ticimaxCopyright {
        margin-top: 5px!important;
        font-size: 11px
    }

    #back-to-top {
        bottom: 160px;
        width: 70px;
        height: 70px;
        right: 23px
    }

    #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;
        width: calc(100% - 50px)
    }

    body .category-vertical-filters.top-filters {
        width: 100%;
        height: 100%;
        box-shadow: none;
        border: none;
        padding: 0!important
    }

    body ul.breadcrumb {
        white-space: nowrap;
        position: relative;
        padding: 0 10px
    }

    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:nth-child(1) 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:nth-last-of-type(1) a span:after {
        display: none
    }

    body ul.breadcrumb li:nth-last-of-type(1) {
        max-width: 100%
    }

    body ul.breadcrumb li:nth-last-of-type(1) * {
        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
    }

    .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 {
    }

    .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%
    }

    .categoryContainer .ProductList.PlSc_2 .ItemOrj {
        width: 50%
    }

    .categoryContainer .ProductList.PlSc_3 .ItemOrj {
        width: 50%!important;
        max-width: 50%!important;
        webkit-flex: 0 0 50%!important;
        -ms-flex: 0 0 50%!important;
        flex: 0 0 50%!important;
        max-width: 50%!important;
        padding: 0 5px
    }

    .categoryContainer .ProductList.PlSc_4 .ItemOrj {
        width: 50%!important;
        max-width: 50%!important;
        webkit-flex: 0 0 50%!important;
        -ms-flex: 0 0 50%!important;
        flex: 0 0 50%!important;
        max-width: 50%!important;
        padding: 0 5px
    }

    .categoryContainer .ProductList.PlSc_5 .ItemOrj {
        width: 50%
    }

    body:not(.sepetimBody) .ItemOrj {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
        padding: 0 5px
    }

    .categoryContainer .ProductList {
        margin: 0 -5px
    }

    .categoryContainer .ProductListContent .productItem {
        margin-bottom: 0px
    }

    body .mobilFilterOpenBtn .button {
        font-size: 13px
    }

    .leftImage {
        float: left;
        z-index: 9;
        width: 100%
    }

    .RightDetail {
        width: 100%;
        padding: 10px 0 0;
        z-index: 9
    }

    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;
        display: block
    }

    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 {
        margin: 25px 0;
        display: block;
        float: left;
        width: 100%;
        z-index: 2
    }

    .urunOzellikTab .urunTab {
        float: left;
        width: 100%
    }

    .urunOzellikTab .urunTab>ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .urunOzellikTab .urunTab>ul>li {
        float: left;
        width: 100%;
        border-bottom: 1px solid #ebebeb;
        padding: 0
    }

    .urunOzellikTab .urunTab>ul>li>a {
        line-height: 44px;
        float: left;
        width: 100%;
        position: relative
    }

    .urunOzellikTab .urunTab>ul>li>a span {
        font-weight: 500
    }

    .urunOzellikTab .urunTab>ul>li .urunDetayPanel {
        display: none!important
    }

    .urunOzellikTab .urunTab>ul>li.active .urunDetayPanel {
        top: 103px;
        display: block!important;
        padding: 50px 20px;
        height: calc(100vh - 103px);
        width: 100%
    }

    .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%
    }

    .detaySliderContainer {
        margin: 30px 0 0;
        padding: 0
    }

    .sliderBannerContainer {
        margin: 10px 0
    }

    .TopDet {
        padding: 0
    }

    .smallImgDotArea {
        display: none
    }

    .MirasGarantisiArea {
        top: 103px;
        padding: 50px 20px;
        height: calc(100vh - 50px);
        width: 100%
    }

    .close,.closeTab {
        right: 20px;
        top: 20px
    }

    .divYorumlarV2Item {
        display: block!important
    }

    body .sliderBannerContainer .owl-carousel .owl-nav,body #mainHolder_divDesign .owl-nav,#mainHolder_divDesign .homeArea .owl-nav,#mainHolder_divDesign .dahaFazla .owl-nav {
        display: none!important
    }

    .detailBoxArea {
        display: block;
        margin: 30px 0;
        padding: 20px
    }

    .guvenList ul {
        display: block
    }

    .guvenList ul li {
        width: 33.33%;
        float: left
    }

    .hammerlarGorunumTop>span {
        font-size: 35px
    }

    .sosyalMedya {
        width: 100%;
        margin: 0 0 30px;
        padding: 0 10px
    }

    .detaySticky .dsTxt {
        padding-left: 0
    }

    .detaySticky {
        padding: 10px
    }

    .detaySticky .dsName {
        font-size: 14px;
        line-height: 18px
    }

    .detaySticky .dsPrice .PiyasafiyatiContent .right_line * {
        font-size: 14px
    }

    .detaySticky .dsPrice .IndirimliFiyatContent .right_line * {
        font-size: 16px
    }

    .detaySticky .dsBasketBtn input {
        width: auto;
        font-size: 13px;
        height: auto;
        padding: 10px 15px
    }

    .detaySticky .dsBasketBtn {
        margin: 0;
        margin-right: 20px
    }

    .dsfav {
        margin: 0 10px 0 0
    }

    .detaySticky .dsImg {
        width: 50px;
        display: none
    }

    .footerAlt {
        display: block;
        text-align: center
    }

    .altFooterTxt {
        margin: 10px 0
    }

    #footer .linkler .blink>ul>li:last-child.footerLinkBulten span {
        font-size: 20px;
        line-height: 24px;
        border: none;
        text-align: center;
        max-width: 245px;
        margin: 0 auto;
        text-align: center;
        float: initial
    }

    li.footerLinkBulten {
        padding: 20px 0!important
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1,.kombinUrunArea>span,.kategoriOwlHead span,.sizinIcinSectiklerimiz .ticimaxTabHead:before {
        font-size: 14px;
        line-height: 20px
    }

    .takimUrunAltHead>div.head-col-2,.takimUrunAltItem>div.head-col-2 {
        display: none
    }

    .takimUrunAltItem>div.head-col-4,.takimUrunAltHead>div.head-col-4 {
        width: 30%!important
    }

    .kombinUrunArea {
        padding: 40px 0 0
    }

    #divOzelAlan1,#divOzelAlan2 {
        width: auto
    }

    .kombinUrunAreaBox {
        position: relative
    }

    .kombinUrunAreaBox>a {
        padding: 5px 10px;
        font-size: 10px;
        line-height: initial
    }

    .kombinUrunAreaBox>a:before {
        width: 13px;
        height: 13px;
        margin-right: 5px
    }

    .miniProductCardContainer .pointArea .mini-product-card {
        top: -12px;
        left: 35px
    }

    .miniProductCardContainer.card1 {
        left: 55px;
        top: 66px
    }

    .miniProductCardContainer.card2 {
        left: 110px;
        top: 95px
    }

    .miniProductCardContainer.card3 {
        left: 140px;
        top: 160px
    }

    .miniProductCardContainer.card4 {
        left: 177px;
        top: 55px
    }

    .miniProductCardContainer.card5 {
        left: 290px;
        top: 39px
    }

    .productItem .regularPrice span {
        font-size: 11px;
        line-height: 1
    }

    .productItem .discountPrice span {
        font-size: 12px;
        line-height: 19px
    }

    .discountIcon_s1 {
        font-size: 10px!important
    }

    .discountIcon {
        width: 36px!important;
        min-width: 36px!important;
        margin: 3px 0 10px;
        height: 23px;
        float: right;
        margin-left: 14px
    }

    .discountIcon:after {
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-top: 8px solid #b86846;
        bottom: -8px
    }

    .productItem .productName a {
        font-size: 13px
    }

    .ozelAlan4,.ozelAlan4 a {
        font-size: 13px
    }

    .boxBedenlerContainer>div {
        width: 15px;
        margin-right: 7px
    }

    .productItem .productDetail {
        height: 75px;
        margin-top: 0
    }

    .guvenList ul li>div {
        margin-bottom: 10px
    }

    .guvenList ul li:nth-child(4) {
        clear: both
    }

    .guvenList ul li span {
        margin-bottom: 5px;
        font-size: 13px;
        white-space: pre-wrap
    }

    .guvenList ul li small {
        font-size: 11px;
        line-height: initial
    }

    .guvenList {
        padding: 30px 0
    }

    .tabYorumlar {
        margin: 30px 0
    }

    .categoryContainer .ProductListContent {
        padding: 0 10px
    }

    .cateTopCatArea a {
        padding: 10px
    }

    .productYeOz {
        top: 5px;
        left: 5px
    }

    .productYeRg {
        right: 5px;
        top: auto;
        bottom: 65px;
        display: none
    }

    .ozelAlan1 a,.ozelAlan1 {
        font-size: 10px;
        width: auto
    }

    .ozelAlan3,.ozelAlan3 a {
        font-size: 10px;
        width: 126px
    }

    .productYePr {
        max-width: 100%;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-end
    }

    .kategoriOwlHead a {
        font-size: 12px
    }

    .kategoriOwl.kategoriOwl2 #tabs-nav li a,#mainHolder_divDesign .ticimaxTabHead li a {
        font-size: 11px!important;
        line-height: 14px!important
    }

    .kategoriOwl.kategoriOwl2 #tabs-nav {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        font-size: 0;
        padding: 0 0 10px;
        border: none;
        margin: 20px 0 10px
    }

    .kategoriOwl.kategoriOwl2 #tabs-nav li.active {
        float: left
    }

    .bannerBlockIlhamBottom {
        padding: 0;
        margin: 0;
        margin-bottom: 30px
    }

    .bannerBlockIlhamBottomBox {
        padding: 0 5px
    }

    .bannerBlockIlhamTop span {
        max-width: 100%
    }

    .bannerBlockIlhamBottomBox img {
        margin: 0 auto 20px
    }

    .bannerBlockIlhamBottom .bannerBlockIlhamBottomBox span {
        font-size: 13px;
        line-height: 20px
    }

    .bannerBlockIlhamBottomBox p {
        margin-top: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        font-size: 12px;
        line-height: 15px
    }

    .bannerBlockIlhamTop {
        padding: 30px 0
    }

    .bannerBlock.bannerBlockIlham {
        background-size: 100% 230px
    }

    .bannerBlockIlhamBottomBox:nth-child(2) {
        margin-top: 40px
    }

    li.footerLinkBulten {
        padding: 20px 10px!important
    }

    .bannerBlock a span {
        font-size: 17px;
        bottom: 35px
    }

    .bannerBlock a small {
        font-size: 15px;
        bottom: 12px
    }

    .kategoriOwl.kategoriOwl2 .kategoriOwlHead {
        padding: 30px 10px 0
    }

    .kategoriOwl.kategoriOwl2.kategoriOwl3 .kategoriOwlBoxArea {
        padding: 0 10px
    }

    #mainHolder_divDesign .ticimaxTabHead {
        padding: 0 10px;
        margin-bottom: 0!important
    }

    #mainHolder_divDesign .ticimaxTabHead ul {
        padding-bottom: 10px!important;
        display: flex;
        gap: 3px;
        justify-content: space-between
    }

    #mainHolder_divDesign .ticimaxTabHead li {
        margin-right: 0!important
    }

    .kombinUrunArea>span {
        padding: 0 10px
    }

    .kombinUrunArea>p {
        padding: 0 10px!important
    }

    .miniProductCardContainer .pointArea .mini-product-card {
        max-width: 150px;
        width: 150px
    }

    .miniProductCardContainer .pointArea .mini-product-card .product-card-img {
        display: none
    }

    .miniProductCardContainer .pointArea .mini-product-card .product-cart-text {
        width: 100%;
        padding: 5px 10px 2px
    }

    .miniProductCardContainer .pointArea .mini-product-card .product-cart-text .product-card-name {
        font-size: 12px;
        line-height: 15px
    }

    .miniProductCardContainer .pointArea .mini-product-card .product-cart-text .product-card-payment {
        margin: 0;
        font-size: 12px;
        line-height: 15px
    }

    .miniProductCardContainer .pointArea .mini-product-card .product-cart-text .product-card-button {
        text-align: center
    }

    .miniProductCardContainer .pointArea .mini-product-card .product-cart-text .product-card-button a {
        display: block;
        margin: 0 auto;
        float: initial;
        font-size: 10px;
        border-bottom: 0;
        text-decoration: underline
    }

    #mainHolder_divDesign #ticimaxTabContent .ticimaxAnasayfaTab {
        padding: 0 10px!important
    }

    .wpFix {
        width: 70px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 23px;
        bottom: 80px;
        border-radius: 100%
    }

    .wpFix img {
        object-fit: cover;
        border-radius: 100%
    }

    .owl-carousel .owl-nav {
        display: none!important
    }
    .htopUst {
      height: 64px;
    }
    .htopUstRght {
      position: absolute;
      right: 0;
      left:0;
      top: 30px;
      border-top: 1px solid #ddd;
      width: 100%;
      height: 34px;
      background: #605e5e;
	}

    .htopUstCnt {
        line-height: 25px;
        font-size: 12px
    }

    .htopAltLeft {
        height: 30px
    }

    .htopAltLeft a {
        height: 30px;
        padding: 5px
    }

    .htopAltLeft img {
        object-fit: contain;
        padding: 0;
        height: 20px
    }

    .htopAltRight {
        float: left;
        height: auto;
        width: 100%;
        padding: 10px 0
    }

    .htopAltRight a {
        margin: 0 10px;
        line-height: 30px;
        color: #000;
        font-weight: 600;
        font-size: 14px;
        display: block;
        padding: 5px 10px
    }
  .htopUstRght a {margin-left: 10px;font-size: 11px;}

    .htopAlt {
        padding: 0
    }

    .welcomeOpen .mobilIcon svg {
        width: 20px
    }

    .mycartClick .mobilIcon svg {
        width: 25px
    }

    .ebultenTxt {
        text-align: center
    }

    .sosyalMedya span {
        color: #fff
    }

    .ticiCopy,.altFooterTxt {
        color: #fff
    }

    .productItem .productName {
        display: block
    }

    .boxBedenlerContent {
        position: absolute
    }

    .cerezPopupUyari {
        z-index: 99999!important;
        bottom: 68px!important
    }

    .homeHeader .headerContent:hover .svgIcon {
        filter: none!important
    }
}

@media screen and (min-width: 414px) {
}

@media screen and (min-width: 375px) and (max-width:413px) {
}

@media screen and (min-width: 0px) and (max-width:374px) {
}

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

.fancybox-close:after {
    margin-top: -7px
}

.ProductList.SonZiyaretEdilenUrunlerOwl {
    padding: 40px 7%
}

section.ResimGaleri .ResimGaleriHeadIcerik {
    text-align: center
}

section.ResimGaleri .Main {
    position: relative
}

section.ResimGaleri .Main .AllGallery {
    position: absolute;
    top: 29px;
    font-size: 12px;
    right: 0;
    color: #000;
    text-decoration: underline;
    font-weight: 500
}

section.ResimGaleri .AddGallery {
    margin: 10px auto;
    background-color: #000;
    display: block;
    width: 200px;
    text-align: center;
    color: #fff;
    padding: 5px 0
}

body.HomeBody section.ResimGaleri .AddGallery {
    display: none!important
}

section.ResimGaleri .AddGallery:hover {
    background-color: #ddd;
    color: #000
}

section.ResimGaleri .Main .Marquee-tag {
    position: relative;
    cursor: pointer
}

section.ResimGaleri .Main .Marquee-tag img {
    max-width: 100%
}

.HomeBody section.ResimGaleri .Main .Marquee-tag:hover:before {
    content: 'Alışverişe Başla'!important;
    font-size: 25px;
    color: #fff;
    text-align: center;
    width: 100%!important;
    font-weight: 600
}

section.ResimGaleri .Main .Marquee-tag:hover:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 9;
    font-family: linearicons-free;
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 50px;
    text-align: center
}

section.ResimGaleri .Main .Marquee-tag:hover:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 8;
    background: rgba(0,0,0,.46)
}

.Modals .modal-body {
    padding: 30px;
    max-width: 420px
}

.Modals .modal-body .modal-title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 15px
}

.Modals .modal-body .ResimGaleriHeadIcerik {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 20px
}

.Modals .modal-body .ResimGaleriHeadIcerik h2 {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 8px;
    text-align: center
}

.Modals .modal-body .modal-Subtitle {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 20px
}

.Modals .modal-body .modal-bottom {
    text-align: center;
    border-top: 1px solid #d8d8d8;
    padding-top: 20px;
    font-size: 12px;
    font-style: italic
}

.Modals .modal-body .modal-bottom span.Link {
    font-style: initial;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    margin-left: 5px;
    cursor: pointer
}

.AddGalleryModal .Btn {
    width: 100%;
    border: 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 17px 10px;
    background-color: #222;
    border: 1px solid #222;
    cursor: pointer;
    display: block
}

.AddGalleryModal .Btn:hover,.AddGalleryModal .Btn:focus {
    color: #fff
}

.AddGalleryModal .Btn.Orange {
    background-color: #000;
    border: 1px solid #000
}

.AddGalleryModal .Btn.Orange:hover {
    background-color: #000
}

.AddGalleryModal .modal-dialog {
    margin: 0
}

.AddGalleryModal .modal-body {
    max-width: 100%
}

.AddGalleryModal .FormElements {
    margin-bottom: 10px
}

.AddGalleryModal .FormElements>input {
    padding: 8px 12px
}

.AddGalleryModal .modal-content {
    background: #fff
}

.AddGalleryModal .Gallery--Wrapper .BtnBox {
    margin: 30px 0;
    padding-top: 25px;
    border-top: 1px solid #b3b3b3
}

.AddGalleryModal .Gallery--Wrapper .Title {
    padding: 5px 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #b3b3b3
}

.AddGalleryModal .Gallery--Wrapper .row {
    box-sizing: inherit;
    padding: 0;
    width: auto;
    margin: 0;
    height: auto;
    float: none;
    background-color: transparent;
    position: static;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.AddGalleryModal .Gallery--Wrapper .col-lg-6 {
    width: 50%;
    float: left;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.AddGalleryModal .Gallery--Wrapper .col-12 {
    width: 100%;
    float: left;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.AddGalleryModal .Gallery--Wrapper .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.AddGalleryModal .fileClear {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    background-color: #f1f1f1;
    color: #777
}

.AddGalleryModal .box {
    display: block;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    overflow: hidden
}

.AddGalleryModal .upload-options {
    position: relative;
    height: 35px;
    background-color: #000;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    -webkit-transition: background-color ease-in-out 150ms;
    transition: background-color ease-in-out 150ms
}

.AddGalleryModal .upload-options:hover {
    background-color: #000
}

.AddGalleryModal .upload-options input {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.AddGalleryModal .upload-options label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden
}

.AddGalleryModal .upload-options label::after {
    content: 'Resim Seç';
    position: absolute;
    font-size: 14px;
    color: #fff;
    z-index: 0;
    width: 100%
}

.AddGalleryModal .upload-options label span {
    display: inline-block;
    width: 50%;
    height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-align: center
}

.AddGalleryModal .js--image-preview {
    height: 120px;
    width: 100%;
    line-height: 120px;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.AddGalleryModal .js--image-preview::after {
    content: "\f1c5";
    font: normal normal normal 14px/1 FontAwesome;
    position: relative;
    font-size: 50px;
    color: #e6e6e6;
    z-index: 0
}

.AddGalleryModal .js--image-preview.js--no-default::after {
    content: "\f1c5";
    color: #000;
    border: 3px solid #000;
    border-radius: 50%;
    padding: 10px;
    font-size: 50px;
    background-color: rgba(0,0,0,.11)
}

.AddGalleryModal .drop {
    display: block;
    position: absolute;
    background: rgba(95,158,160,.2);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.AddGalleryModal .animate {
    -webkit-animation: ripple .4s linear;
    animation: ripple .4s linear
}

.AddGalleryModal .FormElements {
    width: 100%;
    margin-bottom: 15px;
    display: block
}

.AddGalleryModal .FormElements .Or {
    margin: 20px 0;
    text-align: center;
    position: relative
}

.AddGalleryModal .FormElements .Or::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    display: table
}

.AddGalleryModal .FormElements .Or>span {
    font-style: italic;
    font-size: 12px;
    background-color: #fff;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    display: inline-block;
    line-height: 20px;
    color: #949494
}

.AddGalleryModal .FormElements label {
    font-size: 12px;
    margin: 5px 0;
    width: 100%;
    color: red
}

.AddGalleryModal .FormElements input,.FormElements textarea {
    border: 1px solid #bdbdbd;
    display: block;
    width: 100%;
    padding: 12px;
    font-size: 14px
}

.AddGalleryModal .FormElements textarea {
    min-height: 100px;
    max-height: 100px;
    max-width: 100%
}

.AddGalleryModal select {
    font-size: 14px;
    padding: 14px 35px 14px 14px
}

.AddGalleryModal .FormElements .input-box {
    position: relative
}

.AddGalleryModal .FormElements .input-box .ShowPass {
    padding-right: 50px
}

.AddGalleryModal .FormElements .input-box .btn-show-password {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px;
    font-size: 24px
}

.AddGalleryModal .FormElements .input-box .btn-show-password.Active:before {
    content: "\e992"
}

.AddGalleryModal .form_valition {
    display: none
}

.AddGalleryModal .galleryFooterSuccess {
    display: none
}

.AddGalleryModal #vdUrunVideo {
    float: left;
    width: 100%
}


#lang.flag-de span:before {
    content: "DE";
    font-size: 12px;
    color: #fff;
    font-weight: 700;
}


@media screen and (min-width: 768px) {
  #top-bar .flex-col {width: 33.3333%; flex: 0 0 33.3333%;}
}
.html.custom.html_1 {
    display: block;
    width: 100%;
}

.htop-slider {
    float: left;
    width: 100%
}

.htop-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    height: 0;
    overflow: hidden
}

.htop-slider ul li,.htop-slider ul li a {
    font-size: 14px;
    font-weight: 300;
    color: #fff
}

.htop-slider .owl-carousel {
    height: auto;
    overflow: visible
}

.htop-slider .owl-carousel .owl-nav {
    left: 0;
    right: 0;
    top: 0;
    display: block!important
}

.htop-slider .owl-carousel .owl-nav .owl-prev,.htop-slider .owl-carousel .owl-nav .owl-next {
    position: absolute;
    font-size: 14px
}

.htop-slider .owl-carousel .owl-nav .owl-prev {
    left: 0
}

.htop-slider .owl-carousel .owl-nav .owl-next {
    right: 0
}
@media (max-width: 1099px) {
    #headerNew .header-main {margin-top: 30px;}
}

@media (max-width: 1099px) {
    #headerNew #lang span {
        display: block !important;
    }
}


@media (max-width: 768px) {
  #top-bar .flex-col.hide-for-medium.flex-left {
    display: none;
}

#top-bar .flex-col.hide-for-medium.flex-center {
    display: block;
    width: 100%;
}
}