:root {
  --color-red-50: oklch(97.1% 0.013 17.38);
  --color-red-100: oklch(93.6% 0.032 17.717);
  --color-red-200: oklch(88.5% 0.062 18.334);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-red-600: oklch(57.7% 0.245 27.325);
  --color-red-700: oklch(50.5% 0.213 27.518);
  --color-red-800: oklch(44.4% 0.177 26.899);
  --color-red-950: oklch(25.8% 0.092 26.042);
  --color-yellow-50: oklch(98.7% 0.026 102.212);
  --color-yellow-100: oklch(97.3% 0.071 103.193);
  --color-yellow-200: oklch(94.5% 0.129 101.54);
  --color-yellow-400: oklch(85.2% 0.199 91.936);
  --color-yellow-500: oklch(79.5% 0.184 86.047);
  --color-yellow-600: oklch(68.1% 0.162 75.834);
  --color-yellow-700: oklch(55.4% 0.135 66.442);
  --color-yellow-800: oklch(47.6% 0.114 61.907);
  --color-yellow-950: oklch(28.6% 0.066 53.813);
  --color-green-50: oklch(98.2% 0.018 155.826);
  --color-green-100: oklch(96.2% 0.044 156.743);
  --color-green-200: oklch(92.5% 0.084 155.995);
  --color-green-500: oklch(72.3% 0.219 149.579);
  --color-green-600: oklch(62.7% 0.194 149.214);
  --color-green-700: oklch(52.7% 0.154 150.069);
  --color-green-800: oklch(44.8% 0.119 151.328);
  --color-green-950: oklch(26.6% 0.065 152.934);
  --color-cyan-50: oklch(98.4% 0.019 200.873);
  --color-cyan-100: oklch(95.6% 0.045 203.388);
  --color-cyan-200: oklch(91.7% 0.08 205.041);
  --color-cyan-500: oklch(71.5% 0.143 215.221);
  --color-cyan-600: oklch(60.9% 0.126 221.723);
  --color-cyan-700: oklch(52% 0.105 223.128);
  --color-cyan-800: oklch(45% 0.085 224.283);
  --color-blue-50: oklch(97% 0.014 254.604);
  --color-blue-100: oklch(93.2% 0.032 255.585);
  --color-blue-200: oklch(88.2% 0.059 254.128);
  --color-blue-300: oklch(80.9% 0.105 251.813);
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-blue-800: oklch(42.4% 0.199 265.638);
  --color-blue-950: oklch(28.2% 0.091 267.935);
  --color-violet-50: oklch(96.9% 0.016 293.756);
  --color-violet-100: oklch(94.3% 0.029 294.588);
  --color-violet-200: oklch(89.4% 0.057 293.283);
  --color-violet-500: oklch(60.6% 0.25 292.717);
  --color-violet-600: oklch(54.1% 0.281 293.009);
  --color-violet-700: oklch(49.1% 0.27 292.581);
  --color-violet-800: oklch(43.2% 0.232 292.759);
  --color-violet-950: oklch(28.3% 0.141 291.089);
  --color-gray-50: oklch(98.5% 0.002 247.839);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-700: oklch(37.3% 0.034 259.733);
  --color-gray-800: oklch(27.8% 0.033 256.848);
  --color-gray-900: oklch(21% 0.034 264.665);
  --color-zinc-100: oklch(96.7% 0.001 286.375);
  --color-zinc-400: oklch(70.5% 0.015 286.067);
  --color-zinc-700: oklch(37% 0.013 285.805);
  --color-zinc-800: oklch(27.4% 0.006 286.033);
  --color-zinc-900: oklch(21% 0.006 285.885);
  --color-zinc-950: oklch(14.1% 0.005 285.823);
  --color-neutral-100: oklch(97% 0 0);
  --color-neutral-200: oklch(92.2% 0 0);
  --color-neutral-300: oklch(87% 0 0);
  --color-neutral-400: oklch(70.8% 0 0);
  --color-neutral-500: oklch(55.6% 0 0);
  --color-neutral-600: oklch(43.9% 0 0);
  --color-neutral-700: oklch(37.1% 0 0);
  --color-neutral-800: oklch(26.9% 0 0);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --tracking-tight: -0.025em;
  --leading-relaxed: 1.625;
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --color-accent: var(--accent);
  --text-center: center;
  --font-urbanist: "Urbanist", sans-serif !important;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*::selection {background-color: rgb(204 255 2 / 0.75); --bf-text-opacity: 1; color: rgb(18 18 18 / var(--bf-text-opacity));}
/*Fadein Css*/
.userSignUp {
clear: both !important;
}

@media screen and (min-width: 768px) {
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

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

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

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

/*Fadein Css*/
/*reset Css*/
[hidden] {
display: none !important;
}
[role="button"] {
cursor: pointer;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
template {
display: none;
}
[hidden] {
display: none;
}
[tabindex="-1"]:focus {
outline: none !important;
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "Segoe UI", sans-serif;
margin: 0;
padding: 0;
font-size: 0.8rem;
-webkit-animation: fadein 500ms ease-in-out 0.5s both;
animation: fadein 500ms ease-in-out 0.5s both;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
textarea {
overflow: auto;
}
input[type, number]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-moz-appearance: none;
-webkit-appearance: none;
margin: 0;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
cursor: not-allowed;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
label {
display: inline-block;
margin-bottom: 0;
}
input,
button,
select,
textarea {
line-height: inherit;
}
img {
display: block;
border: none;
max-width: 100%;
}
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 0.1s ease-in-out, color 0.1s ease-in-out;
}
a:active,
a:hover {
outline-width: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-weight: normal;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 50px white inset;
-webkit-text-fill-color: #000;
}
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 50px white inset;
-webkit-text-fill-color: #000;
}
select,
input {
font-family: "Urbanist", sans-serif!important;
}
button {
-moz-appearance: none;
-webkit-appearance: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 600s ease-in-out 0s;
}
textarea {
resize: vertical;
overflow: auto;
}
#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;
}
/*colgrid*/
.pull-center {
display: inline-block;
vertical-align: top;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
margin-right: -15px;
margin-left: -15px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

/*wca-fontsize*/

.fs-sm {
    font-size: .7rem!important
}

.fs-lg {
    font-size: 1rem!important
}

.fs-1 {
    font-size: .05rem!important
}

.fs-2 {
    font-size: .1rem!important
}

.fs-3 {
    font-size: .15rem!important
}

.fs-4 {
    font-size: .2rem!important
}

.fs-5 {
    font-size: .25rem!important
}

.fs-6 {
    font-size: .3rem!important
}

.fs-7 {
    font-size: .35rem!important
}

.fs-8 {
    font-size: .4rem!important
}

.fs-9 {
    font-size: .45rem!important
}

.fs-10 {
    font-size: .5rem!important
}

.fs-11 {
    font-size: .55rem!important
}

.fs-12 {
    font-size: .6rem!important
}

.fs-13 {
    font-size: .65rem!important
}

.fs-14 {
    font-size: .7rem!important
}

.fs-15 {
    font-size: .75rem!important
}

.fs-16 {
    font-size: .8rem!important
}

.fs-17 {
    font-size: .85rem!important
}

.fs-18 {
    font-size: .9rem!important
}

.fs-19 {
    font-size: .95rem!important
}

.fs-20 {
    font-size: 1rem!important
}

.fs-21 {
    font-size: 1.05rem!important
}

.fs-22 {
    font-size: 1.1rem!important
}

.fs-23 {
    font-size: 1.15rem!important
}

.fs-24 {
    font-size: 1.2rem!important
}

.fs-25 {
    font-size: 1.25rem!important
}

.fs-26 {
    font-size: calc(1.255rem + .06vw)!important
}

@media (min-width: 1200px) {
    .fs-26 {
        font-size:1.3rem!important
    }
}

.fs-27 {
    font-size: calc(1.26rem + .12vw)!important
}

@media (min-width: 1200px) {
    .fs-27 {
        font-size:1.35rem!important
    }
}

.fs-28 {
    font-size: calc(1.265rem + .18vw)!important
}

@media (min-width: 1200px) {
    .fs-28 {
        font-size:1.4rem!important
    }
}

.fs-29 {
    font-size: calc(1.27rem + .24vw)!important
}

@media (min-width: 1200px) {
    .fs-29 {
        font-size:1.45rem!important
    }
}

.fs-30 {
    font-size: calc(1.275rem + .3vw)!important
}

@media (min-width: 1200px) {
    .fs-30 {
        font-size:1.5rem!important
    }
}

.fs-31 {
    font-size: calc(1.28rem + .36vw)!important
}

@media (min-width: 1200px) {
    .fs-31 {
        font-size:1.55rem!important
    }
}

.fs-32 {
    font-size: calc(1.285rem + .42vw)!important
}

@media (min-width: 1200px) {
    .fs-32 {
        font-size:1.6rem!important
    }
}

.fs-33 {
    font-size: calc(1.29rem + .48vw)!important
}

@media (min-width: 1200px) {
    .fs-33 {
        font-size:1.65rem!important
    }
}

.fs-34 {
    font-size: calc(1.295rem + .54vw)!important
}

@media (min-width: 1200px) {
    .fs-34 {
        font-size:1.7rem!important
    }
}

.fs-35 {
    font-size: calc(1.3rem + .6vw)!important
}

@media (min-width: 1200px) {
    .fs-35 {
        font-size:1.75rem!important
    }
}

.fs-36 {
    font-size: calc(1.305rem + .66vw)!important
}

@media (min-width: 1200px) {
    .fs-36 {
        font-size:1.8rem!important
    }
}

.fs-37 {
    font-size: calc(1.31rem + .72vw)!important
}

@media (min-width: 1200px) {
    .fs-37 {
        font-size:1.85rem!important
    }
}

.fs-38 {
    font-size: calc(1.315rem + .78vw)!important
}

@media (min-width: 1200px) {
    .fs-38 {
        font-size:1.9rem!important
    }
}

.fs-39 {
    font-size: calc(1.32rem + .84vw)!important
}

@media (min-width: 1200px) {
    .fs-39 {
        font-size:1.95rem!important
    }
}

.fs-40 {
    font-size: calc(1.325rem + .9vw)!important
}

@media (min-width: 1200px) {
    .fs-40 {
        font-size:2rem!important
    }
}

.fs-41 {
    font-size: calc(1.33rem + .96vw)!important
}

@media (min-width: 1200px) {
    .fs-41 {
        font-size:2.05rem!important
    }
}

.fs-42 {
    font-size: calc(1.335rem + 1.02vw)!important
}

@media (min-width: 1200px) {
    .fs-42 {
        font-size:2.1rem!important
    }
}

.fs-43 {
    font-size: calc(1.34rem + 1.08vw)!important
}

@media (min-width: 1200px) {
    .fs-43 {
        font-size:2.15rem!important
    }
}

.fs-44 {
    font-size: calc(1.345rem + 1.14vw)!important
}

@media (min-width: 1200px) {
    .fs-44 {
        font-size:2.2rem!important
    }
}

.fs-45 {
    font-size: calc(1.35rem + 1.2vw)!important
}

@media (min-width: 1200px) {
    .fs-45 {
        font-size:2.25rem!important
    }
}

.fs-46 {
    font-size: calc(1.355rem + 1.26vw)!important
}

@media (min-width: 1200px) {
    .fs-46 {
        font-size:2.3rem!important
    }
}

.fs-47 {
    font-size: calc(1.36rem + 1.32vw)!important
}

@media (min-width: 1200px) {
    .fs-47 {
        font-size:2.35rem!important
    }
}

.fs-48 {
    font-size: calc(1.365rem + 1.38vw)!important
}

@media (min-width: 1200px) {
    .fs-48 {
        font-size:2.4rem!important
    }
}

.fs-49 {
    font-size: calc(1.37rem + 1.44vw)!important
}

@media (min-width: 1200px) {
    .fs-49 {
        font-size:2.45rem!important
    }
}

.fs-50 {
    font-size: calc(1.375rem + 1.5vw)!important
}

@media (min-width: 1200px) {
    .fs-50 {
        font-size:2.5rem!important
    }
}

.fs-51 {
    font-size: calc(1.38rem + 1.56vw)!important
}

@media (min-width: 1200px) {
    .fs-51 {
        font-size:2.55rem!important
    }
}

.fs-52 {
    font-size: calc(1.385rem + 1.62vw)!important
}

@media (min-width: 1200px) {
    .fs-52 {
        font-size:2.6rem!important
    }
}

.fs-53 {
    font-size: calc(1.39rem + 1.68vw)!important
}

@media (min-width: 1200px) {
    .fs-53 {
        font-size:2.65rem!important
    }
}

.fs-54 {
    font-size: calc(1.395rem + 1.74vw)!important
}

@media (min-width: 1200px) {
    .fs-54 {
        font-size:2.7rem!important
    }
}

.fs-55 {
    font-size: calc(1.4rem + 1.8vw)!important
}

@media (min-width: 1200px) {
    .fs-55 {
        font-size:2.75rem!important
    }
}

.fs-56 {
    font-size: calc(1.405rem + 1.86vw)!important
}

@media (min-width: 1200px) {
    .fs-56 {
        font-size:2.8rem!important
    }
}

.fs-57 {
    font-size: calc(1.41rem + 1.92vw)!important
}

@media (min-width: 1200px) {
    .fs-57 {
        font-size:2.85rem!important
    }
}

.fs-58 {
    font-size: calc(1.415rem + 1.98vw)!important
}

@media (min-width: 1200px) {
    .fs-58 {
        font-size:2.9rem!important
    }
}

.fs-59 {
    font-size: calc(1.42rem + 2.04vw)!important
}

@media (min-width: 1200px) {
    .fs-59 {
        font-size:2.95rem!important
    }
}

.fs-60 {
    font-size: calc(1.425rem + 2.1vw)!important
}

@media (min-width: 1200px) {
    .fs-60 {
        font-size:3rem!important
    }
}

.fs-61 {
    font-size: calc(1.43rem + 2.16vw)!important
}

@media (min-width: 1200px) {
    .fs-61 {
        font-size:3.05rem!important
    }
}

.fs-62 {
    font-size: calc(1.435rem + 2.22vw)!important
}

@media (min-width: 1200px) {
    .fs-62 {
        font-size:3.1rem!important
    }
}

.fs-63 {
    font-size: calc(1.44rem + 2.28vw)!important
}

@media (min-width: 1200px) {
    .fs-63 {
        font-size:3.15rem!important
    }
}

.fs-64 {
    font-size: calc(1.445rem + 2.34vw)!important
}

@media (min-width: 1200px) {
    .fs-64 {
        font-size:3.2rem!important
    }
}

.fs-65 {
    font-size: calc(1.45rem + 2.4vw)!important
}

@media (min-width: 1200px) {
    .fs-65 {
        font-size:3.25rem!important
    }
}

.fs-66 {
    font-size: calc(1.455rem + 2.46vw)!important
}

@media (min-width: 1200px) {
    .fs-66 {
        font-size:3.3rem!important
    }
}

.fs-67 {
    font-size: calc(1.46rem + 2.52vw)!important
}

@media (min-width: 1200px) {
    .fs-67 {
        font-size:3.35rem!important
    }
}

.fs-68 {
    font-size: calc(1.465rem + 2.58vw)!important
}

@media (min-width: 1200px) {
    .fs-68 {
        font-size:3.4rem!important
    }
}

.fs-69 {
    font-size: calc(1.47rem + 2.64vw)!important
}

@media (min-width: 1200px) {
    .fs-69 {
        font-size:3.45rem!important
    }
}

.fs-70 {
    font-size: calc(1.475rem + 2.7vw)!important
}

@media (min-width: 1200px) {
    .fs-70 {
        font-size:3.5rem!important
    }
}

.fs-71 {
    font-size: calc(1.48rem + 2.76vw)!important
}

@media (min-width: 1200px) {
    .fs-71 {
        font-size:3.55rem!important
    }
}

.fs-72 {
    font-size: calc(1.485rem + 2.82vw)!important
}

@media (min-width: 1200px) {
    .fs-72 {
        font-size:3.6rem!important
    }
}

.fs-73 {
    font-size: calc(1.49rem + 2.88vw)!important
}

@media (min-width: 1200px) {
    .fs-73 {
        font-size:3.65rem!important
    }
}

.fs-74 {
    font-size: calc(1.495rem + 2.94vw)!important
}

@media (min-width: 1200px) {
    .fs-74 {
        font-size:3.7rem!important
    }
}

.fs-75 {
    font-size: calc(1.5rem + 3vw)!important
}

@media (min-width: 1200px) {
    .fs-75 {
        font-size:3.75rem!important
    }
}

.fs-76 {
    font-size: calc(1.505rem + 3.06vw)!important
}

@media (min-width: 1200px) {
    .fs-76 {
        font-size:3.8rem!important
    }
}

.fs-77 {
    font-size: calc(1.51rem + 3.12vw)!important
}

@media (min-width: 1200px) {
    .fs-77 {
        font-size:3.85rem!important
    }
}

.fs-78 {
    font-size: calc(1.515rem + 3.18vw)!important
}

@media (min-width: 1200px) {
    .fs-78 {
        font-size:3.9rem!important
    }
}

.fs-79 {
    font-size: calc(1.52rem + 3.24vw)!important
}

@media (min-width: 1200px) {
    .fs-79 {
        font-size:3.95rem!important
    }
}

.fs-80 {
    font-size: calc(1.525rem + 3.3vw)!important
}

@media (min-width: 1200px) {
    .fs-80 {
        font-size:4rem!important
    }
}

.fs-81 {
    font-size: calc(1.53rem + 3.36vw)!important
}

@media (min-width: 1200px) {
    .fs-81 {
        font-size:4.05rem!important
    }
}

.fs-82 {
    font-size: calc(1.535rem + 3.42vw)!important
}

@media (min-width: 1200px) {
    .fs-82 {
        font-size:4.1rem!important
    }
}

.fs-83 {
    font-size: calc(1.54rem + 3.48vw)!important
}

@media (min-width: 1200px) {
    .fs-83 {
        font-size:4.15rem!important
    }
}

.fs-84 {
    font-size: calc(1.545rem + 3.54vw)!important
}

@media (min-width: 1200px) {
    .fs-84 {
        font-size:4.2rem!important
    }
}

.fs-85 {
    font-size: calc(1.55rem + 3.6vw)!important
}

@media (min-width: 1200px) {
    .fs-85 {
        font-size:4.25rem!important
    }
}

.fs-86 {
    font-size: calc(1.555rem + 3.66vw)!important
}

@media (min-width: 1200px) {
    .fs-86 {
        font-size:4.3rem!important
    }
}

.fs-87 {
    font-size: calc(1.56rem + 3.72vw)!important
}

@media (min-width: 1200px) {
    .fs-87 {
        font-size:4.35rem!important
    }
}

.fs-88 {
    font-size: calc(1.565rem + 3.78vw)!important
}

@media (min-width: 1200px) {
    .fs-88 {
        font-size:4.4rem!important
    }
}

.fs-89 {
    font-size: calc(1.57rem + 3.84vw)!important
}

@media (min-width: 1200px) {
    .fs-89 {
        font-size:4.45rem!important
    }
}

.fs-90 {
    font-size: calc(1.575rem + 3.9vw)!important
}

@media (min-width: 1200px) {
    .fs-90 {
        font-size:4.5rem!important
    }
}

.fs-91 {
    font-size: calc(1.58rem + 3.96vw)!important
}

@media (min-width: 1200px) {
    .fs-91 {
        font-size:4.55rem!important
    }
}

.fs-92 {
    font-size: calc(1.585rem + 4.02vw)!important
}

@media (min-width: 1200px) {
    .fs-92 {
        font-size:4.6rem!important
    }
}

.fs-93 {
    font-size: calc(1.59rem + 4.08vw)!important
}

@media (min-width: 1200px) {
    .fs-93 {
        font-size:4.65rem!important
    }
}

.fs-94 {
    font-size: calc(1.595rem + 4.14vw)!important
}

@media (min-width: 1200px) {
    .fs-94 {
        font-size:4.7rem!important
    }
}

.fs-95 {
    font-size: calc(1.6rem + 4.2vw)!important
}

@media (min-width: 1200px) {
    .fs-95 {
        font-size:4.75rem!important
    }
}

.fs-96 {
    font-size: calc(1.605rem + 4.26vw)!important
}

@media (min-width: 1200px) {
    .fs-96 {
        font-size:4.8rem!important
    }
}

.fs-97 {
    font-size: calc(1.61rem + 4.32vw)!important
}

@media (min-width: 1200px) {
    .fs-97 {
        font-size:4.85rem!important
    }
}

.fs-98 {
    font-size: calc(1.615rem + 4.38vw)!important
}

@media (min-width: 1200px) {
    .fs-98 {
        font-size:4.9rem!important
    }
}

.fs-99 {
    font-size: calc(1.62rem + 4.44vw)!important
}

@media (min-width: 1200px) {
    .fs-99 {
        font-size:4.95rem!important
    }
}

.fs-100 {
    font-size: calc(1.625rem + 4.5vw)!important
}

@media (min-width: 1200px) {
    .fs-100 {
        font-size:5rem!important
    }
}

.fs-101 {
    font-size: calc(1.63rem + 4.56vw)!important
}

@media (min-width: 1200px) {
    .fs-101 {
        font-size:5.05rem!important
    }
}

.fs-102 {
    font-size: calc(1.635rem + 4.62vw)!important
}

@media (min-width: 1200px) {
    .fs-102 {
        font-size:5.1rem!important
    }
}

.fs-103 {
    font-size: calc(1.64rem + 4.68vw)!important
}

@media (min-width: 1200px) {
    .fs-103 {
        font-size:5.15rem!important
    }
}

.fs-104 {
    font-size: calc(1.645rem + 4.74vw)!important
}

@media (min-width: 1200px) {
    .fs-104 {
        font-size:5.2rem!important
    }
}

.fs-105 {
    font-size: calc(1.65rem + 4.8vw)!important
}

@media (min-width: 1200px) {
    .fs-105 {
        font-size:5.25rem!important
    }
}

.fs-106 {
    font-size: calc(1.655rem + 4.86vw)!important
}

@media (min-width: 1200px) {
    .fs-106 {
        font-size:5.3rem!important
    }
}

.fs-107 {
    font-size: calc(1.66rem + 4.92vw)!important
}

@media (min-width: 1200px) {
    .fs-107 {
        font-size:5.35rem!important
    }
}

.fs-108 {
    font-size: calc(1.665rem + 4.98vw)!important
}

@media (min-width: 1200px) {
    .fs-108 {
        font-size:5.4rem!important
    }
}

.fs-109 {
    font-size: calc(1.67rem + 5.04vw)!important
}

@media (min-width: 1200px) {
    .fs-109 {
        font-size:5.45rem!important
    }
}

.fs-110 {
    font-size: calc(1.675rem + 5.1vw)!important
}

@media (min-width: 1200px) {
    .fs-110 {
        font-size:5.5rem!important
    }
}

.fs-111 {
    font-size: calc(1.68rem + 5.16vw)!important
}

@media (min-width: 1200px) {
    .fs-111 {
        font-size:5.55rem!important
    }
}

.fs-112 {
    font-size: calc(1.685rem + 5.22vw)!important
}

@media (min-width: 1200px) {
    .fs-112 {
        font-size:5.6rem!important
    }
}

.fs-113 {
    font-size: calc(1.69rem + 5.28vw)!important
}

@media (min-width: 1200px) {
    .fs-113 {
        font-size:5.65rem!important
    }
}

.fs-114 {
    font-size: calc(1.695rem + 5.34vw)!important
}

@media (min-width: 1200px) {
    .fs-114 {
        font-size:5.7rem!important
    }
}

.fs-115 {
    font-size: calc(1.7rem + 5.4vw)!important
}

@media (min-width: 1200px) {
    .fs-115 {
        font-size:5.75rem!important
    }
}

.fs-116 {
    font-size: calc(1.705rem + 5.46vw)!important
}

@media (min-width: 1200px) {
    .fs-116 {
        font-size:5.8rem!important
    }
}

.fs-117 {
    font-size: calc(1.71rem + 5.52vw)!important
}

@media (min-width: 1200px) {
    .fs-117 {
        font-size:5.85rem!important
    }
}

.fs-118 {
    font-size: calc(1.715rem + 5.58vw)!important
}

@media (min-width: 1200px) {
    .fs-118 {
        font-size:5.9rem!important
    }
}

.fs-119 {
    font-size: calc(1.72rem + 5.64vw)!important
}

@media (min-width: 1200px) {
    .fs-119 {
        font-size:5.95rem!important
    }
}

.fs-120 {
    font-size: calc(1.725rem + 5.7vw)!important
}

@media (min-width: 1200px) {
    .fs-120 {
        font-size:6rem!important
    }
}

.fs-121 {
    font-size: calc(1.73rem + 5.76vw)!important
}

@media (min-width: 1200px) {
    .fs-121 {
        font-size:6.05rem!important
    }
}

.fs-122 {
    font-size: calc(1.735rem + 5.82vw)!important
}

@media (min-width: 1200px) {
    .fs-122 {
        font-size:6.1rem!important
    }
}

.fs-123 {
    font-size: calc(1.74rem + 5.88vw)!important
}

@media (min-width: 1200px) {
    .fs-123 {
        font-size:6.15rem!important
    }
}

.fs-124 {
    font-size: calc(1.745rem + 5.94vw)!important
}

@media (min-width: 1200px) {
    .fs-124 {
        font-size:6.2rem!important
    }
}

.fs-125 {
    font-size: calc(1.75rem + 6vw)!important
}

@media (min-width: 1200px) {
    .fs-125 {
        font-size:6.25rem!important
    }
}

.fs-126 {
    font-size: calc(1.755rem + 6.06vw)!important
}

@media (min-width: 1200px) {
    .fs-126 {
        font-size:6.3rem!important
    }
}

.fs-127 {
    font-size: calc(1.76rem + 6.12vw)!important
}

@media (min-width: 1200px) {
    .fs-127 {
        font-size:6.35rem!important
    }
}

.fs-128 {
    font-size: calc(1.765rem + 6.18vw)!important
}

@media (min-width: 1200px) {
    .fs-128 {
        font-size:6.4rem!important
    }
}

.fs-129 {
    font-size: calc(1.77rem + 6.24vw)!important
}

@media (min-width: 1200px) {
    .fs-129 {
        font-size:6.45rem!important
    }
}

.fs-130 {
    font-size: calc(1.775rem + 6.3vw)!important
}

@media (min-width: 1200px) {
    .fs-130 {
        font-size:6.5rem!important
    }
}

.fs-131 {
    font-size: calc(1.78rem + 6.36vw)!important
}

@media (min-width: 1200px) {
    .fs-131 {
        font-size:6.55rem!important
    }
}

.fs-132 {
    font-size: calc(1.785rem + 6.42vw)!important
}

@media (min-width: 1200px) {
    .fs-132 {
        font-size:6.6rem!important
    }
}

.fs-133 {
    font-size: calc(1.79rem + 6.48vw)!important
}

@media (min-width: 1200px) {
    .fs-133 {
        font-size:6.65rem!important
    }
}

.fs-134 {
    font-size: calc(1.795rem + 6.54vw)!important
}

@media (min-width: 1200px) {
    .fs-134 {
        font-size:6.7rem!important
    }
}

.fs-135 {
    font-size: calc(1.8rem + 6.6vw)!important
}

@media (min-width: 1200px) {
    .fs-135 {
        font-size:6.75rem!important
    }
}

.fs-136 {
    font-size: calc(1.805rem + 6.66vw)!important
}

@media (min-width: 1200px) {
    .fs-136 {
        font-size:6.8rem!important
    }
}

.fs-137 {
    font-size: calc(1.81rem + 6.72vw)!important
}

@media (min-width: 1200px) {
    .fs-137 {
        font-size:6.85rem!important
    }
}

.fs-138 {
    font-size: calc(1.815rem + 6.78vw)!important
}

@media (min-width: 1200px) {
    .fs-138 {
        font-size:6.9rem!important
    }
}

.fs-139 {
    font-size: calc(1.82rem + 6.84vw)!important
}

@media (min-width: 1200px) {
    .fs-139 {
        font-size:6.95rem!important
    }
}

.fs-140 {
    font-size: calc(1.825rem + 6.9vw)!important
}

@media (min-width: 1200px) {
    .fs-140 {
        font-size:7rem!important
    }
}

.fs-141 {
    font-size: calc(1.83rem + 6.96vw)!important
}

@media (min-width: 1200px) {
    .fs-141 {
        font-size:7.05rem!important
    }
}

.fs-142 {
    font-size: calc(1.835rem + 7.02vw)!important
}

@media (min-width: 1200px) {
    .fs-142 {
        font-size:7.1rem!important
    }
}

.fs-143 {
    font-size: calc(1.84rem + 7.08vw)!important
}

@media (min-width: 1200px) {
    .fs-143 {
        font-size:7.15rem!important
    }
}

.fs-144 {
    font-size: calc(1.845rem + 7.14vw)!important
}

@media (min-width: 1200px) {
    .fs-144 {
        font-size:7.2rem!important
    }
}

.fs-145 {
    font-size: calc(1.85rem + 7.2vw)!important
}

@media (min-width: 1200px) {
    .fs-145 {
        font-size:7.25rem!important
    }
}

.fs-146 {
    font-size: calc(1.855rem + 7.26vw)!important
}

@media (min-width: 1200px) {
    .fs-146 {
        font-size:7.3rem!important
    }
}

.fs-147 {
    font-size: calc(1.86rem + 7.32vw)!important
}

@media (min-width: 1200px) {
    .fs-147 {
        font-size:7.35rem!important
    }
}

.fs-148 {
    font-size: calc(1.865rem + 7.38vw)!important
}

@media (min-width: 1200px) {
    .fs-148 {
        font-size:7.4rem!important
    }
}

.fs-149 {
    font-size: calc(1.87rem + 7.44vw)!important
}

@media (min-width: 1200px) {
    .fs-149 {
        font-size:7.45rem!important
    }
}

.fs-150 {
    font-size: calc(1.875rem + 7.5vw)!important
}

@media (min-width: 1200px) {
    .fs-150 {
        font-size:7.5rem!important
    }
}

.fs-151 {
    font-size: calc(1.88rem + 7.56vw)!important
}

@media (min-width: 1200px) {
    .fs-151 {
        font-size:7.55rem!important
    }
}

.fs-152 {
    font-size: calc(1.885rem + 7.62vw)!important
}

@media (min-width: 1200px) {
    .fs-152 {
        font-size:7.6rem!important
    }
}

.fs-153 {
    font-size: calc(1.89rem + 7.68vw)!important
}

@media (min-width: 1200px) {
    .fs-153 {
        font-size:7.65rem!important
    }
}

.fs-154 {
    font-size: calc(1.895rem + 7.74vw)!important
}

@media (min-width: 1200px) {
    .fs-154 {
        font-size:7.7rem!important
    }
}

.fs-155 {
    font-size: calc(1.9rem + 7.8vw)!important
}

@media (min-width: 1200px) {
    .fs-155 {
        font-size:7.75rem!important
    }
}

.fs-156 {
    font-size: calc(1.905rem + 7.86vw)!important
}

@media (min-width: 1200px) {
    .fs-156 {
        font-size:7.8rem!important
    }
}

.fs-157 {
    font-size: calc(1.91rem + 7.92vw)!important
}

@media (min-width: 1200px) {
    .fs-157 {
        font-size:7.85rem!important
    }
}

.fs-158 {
    font-size: calc(1.915rem + 7.98vw)!important
}

@media (min-width: 1200px) {
    .fs-158 {
        font-size:7.9rem!important
    }
}

.fs-159 {
    font-size: calc(1.92rem + 8.04vw)!important
}

@media (min-width: 1200px) {
    .fs-159 {
        font-size:7.95rem!important
    }
}

.fs-160 {
    font-size: calc(1.925rem + 8.1vw)!important
}

@media (min-width: 1200px) {
    .fs-160 {
        font-size:8rem!important
    }
}

.fs-161 {
    font-size: calc(1.93rem + 8.16vw)!important
}

@media (min-width: 1200px) {
    .fs-161 {
        font-size:8.05rem!important
    }
}

.fs-162 {
    font-size: calc(1.935rem + 8.22vw)!important
}

@media (min-width: 1200px) {
    .fs-162 {
        font-size:8.1rem!important
    }
}

.fs-163 {
    font-size: calc(1.94rem + 8.28vw)!important
}

@media (min-width: 1200px) {
    .fs-163 {
        font-size:8.15rem!important
    }
}

.fs-164 {
    font-size: calc(1.945rem + 8.34vw)!important
}

@media (min-width: 1200px) {
    .fs-164 {
        font-size:8.2rem!important
    }
}

.fs-165 {
    font-size: calc(1.95rem + 8.4vw)!important
}

@media (min-width: 1200px) {
    .fs-165 {
        font-size:8.25rem!important
    }
}

.fs-166 {
    font-size: calc(1.955rem + 8.46vw)!important
}

@media (min-width: 1200px) {
    .fs-166 {
        font-size:8.3rem!important
    }
}

.fs-167 {
    font-size: calc(1.96rem + 8.52vw)!important
}

@media (min-width: 1200px) {
    .fs-167 {
        font-size:8.35rem!important
    }
}

.fs-168 {
    font-size: calc(1.965rem + 8.58vw)!important
}

@media (min-width: 1200px) {
    .fs-168 {
        font-size:8.4rem!important
    }
}

.fs-169 {
    font-size: calc(1.97rem + 8.64vw)!important
}

@media (min-width: 1200px) {
    .fs-169 {
        font-size:8.45rem!important
    }
}

.fs-170 {
    font-size: calc(1.975rem + 8.7vw)!important
}

@media (min-width: 1200px) {
    .fs-170 {
        font-size:8.5rem!important
    }
}

.fs-171 {
    font-size: calc(1.98rem + 8.76vw)!important
}

@media (min-width: 1200px) {
    .fs-171 {
        font-size:8.55rem!important
    }
}

.fs-172 {
    font-size: calc(1.985rem + 8.82vw)!important
}

@media (min-width: 1200px) {
    .fs-172 {
        font-size:8.6rem!important
    }
}

.fs-173 {
    font-size: calc(1.99rem + 8.88vw)!important
}

@media (min-width: 1200px) {
    .fs-173 {
        font-size:8.65rem!important
    }
}

.fs-174 {
    font-size: calc(1.995rem + 8.94vw)!important
}

@media (min-width: 1200px) {
    .fs-174 {
        font-size:8.7rem!important
    }
}

.fs-175 {
    font-size: calc(2rem + 9vw)!important
}

@media (min-width: 1200px) {
    .fs-175 {
        font-size:8.75rem!important
    }
}

.fs-176 {
    font-size: calc(2.005rem + 9.06vw)!important
}

@media (min-width: 1200px) {
    .fs-176 {
        font-size:8.8rem!important
    }
}

.fs-177 {
    font-size: calc(2.01rem + 9.12vw)!important
}

@media (min-width: 1200px) {
    .fs-177 {
        font-size:8.85rem!important
    }
}

.fs-178 {
    font-size: calc(2.015rem + 9.18vw)!important
}

@media (min-width: 1200px) {
    .fs-178 {
        font-size:8.9rem!important
    }
}

.fs-179 {
    font-size: calc(2.02rem + 9.24vw)!important
}

@media (min-width: 1200px) {
    .fs-179 {
        font-size:8.95rem!important
    }
}

.fs-180 {
    font-size: calc(2.025rem + 9.3vw)!important
}

@media (min-width: 1200px) {
    .fs-180 {
        font-size:9rem!important
    }
}

.fs-181 {
    font-size: calc(2.03rem + 9.36vw)!important
}

@media (min-width: 1200px) {
    .fs-181 {
        font-size:9.05rem!important
    }
}

.fs-182 {
    font-size: calc(2.035rem + 9.42vw)!important
}

@media (min-width: 1200px) {
    .fs-182 {
        font-size:9.1rem!important
    }
}

.fs-183 {
    font-size: calc(2.04rem + 9.48vw)!important
}

@media (min-width: 1200px) {
    .fs-183 {
        font-size:9.15rem!important
    }
}

.fs-184 {
    font-size: calc(2.045rem + 9.54vw)!important
}

@media (min-width: 1200px) {
    .fs-184 {
        font-size:9.2rem!important
    }
}

.fs-185 {
    font-size: calc(2.05rem + 9.6vw)!important
}

@media (min-width: 1200px) {
    .fs-185 {
        font-size:9.25rem!important
    }
}

.fs-186 {
    font-size: calc(2.055rem + 9.66vw)!important
}

@media (min-width: 1200px) {
    .fs-186 {
        font-size:9.3rem!important
    }
}

.fs-187 {
    font-size: calc(2.06rem + 9.72vw)!important
}

@media (min-width: 1200px) {
    .fs-187 {
        font-size:9.35rem!important
    }
}

.fs-188 {
    font-size: calc(2.065rem + 9.78vw)!important
}

@media (min-width: 1200px) {
    .fs-188 {
        font-size:9.4rem!important
    }
}

.fs-189 {
    font-size: calc(2.07rem + 9.84vw)!important
}

@media (min-width: 1200px) {
    .fs-189 {
        font-size:9.45rem!important
    }
}

.fs-190 {
    font-size: calc(2.075rem + 9.9vw)!important
}

@media (min-width: 1200px) {
    .fs-190 {
        font-size:9.5rem!important
    }
}

.fs-191 {
    font-size: calc(2.08rem + 9.96vw)!important
}

@media (min-width: 1200px) {
    .fs-191 {
        font-size:9.55rem!important
    }
}

.fs-192 {
    font-size: calc(2.085rem + 10.02vw)!important
}

@media (min-width: 1200px) {
    .fs-192 {
        font-size:9.6rem!important
    }
}

.fs-193 {
    font-size: calc(2.09rem + 10.08vw)!important
}

@media (min-width: 1200px) {
    .fs-193 {
        font-size:9.65rem!important
    }
}

.fs-194 {
    font-size: calc(2.095rem + 10.14vw)!important
}

@media (min-width: 1200px) {
    .fs-194 {
        font-size:9.7rem!important
    }
}

.fs-195 {
    font-size: calc(2.1rem + 10.2vw)!important
}

@media (min-width: 1200px) {
    .fs-195 {
        font-size:9.75rem!important
    }
}

.fs-196 {
    font-size: calc(2.105rem + 10.26vw)!important
}

@media (min-width: 1200px) {
    .fs-196 {
        font-size:9.8rem!important
    }
}

.fs-197 {
    font-size: calc(2.11rem + 10.32vw)!important
}

@media (min-width: 1200px) {
    .fs-197 {
        font-size:9.85rem!important
    }
}

.fs-198 {
    font-size: calc(2.115rem + 10.38vw)!important
}

@media (min-width: 1200px) {
    .fs-198 {
        font-size:9.9rem!important
    }
}

.fs-199 {
    font-size: calc(2.12rem + 10.44vw)!important
}

@media (min-width: 1200px) {
    .fs-199 {
        font-size:9.95rem!important
    }
}

.fs-200 {
    font-size: calc(2.125rem + 10.5vw)!important
}

@media (min-width: 1200px) {
    .fs-200 {
        font-size:10rem!important
    }
}

  
/*colgrid*/
.fa-facebook-f:before {
content: "\f39e" !important;
}
.hesabimBolumuTutucu i {
vertical-align: middle;
}
.adminUserLoginBody #mainHolder_Panel1 .newuserForm > div {
margin: 0 !important;
}
#cb3DSecureOdeme {
margin-right: 8px;
}
#txtbxCep {
border: solid 1px #a9a9a9;
height: 26px;
color: #777777;
background-color: transparent;
}
.clear {
clear: both;
}
.textarea {
font-family: "Oswald", sans-serif;
border: solid 1px #a9a9a9;
padding: 4px;
width: 100%;
height: 80px;
resize: none;
color: #777777;
background-color: transparent;
transition-duration: 0.2s, 0.2s;
-webkit-transition-duration: 0.2s, 0.2s;
}
.textbox {
font-family: "Urbanist", sans-serif!important;
color: #15284b;
display: block;
font-size: 16px;
width: 100%;
transition-duration: 0.2s, 0.2s;
-webkit-transition-duration: 0.2s, 0.2s;
}
.button {
font-family: "Oswald", sans-serif;
cursor: pointer;
color: #fff;
padding: 4px 5px;
transition: all 0.3s ease 0s;
border: none;
text-align: center;
}
.selectboxx {
height: 26px;
line-height: 26px;
padding: 0 5px;
background-color: none !important;
width: 100%;
margin-bottom: 4px;
}
.validate,
.validateSol,
.validateOrta {
position: absolute;
right: 0;
left: 0;
bottom: 0; /* display: table; */
background-color: #a94442;
color: #fff;
border-radius: 5px;
padding: 0 10px;
}
.validate .validateOk,
.validateSol .validateSolOk,
.validateOrta .validateOrtaOk {
background-color: #a94442;
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 10px;
display: block;
border-radius: 0 0 5px 5px;
}
.cloudzoom-zoom {
z-index: 999;
}
.clearfix {
content: "";
clear: both;
display: block;
float: left;
width: 100%;
}
.clearfix:after,
.clearfix:before {
content: "";
clear: both;
display: block;
float: left;
width: 100%;
}
.KasaOnuFirsatlarContent ul li a.button {
border: none !important;
}
/* ------------------------------------ ToolTip --------------------------------------------*/
.tooltip {
position: absolute;
z-index: -1;
display: none;
font-size: 10px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
visibility: visible;
-webkit-animation: fadein 0.5s;
-moz-animation: fadein 0.5s;
-ms-animation: fadein 0.5s;
-o-animation: fadein 0.5s;
animation: fadein 0.5s;
}
.tooltip.in {
opacity: 1;
filter: alpha(opacity=90);
z-index: 1030;
display: block;
}
.tooltip.top {
padding: 5px 0;
margin-bottom: 7px;
bottom: 100%;
left: 50%;
}
.tooltip.right {
padding: 0 5px;
margin-left: 7px;
left: 100%;
top: 50%;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 7px;
top: 100%;
left: 50%;
}
.tooltip.left {
padding: 0 5px;
margin-right: 7px;
right: 100%;
top: 50%;
}
.tooltip-inner {
min-width: auto;
padding: 0 8px;
line-height: 25px;
color: #fff;
text-align: center;
font-size: 10px;
text-decoration: none;
border-radius: 0;
white-space: nowrap;
font-weight: normal;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
}
.tooltip.top-right .tooltip-arrow {
right: 5px;
bottom: 0;
border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
}
/* -------------------------------------BF Property-------------------------------------------- */

@property --bf-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
  
.rounded {
  border-radius: 0.25rem!important;
}
.rounded-full {
  border-radius: calc(infinity * 1px )!important;
}
.rounded-lg {
  border-radius: var(--radius )!important;
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px )!important;
}
.rounded-none {
  border-radius: 0!important;
}
.rounded-sm {
  border-radius: calc(var(--radius) - 4px )!important;
}
.rounded-xl {
  border-radius: calc(var(--radius) + 4px )!important;
}
.rounded-t {
  border-top-left-radius: 0.25rem!important;
  border-top-right-radius: 0.25rem!important;
}
.rounded-t-xl {
  border-top-left-radius: calc(var(--radius) + 4px )!important;
  border-top-right-radius: calc(var(--radius) + 4px )!important;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem!important;
  border-bottom-left-radius: 0.25rem!important;
}
.border {
  border-style: var(--bf-border-style )!important;
  border-width: 1px;
}
.border-0 {
  border-style: var(--bf-border-style )!important;
  border-width: 0px;
}
.border-2 {
  border-style: var(--bf-border-style )!important;
  border-width: 2px!important;
}
.border-t {
  border-top-style: var(--bf-border-style )!important;
  border-top-width: 1px!important;
}
.border-b {
  border-bottom-style: var(--bf-border-style )!important;
  border-bottom-width: 1px!important;
}
.border-b-2 {
  border-bottom-style: var(--bf-border-style )!important;
  border-bottom-width: 2px!important;
}
.border-dashed {
  --bf-border-style: dashed!important;
  border-style: dashed!important;
}
.border-none {
  --bf-border-style: none!important;
  border-style: none!important;
}
.border-background {
  border-color: var(--background )!important;
}
.border-blue-200 {
  border-color: var(--color-blue-200 )!important;
}
.border-blue-500 {
  border-color: var(--color-blue-500 )!important;
}
.border-blue-600 {
  border-color: var(--color-blue-600 )!important;
}
.border-border {
  border-color: var(--border )!important;
}
.border-current {
  border-color: currentcolor!important;
}
.border-cyan-200 {
  border-color: var(--color-cyan-200 )!important;
}
.border-cyan-600 {
  border-color: var(--color-cyan-600 )!important;
}
.border-gray-100 {
  border-color: var(--color-gray-100 )!important;
}
.border-gray-200 {
  border-color: var(--color-gray-200 )!important;
}
.border-gray-300 {
  border-color: var(--color-gray-300 )!important;
}
.border-gray-400 {
  border-color: var(--color-gray-400 )!important;
}
.border-gray-600 {
  border-color: var(--color-gray-600 )!important;
}
.border-gray-800 {
  border-color: var(--color-gray-800 )!important;
}
.border-green-200 {
  border-color: var(--color-green-200 )!important;
}
.border-green-500 {
  border-color: var(--color-green-500 )!important;
}
.border-green-600 {
  border-color: var(--color-green-600 )!important;
}
.border-input {
  border-color: var(--input )!important;
}
.border-neutral-200 {
  border-color: var(--color-neutral-200 )!important;
}
.border-primary {
  border-color: var(--primary )!important;
}
.border-red-200 {
  border-color: var(--color-red-200 )!important;
}
.border-red-600 {
  border-color: var(--color-red-600 )!important;
}
.border-transparent {
  border-color: transparent!important;
}
.border-yellow-200 {
  border-color: var(--color-yellow-200 )!important;
}
.border-yellow-500 {
  border-color: var(--color-yellow-500 )!important;
}
.border-zinc-700 {
  border-color: var(--color-zinc-700 )!important;
}
.border-zinc-800 {
  border-color: var(--color-zinc-800 )!important;
}
.border-t-gray-200 {
  border-top-color: var(--color-gray-200 )!important;
}
.border-b-gray-200 {
  border-bottom-color: var(--color-gray-200 )!important;
}
.border-b-transparent {
  border-bottom-color: transparent!important;
}
.bg-\[currentColor\] {
  background-color: currentColor!important;
}
.bg-accent {
  background-color: var(--accent )!important;
}
.bg-accent\/50 {
  background-color: var(--accent )!important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--accent) 50%, transparent )!important;
  }
}
.bg-accent\/70 {
  background-color: var(--accent )!important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--accent) 70%, transparent )!important;
  }
}
.bg-background {
  background-color: var(--background )!important;
}
.bg-black\/25 {
  background-color: color-mix(in srgb, #000 25%, transparent )!important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 25%, transparent )!important;
  }
}
.bg-blue-50 {
  background-color: var(--color-blue-50 )!important;
}
.bg-blue-100 {
  background-color: var(--color-blue-100 )!important;
}
.bg-blue-500 {
  background-color: var(--color-blue-500 )!important;
}
.bg-blue-600 {
  background-color: var(--color-blue-600 )!important;
}
.bg-cyan-50 {
  background-color: var(--color-cyan-50 )!important;
}
.bg-cyan-100 {
  background-color: var(--color-cyan-100 )!important;
}
.bg-cyan-500 {
  background-color: var(--color-cyan-500 )!important;
}
.bg-cyan-600 {
  background-color: var(--color-cyan-600 )!important;
}
.bg-destructive\/10 {
  background-color: var(--destructive )!important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--destructive) 10%, transparent )!important;
  }
}
.bg-gray-50 {
  background-color: var(--color-gray-50 )!important;
}
.bg-gray-100 {
  background-color: var(--color-gray-100 )!important;
}
.bg-gray-200 {
  background-color: var(--color-gray-200 )!important;
}
.bg-gray-300 {
  background-color: var(--color-gray-300 )!important;
}
.bg-gray-500 {
  background-color: var(--color-gray-500 )!important;
}
.bg-gray-800 {
  background-color: var(--color-gray-800 )!important;
}
.bg-green-50 {
  background-color: var(--color-green-50 )!important;
}
.bg-green-100 {
  background-color: var(--color-green-100 )!important;
}
.bg-green-600 {
  background-color: var(--color-green-600 )!important;
}
.bg-mono {
  background-color: var(--mono )!important;
}
.bg-mono\/30 {
  background-color: var(--mono )!important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--mono) 30%, transparent )!important;
  }
}
.bg-muted {
  background-color: var(--muted )!important;
}
.bg-muted-foreground\/15 {
  background-color: var(--muted-foreground )!important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent )!important;
  }
}
.bg-primary\/10 {
  background-color: var(--primary )!important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--primary) 10%, transparent )!important;
  }
}
.bg-red-50 {
  background-color: var(--color-red-50 )!important;
}
.bg-red-100 {
  background-color: var(--color-red-100 )!important;
}
.bg-red-600 {
  background-color: var(--color-red-600 )!important;
}
.bg-transparent {
  background-color: transparent!important;
}
.bg-white {
  background-color: var(--color-white )!important;
}
.bg-yellow-50 {
  background-color: var(--color-yellow-50 )!important;
}
.bg-yellow-100 {
  background-color: var(--color-yellow-100 )!important;
}
.bg-yellow-500 {
  background-color: var(--color-yellow-500 )!important;
}
.bg-zinc-900 {
  background-color: var(--color-zinc-900 )!important;
}
.bg-zinc-950 {
  background-color: var(--color-zinc-950 )!important;
}
.fill-gray-100 {
  fill: var(--color-gray-100 )!important;
}
.fill-primary {
  fill: var(--primary )!important;
}
.p-0 {
  padding: calc(var(--spacing) * 0 )!important;
}
.p-0\.5 {
  padding: calc(var(--spacing) * 0.5 )!important;
}
.p-1 {
  padding: calc(var(--spacing) * 1 )!important;
}
.p-2 {
  padding: calc(var(--spacing) * 2 )!important;
}
.p-3 {
  padding: calc(var(--spacing) * 3 )!important;
}
.p-4 {
  padding: calc(var(--spacing) * 4 )!important;
}
.p-5 {
  padding: calc(var(--spacing) * 5 )!important;
}
.p-6 {
  padding: calc(var(--spacing) * 6 )!important;
}
.p-8 {
  padding: calc(var(--spacing) * 8 )!important;
}
.p-10 {
  padding: calc(var(--spacing) * 10 )!important;
}
.p-16 {
  padding: calc(var(--spacing) * 16 )!important;
}
.px-0 {
  padding-inline: calc(var(--spacing) * 0 )!important;
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1 )!important;
}
.px-1\.5 {
  padding-inline: calc(var(--spacing) * 1.5 )!important;
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2 )!important;
}
.px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5 )!important;
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3 )!important;
}
.px-3\.5 {
  padding-inline: calc(var(--spacing) * 3.5 )!important;
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4 )!important;
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5 )!important;
}
.px-10 {
  padding-inline: calc(var(--spacing) * 10 )!important;
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5 )!important;
}
.py-1 {
  padding-block: calc(var(--spacing) * 1 )!important;
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5 )!important;
}
.py-2 {
  padding-block: calc(var(--spacing) * 2 )!important;
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5 )!important;
}
.py-3 {
  padding-block: calc(var(--spacing) * 3 )!important;
}
.py-4 {
  padding-block: calc(var(--spacing) * 4 )!important;
}
.py-5 {
  padding-block: calc(var(--spacing) * 5 )!important;
}
.py-20 {
  padding-block: calc(var(--spacing) * 20 )!important;
}
.ps-2\.5 {
  padding-inline-start: calc(var(--spacing) * 2.5 )!important;
}
.ps-6 {
  padding-inline-start: calc(var(--spacing) * 6 )!important;
}
.pe-2 {
  padding-inline-end: calc(var(--spacing) * 2 )!important;
}
.pe-2\.5 {
  padding-inline-end: calc(var(--spacing) * 2.5 )!important;
}
.pe-10 {
  padding-inline-end: calc(var(--spacing) * 10 )!important;
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3 )!important;
}
.pt-3\.5 {
  padding-top: calc(var(--spacing) * 3.5 )!important;
}
.pt-20 {
  padding-top: calc(var(--spacing) * 20 )!important;
}
.pr-2\.5 {
  padding-right: calc(var(--spacing) * 2.5 )!important;
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2 )!important;
}
.pb-3 {
  padding-bottom: calc(var(--spacing) * 3 )!important;
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4 )!important;
}
.text-center {
  text-align: center!important;
}
.text-end {
  text-align: end!important;
}
.text-right {
  text-align: right!important;
}
.text-start {
  text-align: start!important;
}
.text-base {
  font-size: var(--text-base )!important;
  line-height: var(--bf-leading, var(--text-base--line-height) )!important;
}
.text-lg {
  font-size: var(--text-lg )!important;
  line-height: var(--bf-leading, var(--text-lg--line-height) )!important;
}
.text-sm {
  font-size: var(--text-sm )!important;
  line-height: var(--bf-leading, var(--text-sm--line-height) )!important;
}
.text-xl {
  font-size: var(--text-xl )!important;
  line-height: var(--bf-leading, var(--text-xl--line-height) )!important;
}
.text-xs {
  font-size: var(--text-xs )!important;
  line-height: var(--bf-leading, var(--text-xs--line-height) )!important;
}
.text-\[0\.6rem\] {
  font-size: 0.6rem!important;
}
.text-\[0\.65rem\] {
  font-size: 0.65rem!important;
}
.text-\[0\.625rem\] {
  font-size: 0.625rem!important;
}
.text-\[0\.6875rem\] {
  font-size: 0.6875rem!important;
}
.leading-\[0\.5rem\] {
  --bf-leading: 0.5rem!important;
  line-height: 0.5rem!important;
}
.leading-\[0\.75rem\] {
  --bf-leading: 0.75rem!important;
  line-height: 0.75rem!important;
}
.leading-none {
  --bf-leading: 1;
  line-height: 1;
}
.font-medium {
  --bf-font-weight: var(--font-weight-medium )!important;
  font-weight: var(--font-weight-medium )!important;
}
.font-normal {
  --bf-font-weight: var(--font-weight-normal )!important;
  font-weight: var(--font-weight-normal )!important;
}
.font-semibold {
  --bf-font-weight: var(--font-weight-semibold )!important;
  font-weight: var(--font-weight-semibold )!important;
}
.text-accent-foreground {
  color: var(--accent-foreground )!important;
}
.text-black {
  color: var(--color-black )!important;
}
.text-blue-600 {
  color: var(--color-blue-600 )!important;
}
.text-blue-800 {
  color: var(--color-blue-800 )!important;
}
.text-cyan-600 {
  color: var(--color-cyan-600 )!important;
}
.text-cyan-800 {
  color: var(--color-cyan-800 )!important;
}
.text-destructive {
  color: var(--destructive )!important;
}
.text-foreground {
  color: var(--foreground )!important;
}
.text-gray-300 {
  color: var(--color-gray-300 )!important;
}
.text-gray-400 {
  color: var(--color-gray-400 )!important;
}
.text-gray-500 {
  color: var(--color-gray-500 )!important;
}
.text-gray-600 {
  color: var(--color-gray-600 )!important;
}
.text-gray-700 {
  color: var(--color-gray-700 )!important;
}
.text-gray-800 {
  color: var(--color-gray-800 )!important;
}
.text-gray-900 {
  color: var(--color-gray-900 )!important;
}
.text-green-500 {
  color: var(--color-green-500 )!important;
}
.text-green-600 {
  color: var(--color-green-600 )!important;
}
.text-green-800 {
  color: var(--color-green-800 )!important;
}
.text-mono {
  color: var(--mono )!important;
}
.text-mono-foreground {
  color: var(--mono-foreground )!important;
}
.text-muted-foreground {
  color: var(--muted-foreground )!important;
}
.text-neutral-700 {
  color: var(--color-neutral-700 )!important;
}
.text-primary {
  color: var(--primary )!important;
}
.text-red-600 {
  color: var(--color-red-600 )!important;
}
.text-red-800 {
  color: var(--color-red-800 )!important;
}
.text-violet-500 {
  color: var(--color-violet-500 )!important;
}
.text-white {
  color: var(--color-white )!important;
}
.text-yellow-500 {
  color: var(--color-yellow-500 )!important;
}
.text-yellow-800 {
  color: var(--color-yellow-800 )!important;
}
.text-zinc-400 {
  color: var(--color-zinc-400 )!important;
}
.capitalize {
  text-transform: capitalize!important;
}
.uppercase {
  text-transform: uppercase!important;
}
.underline {
  text-decoration-line: underline!important;
}
.decoration-dashed {
  text-decoration-style: dashed!important;
}
.decoration-solid {
  text-decoration-style: solid!important;
}
.underline-offset-4 {
  text-underline-offset: 4px!important;
}
.antialiased {
  -webkit-font-smoothing: antialiased!important;
  -moz-osx-font-smoothing: grayscale!important;
}
.opacity-0 {
  opacity: 0%!important;
}
.opacity-25 {
  opacity: 25%!important;
}
.opacity-50 {
  opacity: 50%!important;
}
.opacity-60 {
  opacity: 60%!important;
}
.opacity-75 {
  opacity: 75%!important;
}
.opacity-80 {
  opacity: 80%!important;
}
.opacity-95 {
  opacity: 95%!important;
}
.opacity-100 {
  opacity: 100%!important;
}
.shadow {
  --bf-shadow: 0 1px 3px 0 var(--bf-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--bf-shadow-color, rgb(0 0 0 / 0.1) )!important;
  box-shadow: var(--bf-inset-shadow), var(--bf-inset-ring-shadow), var(--bf-ring-offset-shadow), var(--bf-ring-shadow), var(--bf-shadow )!important;
}
.shadow-lg {
  --bf-shadow: 0 10px 15px -3px var(--bf-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--bf-shadow-color, rgb(0 0 0 / 0.1) )!important;
  box-shadow: var(--bf-inset-shadow), var(--bf-inset-ring-shadow), var(--bf-ring-offset-shadow), var(--bf-ring-shadow), var(--bf-shadow )!important;
}
.shadow-md {
  --bf-shadow: 0 4px 6px -1px var(--bf-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--bf-shadow-color, rgb(0 0 0 / 0.1) )!important;
  box-shadow: var(--bf-inset-shadow), var(--bf-inset-ring-shadow), var(--bf-ring-offset-shadow), var(--bf-ring-shadow), var(--bf-shadow )!important;
}
.shadow-sm {
  --bf-shadow: 0 1px 3px 0 var(--bf-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--bf-shadow-color, rgb(0 0 0 / 0.1) )!important;
  box-shadow: var(--bf-inset-shadow), var(--bf-inset-ring-shadow), var(--bf-ring-offset-shadow), var(--bf-ring-shadow), var(--bf-shadow )!important;
}
.shadow-xs {
  --bf-shadow: 0 1px 2px 0 var(--bf-shadow-color, rgb(0 0 0 / 0.05) )!important;
  box-shadow: var(--bf-inset-shadow), var(--bf-inset-ring-shadow), var(--bf-ring-offset-shadow), var(--bf-ring-shadow), var(--bf-shadow )!important;
}
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
.Magazalar #header {
margin-bottom: 50px;
}
.Magazalar .magazaSelect {
background: #fff;
border: 1px solid #eeeff0;
color: #222141414;
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: #222141414;
font-size: 13px;
width: calc(100% - 115px);
}
.Magazalar #searchStore .buton {
width: 105px;
background: #141414;
border-color: #141414;
}
.Magazalar #searchStore .buton:hover {
color: #141414;
}
.Magazalar .magazalarContent {
float: left;
width: 100%;
margin-top: 50px;
}
.Magazalar #nearStores {
float: left;
width: 100%;
}
.Magazalar #nearStores > h2 {
font-weight: 600 !important;
color: #141414;
font-size: 18px;
}
/*------------------------------------iletisim--------------------------------------------*/
.iletisimContent {
float: left;
width: 100%;
}
.iletisimContent .row {
margin: 0;
}
.iletisimContent .AdBan {
float: left;
width: 50%;
}
.iletisimContent .iletisimLeft {
float: left;
padding: 0;
margin: 0 0 40px;
width: 100%;
display: block;
}
.iletisimContent .categoryTitle {
float: left;
padding: 0;
margin: 0 0 30px;
width: 100%;
text-align: left;
}
.iletisimContent .categoryTitle .categoryTitleText {
margin-bottom: 0;
font-size: 24px;
font-weight: bold;
line-height: 80px;
text-align: left;
}
.iletisimContent .categoryTitle:after {
clear: left;
content: "";
width: 70px;
height: 1px;
background: #e5e5e5;
float: left;
}
.iletisimContent .iletisimLeft .Left {
display: none;
}
.iletisimContent .iletisimLeft .Center {
display: none;
}
.iletisimContent .iletisimLeft .span {
float: left;
width: 100%;
margin-top: 20px;
}
.iletisimContent .iletisimLeft .Right {
display: block;
color: #343434;
font-size: 14px;
line-height: 20px;
}
.iletisimContent .iletisimLeft .Right:before {
color: #bababa;
font-size: 20px;
font-family: "fontawesome";
width: 35px;
text-align: left;
font-weight: 300;
float: left;
}
.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right {
font-size: 20px;
font-weight: bold;
}
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right {
font-size: 24px;
}
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right:before {
content: "\f2a0";
}
.iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right:before {
content: "\f1ac";
}
.iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right:before {
content: "\f3c5";
}
.iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right:before {
content: "\f2b6";
}
.iletisimContent .iletisimRight {
float: left;
padding: 0;
margin: 0;
width: 100%;
}
.iletisimContent .iletisimRight .iletisimbanka {
float: left;
padding: 0;
width: 100%;
margin: 0;
}
.iletisimContent .iletisimRight .iletisimbanka .span {
float: left;
padding: 0;
width: 100%;
margin: 0;
}
.iletisimContent .iletisimRight .iletisimbanka .span > div {
display: block;
font-size: 0;
border-bottom: 1px solid #e5e5e5;
padding: 0 0 20px;
margin: 0 0 20px;
}
.iletisimContent .iletisimRight .iletisimbanka .span > div span {
display: inline-block;
vertical-align: top;
width: auto !important;
color: #343434;
font-size: 14px;
}
.iletisimContent .iletisimRight .iletisimbanka .span > div div {
display: inline-block;
vertical-align: top;
}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 span {
display: block;
}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 {
text-align: center;
}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line1 {
text-align: left;
}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line4 {
text-align: right;
}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div {
display: inline-block;
vertical-align: top;
width: 25%;
}
.iletisimContent
.iletisimRight
.iletisimbanka
.span
> div.line1
> div
span:nth-child(1) {
margin-bottom: 10px;
}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 {
float: right;
}
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n + 2) {
border-top: 4px solid;
margin-top: 20px;
padding-top: 20px;
}
.iletisimContent .iletisimForm {
float: left;
width: 50%;
padding-left: 80px;
}
.iletisimContent .iletisimForm .rowLeft {
float: left;
padding: 0;
margin: 0;
width: 100%;
}
.iletisimContent .iletisimForm .rowLeft .span {
float: left;
padding: 0;
margin: 0 0 10px;
width: 100%;
}
.iletisimContent .iletisimForm .rowLeft .span .Center {
display: none;
}
.iletisimContent .iletisimForm .rowLeft .span .Left {
display: block;
font-size: 12px;
color: #222141414;
font-weight: 600;
line-height: 30px;
}
.iletisimContent .iletisimForm .rowLeft .span .Right {
display: block;
position: relative;
}
.iletisimContent .iletisimForm .rowLeft .span .Right input {
height: 40px;
border-color: #e3e3e3;
background: transparent;
padding: 0 10px;
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: #222141414;
font-weight: 600;
line-height: 30px;
width: auto !important;
}
.iletisimContent .iletisimForm .rowRight .span .Right {
display: block;
position: relative;
width: auto !important;
}
.iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox {
display: block;
margin-bottom: 10px;
}
.iletisimContent .iletisimForm .rowRight .span .Right input {
height: 40px;
border-color: #e3e3e3;
background: transparent;
padding: 0 10px;
border-style: solid;
border-width: 1px;
}
.iletisimContent .iletisimForm .rowRight .span .Right textarea {
border-color: #e3e3e3;
background: transparent;
padding: 10px;
}
.iletisimContent .iletisimForm .rowRight .iletisimBtn {
margin-top: 20px;
}
.iletisimContent .iletisimForm .rowRight .iletisimBtn input {
padding: 0;
display: block;
height: 55px;
font-size: 16px;
color: #fff;
font-weight: normal;
text-transform: uppercase;
float: left;
width: 100%;
}
.iletisimContent .validate .validateOk,
.iletisimContent .validateSol .validateSolOk,
.iletisimContent .validateOrta .validateOrtaOk {
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #ff0d0d;
border-radius: 2px;
}
.iletisimContent .validate,
.iletisimContent .validateSol,
.iletisimContent .validateOrta {
left: 0;
right: 0;
bottom: 0;
top: auto;
display: block;
border-radius: 2px;
}
/*------------------------------------Uye Ol--------------------------------------------*/
.uyeOlContainer .FormTitle {
display: block;
margin: 20px 0;
font-size: 26px;
text-align: center;
}
.uyeOlContainer #FrmYeniUye > .uyeOlCol {
margin: 30px 20px 0 0;
padding: 30px;
background-color: #fff;
border: 1px solid #eee;
width: calc(50% - 10px);
}
.uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) {
margin-right: 0;
}
.uyeOlContainer .uyeOlRow {
margin: 0;
}
.uyeOlContainer .uyeOlCol .uyeOlCol {
width: auto;
padding: 0;
}
.uyeOlContainer .uyeOlCol .uyeOlCol-3 {
padding-left: 0;
}
.uyeOlContainer .uyeOlCol label {
font-size: 14px;
margin-bottom: 10px;
display: inline-block;
}
.uyeOlContainer .uyeOlCol input.textbox {
font-size: 14px;
display: block;
letter-spacing: 0.3px;
background-color: #fff !important;
height: auto !important;
border-radius: 0;
box-shadow: none;
padding: 15px 0;
border: 1px solid #eee !important;
font-weight: 400;
color: #222 !important;
width: 100%;
text-indent: 15px;
transition-duration: 0.2s, 0.2s;
-webkit-transition-duration: 0.2s, 0.2s;
}
.uyeOlContainer .uyeOlCol select.selectboxx {
font-size: 14px;
display: block;
letter-spacing: 0.3px;
background-color: #fff !important;
height: auto;
border-radius: 0;
box-shadow: none;
padding: 15px 0;
border: 1px solid #eee !important;
font-weight: 400;
color: #222 !important;
width: 100%;
text-indent: 15px;
transition-duration: 0.2s, 0.2s;
-webkit-transition-duration: 0.2s, 0.2s;
}
.uyeOlContainer .dateofbirth select.selectboxx {
width: 31%;
float: left;
margin-right: 1%;
}
.uyeOlContainer .gender {
float: left;
width: 100%;
}
.uyeOlContainer .gender label {
float: left;
width: 70px;
margin-top: 10px;
display: block;
}
.uyeOlContainer .gender input {
float: left;
margin-top: 14px;
margin-right: 3px;
}
.uyeOlContainer .intl-tel-input {
margin-bottom: 15px;
}
.uyeOlContainer #mainHolder_rblCinsiyet {
float: left;
}
.uyeOlContainer input.uyeol {
height: auto;
padding: 15px 0;
line-height: normal;
font-weight: 500;
font-size: 16px;
width: 100%;
}
.uyeOlContainer .intl-tel-input input[type="tel"] {
padding-left: 48px !important;
line-height: 1;
}
.uyeOlContainer .uyeOlColItem.checkboxItem label span {
display: inline-block;
vertical-align: top;
float: left;
font-size: 13px;
line-height: 14px;
width: calc(100% - 26px);
}
.uyeOlContainer .uyeol {
width: 100%;
text-align: center;
padding: 2px;
margin: 30px 0;
height: 45px;
font-size: 15px;
line-height: 48px;
}
.uyeOlContainer .uyeOlColItem.checkboxItem label input {
margin-left: -20px;
}
.uyeOlContainer .uyeOlColItem.checkboxItem label:before {
margin-right: 10px;
}
.uyeOlContainer .uyeOlCol .uyeOlCol {
margin-right: 20px;
}
.uyeOlContainer #chkSozlesme {
margin: 0 !important;
}
.uyeOlContainer #chkSozlesme + label {
width: calc(100% - 20px);
float: right;
line-height: 15px;
font-size: 13px;
}
.userContainer {
float: left;
width: 100%;
margin: 30px 0;
}
.userContainer .userDivLeft,
.userContainer .userDivRight {
padding: 0 15px;
}
.userContainer .userMail,
.userContainer .userSms,
.userContainer .userSozlesmeDiv {
float: left;
width: 100%;
margin: 10px 0 0;
}
.userContainer .userMail label,
.userContainer .userSms label,
.userContainer .userSozlesmeDiv label {
width: 93%;
float: right;
}
.userContainer #chkSozlesme + label {
width: 93%;
float: right;
}
.userContainer .userLeftBox,
.userContainer .userRightBox {
width: 100%;
float: left;
margin: 0;
padding: 25px;
}
.userContainer .userLoginBtn,
.userContainer .userSignBtn {
float: left;
width: 100%;
}
.userContainer .uyeGirisBeniHatirla {
margin: 20px 0;
}
.userContainer .uyeGirisBeniHatirla input,
.userContainer .uyeGirisBeniHatirla span {
float: left;
}
.userContainer .uyeGirisBeniHatirla input {
width: 16px;
height: 16px;
margin-right: 10px;
}
.userContainer .userPassBtn {
margin: 20px 0;
}
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.SifremiUnuttum {
width: 100%;
margin: 30px 0;
padding-left: 50px;
float: left;
}
.SifremiUnuttum p {
line-height: 25px;
}
.SifremiUnuttum #mainHolder_txtbxMail {
width: 80%;
height: 40px;
float: left;
line-height: 40px;
padding: 0 20px;
}
.SifremiUnuttum .button {
padding: 0 10px;
float: right;
width: 20%;
height: 40px;
}
.SifremiUnuttumInput {
position: relative;
width: 100%;
margin-top: 10px;
}
.SifremiUnuttumInput .validate {
left: auto;
right: 0;
top: -38px;
}
.SifremiUnuttumInput .validateSol {
left: 0;
right: auto;
top: -38px;
}
.SifremiUnuttumInput .validateSol .validateSolOk {
border-radius: 0 0 15px;
bottom: -5px;
left: 10px;
}
.SifremiUnuttum .line {
min-height: 32px;
line-height: 32px;
margin-bottom: 5px;
width: 400px;
position: relative;
margin: 0 auto;
}
.SifremiUnuttum .line .Left {
width: 30%;
float: left;
}
.SifremiUnuttum .line .Center {
width: 4%;
float: left;
}
.SifremiUnuttum .line .Right {
width: 66%;
float: left;
}
/* ------------------------------------Uye Ol Basarili--------------------------------------------*/
.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: bold;
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;
}
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
#divTaksitContainer {
float: left;
width: 100%;
margin-top: 10px;
}
.taksitMain {
margin: 0 -5px;
}
.taksitBlok {
width: 50%;
height: auto;
float: left;
line-height: 20px;
padding: 0 5px;
margin-bottom: 10px;
}
.taksitBaslik {
width: 100%;
height: 20px;
text-align: center;
}
.taksitBaslik img {
vertical-align: top;
}
.taksitLine {
width: 101%;
}
.taksitLine .tak {
width: 39.1%;
height: 20px;
overflow: hidden;
border-bottom: solid 1px #fff;
border-right: solid 1px #fff;
font-size: 10px;
float: left;
color: #000;
text-align: center;
}
.taksitLine .tak.Taksit {
background-color: #ededed;
width: 19%;
}
/*Header-Footer*/
#header:before {
content: "";
display: table;
}
#header:after {
content: "";
display: table;
}
.hoverr:before {
content: "";
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 10;
clear: none;
display: block !important;
-webkit-animation: fadein 0.5s;
-moz-animation: fadein 0.5s;
-ms-animation: fadein 0.5s;
-o-animation: fadein 0.5s;
animation: fadein 0.5s;
}
#header {
width: 100%;
position: relative;
float: left;
z-index: 1000;
transition: top 0.3s ease-in-out;
background: var(--header-bg);
border-bottom: 1px solid var(--header-bordercolor);
}
.MobilMenuAc #header .centerDiv {
overflow: hidden;
}
.MobilMenuAc #header .leftDiv #logo {
opacity: 0;
width: 0;
height: 0;
overflow: hidden;
}
.headerContent {
text-align: center;
}
.headerContent .HeaderTop {
display: none !important;
}
.headerContent.active {
-webkit-animation: fadein 500ms ease-in-out 0.5s both;
animation: fadein 500ms ease-in-out 0.5s both;
}
.headerContent:before {
content: "";
display: block;
clear: both;
}
.headerContent:after {
content: "";
display: block;
clear: both;
}
/*logo*/
#logo {
display: inline-block;
vertical-align: top;
float: left;
transition: ease 0.3s all;
}
#logo .logo {
display: inline-block;
vertical-align: top;
}
#logo .logo img {
display: block;
max-width: 100%;
}
/*sepet*/
.mycart {
float: right;
z-index: 99;
position: relative;
margin: 0px 0;
}
.mycart > a {
display: block;
color: var(--header-textcolor);
font-size: 13px;
}
.mycart > a:before {
content: "\f290";
font-family: "fontawesome";
font-weight: 300;
font-size: 23px;
line-height: 30px;
float: left;
margin-right: 0;
}
/*sepettext*/
.mycart .sepetTecxt {
display: block;
float: left;
line-height: 30px;
display: none;
}
.mycart .sepetUrunSayisi {
display: block;
position: absolute;
width: 14px;
height: 14px;
border-radius: 100%;
line-height: 14px;
color: #fff;
font-size: 9px;
right: -8px;
bottom: 3px;
}
.mycart .sepetUrun {
display: none;
}
.sepetTopTutar {
display: none !important;
}
/*sepetacilir*/
.spanustSepetteUrunYok {
font-size: 16px;
margin: 20px 0 0 0;
float: left;
clear: both;
text-align: center;
width: 100%;
font-weight: normal;
}
.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;
}
.CartProduct p {
margin-top: 0;
margin-bottom: 0;
}
.CartProduct {
display: block !important;
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;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mycart:after {
display: none;
position: absolute;
left: 0;
right: 0;
bottom: -15px;
height: 15px;
content: "";
}
@media (min-width: 768px) {
.mycart:hover .CartProduct {
  visibility: visible;
  opacity: 1;
  top: 130%;
}
.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: 10px;
float: left;
height: 100px !important;
}
.CartProduct .SProduct li a .SepettopAd {
width: calc(100% - 110px);
float: left;
}
.CartProduct .SProduct li a .SepettopAd .urunAd {
margin-bottom: 5px;
}
.CartProduct .SProduct li a .SepettopAd .urunAd span {
font-weight: 600;
font-size: 15px;
display: block;
line-height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block !important;
}
.CartProduct .SProduct li a .SepettopAd .varyAd {
margin-bottom: 5px;
font-family: "Urbanist", sans-serif;
}
.CartProduct .SProduct li a .SepettopAd .varyAd span {
font-size: 14px;
line-height: 14px;
}
.CartProduct .SProduct li a .SepettopAd .sptAdet {
margin-bottom: 7px;
font-family: "Urbanist", sans-serif;
}
.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-weight: 600;
font-size: 16px;
margin: 0;
color: #000;
line-height: 16px;
}
.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;
color: #999;
}
.CartProduct .SProduct li a .fa-times:before {
content: "\f1f8";
}
.CartProduct .SPrice {
float: left;
width: 100%;
font-size: 14px;
font-weight: 600;
padding: 10px 0;
margin: 20px 0 10px;
display: none;
}
.CartProduct .SPrice li {
font-size: 0;
}
.CartProduct .SPrice li span {
float: left;
color: #444;
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;
font-weight: 600;
}
.CartProduct .headerCartBtn {
line-height: 45px;
border: 1px solid #ccc;
background: transparent;
color: #434343;
}
.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 .AllCategory {
display: none;
}
.sepetimBody .linkRebatedProducts {
margin-left: 0;
}
.sepetimBody .searchContent {
}
/*hesabim*/
.welcome {
float: right;
z-index: 99;
position: relative;
margin: 0px 30px;
}
.welcome > div {
float: left;
}
.welcome ul {
float: left;
margin: 0;
list-style: none;
padding: 0;
}
.uyeGirisWelcome,
.uyeGirisUyeAdi {
display: none;
}
.headerUyeGiris a,
.headerUyeOl a,
.headerHesabim,
.headerCikis {
float: left;
color: #141414;
font-size: 0;
line-height: 0;
}
.headerUyeOl a:before,
.headerUyeGiris a:before,
.headerHesabim:before,
.headerCikis:before {
font-family: "fontawesome";
line-height: 30px;
font-size: 23px;
font-weight: 300;
float: left;
color: var(--header-textcolor);
}
.headerUyeGiris a:before {
content: "\f007";
}
.headerHesabim:before {
content: "\f007";
}
.headerUyeGiris a,
.headerHesabim {
}
.headerUyeOl a,
.headerCikis {
display: none;
}
/*socialbutton*/
.welcome li {
display: inline-block;
vertical-align: top;
}
.headerSocialConnect {
display: none !important;
float: right;
margin-left: 25px;
}
.headerSocialConnect .baglanButton {
background: transparent !important;
border: none;
margin: 0;
padding: 0;
line-height: 0;
}
.headerSocialConnect .baglanButton a {
line-height: 43px;
color: #fff;
text-indent: 0;
font-size: 12px;
font-weight: normal;
padding: 0;
}
.headerSocialConnect .baglanButton a:before {
content: "";
font-family: "fontawesome";
margin-right: 10px;
font-size: 12px;
line-height: 43px;
vertical-align: top;
font-weight: normal;
}
.usernav {
display: none;
}
/*Arama*/
.searchContent {
float: left;
width: 200px;
margin-right: 10px;
position: relative;
}
.searchContent.active {
display: block;
}
#divAramaKategori {
display: none !important;
position: absolute;
left: 0;
top: 5px;
}
#divAramaKategori select {
cursor: pointer;
background: #f5f5f5;
display: block;
height: 36px;
border: none;
border-right: 1px solid #dcdcdc;
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 {
display: block;
margin: 0 auto;
}
.ButtonMic {
display: none !important;
position: absolute;
right: 75px;
top: 1px;
padding: 0;
border: none;
border-radius: 0;
background: transparent;
color: #795f52;
font-size: 14px;
width: 20px;
height: 40px;
}
#txtbxArama {
float: left;
width: 100%;
height: 40px;
border-radius: 0;
color: var(--header-searchcolor);
background: var(--header-searchbg);
padding-right: 20px;
font-size: 13px;
font-weight: normal;
transition: 0.3s;
-webkit-transition: 0.3s;
-ms-transition: 0.3s;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
padding-left: 10px;
text-transform: uppercase;
letter-spacing: 0.06em!important;
font-weight: 700;
}
#txtbxArama::-webkit-input-placeholder {
color: var(--header-searchcolor);
}
#txtbxArama:-moz-placeholder {
color: var(--header-searchcolor);
}
#txtbxArama::-moz-placeholder {
color: var(--header-searchcolor);
}
#txtbxArama:-ms-input-placeholder {
color: var(--header-searchcolor);
}
#txtbxArama:focus {
color: var(--header-searchcolor);
}
#btnKelimeAra {
width: 40px;
line-height: 38px;
font-size: 18px;
/* background: var(--header-searchbutonbgcolor)!important; */
text-align: center;
text-transform: uppercase;
position: absolute;
right: 0;
top: 1px;
border: none;
border-radius: 0;
padding: 0;
cursor: pointer;
z-index: 9;
-moz-appearance: none;
-webkit-appearance: none;
transition: ease 0.3s all;
font-family: "FontAwesome" !important;
font-weight: 300;
color: var(--header-searchbutoncolor);
}

.searchContent ul {
padding: 0;
list-style: none;
}
.searchContent ul li a {
line-height: 1.5;
}

/*menu*/
.navigation {
float: left;
width: 100%;
background: #fff;
}
.MobilMenuAc .navigation {
opacity: 0;
position: absolute;
top: 0;
z-index: -1;
}

.navigation > div {
z-index: 1;
text-align: center;
padding: 0 !important; /* position: static !important; */
}
.navigation .navUl {
display: inline-block;
font-size: 0;
float: left;
width: 100%;
position: static;
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 18px;
}
.navigation .navUl > li > a {
float: left;
color: var(--header-textcolor);
font-size: 15px;
line-height: 55px;
font-weight: 600;
padding: 0;
}
.navigation .navUl > li:hover > a:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 20px;
background: transparent;
}
.navigation .navUl > li.ulVar:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: calc(100% - 20px);
height: 20px;
display: none;
}
.navigation .navUl > li.ulVar:hover:after {
display: block;
}
.navigation .navUl > li > .Flexscroll {
overflow-y: auto;
overflow-x: hidden;
max-height: 475px;
position: absolute;
top: 55px;
left: 0;
right: 0;
background: #fff;
display: none;
text-align: left;
display: none;
padding: 31px;
border-top: 1px solid #e5e5e5;
}
.navigation .navUl > li:hover > .Flexscroll {
display: block;
}
.navigation .navUl > li > ul {
display: none;
}
.navigation .navUl > li .Flexscroll > ul {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.navigation .navUl > li .Flexscroll > ul li a {
color: #555;
font-weight: 300;
font-size: 14px;
line-height: 1.7;
}
.navigation .navUl > li .Flexscroll > ul > li {
margin-bottom: 10px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.navigation .navUl > li .Flexscroll > ul > li > a {
font-size: 15px;
font-weight: 600;
margin-bottom: 5px;
letter-spacing: 0.3px;
display: table-cell;
}
.navigation .navUl > li .Flexscroll > ul > li > ul {
float: left;
width: calc(100% - 20px);
overflow-y: auto;
overflow-x: hidden;
max-height: 180px;
}
.navigation .navUl > li .Flexscroll > ul ul ul {
padding-left: 5px;
}
.navigation .navUl > li .Flexscroll > ul ul ul ul {
padding-left: 5px;
}
/*menuacilir*/
.navigation .altMenu {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #fff;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: all 0.2s ease-in-out;
transform: translateY(15px) translateZ(0);
-webkit-transform: translateY(15px) translateZ(0);
}
.navigation .navUl > li:hover > .altMenu {
visibility: visible;
opacity: 1;
pointer-events: visible;
pointer-events: unset;
-webkit-transform: none;
transform: none;
}
.navigation .altMenu .altmenuSol > span {
display: none;
}
.navigation .altMenu .altMenuler {
display: block;
text-align: left;
}
.navigation .altMenu .altMenuler .altMenuSag {
float: right;
}
.navigation .altMenu .altMenuler .altMenuSag > a {
}
.navigation .altMenu .altMenuler .altMenuSag > a > img {
display: block;
}
.navigation .altMenu .altMenuler .altmenuSol {
float: left;
}
.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 {
}
.navigation .altMenu.picTrue .altMenuler .altMenuSag {
width: 320px;
}
.navigation .altMenu.picTrue .altMenuler .altmenuSol {
width: calc(100% - 320px);
}
/*yanresimlimenu*/
#header .yanResimliMenu {
display: none;
}
/*dilsecenegi*/
#lang_flag_container {
top: 0 !important;
left: 0 !important;
right: auto;
bottom: auto;
z-index: 9999 !important;
position: relative !important;
float: right;
margin-left: 30px;
}
#lang_flag_container:after {
position: absolute;
width: 100%;
right: 0;
top: 18px;
height: 20px;
content: "";
display: none;
}
#lang_flag_container #lang-detail {
display: block !important;
left: auto !important;
top: 120% !important;
right: 0;
border-top: none !important;
box-shadow: 0 7px 10px -2px rgba(0, 0, 0, 0.3) !important;
box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
-webkit-transform: translateY(30px);
opacity: 0;
visibility: hidden;
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
text-align: left;
}
#lang_flag_container #lang-detail > .fa-times {
display: none;
}
#lang_flag_container:hover #lang-detail {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
#lang_flag_container:hover:after {
display: block;
}
#lang {
float: left;
color: var(--header-textcolor) !important;
font-size: 13px !important;
font-weight: normal;
padding: 0 0 0 25px !important;
line-height: 13px !important;
}
#lang span {
font-weight: normal;
float: left;
line-height: 13px !important;
text-transform: uppercase;
}
#lang span:after {
content: "\f078";
font-family: "fontawesome";
margin-left: 5px;
font-size: 10px;
font-weight: normal;
line-height: 13px;
float: right;
}
#lang_flag_container:hover #lang {
color: var(--header-textcolor) !important;
font-weight: normal;
}
#langHover {
padding: 8.5px 0 !important;
float: left;
}
#langHover.white {
background: transparent !important;
}
a#ucSepetim_btnSepetiTemizle {
margin-top: 28px;
display: inline-block;
}
#lang-detail .language a {
font-size: 11px !important;
text-align: left;
}
#lang-detail .currency a {
font-size: 11px !important;
}
#lang-detail p {
font-size: 12px !important;
font-weight: 700;
}

/*Footer*/
#footer {
position: relative;
}
#footer .footerCenter {
}
.Footer1 {
float: left;
width: 100%;
position: relative;
padding: 60px 0;
}
.FooterMenuWrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-moz-flex-direction: row;
-o-flex-direction: row;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
}
.FooterCol {
float: left;
clear: both;
max-width: 25%;
}
.FooterCol-Title {
float: left;
clear: both;
color: var(--footer-titlecolor);
font-weight: 600;
font-size: 14px;
position: relative;
margin-bottom: 23px;
line-height: 1;
letter-spacing: 0.5px;
}
.FooterCol-Title::after {
content: "";
width: 50px;
height: 2px;
left: 0;
bottom: 0;
position: absolute;
}
.FooterCol ul {
float: left;
clear: both;
padding: 0;
margin: 0;
list-style: none;
}
.FooterCol ul li {
float: left;
clear: both;
margin-bottom: 10px;
display: inline-block;
color: var(--footer-textcolor);
transition: all 0.5s ease;
vertical-align: top;
font-size: 13px;
font-family: "Urbanist", sans-serif;
line-height: 1.4;
}
.FooterCol ul li a {
display: inline-block;
color: var(--footer-textcolor);
transition: all 0.5s ease;
vertical-align: top;
font-size: 13px;
font-family: "Urbanist", sans-serif;
}
.FooterCol ul li a:hover {
text-decoration: underline;
}

.Footer2 {
float: left;
width: 100%;
position: relative;
padding: 40px 0;
border-top: 1px solid var(--footer-bordercolor);
border-bottom: 1px solid var(--footer-bordercolor);
}
.Footer3 {
float: left;
width: 100%;
position: relative;
padding: 25px 0;
}
.FooterCopy {
color: var(--footer-textcolor);
text-align: center;
font-size: 14px;
line-height: 25px;
float: right;
}
.FooterCart {
float: left;
}
.Footer4 {
float: left;
width: 100%;
position: relative;
}
.Footer5 {
float: left;
width: 100%;
position: relative;
}
/*ebulten*/
.ebultenGelecek {
display: block;
width: 100%;
float: left;
}
#divNewsLetter {
float: left;
width: 100%;
position: relative;
display: none;
}
.ebultenGelecek #divNewsLetter {
display: block;
padding: 0;
}
#divNewsLetter label {
display: none;
margin-bottom: 25px;
text-align: center;
color: #000;
line-height: 1.2;
font-size: 12px;
}
#UpdatePanel1 {
position: relative;
float: right;
width: 100%;
}
#txtbxNewsletterMail {
height: 40px;
background: var(--footer-ebultenbg);
display: inline-block;
width: calc(100% - 110px);
text-align: left;
font-weight: normal;
opacity: 1;
border: 2px solid var(--footer-ebultenbordercolor);
border-radius: 0;
padding: 10px 10px 10px 10px;
font-size: 13px;
color: var(--footer-ebultencolor);
transition: all 0.5s ease;
font-family: "Urbanist", sans-serif !important;
}
#txtbxNewsletterMail::-webkit-input-placeholder {
color: var(--footer-ebultencolor);
}
#txtbxNewsletterMail:-moz-placeholder {
color: var(--footer-ebultencolor);
}
#txtbxNewsletterMail::-moz-placeholder {
color: var(--footer-ebultencolor);
}
#txtbxNewsletterMail:-ms-input-placeholder {
color: var(--footer-ebultencolor);
}
#txtbxNewsletterMail:focus {
color: var(--footer-ebultencolor);
}
.Ebulten-In .newsbutton {
color: var(--footer-ebultenbutoncolor);
width: 100px;
height: 40px;
line-height: 40px;
font-size: 14px;
font-weight: normal;
display: inline-block;
position: absolute;
right: 0;
top: 0;
text-align: center;
border: none;
padding: 0;
margin: 0 !important;
text-decoration: none;
border-radius: 0;
background: var(--footer-ebultenbutonbgcolor);
}
.Ebulten-In .newsbutton:hover {
}

#footer .FooterEbulten {
float: left;
width: 50%;
}
#footer .EbultenLeft {
float: left;
width: 50%;
}
#footer .EbultenRight {
float: right;
width: 50%;
}
#footer .FE-Title {
color: var(--footer-titlecolor);
font-weight: 600;
font-size: 15px;
margin-bottom: 15px;
line-height: 1;
}
#footer .FE-Text {
color: var(--footer-textcolor);
font-size: 14px;
line-height: 1;
}
#footer .Ebulten-In {
}
/*footersocial*/
#footer .FooterSocial {
float: right;
}
#footer .FooterSocial-Title {
color: #fff;
font-weight: 700;
font-size: 15px;
margin-bottom: 15px;
text-align: right;
}
#footer .FooterSocial ul {
padding: 0;
margin: 0;
list-style: none;
}
#footer .FooterSocial ul li {
float: left;
margin: 0 0 0 10px;
clear: none;
}
#footer .FooterSocial ul li:last-child {
margin-right: 0;
}
#footer .FooterSocial ul li a {
float: left;
display: block;
}
#footer .FooterSocial ul li a i {
display: inline-block;
vertical-align: top;
background: var(--footer-sosyalmedyabg);
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: var(--footer-sosyalmedyacolor);
border-radius: 0;
font-size: 15px;
transition: ease 0.3s all;
font-weight: 300;
}
/*store*/
#footer .FooterApp {
float: left;
clear: left;
}
#footer .FooterApp ul {
padding: 0;
margin: 0;
list-style: none;
}
#footer .FooterApp ul li {
float: left;
margin-right: 20px;
}
#footer .FooterApp ul li:last-child {
margin-right: 0;
}
#footer .FooterApp ul li a {
float: left;
color: #c4c4c4;
font-size: 17px;
}
#footer .FooterApp ul li a i {
display: inline-block;
vertical-align: top;
line-height: 17px;
}
/*yukaribtn*/
#back-to-top {
float: right;
position: fixed;
right: 1%;
bottom: 5%;
z-index: 9999;
display: none;
}
#back-to-top a {
float: left;
text-align: center;
width: 40px;
height: 40px;
background: #333;
color: #fff;
border-radius: 100%;
font-size: 14px;
border: 2px solid #fff;
}
#back-to-top a:after {
content: "\f077";
font-family: "fontawesome";
display: inline-block;
vertical-align: top;
line-height: 36px;
}
#back-to-top a:hover {
background: #15284b !important;
}
/*Footer*/
/* ------------------------------------Vitrin urunleri--------------------------------------------*/
.homeContainer .ProductListContent {
float: left;
width: 100%;
margin: 30px 0;
position: relative;
}
.homeContainer .ProductListContent .ProductList {
display: block;
margin: 0 auto;
}
.homeContainer .ProductListContent .ItemOrj {
padding: 0 10px;
margin-bottom: 20px;
width: 25%;
max-width: 25%;
}
.homeContainer .ProductListContent .productItem {
margin-bottom: 0;
}
/****************************************URUN KART*********************************/
.categoryContainer .ProductList.PlSc_hrz .ItemOrj {
width: 100%;
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 10px;
}
.categoryContainer .ProductList.PlSc_2 .ItemOrj {
width: 50%;
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.categoryContainer .ProductList.PlSc_3 .ItemOrj {
width: 33.33%;
max-width: 33.33%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33%;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
}
.categoryContainer .ProductList.PlSc_4 .ItemOrj {
width: 25%;
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.categoryContainer .ProductList.PlSc_5 .ItemOrj {
width: 20%;
max-width: 20%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
}
.ProductListContent {
float: left;
width: 100%;
}
.categoryContainer .ProductListContent {
float: left;
width: 100%;
}
.categoryContainer #divCenterBlock .ProductList {
margin: 0 -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.categoryContainer .ProductListContent .ItemOrj {
margin-bottom: 20px;
}
.ItemOrj {
float: left;
padding: 0 10px;
}
.categoryContainer .ItemOrj {
width: 33.33%;
max-width: 33.33%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33%;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
}
/*urun*/
.productItem {
width: 100%;
position: relative;
text-align: center;
display: inline-block;
float: left;
height: 100%;
/* border: 2px solid #e7e7e7;*/
border-radius: 18px;
}

/*urunresim*/
.productItem .productIconWrap {
overflow: hidden;
width: 100%;
padding: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.productItem .productImage {
position: relative;
overflow: hidden;
width: 100%;
padding: 0;
z-index: 2;
border-radius: 14px 14px 0px 0px;
}
.productItem .productImage a.detailLink {
display: block;
position: relative;
}
.productItem .productImage .Videolu {
display: block;
position: relative;
}
.productItem .productIconWrap,
.productItem .productImage .Videolu,
.productItem .productImage a.detailLink {
padding-bottom: var(--urun-box-boyut);
}
.productItem .productImage img {
max-width: 100%;
height: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
border-radius: 0;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}
.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;
}
/*urunaciklama*/
.productItem .productDetail {
display: block;
float: left;
width: 100%;
height: auto;
padding: 0 10px 50px 10px;
text-align: center;
}
/*urunad*/
.productItem .productName {
position: relative;
margin: 5px 0 0 0;
float: left;
width: 100%;
}
.productItem .productName a {
float: left;
width: 100%;
padding: 0;
max-height: 20px;
font-weight: normal;
font-size: 14px;
color: #141414;
overflow: hidden;
/*display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;*/
line-height: 1.3;
font-family: "Segoe UI", "Urbanist", sans-serif;
}
/*urun yildiz*/
.productItem .productPoints {
margin: 5px 0 0 0;
font-size: 0;
}
.productItem .productPoints .rating {
margin: 0;
float: none;
display: inline-block;
vertical-align: top;
}
.productItem .productPoints .rating i {
font-size: 13px;
line-height: 13px;
display: block;
float: left;
margin-right: 3px;
}
/*urunfiyat*/
.productItem .productPrice {
position: relative;
bottom: 0;
margin: 7.5px 0 0 0;
clear: both;
display: inline-block;
vertical-align: top;
}
.productItem .discountPrice {
display: block;
float: right;
}
.productItem .discountPrice span {
color: #15284b;
font-size: 20px;
line-height: 0.8;
font-weight: 700;
}
.productItem .discountKdv,
.productItem .regularKdv {
display: none;
}
.productItem .regularPrice {
display: block !important;
float: left;
margin-right: 6px;
}
.productItem .regularPrice span {
font-size: 13px !important;
color: #969696;
-moz-text-decoration-color: #999;
text-decoration-color: #999;
line-height: 0.8;
font-weight: normal;
text-decoration: line-through;
}
/*onyazimarka*/
.productItem .productMarka {
font-size: 12px;
letter-spacing: 0.05rem;
line-height: 1;
margin: 10px 0 0 0;
float: left;
clear: both;
width: 100%;
font-family: "Urbanist", sans-serif;
font-weight: 700;
text-transform: uppercase;
display: block!important;
}
.productItem .productStokKodu {
color: #444;
font-size: 12px;
line-height: 1;
margin: 5px 0 0 0;
float: left;
clear: both;
width: 100%;
font-family: "Urbanist", sans-serif;
}
.productItem .productSatisBirimi {
color: #444;
font-size: 13px;
line-height: 1;
margin: 10px 0 0 0px;
float: left;
clear: both;
width: 100%;
font-family: "Urbanist", sans-serif;
}
.productItem .productOnYazi,
.productItem .productOnYazi * {
background: none !important;
color: #141414;
font-size: 12px;
line-height: 18px;
margin: 0 !important;
font-family: "Urbanist", sans-serif !important;
}
.productItem .productOnYazi {
float: left;
width: 100%;
max-height: 36px;
overflow: hidden;
margin: 5px 0 0 0 !important;
}
/*Urun Iconlari*/
.discountIcon span,
.mycartIcon a span {
font-weight: normal;
}
.favori a,
.examineIcon a,
.mycartIcon a {
display: block;
font-size: 0;
text-align: center;
border-radius: 25px;
}
.productItem .itemCategory {
display: none !important;
}
.examineIcon a:before,
.favori a:before,
.mycartIcon a:before {
font-family: "fontawesome";
display: inline-block;
vertical-align: top;
}
.favori,
.examineIcon {
display: inline-block;
vertical-align: middle;
text-align: center;
margin: 0;
width: 45px;
height: 45px;
border-radius: 0;
border-right: 1px solid #eee;
margin-bottom: 0!important;
}
.mycartIcon {
display: block;
float: left;
width: 100%;
}
.mycartIcon a span {
font-size: 13px;
text-transform: uppercase;
color: #f0f0f0 !important;
font-weight: 700;
line-height: 35px;
display: inline-block;
text-align: center;
vertical-align: top;
padding: 0 20px;
border-radius: 0;
}
.mycartIcon a span:before {
content: "\f290";
font-family: fontawesome;
font-weight: 300;
line-height: 35px;
margin-right: 10px;
}
.favori a:before {
content: "\f004";
font-size: 18px;
font-weight: normal;
color: #000000;
line-height: 45px;
width: 45px;
display: block;
border-radius: 25px;
}
.favori a:hover:before {
color: #fff !important;
}

.favori:hover {
  background: #15284b !important;
  color: #fff;
  border-radius: 4px 0 0 4px;
}

a.various.button:hover {
  background: transparent!important;
}
.examineIcon a:before {
content: "\f002";
font-size: 18px;
font-weight: normal;
color: #353b48;
line-height: 45px;
width: 45px;
display: block;
border-radius: 0;
}
.examineIcon a:hover:before {
background: #15284b!important;
color: #ffffff !important;
}
.quickViewIco a:hover:before {
background: #15284b !important;
color: #ffffff !important;
}
.productItem .productEx {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
background: #15284b;
text-align: right;
padding: 0;
height: 0;
overflow: hidden;
transition: ease 0.3s;
z-index: 8;
border-radius: 0 0 12px 12px;
}
.productItem .productEx2 {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
background: #fff;
padding: 0;
overflow: hidden;
transition: ease 0.3s;
z-index: 8;
border: 0;
opacity: 0;
margin: auto;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 80%;
max-width: 136px;
text-align: center;
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0,0,0,.05);
border: 1px solid #eee;
}
.productItem:hover .productEx {
height: 35px;
}
.productItem:hover .productEx2 {
opacity: 0.95;
}
.productItem.StokYok .productEx {
text-align: center;
}
.productItem .productIconLeft {
position: absolute;
left: 10px;
top: 10px;
z-index: 8;
}
.productItem .productIconRight {
position: absolute;
right: 10px;
top: 10px;
z-index: 8;
}


.newIcon {
display: block;
/* width: 60px!important; */
/* height: 22px; */
/* line-height: 22px; */
overflow: hidden;
font-size: 16px;
margin: 2.5px 0;
float: left;
clear: both;
/* padding: 0 5px; */
font-family: "Urbanist", sans-serif;
background: transparent!important;
border-radius: 4px;
text-transform: uppercase;
color: #212121!important;
font-weight: 600;
}
.cargoIcon {
display: block;
width: 84px;
height: 26px;
line-height: 10px;
overflow: hidden;
font-size: 10px;
padding: 3px 5px;
float: right;
clear: both;
color: #141414;
border-radius: 6px;
text-transform: uppercase;
color: #fff !important;
}
.urunListSonUrun {
  display: block;
  width: 84px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 12px;
  padding: 0 5px;
  margin: 2.5px 0;
  float: right;
  clear: both;
  font-family: "Urbanist", sans-serif;
  border-radius: 4px;
  text-transform: uppercase;
  background: #ff0000d1 !important;
  color: #fff!important;
}
.firsatIcon {
display: block;
width: 88px;
height: 20px;
line-height: 22px;
overflow: hidden;
font-size: 10px;
padding: 0 5px;
/* margin: 2.5px 0; */
float: left;
clear: both;
/* font-family: "Urbanist", sans-serif; */
border-radius: 4px;
text-transform: uppercase;
background: #a11616 !important;
}
.urunListStokUyari {
display: block;
width: 84px;
height: 30px;
line-height: 12px;
overflow: hidden;
color: #000000;
font-size: 12px;
padding: 3px 5px;
clear: both;
margin: 2.5px 0;
float: right;
background: #ffb300cc !important;
text-transform: uppercase;
border-radius: 4px;
font-weight: 500;
}
.hizliKargoIcon {
display: block;
width: 40px;
height: 30px;
line-height: 11px;
overflow: hidden;
color: #141414;
font-size: 10px;
padding: 2px 5px;
float: right;
clear: both;
margin: 2.5px 0;
}
.ozelAlanEx {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
padding: 10px 0;
font-size: 0;
transition: ease 0.3s all;
opacity: 1;
z-index: 8;
}
.ozelAlanEx > div {
width: auto;
height: 20px;
line-height: 22px;
overflow: hidden;
font-size: 10px;
padding: 0 5px;
z-index: 3;
display: inline-block;
vertical-align: middle;
margin: 2.5px;
}
.ozelAlanEx > div.resimli {
opacity: 1;
background: #fff;
border: 0;
padding: 0;
height: auto;
}
.ozelAlanEx > div.resimli img {
}
.ozelAlanEx > div * {
margin: 0 !important;
padding: 0 !important;
font-size: 12px !important;
}
.discountIcon {
display: block;
position: static;
width: 84px;
height: 22px;
line-height: 22px;
overflow: hidden;
font-size: 12px;
float: left;
clear: both; /* margin: 2.5px 0; */
font-family: "Urbanist", sans-serif;
text-transform: uppercase;
border-radius: 4px;
background: #b70234d6 !important;
}
.productItem .quickViewIco {
position: static;
display: inline-block !important;
vertical-align: top;
}
.productItem .quickViewIco a {
font-size: 0;
font-weight: 600;
text-transform: uppercase;
line-height: 0;
display: inline-block;
vertical-align: top;
padding: 0;
background: transparent;
}
.productItem .quickViewIco a:before {
content: "\f06e";
font-family: fontawesome;
font-size: 18px;
font-weight: normal;
color: #15284b;
line-height: 45px;
width: 45px;
display: block;
/* background: #f0f0f0; */
border-radius: 0;
}
body .productItem .productTimer {
position: static !important;
padding: 0;
font-size: 0;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-around;
-webkit-justify-content: space-around;
-ms-justify-content: space-around;
background: #fafafa;
padding: 7px 0;
margin: 0;
}
body .productItem .productTimer > span.productTimerContent {
min-width: inherit;
}
body .productItem .productTimer > span.productTimerContent > span:first-child {
border: 0;
font-size: 14px;
line-height: 14px;
display: block;
font-weight: 400;
}
body .productItem .productTimer > span.productTimerContent > span:last-child {
display: block;
font-size: 10px;
color: #141414;
line-height: 10px;
margin: 2.5px 0 0 0;
font-weight: 500;
font-family: "Urbanist", sans-serif;
}
/*tukendi*/
.TukendiIco {
z-index: 5;
border-radius: 0;
/* background: rgba(255, 255, 255, 0.3); */
position: absolute;
right: 0;
left: 0;
overflow: hidden;
height: 0;
padding-bottom: 20%;
top: 0;
}
.TukendiIco span {
background: #353b48c2!important;
line-height: 26px;
position: absolute;
max-width: 100%;
border: none;
font-size: 13px;
font-weight: 600;
padding: 0;
border-radius: 6px 6px 0 0;
text-transform: uppercase;
height: 26px;
left: 0;
right: 0;
/* bottom: 10px; */
margin: auto;
}
/*stokyok*/
.StokYok .cargoIcon,
.StokYok .firsatIcon,
.StokYok .newIcon {
display: none !important;
}
/*playbuton*/
body .productItem .divVideoPlayButton {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
width: 40px;
height: 40px;
margin: auto;
z-index: 1;
}
body .productItem .divVideoPlayButton a.urunListeVideoPlay {
color: #fff;
float: left;
width: 100%;
height: 100%;
position: static;
}
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";
}
/*ekbutonlar*/
.productItem .urunListeAdet,
.productItem.StokYok .urunListeAdet,
.boxBedenlerContent,
.productIcon .quickViewIco,
.productItem:hover .productIcon .quickViewIco {
display: none !important;
}
.boxBedenlerContent {
display: block !important;
float: left;
width: 100%;
margin: 10px 0 0 0;
}
.boxBedenlerContainer {
width: 100%;
float: left;
overflow: hidden;
overflow-y: auto;
height: 27px;
text-align: center;
}
.boxBedenlerContainer > div {
display: inline-block;
vertical-align: top;
margin: 0 5px;
margin-bottom: 2px;
}
.boxBedenlerContainer > div > div {
font-size: 12px;
line-height: 23px;
border: 1px solid #eee;
padding: 0 5px;
font-family: "Urbanist", sans-serif;
}
.boxBedenlerContainer > div > div.noStokUrunListe {
text-decoration: line-through;
background: #eee;
}
.boxBedenlerContainer > div:first-child {
margin-left: 0;
}
.boxBedenlerContainer > div:last-child {
margin-right: 0;
}
.boxBedenlerContainer > div > a {
display: block;
}
.boxBedenlerContainer > div > a img {
max-height: 20px;
}

.categoryContainer .ProductList.PlSc_hrz {
margin: 0;
}
.categoryContainer .ProductList.PlSc_hrz .productItem .divVideoPlayButton {
right: 65%;
}
.categoryContainer .ProductList.PlSc_hrz .productItem {
width: 100%;
float: left;
margin: 0 0 30px 0;
position: relative;
}
.categoryContainer .ProductList.PlSc_hrz .ItemOrj:last-child .productItem {
position: relative;
}
.categoryContainer .ProductList.PlSc_hrz .productImage {
float: left;
width: 35%;
position: static;
}
.categoryContainer .ProductList.PlSc_hrz .ozelAlanEx {
left: calc(35% + 27.5px);
text-align: left;
bottom: 0;
padding-bottom: 0;
}
.categoryContainer .ProductList.PlSc_hrz .productItem .productIconRight {
right: 10px;
top: 10px;
}
.categoryContainer .ProductList.PlSc_hrz .productItem .productIconRight > div {
margin: 0 0 10px 0 !important;
}
.categoryContainer .ProductList.PlSc_hrz .productItem .productDetail {
width: 65%;
height: auto;
padding: 0 100px 0 30px;
border: none; /* position: relative; */
text-align: left;
}
.categoryContainer .ProductList.PlSc_hrz .productItem .productFaMyEx {
}
.categoryContainer .ProductList.PlSc_hrz .productItem .newIcon {
bottom: auto;
top: 5px;
right: 80px;
left: auto;
}
.categoryContainer .ProductList.PlSc_hrz .productItem .discountIcon {
bottom: auto;
top: 5px;
right: 20px;
left: auto;
}
.categoryContainer .ProductList.PlSc_hrz .TukendiIco {
height: 100%;
width: 35%;
right: auto;
}
.categoryContainer .ProductList.PlSc_hrz .productItem .quickViewIco {
}
.categoryContainer .ProductList.PlSc_hrz .productItem .productEx {
bottom: 10px;
left: 0;
right: auto;
width: 35%;
}
.categoryContainer .ProductList.PlSc_hrz .productItem .productEx2 {
left: 0;
bottom: 55px;
right: auto;
width: 35%;
text-align: center;
padding: 0;
}
.categoryContainer .ProductList.PlSc_hrz .productItem .productTimer {
float: left;
width: 35%;
position: absolute !important;
left: 0;
bottom: 0;
top: auto;
}
.categoryContainer .ProductList.PlSc_hrz .boxBedenlerContent {
margin: 0;
}
.categoryContainer
.ProductList.PlSc_hrz
.boxBedenlerContent
.boxBedenlerContainer {
text-align: left;
}
.categoryContainer .ProductList.PlSc_hrz .productItem .productIconWrap {
padding-bottom: 0;
position: static;
height: 0;
width: 0;
}
.categoryContainer
.ProductList.PlSc_hrz
.productItem
.productPrice.showLastDayCounter
.discountPrice {
text-align: left;
}
.categoryContainer
.ProductList.PlSc_hrz
.productItem
.productPrice.showLastDayCounter
.regularPrice {
text-align: left;
}
/*******************************************KATEGORi**********************************/
.Block_Title {
display: none;
}
.noProduct {
background: url("/Uploads/Images/urunyok.png") center center no-repeat !important;
width: 212px;
height: 214px;
}
.noProduct * {
display: none !important;
}
#divUstFiltreKategori {
display: none;
}
#divUstFiltreMarka {
display: none;
}
/*kategoriAciklama*/
.ticiTopBlockContent .categorydesign {
margin-bottom: 30px;
}
.categorydesign {
float: left;
width: 100%;
font-size: 13px;
line-height: 2;
overflow: hidden;
overflow-y: auto;
padding: 10px;
border: 1px solid #eee;
margin-bottom: 30px;
max-height: 100px;
color: #777;
font-family: "Urbanist", sans-serif;
}
.categorydesign .Blok {
margin: 0;
}
.leftBlock .categorydesign {
display: block;
}
.categorydesign * {
}
.categorydesign strong {
font-weight: bold;
}
.categorydesign strong * {
font-weight: bold;
}
.categorydesign img {
margin-bottom: 20px;
}
.categorydesign img.sol {
float: left;
margin-right: 10px;
}
.categorydesign img.sag {
float: right;
margin-left: 10px;
}
.categorydesign img.orta {
margin: 0 auto;
}
.categorydesign img.full {
width: 100%;
}

/*breadcrumb*/
.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;font-size: 0;max-width: 100%!important;}
body ul.breadcrumb * { color: var(--theme-color); font-size: 16px !important; line-height: 25px !important; float: left; font-weight: 600; }
body ul.breadcrumb li {font-size: 0!important;float: none!important;display: inline-block; vertical-align:middle;}
body ul.breadcrumb li:after {content: '/';display: inline-block;margin: 0 5px;color: #000;font-size: 16px;line-height: 25px;float: left;font-weight:normal;}
body ul.breadcrumb li:nth-last-of-type(1):after { display: none;}
body ul.breadcrumb li:nth-last-of-type(1) a span{ color: #8E8E8E;}
body ul.breadcrumb li a:hover span{color: #000;}
body a#linkOncekiSayfa {line-height: 30px; display: none ; color: #000 ; font-size: 12px!important; font-weight: normal;}
.leftImage a#linkOncekiSayfa {display: none;}
/*ustalan*/
.categoryTitleText {float: left;width: 100%; padding-bottom: 15px;}
.categoryTitle { float: left; width: 100%;}
body.ProductBody .categoryTitle { text-align: left; margin-bottom: 30px; margin-top: 30px; padding-bottom: 15px; border-bottom: 2px solid #f7f7f7;}
body #divSayfalamaUst { float: right; margin:0 0 30px;padding:0;text-align: center;}
.urunListRel { width: 100%; float: left; position: relative;}
.brandlistselection {display:inline-block;vertical-align: top;float: left;margin:0;width: 100%;position: relative;}
.brandlistselection .clear { clear: none;display: none; }
.brandlistselection ul {padding: 0;margin: 0;list-style: none;}
.brandlistselection .sortingContent{background:none;}
.brandlistselection .sortingContent li {float: left; background:transparent;border-radius: 0!important;}
.brandlistselection .sortingContent li a {background:transparent;border-radius: 0!important;}
.brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {float: right;text-indent: 0;display: block;}
.blockSelect .sort_hrz{display: none;}
.blockSelect .sort_2{display: none;}
.blockSelect .sort_5{display: none;}
.category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;}
.category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;}
body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{display: none;}
body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{float:left;width:340px;position:relative;}
body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{display: none;}
body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{display:none;}
body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum:before{content:'(';}
body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum:after{content:')';}
/*filtresecili*/
body #divSayfalamaUst .filterDeleteContent {
float: left;
margin: 0 0 10px;
padding: 0;
width: 100%;
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter {padding: 0;margin: 0 10px 10px 0;height: auto;background: 0 0;border: 1px solid #ebecee;width: auto;border-radius: 100px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.filtrelemeKaydet {
display: none;
}
body
#divSayfalamaUst
.filterDeleteContent
.appliedFilter:not(.FiltrelemeKaldir)
a {
min-width: 32px;
margin: 0;
border: #ebecee;
border-left: 1px solid #eee;
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i {
font-family: fontawesome;
line-height: 32px;
color: #252525;
font-size: 12px;
font-weight: 300;
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before {
content: "\f00d";
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span {
color: #141414;
font-size: 12px;
text-align: left;
font-weight: 400;
margin: 0;
line-height: 32px;
padding-left: 14px;
padding-right: 21px;
}
.filterColorBg {
display: none !important;
}
body
#divSayfalamaUst
.filterDeleteContent
.appliedFilter
.filter-content
span
+ span {
color: #141414;
}
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;
}
body
#divSayfalamaUst
.filterDeleteContent
.appliedFilter.FiltrelemeKaldir
a
span {line-height: 32px;font-weight: 400;font-size: 13px;text-align: center;margin: 0;width: 100%;color: #fff;padding: 0 10px;border-radius: 100px;}
/*sayfalama*/
.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;
margin: 50px 0;
padding: 0;
width: 100%;
display: block;
vertical-align: middle;
text-align: center;
}
.pageNumberContent,
.pageBorder {
display: inline-block;
vertical-align: top;
}
.pageNumberContent a,
.pageBorder a {
min-width: 30px;
height: 30px;
line-height: 30px;
font-size: 13px;
font-weight: normal;
color: #666;
border-radius: 0;
float: left;
position: relative;
display: block;
text-align: center;
margin: 0 5px;
background: #f1f1f1;
}
.pageNumberContent a.butonDisabled,
.pageBorder a.butonDisabled {
opacity: 1 !important;
}
.pageNumberContent a:hover,
.pageBorder a:hover {
color: #fff;
}
.pageNumberContent a.SelectedSayfa,
.pageBorder a.SelectedSayfa {
color: #fff;
}
.KategoriFilitrelemeContent .Block_Title {
display: none;
}
/*******************************************KATEGORi**********************************/
/*******************************************URUN DETAY********************************/
.RightDetail > .clear {
clear: none;
}
.ProductDetailMain {
float: left;
width: 100%;
}
.ProductDetailMainRow {
float: left;
width: 100%;
}
.TopDet {
float: left;
width: 100%;
position: relative;
margin: 0;
}
.leftImage {
width: 580px;
float: left;
position: relative;
padding: 0;
}
.RightDetail {
width: calc(100% - 580px);
float: left;
position: relative;
padding: 0 0 0 50px;
}
/*Urun Resim*/
.UrunDetayLeft {
margin: 0 !important;
overflow: hidden;
}
.Images,
#divVideoGoruntulemeAlan {
float: right;
width: 82.76%;
position: relative;
padding-bottom: var(--urun-box-boyut);
}
.ImagesInWrap {
float: left;
width: 100%;
overflow: hidden;
height: 0;
}
.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: 90px;
max-height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
overflow-y: auto;
padding-right: 10px;
}
.SmallImages div {
float: left;
width: 100%;
margin: 0 0 20px 0;
cursor: pointer;
border: 1px solid #eee;
}
.SmallImages div:last-child {
margin: 0;
}
.SmallImages div.active,
.SmallImages div:hover {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.SmallImages div img {
max-width: 100%;
max-height: 100%;
}
.DetayYeniUrun {
display: block!important;
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
width: 46px;
height: 46px;
background: #15284b;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 50px;
overflow: hidden;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
}

/*sagalan*/
.RightDetail .TopList {
float: left;
width: 100%;
}
.RightDetail .MiddleList {
float: left;
width: 100%;
position: relative;
}
.RightDetail .BottomList {
float: left;
width: 100%;
position: relative;
}
/*urunadi*/
.ProductName {
float: left;
position: relative;
margin: 0 0 10px 0;
clear: both;
}
.ProductName h1 {
margin: 0;
float: left;
width: 100%;
}
.ProductName h1 span {
float: left;
width: 100%;
display: inline-block;
color: #333;
font-size: 20px;
font-weight: 700;
font-family: "Urbanist", sans-serif;
}
/*stokkodu*/
#divUrunKodu {
float: left;
clear: left;
color: #949494;
font-size: 12px;
font-weight: normal;
line-height: 14px;
padding: 0;
margin: 0 0 10px 0;
font-family: "Urbanist", sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
#divUrunKodu span {
display: inline-block;
vertical-align: top;
color: #636363;
font-size: 10px;
font-weight: 400;
position: relative;
line-height: 12px;
float: left;
font-family: "Urbanist", sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
#divUrunKodu span:after {
content: ":";
margin: 0 4px;
}
/*taksitaciklama*/
#divTaksitAciklama { display: block; float: left; clear: left; margin-top: 10px; }
#divTaksitAciklama .taksitSatir { color: #2700FF; font-size: 14px; line-height: 14px; }
/*paunver*/
.RightDetail .puanVer {
float: left;
clear: left;
}
.RightDetail #PuanVer {
float: left;
margin-bottom: 13px;
}
.RightDetail .PuanVerSag {
float: left;
font-size: 14px;
color: #2a2929;
margin-left: 5px;
font-weight: 600;
line-height: 17px;
display: none;
}
.RightDetail ul.rating {
float: left;
padding: 0;
margin: 0;
list-style: none;
}
.RightDetail ul.rating li {
margin-right: 5px !important;
width: 14px !important;
float: left;
height: 14px;
}
.RightDetail ul.rating li i.starItem {
font-size: 11px !important;
line-height: 14px;
height: 14px;
font-weight: 300;
font-family: fontawesome;
}
.RightDetail ul.rating li i.starItem:before {
content: "\f005" !important;
}
.RightDetail ul.rating li i.starItem:hover {
font-size: 14px !important;
font-weight: 600;
}
.RightDetail ul.rating li.filled i {
font-weight: 600;
}
.RightDetail .rating-stars ul > li.star.hover > i.fa {
font-weight: 600;
}
.RightDetail .rating-stars ul > li.star.selected > i.fa {
font-weight: 600;
}
/*markaresmi*/
.markaresmi {
float: left;
position: absolute;
right: 10px;
top: 10px;
z-index: 3;
}
.markaresmi a {
float: left;
}
.markaresmi img {
max-width: 100px !important;
float: left;
max-height: 50px;
}
/*magazastok*/
#divMagazaStok {
float: left;
clear: left;
margin: 10px 0 0 !important;
}
#divMagazaStok a {
display: inline-block;
vertical-align: top;
color: #000;
font-size: 14px;
font-weight: normal;
line-height: 14px;
}
/*on yazi*/
#divOnyazi {
float: left;
width: 100%;
}
#divOnyazi .teksatir {
margin-bottom: 10px;
float: left;
width: 100%;
font-size: 13px;
}
#divOnyazi h2 {
font-weight: normal;
font-size: 100%;
}
#divOnyazi * {
font-size: 13px;
line-height: 1.3;
color: #141414;
font-family: "Urbanist", sans-serif !important;
}
#divOnyazi strong {
font-weight: bold;
}
#divOnyazi strong * {
font-weight: bold;
}
#divOnyazi i {
font-family: "fontawesome" !important;
margin-right: 12px;
}
/*fiyatlar*/
.urunDetayFiyatContainer {
}
.PriceList {
float: left;
position: relative;
width: 100%;
padding: 0;
margin: 10px 0 0;
padding: 20px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
#pnlFiyatlar {
display: inline-block;
vertical-align: middle;
}
#divIndirimliFiyat {
display: block;
width: 100%;
}
/*ekbilgi*/
#divMarka,
#divTedarikci,
#divUrunStokAdedi,
#divToplamStokAdedi,
#divBarkod,
#divParaPuan,
#divTahminiTeslimatSuresi,
#divIndirimOrani {float: left;clear: left;margin-bottom: 13px;line-height: 14px;}
#divMarka .left_line, #divTedarikci .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line, #divTahminiTeslimatSuresi .left_line, #divIndirimOrani .left_line {display: inline-block;vertical-align: top;color: #141414;font-size: 14px;font-weight: normal;line-height: 14px;font-family: "Urbanist", sans-serif;}
#divMarka .center_line, #divTedarikci .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line, #divTahminiTeslimatSuresi .center_line, #divIndirimOrani .center_line {
display: inline-block;
vertical-align: top;
color: #141414;
font-size: 14px;
font-weight: 500;
line-height: 14px;
font-family: "Urbanist", sans-serif;
}
#divMarka .right_line, #divMarka .right_line *, #divTedarikci .right_line, #divTedarikci .right_line *, #divToplamStokAdedi .right_line, #divBarkod .right_line, #divParaPuan .right_line, #divTahminiTeslimatSuresi .right_line {
display: inline-block;
vertical-align: top;
color: #141414;
font-size: 12px;
font-weight: normal;
line-height: 16px;
width: auto;
font-family: "Urbanist", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}
#divIndirimOrani .left_line,
#divIndirimOrani .center_line {
display: none;
}
#divIndirimOrani {
width: 53px;
height: 53px;
line-height: 50px;
text-align: center;
color: #fff;
font-weight: 700;
letter-spacing: 0;
font-size: 0;
border-radius: 5px;
float: none;
display: inline-block;
vertical-align: middle;
margin: 0 15px 0 0;
overflow: hidden;
background: #b60334!important;
}
#divIndirimOrani .right_line {
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 53px;
}
#divIndirimOrani .right_line * {
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 53px;
}
#divMarka .left_line,
#divMarka .center_line {
display: none;
}
/*piyasa fiyati*/
.PiyasafiyatiContent {
display: block;
line-height: 0.8;
float: left;
width: 100%;
}
.PiyasafiyatiContent .left_line,
.PiyasafiyatiContent .center_line {
display: none;
}
.PiyasafiyatiContent .right_line {
display: inline-block;
vertical-align: top;
}
.PiyasafiyatiContent .right_line * {
display: inline-block;
vertical-align: top;
font-weight: normal;
text-decoration: line-through;
line-height: 0.8;
color: #999;
font-size: 18px;
}
.PiyasafiyatiContent .right_line .spanKdv {
vertical-align: bottom;
font-size: 10px;
margin-left: 10px;
display: none!important;
}
/*indirimli fiyati*/
.IndirimliFiyatContent {
display: block;
line-height: 0.8;
float: left;
clear: both;
margin: 10px 0 0 0;
}
.IndirimliFiyatContent .left_line,
.IndirimliFiyatContent .center_line {
display: none;
}
.IndirimliFiyatContent .right_line {
display: inline-block;
vertical-align: top;
}
.IndirimliFiyatContent .right_line * {
display: inline-block;
vertical-align: top;
line-height: 0.8;
}
.IndirimliFiyatContent .right_line .spanKdv {
vertical-align: bottom;
font-size: 13px;
line-height: 1;
margin-left: 10px;
}
/*turk lirasi fiyati*/
#divTurkLirasiFiyat {
display: block;
line-height: 0.8;
}
#divTurkLirasiFiyat .left_line,
#divTurkLirasiFiyat .center_line {
display: none;
}
#divTurkLirasiFiyat .right_line {
display: inline-block;
}
#divTurkLirasiFiyat .right_line * {
display: inline-block !important;
vertical-align: top;
line-height: 0.8;
}
/*indirimsiz fiyati*/
#divIndirimsizFiyat {
display: block;
line-height: 0.8;
}
#divIndirimsizFiyat .left_line,
#divIndirimsizFiyat .center_line {
display: none;
}
#divIndirimsizFiyat .right_line {
display: inline-block;
font-size: 13px;
font-weight: normal;
}
#divIndirimsizFiyat .right_line * {
display: inline-block !important;
vertical-align: top;
}
#divIndirimsizFiyat .right_line .spanKdv {
display: none!important;
vertical-align: bottom;
font-size: 14px;
margin-left: 10px;
}
/*kdv dahil fiyati*/
#divKDVDahilFiyat {
display: block;
line-height: 1;
float: left;
margin: 10px 0 5px 0;
}
#divKDVDahilFiyat .left_line {
display: inline-block;
vertical-align: bottom;
color: #000;
font-size: 14px;
font-weight: normal;
float: right;
margin-left: 15px;
line-height: 1;
margin-top: 9px;
}
#divKDVDahilFiyat .center_line {
display: none;
}
#divKDVDahilFiyat .right_line * {
display: inline-block !important;
vertical-align: top;
}
/*fiyatrenk*/
.IndirimliFiyatContent .right_line *,
#divTurkLirasiFiyat .right_line *,
#divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line *,
#divIndirimsizFiyat .right_line,
.griuygula #divIndirimsizFiyat .right_line.indirimliFiyat span {
color: #999;
font-weight: normal;
font-size: 24px;
}
.griuygula #divIndirimsizFiyat .right_line.indirimliFiyat span.spanKdv {
font-size: 14px;
}
#divKDVDahilFiyat .left_line,
#divKDVDahilFiyat .right_line *,
#divIndirimsizFiyat .left_line {
line-height: 1;
}
.IndirimliFiyatContent .right_line *,
#divTurkLirasiFiyat .right_line *,
#divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line * {
font-size: 30px;
font-weight: 600;
}
/*Stok yok*/
body #divStokYok {
float: left;
width: 100%;
margin: 15px 0;
font-size: 16px;
color: #000;
font-weight: normal;
text-align: center;
padding: 5% 0;
background-color: #f2f5f6;
border-radius: 10px;
clear: both;
}
body #divStokYok:before {
content: "\f057";
font-family: "fontawesome";
font-weight: 300;
width: 100%;
float: left;
font-size: 46px;
margin-bottom: 20px;
color: #15284b;
}
/*Urun ekstrabilgileri*/
#divEkstraBilgiler {
float: left;
clear: left;
margin-top: 20px;
font-size: 0;
}

#divEkstraBilgiler img {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
margin-bottom: 20px;
}
.btnnostok i.fa {
font-family: "FontAwesome";
}
.btnnostok i.fa-circle-thin:before {
content: "\f111";
font-weight: 300;
}
.btnnostok i.fa-check-circle:before {
content: "\f058";
}
#divProductImageCarousel {
font-size: 0;
}
/*detay sayac*/
body .TopDet .productTimer {
position: absolute !important;
padding: 0 !important;
font-size: 0;
width: 82.76%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-around;
-webkit-justify-content: space-around;
-ms-justify-content: space-around;
background: rgb(250 250 250 / 80%) !important;
padding: 10px 0 !important;
margin: 0;
bottom: 0;
border: 1px solid #eee;
right: 0;
}
body .TopDet .productTimer > span.productTimerContent > span:first-child {
border: 0;
font-size: 20px !important;
line-height: 20px;
display: block;
font-weight: 500 !important;
color: #222 !important;
text-align: center;
}
body .TopDet .productTimer > span.productTimerContent > span:last-child {
display: block;
font-size: 14px !important;
color: #222 !important;
line-height: 14px;
margin: 2.5px 0 0 0;
font-weight: normal !important;
width: 100%;
text-align: center;
font-family: "Urbanist", sans-serif;
}
/*detay ozel alan*/
.DetayOzelAlanWrap {
float: left;
width: 100%;
}
.DetayOzelAlanWrap > div {
border: 1px solid #eee;
display: inline-block;
vertical-align: top;
margin: 20px 20px 0 0;
line-height: 38px;
padding: 0 10px;
color: #141414;
}
.DetayOzelAlanWrap > div.resimli {
padding: 0;
border: 0;
}
.DetayOzelAlanWrap > div.resimli img {
}
/*detay siparis dosya*/
#divUrunSiparisDosya {
float: left;
clear: both;
margin: 20px 0 0 0;
}
#divUrunSiparisDosya > div:first-child {
line-height: 13px;
color: #141414;
font-size: 14px;
font-weight: normal;
font-family: "Urbanist", sans-serif;
margin: 0 0 15px 0;
}
#divUrunSiparisDosya > br {
display: none;
}
#divUrunSiparisDosya .jfilestyle {
margin: 0;
}
#divUrunSiparisDosya .jfilestyle .filedrag {
}
#divUrunSiparisDosya .jfilestyle input[type="text"] {
height: 45px;
background: transparent;
border: 0;
padding: 0;
line-height: 40px;
font-size: 14px;
float: right;
margin-left: 10px;
}
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle {
float: left;
margin: 0;
width: 110px;
}
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle label {
margin: 0;
color: #141414;
line-height: 43px;
padding: 0;
border-radius: 0;
width: 110px;
border: 1px solid #eee;
}
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle label span {
font-size: 14px;
font-weight: 500;
display: block;
transition: ease 0.3s all;
}
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle label span:hover {
color: #fff;
}

#divUrunKisiselNot {
float: left;
clear: both;
width: 100%;
margin: 15px 0 0 0;
}
#divUrunKisiselNot > div:first-child {
line-height: 13px;
color: #141414;
font-size: 14px;
font-weight: normal;
margin: 0 0 15px 0;
font-family: "Urbanist", sans-serif;
}
#divUrunKisiselNot > br {
display: none;
}
#divUrunKisiselNot input {
height: 45px;
border: 1px solid #eee;
padding: 0 15px;
font-size: 13px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
/*detay dinamik form*/
.MiddleList > .ng-scope {
float: left;
clear: both;
width: 100%;
margin: 20px 0 0 0;
}
.selectcontrol:after {
content: "\f107";
line-height: 45px;
vertical-align: top;
margin-left: 10px;
font-size: 18px;
font-family: fontawesome;
font-weight: 300;
position: absolute;
right: 10px;
z-index: 2;
pointer-events: none;
}
body .divUrunDetayDinamikForm {
float: left;
width: 100%;
margin: 20px 0;
}
body .dinamikFormContainer label.dinamikFormBaslik {
font-size: 20px;
font-weight: 600;
color: #141414;
padding: 0;
line-height: 22px;
margin-bottom: 20px;
}
body #frmDinamikForm label {
padding: 0;
line-height: 1;
margin-bottom: 10px;
font-size: 14px;
font-weight: normal;
color: #141414;
font-family: "Urbanist", sans-serif;
}
body .dinamikFormContainer fieldset label {
float: left;
clear: none;
margin-top: 10px;
}
body .dinamikFormContainer select {
float: left;
height: 45px;
color: #000000;
font-size: 14px;
font-weight: normal;
padding: 0 18px;
border-radius: 0;
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
border: 1px solid #eee;
}
body .dinamikFormContainer input[type="tel"] {
padding: 0px 15px 0 55px;
font-size: 14px;
height: 45px;
border: 1px solid #eee;
width: 100%;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
font-family: "Urbanist", sans-serif !important;
}
body .dinamikFormContainer input[type="radio"] {
margin: 0 5px 0 0;
width: 13px;
height: 13px;
display: inline-block;
vertical-align: top;
}
body .dinamikFormContainer .textbox {
padding: 0 15px;
font-size: 14px;
height: 45px;
border: 1px solid #eee;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
font-family: "Urbanist", sans-serif !important;
}
body .dinamikFormContainer h3 {
margin: 0;
border-color: #eee;
font-weight: 600;
font-size: 15px;
line-height: 1;
padding: 0 0 10px 0;
color: #141414;
}
body #frmDinamikForm > div {
margin-bottom: 20px;
float: left;
width: 100%;
}
body #frmDinamikForm > div:last-child {
margin: 0;
}
body #frmDinamikForm .jfilestyle {
margin: 0;
}
body #frmDinamikForm .jfilestyle input[type="text"] {
height: 45px;
background: transparent;
border: 0;
padding: 0;
line-height: 40px;
font-size: 14px;
float: right;
margin-left: 10px;
}
body #frmDinamikForm .jfilestyle .focus-jfilestyle {
float: left;
margin: 0;
width: 110px;
}
body #frmDinamikForm .jfilestyle .focus-jfilestyle label {
margin: 0;
color: #000;
line-height: 43px;
padding: 0;
border-radius: 0;
width: 110px;
border: 1px solid #eee;
}
body #frmDinamikForm .jfilestyle .focus-jfilestyle label span {
font-size: 13px;
font-weight: normal;
display: block;
transition: ease 0.3s all;
font-family: "Urbanist", sans-serif !important;
}
body #frmDinamikForm .jfilestyle .focus-jfilestyle label span:hover {
color: #fff;
}
.dinamikFormContainer textarea {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
/*varyasyonlar*/
#divUrunEkSecenek {
float: left;
width: 100%;
position: relative;
margin: 10px 0 0 0;
}
#divUrunEkSecenek .eksecenekLine {
clear: none !important;
margin: 13px 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: 13px;
color: #141414;
font-size: 13px;
font-weight: 500;
margin: 0 0 15px 0;
}
#divUrunEkSecenek .eksecenekLine .center_line {
display: none;
}
#divUrunEkSecenek .eksecenekLine .right_line {
display: inline-block;
vertical-align: top;
}
#divUrunEkSecenek .eksecenekLine .right_line .size_box {
float: left;
cursor: pointer;
text-align: center;
font-size: 12px;
position: relative;
color: #000;
font-weight: normal;
margin-right: 10px;
}
#divUrunEkSecenek .eksecenekLine .right_line .size_box img {
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
padding: 1px;
}
/*selectvaryasyon*/

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {
width: 100%;
}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {
min-width: 100%;
float: left;
height: 45px;
border: 1px solid #eee;
color: #000;
font-size: 13px;
font-weight: normal;
padding: 0 10px;
background: #fff;
border-radius: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
/*resimlivaryasyon*/

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box {
width: 42px;
}
#divUrunEkSecenek
.eksecenekLine.resimlivaryasyon
.right_line
.size_box.selected {
-webkit-box-shadow: 0 0 0 2px #15284b, inset 0 0 0 4px #fff;
-moz-box-shadow: 0 0 0 2px #15284b, inset 0 0 0 4px #fff;
box-shadow: 0 0 0 2px #15284b, inset 0 0 0 4px #ffffff;
padding: 2px;
border-radius: 50%
}
/*kutuvaryasyon*/
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {
min-width: 40px;
height: 30px;
line-height: 28px;
text-align: center;
border: 1px solid #eee;
border-radius: 0;
padding: 0 8px;
}
#divUrunEkSecenek
.eksecenekLine.kutuluvaryasyon
.right_line
.size_box:last-child {
margin-right: 0;
}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {
color: #fff;
}
#divUrunEkSecenek
.eksecenekLine.kutuluvaryasyon
.right_line
.size_box.selected {
color: #fff;
}
/*stokyokvaryasyon*/
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok {
position: relative;
background: #f5f3f3 !important;
color: #7a7979 !important;
border-color: #e4dfdd;
}
#divUrunEkSecenek
.eksecenekLine.resimlivaryasyon
.right_line
.size_box.nostok
img {
opacity: 0.5;
}
#divUrunEkSecenek
.eksecenekLine.resimlivaryasyon
.right_line
.size_box.nostok:before {
content: "\f00d";
font-family: fontawesome;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
text-align: center;
line-height: 40px;
color: #fff;
font-weight: 300;
opacity: 1;
z-index: 2;
font-size: 30px;
}
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
#divUrunEkSecenek
.eksecenekLine:not(.resimlivaryasyon)
.right_line
.size_box.nostok:after {
content: "";
height: 1px;
max-width: 65px;
margin: 0 auto;
background: red;
left: 0;
right: 0;
top: 50%;
position: absolute;
}
/*ilgili Urunler*/
.TopDet .ilgiliUrunSecenek {
display: block;
float: left;
width: 100%;
margin: 30px 0 0 0;
padding: 0;
}
.TopDet .ilgiliUrunSecenek ul {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.TopDet .ilgiliUrunSecenek ul li {
float: left;
width: 60px;
margin: 10px 20px 10px 0;
border-radius: 0;
overflow: hidden;
border: 1px solid #eee;
transition: ease 0.3s all;
}
.TopDet .ilgiliUrunSecenek ul li .productItem {
border: none;
width: 100%;
float: left;
padding: 0;
box-shadow: none !important;
}
.TopDet .ilgiliUrunSecenek ul li .productItem .productTimer {
display: none !important;
}
.TopDet .ilgiliUrunSecenek ul li .productItem .productImage {
padding: 0;
}
.TopDet .ilgiliUrunSecenek ul li .productItem .productImage a.detailLink {
}
.TopDet
.ilgiliUrunSecenek
ul
li
.productItem
.productImage
a.detailLink:before {
display: none !important;
}
.TopDet .ilgiliUrunSecenek ul li .productItem .productIconWrap {
display: none;
}
.TopDet .ilgiliUrunSecenek ul li .productItem .productIcon {
display: none;
}
.TopDet .ilgiliUrunSecenek ul li .productItem .urunListeAdet {
display: none !important;
}
.TopDet .ilgiliUrunSecenek ul li .productItem .productDetail {
padding: 0;
margin: 0;
display: none;
}
.TopDet .ilgiliUrunSecenek ul li .productItem .productDetail:before {
display: none;
}
.TopDet .ilgiliUrunSecenek ul li .productItem .productDetail:after {
display: none;
}
.TopDet .ilgiliUrunSecenek ul li .productItem .productName {
display: none;
}
.TopDet .ilgiliUrunSecenek ul li .productItem .TukendiIco {
display: none;
}
.TopDet .ilgiliUrunSecenek ul li .productItem .boxBedenlerContent {
display: none !important;
}
/*satinal*/
#divSatinAl {
float: left;
width: 100%;
margin: 20px 0 0 0;
padding: 0;
}
.BasketBtn {
float: left;
position: relative;
width: 100%;
}
#divAdetCombo .right_line,
.RightDetail .riSingle {
width: 90px;
}
#txtbxurunSiparisAdedi,
#divAdetCombo select,
.RightDetail .riSingle a.riUp,
.FB-Detail .riSingle a.riUp,
.RightDetail .riSingle a.riDown,
.FB-Detail .riSingle a.riDown,
.basketBtn input,
.buyfast input {
height: 50px !important;
}
.Basketinp p,
#divKombinSatinAl a,
#divAdetCombo .left_line,
.RightDetail .riSingle a.riUp i,
.RightDetail .riSingle a.riDown i,
.RightDetail .riSingle a.riUp,
.FB-Detail .riSingle a.riUp i,
.FB-Detail .riSingle a.riDown i,
.FB-Detail .riSingle a.riUp,
.RightDetail .riSingle a.riDown {
line-height: 50px;
}
/*Adet Select*/
#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 20px;
text-align: left;
}
/*Adet input*/
.RightDetail .riSingle {
position: relative;
display: inline-block;
vertical-align: top;
border-radius: 0;
}
.RightDetail .riSingle a.riUp,
.RightDetail .riSingle a.riDown {
width: 30px !important;
font-size: 10px;
color: #000;
background: transparent;
top: 0;
font-weight: normal;
position: absolute;
margin: 0 !important;
float: left;
cursor: pointer;
text-indent: 0;
text-align: center;
}
.RightDetail .riSingle a.riUp {
left: auto;
right: 0;
}
.RightDetail .riSingle a.riDown {
left: 0;
}
.FB-Detail .riSingle {
position: relative;
display: inline-block;
vertical-align: top;
border-radius: 0;
}
.FB-Detail .riSingle a.riUp,
.FB-Detail .riSingle a.riDown {
width: 30px !important;
font-size: 10px;
color: #000;
background: transparent;
top: 0;
font-weight: normal;
position: absolute;
margin: 0 !important;
float: left;
cursor: pointer;
text-indent: 0;
text-align: center;
}
.FB-Detail .riSingle a.riUp {
left: auto;
right: 0;
}
.FB-Detail .riSingle a.riDown {
left: 0;
}
/*adetveselect*/
.Basketinp {
display: block;
position: relative;
float: left;
clear: left;
}
.BasketBtn .pSatisBirimi,
.BasketBtn .left_line.lineTitle2 {
color: #141414;
font-size: 14px;
font-weight: normal;
margin: 0;
float: left;
clear: left;
display: block;
line-height: 1;
margin-bottom: 10px;
}
#txtbxurunSiparisAdedi_wrapper {
float: left;
width: 100% !important;
position: relative;
padding: 0 !important;
}
#txtbxurunSiparisAdedi {
width: 100% !important;
text-align: center;
display: inline-block;
padding: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
#txtbxurunSiparisAdedi,
#divAdetCombo select {
background: #fff;
color: #000;
border: 1px solid #eee;
font-size: 16px;
font-weight: 600;
float: left;
margin: 0;
border-radius: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
/*sepete Ekle*/
#divKombinSatinAl,
.basketBtn,
.buyfast {
float: left;
margin-left: 20px;
width: calc(50% - 65px);
margin-bottom: 20px;
}
#divKombinSatinAl a,
.buyfast input,
.basketBtn input {
color: #fff;
font-weight: 500;
font-size: 16px;
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;
font-family: "Urbanist", sans-serif !important;
}
.basketBtn input:hover {
background: #15284b;
}
/*Hemen Al*/
.buyfast input:not(:hover) {
background: var(--theme-color);
}
.buyfast input {
}
/*kombin Al*/
.buyfast + #divKombinSatinAl {
width: 100%;
margin: 0 0 10px 0;
}
#divKombinSatinAl {
}
#divKombinSatinAl a {
margin: 0 !important;
}
#divKombinSatinAl a:not(:hover) {
background: #777;
}
/*Iconlar*/
.ProductIcon {
float: left;
width: 100%;
margin: 0;
}
.ProductIcon .box1 {
padding: 0;
margin: 0;
min-width: 0;
background: transparent;
color: #15284b;
font-size: 14px;
font-weight: 600;
float: left;
line-height: 40px;
font-family: "Urbanist", sans-serif;
}
.ProductIcon .box1 i {
font-family: "fontawesome";
margin: 0 10px 0 0;
display: inline-block;
vertical-align: top;
font-weight: normal;
font-size: 14px;
line-height: 38px;
width: 40px;
height: 40px;
border: 1px solid #eee;
text-align: center;
border-radius: 10px;
}
.ProductIcon .UGelinceHaberVer .box1 i:before {
content: "\f0a1";
}
.ProductIcon > div {
float: left;
position: relative;
margin: 10px 20px 10px 0;
}
.ProductIcon > div > a {
display: inline-block;
vertical-align: top;
width: 100%;
}
/*yazdiryorumtavsiye*/
.ProductIcon2 {
float: left;
width: 100%;
margin: 20px 0 0 0;
}
.ProductIcon2 .clear {
clear: none;
}
.ProductIcon2 > div {
float: left;
}
.ProductIcon2 > div > a {
float: left;
font-size: 12px;
text-transform: uppercase;
/* margin-right: 20px; */
padding: 0 18px;
line-height: 31px;
background: #f5f3f3;
color: #141414;
font-weight: normal;
font-family: "Urbanist", sans-serif;
}
.ProductIcon2 > div > a:before {
font-family: "fontawesome";
font-size: 16px;
line-height: 31px;
margin-right: 7px;
vertical-align: top;
font-weight: 300;
}
.ProductIcon2 > div.YorumYazbtnContent > a:before {
content: "\f303";
}
.ProductIcon2 > div.TavsiyeEtBtnContent > a:before {
content: "\f164";
}
.ProductIcon2 > div.hidden-phone > a:before {
content: "\f02f";
}
.ProductIcon2 > div > a:hover {
color: #fff;
}
/*paylas*/
.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: #141414;
font-size: 14px;
font-weight: normal;
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;
color: #fff;
background: #000;
font-size: 14px;
border-radius: 100%;
text-align: center;
width: 30px;
}
.TopDet .product_social_icon_wrapper ul li a i {
line-height: 30px;
display: inline-block;
vertical-align: top;
font-weight: 300;
}
.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 ul li:nth-child(4) a {
background: #6dc33a;
}
/*whatsapp*/
.socialButons {
float: right !important;
width: 100%;
position: relative;
margin: 0 !important;
}
#divSocialButtons > *:not(script) {
float: none;
display: inline-block !important;
vertical-align: top;
}
.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;
}
.divYorumYaz,
#yorumYaz {
min-height: 220px;
}
/*Kombin Urunler*/
#kombinUrunler {
max-width: 600px;
}
#kombinUrunler .kombinContent {
float: left;
width: 100%;
}
#kombinUrunler .kombinContent ul {
float: left;
width: 100%;
list-style: none;
padding: 0;
margin: 0;
}
#kombinUrunler .kombinContent ul li {
display: block;
float: left;
width: 100%;
padding: 25px;
margin: 0;
border: none;
border-bottom: 1px solid #ececec;
}
#kombinUrunler .kombinContent ul li.kombinToplamTutar {
display: none;
}
#kombinUrunler .kombinContent ul li.KombinTopluSatinAlimBtn a {
float: left;
width: 100%;
font-weight: 500;
font-size: 13px;
line-height: 25px;
}
#kombinUrunler .kombinContent ul li.KombinTopluSatinAlimBtn a:not(:hover) {
background: #000;
}
#kombinUrunler .kombinContent ul li.kombinItem .kombinleftImage {
width: 140px;
}
#kombinUrunler .kombinContent ul li.kombinItem .kombinRightDetail {
width: calc(100% - 140px);
padding-left: 20px;
}
#kombinUrunler .kombinContent ul li.kombinItem .kombinImages img {
max-width: 100%;
}
#kombinUrunler .kombinContent ul li.kombinItem .kombinFormline {
float: left;
width: 100%;
}
#kombinUrunler
.kombinContent
ul
li.kombinItem
.kombinFormline
.kombinright_line {
color: #000;
font-size: 16px;
font-weight: bold;
}
#kombinUrunler
.kombinContent
ul
li.kombinItem
.kombinImages
.selectedImagesLink {
margin: 5px 0 0 0;
display: block;
}
#kombinUrunler .kombinContent ul li.kombinItem #divFiyatAlanlari {
float: left;
width: 100%;
margin: 10px 0;
}
#kombinUrunler .kombinContent ul li.kombinItem #divFiyatAlanlari > div {
margin: 5px 0;
}
#kombinUrunler .kombinContent ul li.kombinItem #divFiyatAlanlari .kombinFiyat1 {
font-size: 15px;
font-weight: normal;
line-height: 1;
}
#kombinUrunler .kombinContent ul li.kombinItem #divFiyatAlanlari .kombinFiyat2 {
color: #e90000;
font-size: 18px;
font-weight: bold;
line-height: 1;
}
#kombinUrunler
.kombinContent
ul
li.kombinItem
#divFiyatAlanlari
.kombinFiyat2
span {
}
#kombinUrunler .kombinContent ul li.kombinItem .divKombinUrunEkSecenek {
}
#kombinUrunler .kombinContent ul li.kombinItem .divKombinEksecenekTipi {
float: left;
width: 100%;
margin-bottom: 10px;
}
#kombinUrunler
.kombinContent
ul
li.kombinItem
.divKombinEksecenekTipi
.kombinleft_line {
color: #000000;
font-size: 12px;
line-height: 25px;
font-weight: bold;
}
#kombinUrunler
.kombinContent
ul
li.kombinItem
.divKombinEksecenekTipi
.kombinright_line {
}
#kombinUrunler
.kombinContent
ul
li.kombinItem
.divKombinEksecenekTipi
.kombinright_line
a {
width: auto;
float: left;
height: 30px;
border: 1px solid #e3e3e3;
font-size: 13px;
color: #000;
line-height: 28px;
font-weight: normal;
min-width: 30px;
min-height: 30px;
margin-right: 10px;
padding: 0;
}
#kombinUrunler
.kombinContent
ul
li.kombinItem
.divKombinEksecenekTipi
.kombinright_line
a.selected {
color: #fff;
}
#kombinUrunler
.kombinContent
ul
li.kombinItem
.divKombinEksecenekTipi
.kombinright_line
a
img {
width: auto;
max-height: 28px;
}
#kombinUrunler .kombinContent ul li.kombinItem .PriceListKombin > a {
float: left;
width: 120px;
height: 35px;
line-height: 35px;
padding: 0;
background: #000;
font-size: 13px;
}
.RightDetail #divUrunDetayKombin {
margin: 30px 0 0 0;
float: left;
width: 100%;
}
.RightDetail #kombinUrunler .kombinContent ul li {
padding: 15px 0;
}
/*Detay zoom slider*/
.leftImage .ProductGallery {
float: left;
width: 100%;
}
.leftImage .ProductGallery .gallery-container {
float: left;
width: 100%;
}
.leftImage .ProductGallery .gallery-container .GalleryArea {
float: right;
width: 82.76%;
margin: 0;
display: block;
}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb {
border: none;
background: 0 0;
position: absolute;
float: left;
width: 100px;
height: 100%;
padding-right: 10px;
}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list {
overflow-y: auto;
padding: 0;
width: auto;
padding-right: 10px;
}
.leftImage
.ProductGallery
.gallery-container
.galleryOwl-thumb
.thumb-list
> div {
float: left;
width: 100%;
cursor: pointer;
margin: 0 0 20px 0;
border: 1px solid #eee;
}
.leftImage
.ProductGallery
.gallery-container
.galleryOwl-thumb
.thumb-list
> div:last-child {
margin: 0;
}
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav {
display: block;
width: auto;
padding: 0;
top: 40%;
}
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav
span {
display: none;
}
/*urun ozellik Bolumu*/
.urunOzellikTab{display: none;}
.urunOzellik {float: left;width:100%;margin: 15px 0;display: block;}
.urunOzellik .urunTab {float:left;width: 100%;}
.urunOzellik .urunTab ul {display: inline-flex;vertical-align:top;float: left;width: 100%;padding: 0;margin: 0;list-style: none;border-bottom: 3px solid #F8F8F8;justify-content: space-between;}
.urunOzellik .urunTab >ul > li {float:left;}
.urunOzellik .urunTab >ul > li:last-child{margin-right: 0;}
.urunOzellik .urunTab >ul > li > a {cursor:pointer;color: #000;font-size: 16px;float:left;font-weight: 500;padding: 10px 0;text-transform: uppercase;position: relative;}
.urunOzellik .urunTab >ul > li > a:after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:0;height:3px;background: #353b48;bottom: -4px;transition:.3s;}
.urunOzellik .urunTab >ul > li.active > a:after,.urunOzellik .urunTab >ul > li > a:hover:after {width:100%;}

.urunDetayPanel { float: left; width:100%; clear: none !important;border: none;padding:20px 0;}
.urunTabAlt strong { font-weight: bold; }
.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: 'Jost',sans-serif !important;padding:0;float:left;width:100%;font-size: 16px;line-height: 1.6;}
.urunTabAlt * { font-family: 'Jost',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; }
.urunTabAlt .teknikDetay{border:0;margin:0;}
.urunTabAlt .teknikDetay .teknikDetayItem.mensei{display:none;}

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

.urunDetayPanel {
float: left;
width: 100%;
clear: none !important;
border: none;
padding: 30px;
border-top: 2px solid #F8F8F8 !important;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Urbanist', sans-serif!important;
}
.urunTabAlt {
float: left;
width: 100%;
}
.urunTabAlt strong {
font-weight: bold;
}
.urunTabAlt .divYorumYaz,
.urunTabAlt #yorumYaz {
padding: 0 0 10px;
width: 100%;
}
.urunTabAlt #txtOneriMail {
margin: 0;
padding: 0 10px;
width: 100% !important;
border: 1px solid #eee;
height: 45px;
}
.urunTabAlt #txtOneriNot {
width: 100%;
margin: 0;
padding: 10px;
width: 100% !important;
background: #fff;
border: 1px solid #eee;
}

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

.urunTabAlt {
padding: 0;
font-family: "Urbanist", sans-serif !important;
}
.urunTabAlt * {
font-family: "Urbanist", sans-serif !important;
}
.urunTabAlt i {
font-family: "FontAwesome" !important;
}
.urunTabAlt img {
max-width: 100% !important;
}
.urunTabAlt iframe {
max-width: 100% !important;
display: none;
}
.urunTabAlt .ng-valid-email {
text-align: left;
}
.urunTabAlt .button {
padding: 10px 5px;
}

div.odemeSecenekItem b {
color: #000!important;
font-size: 24px!important;
}

.orders .order-info i {
margin-top: 0 !important;
}
#btnYorumKaydet {
float: left;
text-align: center;
-moz-appearance: none;
-webkit-appearance: none;
}
.urunTabAlt ul li {
margin-bottom: 5px;
clear: both;
}
.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 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: 2px;
}
.urunTabAlt ul li .captchaImageBox {
float: left;
}
.urunTabAlt ul li .captchaImageBox img {
max-width: 100%;
width: auto;
}
.urunTabAlt ul li .captchaInputBox {
margin: 10px;
float: left;
}
.urunTabAlt ul li.urundetyaGuvenlikodu span {
float: left;
}
.urunTabAlt ul li .GuvnelikKodu {
float: left;
line-height: 50px;
margin-right: 10px;
display: block;
}

body .teknikDetay {
border: 0;
float: left;
width: 100%;
background: #fafafa;
padding: 2px 20px;
margin: 20px 0 0 0;
}
body .teknikDetay .teknikDetayItem {
position: relative;
padding-left: 20px;
margin: 5px 0;
float: left;
width: 100%;
}
body .teknikDetay .teknikDetayItem:before {
content: "";
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
}
body .teknikDetay .teknikDetayItem:nth-child(odd) {
background: transparent;
}
body .teknikDetay div div.t1 {
padding: 0;
font-size: 14px;
line-height: 1.5;
width: auto;
}
body .teknikDetay div div.t1:after {
content: ":";
float: right;
}
body .teknikDetay .teknikDetayItem div.t2 {
border: 0;
padding: 0 0 0 10px;
font-size: 14px;
line-height: 1.5;
color: #000;
width: auto;
}
body .teknikDetay div div.t2 {
}
/*------------------------------------Etiketler--------------------------------------------*/
#divEtiketler {
float: left;
width: 100%;
padding: 0;
margin: 50px 0 0;
background: #fff;
text-align: center;
font-size: 0;
display: none!important;
}
#divEtiketler .productModuleTitle {
float: left;
color: #202122;
font-size: 18px;
width: 100%;
text-align: center;
line-height: 18px;
margin: 0 0 20px 0;
}
#divEtiketler a {
color: #fff;
font-size: 13px;
line-height: 30px;
padding: 0 10px;
display: inline-block;
vertical-align: top;
margin: 5px;
border: 1px solid;
}
#divEtiketler span {
display: none;
}
#divEtiketler a:hover {
background: #fff;
border: 1px solid #eee;
color: #000;
}
/****************************************Slider Alanlar*********************************/
/*Baslik*/
#mainHolder_divDesign .JKatAdi.categoryTitle,
.JKatAdi {
float: left;
position: relative;
width: 100%;
padding: 0 !important;
margin: 0 !important;
padding-bottom: 30px !important;
display: none!important;
}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold,
.JKatAdi .bold {
display: block;
float: left;
width: 100%;
text-align: center;
position: relative;
margin-bottom: 30px;
}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold:after,
.JKatAdi .bold:after {
content: "";
position: absolute;
height: 2px;
z-index: 1;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
max-width: 40%;
}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
.JKatAdi .bold .satir1 {
line-height: 1;
color: #141414;
position: relative;
z-index: 2;
font-size: 24px;
font-weight: 600;
display: inline-block;
vertical-align: top;
text-align: center;
background: #fff;
padding: 0 30px !important;
}
/*ilerigeributon*/
#divInstashopResim .owl-carousel .owl-nav {
display: block !important;
}
#mainHolder_divDesign .owl-carousel .owl-nav,
.owl-carousel .owl-nav,
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav {
z-index: 2;
position: absolute;
right: 20px;
top: calc(50% - 15px);
left: 20px;
}
#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,
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav
.owl-prev,
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav
.owl-next,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {
color: #000;
background: #fff;
border-radius: 100%;
border: none;
width: 45px;
height: 45px;
cursor: pointer;
text-align: center;
font-size: 0;
display: inline-block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
position: absolute;
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev,
.owl-carousel .owl-nav .ProductListprev,
.owl-carousel .owl-nav .InstaGalleryprev,
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav
.owl-prev {
left: 0;
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext,
.owl-carousel .owl-nav .ProductListnext,
.owl-carousel .owl-nav .InstaGallerynext,
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav
.owl-next {
right: 0;
}
#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,
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav
.owl-prev:before,
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav
.owl-next:before {
font-family: "fontawesome";
font-size: 20px;
line-height: 45px;
font-weight: 300;
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,
.owl-carousel .owl-nav .ProductListprev:before,
.owl-carousel .owl-nav .InstaGalleryprev:before,
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav
.owl-prev:before {
content: "\f053";
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before,
.owl-carousel .owl-nav .ProductListnext:before,
.owl-carousel .owl-nav .InstaGallerynext:before,
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav
.owl-next:before {
content: "\f054";
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover,
.owl-carousel .owl-nav .ProductListprev:hover,
.owl-carousel .owl-nav .ProductListnext:hover,
.owl-carousel .owl-nav .InstaGalleryprev:hover,
.owl-carousel .owl-nav .InstaGallerynext:hover,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover,
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav
.owl-prev:hover,
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav
.owl-next:hover {
color: #fff;
}

#mainHolder_divDesign .owl-carousel .owl-dots,
.owl-carousel .owl-dots {
display: none;
}
/*urunslider*/
.sliderBannerContainer {
float: left;
width: 100%;
position: relative;
margin: 30px 0;
}
.sliderBannerContainer .owl-stage-outer {
padding: 3px;
margin: -3px;
width: calc(100% + 6px);
}
.sliderBannerContainer .Block_Link {
display: none;
}
.sliderBannerContainer .ProductList {
display: block !important;
margin: 0 auto;
}
.sliderBannerContainer .Jbutonlar {
display: none;
}
.sliderBannerContainer .jCarouselLite {
float: left;
width: 100%;
}
.sliderBannerContainer.NoSlider .ulUrunSlider {
margin: -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: auto;
}
.sliderBannerContainer.NoSlider .ulUrunSlider li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
width: 25%;
padding: 15px;
}

.leftBlock .sliderBannerContainer {
margin: 0 0 40px 0;
}
.leftBlock .sliderBannerContainer .JKatAdi .bold .satir1 {
display: block;
line-height: 30px;
font-size: 18px;
color: #141414;
padding: 0;
font-weight: 600;
padding-bottom: 15px;
margin-bottom: 30px;
position: relative;
border-bottom: 2px solid #eee;
}
.leftBlock .sliderBannerContainer .JKatAdi .bold .satir1:after {
content: "";
width: 60px;
height: 3px;
left: 0;
bottom: -2px;
position: absolute;
}
.landing-block .sliderBannerContainer {
margin: 0 !important;
}
/*detayurunslider*/
.detaySliderContainer {
float: left;
width: 100%;
position: relative;
margin: 50px 0 0 0;
}
.detaySliderContainer .ProductList {
display: block !important;
margin: 0 auto;
}
.detaySliderContainer .Jbutonlar {
display: none;
}
.detaySliderContainer .jCarouselLite {
float: left;
width: 100%;
}
.detaySliderContainer .owl-stage-outer {
padding: 3px;
margin: -3px;
width: calc(100% + 6px);
}
/* -------------------------------Anasayfa Slider----------------------------------------*/
#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: 30px;
right: 0;
left: 0;
font-size: 0;
}
#pnlSlider .flex-control-paging li {
margin: 0 5px;
}
#pnlSlider .flex-control-paging li a {
float: right;
width: 15px;
height: 15px;
border-radius: 100%;
border: none;
box-shadow: none;
text-shadow: none;
background: #fff;
border: 1px solid;
}
#pnlSlider .flex-direction-nav {
position: absolute;
top: calc(50% - 22.5px);
left: 20px;
right: 20px;
}
#pnlSlider .flex-direction-nav li {
display: inline-block;
vertical-align: top;
}
#pnlSlider .flex-direction-nav .flex-nav-prev {
float: left;
}
#pnlSlider .flex-direction-nav .flex-nav-next {
float: right;
}
#pnlSlider .flex-direction-nav .flex-prev,
#pnlSlider .flex-direction-nav .flex-next {
border: none;
background: transparent;
width: auto;
height: auto;
border-radius: 0;
top: 0;
margin: 0;
padding: 0;
box-shadow: none;
opacity: 1;
font-size: 0;
position: relative;
text-shadow: none;
text-align: center;
}
#pnlSlider .flex-direction-nav .flex-prev {
left: 0;
}
#pnlSlider .flex-direction-nav .flex-next {
right: 0;
}
#pnlSlider .flex-direction-nav .flex-prev:before,
#pnlSlider .flex-direction-nav .flex-next:before {
font-family: "fontawesome";
font-size: 20px;
font-weight: 300;
line-height: 45px;
width: 45px;
height: 45px;
background: #fafafa;
border-radius: 100%;
color: #000;
transition: ease 0.3s all;
}
#pnlSlider .flex-direction-nav .flex-prev:before {
content: "\f053";
}
#pnlSlider .flex-direction-nav .flex-next:before {
content: "\f054";
}
#pnlSlider .flex-direction-nav .flex-prev:hover:before,
#pnlSlider .flex-direction-nav .flex-next:hover:before {
color: #fff;
}
#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%;
}
/*------------------------------------markalar slider--------------------------------------------*/
.markaSlider {
float: left;
width: 100%;
margin: 30px 0 30px 0;
}
.markaSlider .jCarouselLite {
display: block;
margin: 0 auto !important;
max-width: 1200px;
}
.markaSlider .categoryTitle {
display: none;
}
.markaSlider .owl-carousel {
float: left;
width: 100%;
}
.markaSlider .owl-carousel .owl-stage-outer {
}
.ProductList.markaSlider {
margin-bottom: -30px;
padding: 30px 0;
background: #fafafa;
}
.ProductList.markaSlider .owl-carousel .owl-nav .ProductListnext,
.markaSlider .owl-carousel .owl-nav .ProductListprev {
width: 30px !important;
height: 30px !important;
}
.ProductList.markaSlider .owl-carousel .owl-nav .ProductListnext::before,
.markaSlider .owl-carousel .owl-nav .ProductListprev::before {
height: 30px !important;
font-size: 16px !important;
line-height: 30px !important;
}
.ticiBottomBlockContent .markaSlider {
margin-bottom: -30px;
padding: 30px 0;
background: #fafafa;
}
.markaSlider:before {
content: "";
display: table;
clear: both;
}
.markaSlider ul {
padding: 0;
margin: 0;
list-style: none;
}
.markaSlider ul li a {
max-width: 100%;
vertical-align: middle;
padding-bottom: 65px;
background: transparent;
border-radius: 0;
overflow: hidden;
display: block;
}
.markaSlider ul li a img {
max-width: 100%;
max-height: 100%;
height: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.markaSlider ul li a:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
/*---------------------------- site ozel alan kodlar ----------------------------------*/
.hesabimAnasayfaMenuler ul li a:hover .fa {
color: #fff;
}
.siparisTakipSayfasi {
background: #fff;
}
.siparisTakipSayfasi .siparisTakipBaslik {
text-align: center;
padding: 20px 0 !important;
}
.sepetiTemizle {
float: right;
line-height: 43px;
padding: 0 10px;
}
.popupSepet {
width: 99%;
}
.popupSepet #hed div {
width: 94%;
}
.sayfaIcerik * {
font-family: "Oswald", sans-serif !important;
}
#mainHolder_UrunDetay_imgCookie {
display: none !important;
}
.product_social_icon_wrapper {
display: none;
}
.HesabimContainer .urunDetayPanel {
max-height: 100%;
}
.orders {
width: 100%;
}
.innerContainer {
}
.TumKategoriler {
display: none;
}
.searchClick,
.mycartClick,
.welcomeOpen {
display: none;
}
.userLoginBtn,
.userSignBtn {
border: none !important;
}
.magazaTeslimatBilgisiContent {
display: none;
}
#store_region_container {
display: none;
}
#ticimaxCopyright {
float: left;
width: 100%;
}
section {
float: left;
width: 100%;
}
.sepetimBody .Basketstep ul li.pasif {
opacity: 1;
}
.sepetimBody ul {
padding: 0;
margin: 0;
list-style: none;
}
/*Site ici scroll alanlar*/
#divOnyazi::-webkit-scrollbar,
.navigation .navUl > li > .Flexscroll::-webkit-scrollbar,
.navigation .navUl > li .Flexscroll > ul > li > ul::-webkit-scrollbar,
.categorydesign::-webkit-scrollbar,
.boxBedenlerContainer::-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,
.navigation .navUl > li > .Flexscroll::-webkit-scrollbar-track,
.navigation .navUl > li .Flexscroll > ul > li > ul::-webkit-scrollbar-track,
.categorydesign::-webkit-scrollbar-track,
.boxBedenlerContainer::-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,
.navigation .navUl > li > .Flexscroll::-webkit-scrollbar-thumb,
.navigation .navUl > li .Flexscroll > ul > li > ul::-webkit-scrollbar-thumb,
.categorydesign::-webkit-scrollbar-thumb,
.boxBedenlerContainer::-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: var(--theme-color);
}
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,
.productItem .productIconLeft > div,
.TukendiIco span,
#pnlSlider .flex-direction-nav .flex-prev:hover:before,
#pnlSlider .flex-direction-nav .flex-next:hover:before,
#pnlSlider .flex-control-paging li a.flex-active,
.pageNumberContent a.SelectedSayfa,
.pageBorder a.SelectedSayfa,
.pageNumberContent a:hover,
.pageBorder a:hover,
body
#divSayfalamaUst
.category-vertical-filters
.vertical-filter-panel
.list-group-item:hover:before,
body
#divSayfalamaUst
.category-vertical-filters
.vertical-filter-panel
.list-group-item.selected:before,
.menuUstBolum,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover,
.owl-carousel .owl-nav .ProductListprev:hover,
.owl-carousel .owl-nav .ProductListnext:hover,
.owl-carousel .owl-nav .InstaGalleryprev:hover,
.owl-carousel .owl-nav .InstaGallerynext:hover,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover,
body
#divSayfalamaUst
.filterDeleteContent
.appliedFilter.FiltrelemeKaldir
a
span,
#pnlSlider .flex-control-paging li a.flex-active,
.HeaderFavori span,
.mycart .sepetUrunSayisi,
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group-item.selected:before,
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group-item:hover:before,
body
#divSayfalamaUst.Slct
.brandlistselection
a.filterOrderInStock.selected:before,
body .mobilFilterOpenBtn .button,
.leftBlock .Block_Title span:after,
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul li a:before,
.leftBlock .sliderBannerContainer .JKatAdi .bold .satir1:after,
body #hizliBakis .UrunuIncele a,
body #hizliBakis .hizliBakis_DiscountRate,
body #hizliBakis .kombinFormline .kombinright_line div div a.selected,
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected,
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover,
#divIndirimOrani,
body .teknikDetay .teknikDetayItem:before,
#divEtiketler a,
#kombinUrunler
.kombinContent
ul
li.kombinItem
.divKombinEksecenekTipi
.kombinright_line
a.selected,
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav
.owl-prev:hover,
.leftImage
.ProductGallery
.gallery-container
.owl-carousel.galleryOwl
.owl-nav
.owl-next:hover,
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle label span:hover,
body #frmDinamikForm .jfilestyle .focus-jfilestyle label span:hover,
body .leftImage a#linkOncekiSayfa,
body #divMobileImageList .owl-dots .owl-dot.active,
.AnasayfaTab-Title:after,
#mainHolder_divDesign .JKatAdi.categoryTitle .bold:after,
.JKatAdi .bold:after,
.Trend-Title:after {background: #373d49;}
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n + 2),
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir,
.pageNumberContent a:hover,
.OdemeMenu ul li.activeMenu,
.pageNumberContent a.SelectedSayfa,
.pageBorder a.SelectedSayfa,
.pageNumberContent a:hover,
.pageBorder a:hover,
body
#divSayfalamaUst
.category-vertical-filters
.vertical-filter-panel
.list-group-item:hover:before,
body
#divSayfalamaUst
.category-vertical-filters
.vertical-filter-panel
.list-group-item.selected:before,
#pnlSlider .flex-control-paging li a.flex-active,
#pnlSlider .flex-control-paging li a,
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected,
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover,
.TopDet #IlgiliUrunDiv ul li.active,
.TopDet #IlgiliUrunDiv ul li:hover,
#kombinUrunler
.kombinContent
ul
li.kombinItem
.divKombinEksecenekTipi
.kombinright_line
a.selected,
body .dinamikFormContainer .textbox:focus,
body .dinamikFormContainer select:focus,
#divUrunKisiselNot input:focus,
.JKatAdi .bold .satir1,
.FB-Detail .UFavorilerimeEkle a .box1 {
border-color: var(--theme-color);
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
border-top-color: var(--theme-color);
}
.tooltip.right .tooltip-arrow {
border-right-color: var(--theme-color);
}
.tooltip.left .tooltip-arrow {
border-left-color: var(--theme-color);
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: var(--theme-color);
}
.baglanButton {
border-color: transparent;
}
.sepetimBody .Basketstep ul li.aktif:after {
border-top-color: var(--theme-color);
}
.sepetTitle .st_1,
body .sepetTitle2 .st_1,
body .BasketRigth ul li.genelToplam .tut,
body .sepetTitle2 .st_1:before,
.sepetTitle .st_1:before,
.TeslimatAdresTittle,
.Basketstep ul li.gecti span,
body #divToplamOdeme,
.TeslimatAdresTittle,
a.YeniAdresEkle,
.Basketstep ul li.onestepsec span,
.Basketstep ul li.pasif i,
.BasketPage .Basketstep ul li.pasif i,
.BasketPage .cargoInformation div.cargoName span,
.BasketPage .faturaAdresBtn.active,
.adresAyniBtn.active,
.BasketPage .sepetItemB4,
.BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check,
.iletisimContent .categoryTitle .categoryTitleText,
body .siparisUrunUyariSecenek .siparisUrunDurumBaslik,
.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,
.productItem .productPrice.IndirimVar .discountPrice span,
.productItem .productMarka,
body .productItem .productTimer > span.productTimerContent > span:first-child,
.YanUyeGirisi .Block_Text ul li > span,
.SepetBlockInfo td.SepetBlockTotal,
.SepetBlockGenelTotal td:last-child,
.leftBlock .Sayfalar ul li a:hover,
.leftBlock .YanUyeGirisi .Block_Text > a,
.leftBlock .SonEklenenUrunler ul li a:hover,
.leftBlock .SonEklenenUrunler ul li a:before,
.leftBlock .Haberler ul li a:hover,
.leftBlock .Duyurular ul li a:hover,
.leftBlock .DovizKurlari ul li a span:last-child,
.leftBlock .Anket #divBlokAnketSonuclari > div .anketSonucOy,
body #hizliBakis .hizliBakis_Price,
.hizliBakis_marka,
.IndirimliFiyatContent .right_line *,
#divTurkLirasiFiyat .right_line *,
#divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line *,
#divIndirimsizFiyat .left_line,
#divMarka .right_line *,
.ProductIcon .box1:hover,
.urunOzellik .urunTab > ul > li.active > a,
.kombinItem .kombinImages .selectedImagesLink,
body #frmDinamikForm .jfilestyle input[type="text"],
.welcomeOpen.active,
.selectcontrol:after,
.spanustSepetteUrunYok,
.mobilMenu .navUl > li > ul.active + .ResimsizDown i,
.mobilMenu .navUl > li > ul li ul.active + .ResimsizDown2 i,
.mobilMenu .navUl li.active > a,
.menuUstBolum .MobilMenuSocial ul li a:hover,
.FB-Detail .UFavorilerimeEkle a .box1 i,
.AnasayfaTab ._tabHead li._tabHead_active span,
.Trend-Step3 {
color: var(--theme-color);
}

.productItem .productPrice.IndirimVar .discountPrice span, body #hizliBakis .hizliBakis_Price {
color: #b60334!important;
}
.button:hover,
.userLoginBtn:hover,
.userSignBtn:hover,
.BasketPage .OdemeMenu ul li:hover > a,
.BasketPage .alisverisedevamet:hover,
.BasketPage #hed div.hediCekForm a:hover,
.BasketPage a.YeniAdresEkle:hover,
#AdresContent .button:hover,
.basketCompletebtn:hover,
.KasaOnuFirsatlarContent ul li a.button:hover,
body
#divSayfalamaUst
.category-vertical-filters.top-filters
.slider-range
.ui-slider-handle,
.ProductIcon2 > div > a:hover {
background: #15284b!important;
}
.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,
.navigation .navUl > li .Flexscroll > ul li a:hover,
.CartProduct .SProduct li a:nth-child(2):hover *,
.mycartIcon a:hover span,
.favori a:hover:before,
.examineIcon a:hover:before,
.boxBedenlerContainer > div > div:not(.noStokUrunListe):hover,
.Blog-Step3 a:hover,
body
#divSayfalamaUst
.category-vertical-filters.top-filters
.panel
.panel-heading
a:after,
body
#divSayfalamaUst:not(.Slct)
.brandlistselection
.appliedFilter.FiltrelemeUrunAdet
span,
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a:hover i,
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.Active i,
body
#divSayfalamaUst:not(.Slct)
.brandlistselection
.sortingContent
li
a.selected,
body #divSayfalamaUst.Slct .blockSelect a:hover i,
body #divSayfalamaUst.Slct .blockSelect a.Active i,
.bottomHead ul li:nth-child(3) a,
body #divSayfalamaUst .filterDeleteContent .appliedFilter a:hover i,
.searchClick.active,
body #lang-detail p,
.navigation .navUl > li:hover > a,
.YanUyeGirisi .Block_Text ul li a:hover,
.sB-Social .HeaderSocial ul li a:hover i,
.navigation .navUl > li .Flexscroll > ul > li > a,
.productItem .quickViewIco a:hover:before {
color: var(--theme-color);
}
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,
#pnlSlider .flex-control-paging li a.flex-active,
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group-item.selected:before,
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group-item:hover:before,
body
#divSayfalamaUst.Slct
.brandlistselection
a.filterOrderInStock.selected:before {
  border-color: var(--theme-color);
}

body #hizliBakis .kombinFormline .kombinright_line div div a.selected {
-webkit-box-shadow: 0 0 0 2px #15284b, inset 0 0 0 4px #fff;
-moz-box-shadow: 0 0 0 2px #15284b, inset 0 0 0 4px #fff;
box-shadow: 0 0 0 2px #15284b, inset 0 0 0 4px #ffffff;
padding: 2px;
border-radius: 50%
}

.siparisOzetTakip,
.productItem .productIconLeft > div,
.TukendiIco span {
color: #fff;
}
.BasketDetail table tbody tr td a {
display: inherit;
}
.BasketDetail table tbody tr td:last-child a {
display: block;
}
.sepetimBody #header:after {
display: none;
}
body .alisverisedevamet {
background: #fff;
}
/*bordercolor*/
.KasaOnuFirsatlarContent ul li a.button:hover {
border: none !important;
}
.BasketPage a.YeniAdresEkle:hover {
color: #fff !important;
}
.baglanButton:hover {
background: transparent;
}
body .adresGir .kirmiziButon:hover {
background: #9e1a20 !important;
color: #fff !important;
}
body .adresGir .yesilButon:hover {
background: #406d20 !important;
color: #fff !important;
}
.productItem .productIconRight > div,
.ozelAlanEx > div {
background: #15284bd6;
font-family: "Urbanist", sans-serif;
}
#header {
}
#footer {
background: var(--footer-bg);
margin: 30px 0 0 0;
float: left;
width: 100%;
}
/*------------------------------------Sabit Renkler--------------------------------------------*/
body {
background: #fff;
}
/*SliderYanblok*/
.bottomHead {
display: none;
}
#divSliderYani {
display: none;
}
.HomeImageBlock {
float: left;
width: 100%;
overflow: hidden;
margin: 30px 0;
}
.HomeImageBlock li {
list-style: none;
}
.HomeImageBlock a {
float: left;
width: 100%;
overflow: hidden;
position: relative;
}
.HomeImageBlock a img {
display: block;
width: 100%;
}
.HIBWrap {
float: left;
width: 100%;
position: relative;
}
.HIBWrap .row {
margin-top: -15px;
margin-bottom: -15px;
}
.HIBWrap li {
padding-top: 15px;
padding-bottom: 15px;
}
.HIB-Content {
position: absolute;
width: 250px;
height: 250px;
background: #fff;
border-radius: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
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;
flex-direction: column;
-webkit-flex-direction: column;
text-align: center;
padding: 15px;
-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
}
.HIB-Step1 {
font-size: 16px;
color: #777;
line-height: 1;
font-weight: 500;
}
.HIB-Step2 {
font-size: 26px;
color: #141414;
line-height: 1;
margin: 20px 0 15px 0;
font-weight: 600;
}
.HIB-Step3 {
font-size: 13px;
color: #777;
line-height: 1.3;
}
.banner-animation {
position: relative;
float: left;
width: 100%;
}
.banner-animation::before {
background: rgba(255, 255, 255, 0.3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 50%;
top: 0;
opacity: 1;
width: 0;
z-index: 2;
pointer-events: none;
}
.banner-animation::after {
background: rgba(255, 255, 255, 0.6);
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
bottom: 50%;
opacity: 1;
width: 0;
z-index: 2;
pointer-events: none;
}
.banner-animation:hover::before {
left: 0;
right: 0;
width: auto;
transition: all 900ms ease;
opacity: 0;
}
.banner-animation:hover::after {
top: 0;
bottom: 0;
width: auto;
transition: all 900ms ease;
opacity: 0;
}
.ackapabtn {
display: none;
}

/*siteozelalan*/

.logoArea {
display: flex;
display: -webkit-flex;
padding: 0px;
justify-content: space-between;
align-items: center;
-webkit-justify-content: space-between;
-webkit-align-items: center;
font-size: 0;
padding: 13px 0;
}
.logoArea .centerDiv {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
width: 30%;
justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
position: relative;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
}
.logoArea .leftDiv {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
width: 35%;
justify-content: flex-start;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
}
.logoArea .rightDiv {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
width: 35%;
justify-content: flex-end;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
}
.HeaderLogo a {
height: 60px;
display: flex;
display: -webkit-flex;
align-items: center;
}
.HeaderLogo a img {
max-height: 60px !important;
width: auto !important;
}
.HeaderFavori {
float: right;
color: var(--header-textcolor);
margin: 0px 0;
position: relative;
}
.HeaderFavori i {
font-weight: 300;
font-size: 23px;
line-height: 30px;
display: block;
}
.HeaderFavori span {
display: block;
position: absolute;
width: 14px;
height: 14px;
border-radius: 100%;
line-height: 14px;
color: #fff;
font-size: 9px;
right: -8px;
bottom: 3px;
}

.SearchToggle i {
font-weight: 300;
font-size: 20px;
line-height: 30px;
display: block;
}
.m0 {
margin: 0 !important;
}
.p0 {
padding: 0 !important;
}

/*guven ikonlari*/
.TrustIcons {
float: left;
width: 100%;
overflow: hidden;
margin: 30px 0;
}
.TI-List {
float: left;
width: 100%;
}
.TI-List ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
display: -webkit-flex;
justify-content: space-around;
-webkit-justify-content: space-around;
}
.TI-List ul li {
max-width: 33.33333333%;
padding: 0;
border-right: 1px solid transparent;
}
.TI-List ul li:not(:last-child) {
/* border-color: #eaeaea; */
}

.TI-Wrap {
display: inline-block;
vertical-align: top;
text-align: center;
}
.TI-Img {
display: inline-block;
vertical-align: middle;
width: 100%;
}
.TI-Img img {
height: 70px;
transition: ease 0.3s all;
position: relative;
bottom: 0;
margin: 0 auto;
}
.TI-Text {
display: inline-block;
vertical-align: middle;
text-align: center;
max-width: 70%;
}
.TIT-Step1 {
font-size: 16px;
font-weight: 600;
color: #141414;
line-height: 1;
margin: 20px 0 10px 0;
}
.TIT-Step2 {
font-size: 13px;
color: #666;
line-height: 1.75;
font-family: "Urbanist", sans-serif;
}
/*guven ikonlari*/

.mobilMenuAcButton {
float: left;
color: var(--header-textcolor);
z-index: 99;
cursor: pointer;
display: none;
font-size: 0;
margin-right: 20px;
}
.mobilMenuAcButton i {
line-height: 30px;
font-weight: 300;
display: block;
font-size: 30px;
}
.mobilMenuAcButton span {
float: left;
line-height: 1;
font-size: 11px;
font-weight: 600;
clear: both;
color: var(--header-textcolor);
display: block;
margin-bottom: 3px;
}
.MobilMenuAc .mobilMenuAcButton {
display: block;
}
.MobilMenuAc .leftDiv #logo {
position: absolute;
visibility: hidden;
}

body #formGlobal {
left: 0;
position: relative;
transition: left 0.3s ease-in-out;
}
body.transform.overflow {
overflow-x: hidden;
}
body.transform #formGlobal {
}
.menuUstBolum {
width: 100%;
display: inline-block;
float: left;
margin-top: 0;
background: var(--header-bg);
border-bottom: 1px solid #eee;
}
.menuUstBolum .MobilMenuSocial {
float: left;
padding-left: 30px;
}
.menuUstBolum .MobilMenuSocial ul {
padding: 0;
margin: 0;
list-style: none;
}
.menuUstBolum .MobilMenuSocial ul li {
float: left;
margin-right: 15px;
}
.menuUstBolum .MobilMenuSocial ul li a {
display: block;
color: var(--header-textcolor);
}

.menuUstBolum .MobilMenuSocial ul li a i {
line-height: 70px;
font-size: 15px;
font-weight: 300;
}
.menuUstBolum .CloseBtnMenu {
float: right;
line-height: 70px;
color: var(--header-textcolor);
font-size: 30px;
width: 80px;
text-align: center;
margin: 0;
cursor: pointer;
}
.menuUstBolum .CloseBtnMenu i {
font-weight: 300;
}
.menuUstBolum .mobilMenuBT {
float: left;
color: #141414;
padding-left: 20px;
cursor: pointer;
padding: 14.5px 0 14.5px 30px;
visibility: hidden;
}
.menuUstBolum .mobilMenuBT img {
width: 30px;
}
.menuUstBolum .mobilMenuBT i {
float: left;
font-size: 24px;
line-height: 70px;
margin-right: 10px;
font-weight: 300;
}
.menuUstBolum .mobilMenuBT > span {
float: left;
font-weight: 500;
line-height: 1;
margin: 5px 0 0 0;
font-size: 12px;
}
.mobilaf {
position: fixed;
right: 0;
left: 0;
width: 100%;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1001;
display: none;
-webkit-animation: fadein 0.5s;
-moz-animation: fadein 0.5s;
-ms-animation: fadein 0.5s;
-o-animation: fadein 0.5s;
animation: fadein 0.5s;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAElBMVEVMaXErKysrKysrKysrKysrKyv15CA9AAAABnRSTlMAWvldn/tfuYl0AAAAPUlEQVR42mNwZAACEQYhAQYGRkUQAjOFBEAsIBfEYWAQDWRAUIzKRiBBIQNmRRCHgQHIFTJgYABynUHyJgCicQRBDpYNjwAAAABJRU5ErkJggg==),
  auto;
}
.mobilaf.acik {
display: block;
}
.mobilMenu {
position: fixed;
top: 0;
bottom: 0;
width: 360px;
z-index: 99999;
background: #fff;
left: -360px;
transition: left 0.3s ease-in-out;
}
.mobilMenu.acik {
left: 0;
}
.mobilMenu .menuIcerikAlan {
float: left;
width: 100%;
height: calc(100% - 71px);
position: absolute;
top: 71px;
right: 0;
left: 0;
overflow-y: auto;
overflow-x: hidden;
background: var(--header-bg);
}
.mobilMenu .navUl {
float: left;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
list-style: none;
padding: 30px;
}

.mobilMenu .navUl > li,
.mobilMenu .navUl > li > ul li {
float: left;
width: 100%;
position: relative;
}
.mobilMenu .navUl > li > a,
.mobilMenu .navUl > li > ul li a {
color: var(--header-textcolor);
font-size: 14px;
font-weight: 600;
line-height: 16px;
display: block;
padding: 0;
z-index: 2;
position: relative;
clear: both;
padding: 15px 0;
}
.mobilMenu .navUl li.ulVar > a {
display: inline-block;
vertical-align: top;
}
.mobilMenu .navUl > li > ul li a {
font-size: 14px;
padding: 10px 0;
color: var(--header-textcolor);
font-weight: 500;
}
.mobilMenu .navUl > li > ul li a:before {
content: "- ";
font-weight: 400;
}
.mobilMenu .navUl > li .ResimsizDown,
.mobilMenu .navUl > li > ul li .ResimsizDown2 {
float: right;
position: absolute;
right: 0;
top: 0;
left: 0;
z-index: 1;
padding-right: 0;
cursor: pointer;
color: var(--header-textcolor);
}
.mobilMenu .navUl > li .ResimsizDown i,
.mobilMenu .navUl > li > ul li .ResimsizDown2 i {
line-height: 46px;
font-size: 18px;
float: right;
font-weight: 300;
width: 20px;
}
.mobilMenu .navUl > li > ul li .ResimsizDown2 i {
line-height: 36px;
color: #777;
font-size: 14px;
text-align: center;
}
/*Resimsiz Menu*/
.mobilMenu .navUl > li > ul,
.mobilMenu .navUl > li > ul li ul {
/* position: fixed; */ /* left: -100%; */ /* top: 81px; */ /* bottom: 0; */ /* width: 360px; */ /* background: #fff; */ /* z-index: 3; */ /* transition: all .3s ease-in-out; */ /* overflow-y: auto; */ /* overflow-x: hidden; */
padding: 0;
margin: 0;
list-style: none;
display: none;
float: left;
clear: both;
width: 100%;
padding-left: 10px;
}
.mobilMenu .navUl > li ul.over {
overflow-y: hidden;
}
.mobilMenu .navUl > li > ul.active,
.mobilMenu .navUl > li > ul li ul.active {
display: block;
}
.mobilMenu .navUl > li > ul > span,
.mobilMenu .navUl > li > ul li ul > span {
position: relative;
float: left;
width: 100%;
color: #000000;
font-size: 18px;
font-weight: 500;
line-height: 55px;
padding-left: 70px;
border-bottom: 1px solid #e5e5e5;
display: none;
}
.mobilMenu .navUl > li > ul > span span,
.mobilMenu .navUl > li > ul li ul > span span {
z-index: 0;
position: relative;
}
.mobilMenu .navUl > li > ul > span .NoiBack,
.mobilMenu .navUl > li > ul li ul > span .NoiBack2 {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
line-height: 55px;
text-align: left;
z-index: 1;
padding-left: 35px;
font-size: 20px;
cursor: pointer;
}
.mobilMenu .navUl > li > ul > span .NoiBack i,
.mobilMenu .navUl > li > ul li ul > span .NoiBack2 i {
font-weight: normal;
}

/*Resimsiz Menu*/
/*Sol Blok Title*/
.leftBlock .Block_item {
float: left;
clear: both;
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
padding: 0;
border: 1px solid #efefef;
padding: 20px;
}
.leftBlock .Block_Title {
display: block;
border-bottom: 1px solid #efefef;
margin-bottom: 20px;
}
.leftBlock .Block_Text {
padding: 0;
float: left;
width: 100%;
}
.leftBlock .Block_Title span {
font-size: 14px;
color: #141414;
padding: 0;
font-weight: 700;
padding-bottom: 15px;
position: relative;
display: inline-block;
vertical-align: top;
line-height: 1;
}
/*Sol Blok Title*/
/*Sol Blok Uye Giris*/
.leftBlock .YanUyeGirisi .Block_Text ul {
padding: 0;
margin: 0;
list-style: none;
float: left;
width: 100%;
}
.leftBlock .YanUyeGirisi .Block_Text ul li {
font-size: 13px;
line-height: 1;
margin-bottom: 20px;
float: left;
width: 100%;
clear: both;
color: #777;
font-family: "Urbanist", sans-serif;
}
.YanUyeGirisi .Block_Text ul li a {
font-size: 13px;
line-height: 1;
color: #666;
font-family: "Urbanist", sans-serif;
}
.leftBlock .YanUyeGirisi .Block_Text > a {
font-size: 14px;
line-height: 1;
}
/*Sol Blok Uye Giris*/
/*Sol Blok Ebulten ve Marka*/
.leftBlock #ulBulletin {
padding: 0;
margin: 0;
list-style: none;
}
.leftBlock #ulBulletin > li {
float: left;
width: 100%;
margin-bottom: 20px;
}
.leftBlock #ulBulletin > li ul {
max-width: 290px;
}
.leftBlock #ulBulletin > li:first-child input {
width: 100%;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: 1px solid #eee;
font-size: 14px;
height: 40px;
padding-top: 0;
padding-bottom: 0;
font-family: "Urbanist", sans-serif !important;
}
.leftBlock #ulBulletin > li:first-child input[type="email"] {
padding: 0 10px;
font-family: "Urbanist", sans-serif !important;
font-size: 12px;
}
.leftBlock #divMarkaContent input {
width: 100%;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: 1px solid #eee;
font-size: 12px;
height: 35px;
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
padding-right: 10px;
color: #666;
font-family: "Urbanist", sans-serif !important;
}
.leftBlock #ulBulletin > li:last-child {
margin-bottom: 0;
}
.leftBlock #ulBulletin > li button,
.leftBlock #divMarkaContent button {
padding: 0 10px;
line-height: 30px;
}
.leftBlock #divMarkaContent button {
margin-top: 20px;
}
/*Sol Blok Ebulten*/
/*Sol Blok Sayfalar ve Haberler*/
.leftBlock .Sayfalar,
.leftBlock .Haberler,
.leftBlock .Duyurular,
.leftBlock .DovizKurlari {
}
.leftBlock .Sayfalar ul,
.leftBlock .Haberler ul,
.leftBlock .Duyurular ul,
.leftBlock .DovizKurlari ul {
padding: 0;
margin: 0;
list-style: none;
}
.leftBlock .Sayfalar ul li,
.leftBlock .Haberler ul li,
.leftBlock .Duyurular ul li,
.leftBlock .DovizKurlari ul li {
font-size: 14px;
line-height: 1;
margin-bottom: 15px;
float: left;
width: 100%;
clear: both;
}
.leftBlock .Sayfalar ul li:last-child,
.leftBlock .Haberler ul li:last-child,
.leftBlock .Duyurular ul li:last-child,
.leftBlock .DovizKurlari ul li:last-child {
margin: 0;
}
.leftBlock .Sayfalar ul li a,
.leftBlock .Haberler ul li a,
.leftBlock .Duyurular ul li a,
.leftBlock .DovizKurlari ul li a {
font-size: 12px !important;
line-height: 1;
color: #666;
font-family: "Urbanist", sans-serif;
}
/*Sol Blok Sayfalar ve Haberler*/
/*Sol Blok Anket*/
.leftBlock .Anket {
}
.leftBlock .Anket ul {
margin: 0 -5px;
padding: 0;
list-style: none;
}
.leftBlock .Anket li {
padding: 0 5px;
float: left;
}
.leftBlock .Anket li button {
padding: 0 10px;
line-height: 30px;
}
.leftBlock .Anket #divBlokAnket {
float: left;
width: 100%;
}
.leftBlock .Anket #stgAnketSoru {
margin-bottom: 15px;
display: inline-block;
vertical-align: top;
width: 100%;
font-size: 14px;
font-weight: 500;
color: #141414;
}
.leftBlock .Anket #divAnketCevaplar {
margin-bottom: 20px;
}
.leftBlock .Anket #divAnketCevaplar > div {
margin-bottom: 10px;
}
.leftBlock .Anket [type="checkbox"],
.leftBlock .Anket [type="radio"] {
margin: 0 10px 0 0;
}
.leftBlock .Anket [type="checkbox"] + span,
.leftBlock .Anket [type="radio"] + span {
line-height: 1.4;
display: inline-block;
vertical-align: top;
font-size: 13px;
color: #777;
font-family: "Urbanist", sans-serif;
}
.leftBlock .Anket #divBlokAnketSonuclari {
float: left;
clear: both;
margin: 20px 0 0 0;
}
.leftBlock .Anket #divBlokAnketSonuclari > div {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
font-size: 13px;
}

/*Sol Blok Anket*/

/*Sol Blok Son Eklenen Urunler*/
.leftBlock .SonEklenenUrunler {
}
.leftBlock .SonEklenenUrunler ul {
padding: 0;
margin: 0;
list-style: none;
}
.leftBlock .SonEklenenUrunler ul li {
font-size: 14px;
line-height: 1;
margin-bottom: 20px;
float: left;
width: 100%;
clear: both;
}
.leftBlock .SonEklenenUrunler ul li:last-child {
margin: 0;
}
.leftBlock .SonEklenenUrunler ul li a {
font-size: 14px;
line-height: 1.5;
color: #000;
position: relative;
padding-left: 20px;
display: block;
}
.leftBlock .SonEklenenUrunler ul li a:before {
content: "\f054";
width: auto;
height: auto;
display: block;
position: absolute;
left: 0;
top: 0;
margin: auto;
bottom: 0;
font-family: "FontAwesome";
font-size: 14px;
line-height: 14px;
height: 14px;
}
/*Sol Blok Son Eklenen Urunler*/
/*Sol Blok Sepet*/
.leftBlock #divSolBlokSepetUrunyok {
color: #777;
}
.leftBlock .SepetBlockInfo {
text-align: left;
}
.leftBlock .SepetBlockInfo table {
border-collapse: collapse;
margin-bottom: 5px;
width: 100%;
}
.leftBlock .SepetBlockInfo td {
border-bottom: 1px solid #eeeeee;
vertical-align: middle;
position: relative;
padding: 15px 0;
}
.leftBlock .SepetBlockInfo tr {
}
.leftBlock .SepetBlockName {
max-width: 150px;
}
.leftBlock .SepetBlockInfo .SepetBlockImg img {
border: 1px solid #eeeeee;
text-align: left;
margin-right: 10px;
}
.leftBlock .SepetBlockInfo .SepetBlockName a {
color: #666666;
font-size: 11px;
}
.leftBlock .SepetBlockInfo * {
line-height: 1.3;
}
.leftBlock .SepetBlockInfo .SepetBlockAdet {
text-align: right;
font-size: 10px;
}
.leftBlock .SepetBlockInfo td.SepetBlockTotal {
text-align: right;
font-family: "Urbanist", sans-serif;
}
.leftBlock .SepetBlockInfo .SepetBlockRemove a {
text-align: right;
cursor: pointer;
width: 10px;
height: 20px;
font-size: 0;
display: block;
background: url(/App_Themes/Default/images/remove-small.png) center 4px
  no-repeat;
position: absolute;
top: 10px;
right: 0;
}
.leftBlock .SepetBlockGenelTotal {
text-align: justify;
}
.leftBlock .SepetBlockGenelTotal table {
border-collapse: collapse;
float: left;
width: 100%;
}
.leftBlock .SepetBlockGenelTotal td {
padding: 5px 0;
font-size: 12px;
}
.leftBlock .SepetBlockGenelTotal td:last-child {
text-align: right;
font-family: "Urbanist", sans-serif;
}
.leftBlock .SepetBlockGenelTotal td b {
font-weight: 700;
color: #666;
}
.leftBlock .SepetBlockCheck {
clear: both;
float: left;
text-align: center;
width: 100%;
}
.leftBlock .SepetBlockCheck a {
line-height: 30px;
}
/*Sol Blok Sepet*/
/*Sol Blok Kategori Menu*/
.leftBlock .UrunGuruplari {
float: left;
width: 100%;
position: relative;
z-index: 9;
}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li {
float: left;
width: 100%;
position: relative;
margin-bottom: 0;
}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li:last-child {
margin: 0;
}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li a {
font-size: 13px;
color: #666;
font-weight: normal;
display: block;
line-height: 1;
padding: 10px 0;
font-family: "Urbanist", sans-serif;
}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul li {
margin: 0;
padding: 0 10px;
}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul li:last-child {
border-bottom: 0;
}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul li a {
font-weight: normal;
position: relative;
font-size: 13px;
padding: 10px 0 10px 25px;
}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul li a:before {
content: "";
width: 4px;
height: 4px;
display: block;
position: absolute;
left: 10px;
top: 0;
margin: auto;
bottom: 0;
}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul a:hover {
}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul {
padding: 10px 0;
list-style: none;
float: left;
width: 100%;
background: #fff;
position: absolute;
top: -1px;
left: 100%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li:hover > ul {
display: block;
}
/*Sol Blok Kategori Menu*/
/*Sol Blok Filtre*/
body .leftBlock .slider-range {
float: left;
width: 100%;
border: none;
border-radius: 0;
padding: 0;
margin: 10px 0 20px;
height: 5px;
background: #eee;
}
body .leftBlock .slider-range .ui-slider-range {
height: 5px;
background: #15284b;
border-radius: 0;
top: 0;
margin: 0;
}
body .leftBlock .slider-range .ui-slider-handle {
width: 20px;
height: 20px;
border-radius: 100%;
background: #15284b;
border: none;
margin: 0;
top: -8px;
}
body .leftBlock .slider-range span:nth-child(2) {
margin-left: 0;
}
body .leftBlock .slider-range span:nth-child(3) {
margin-left: -20px;
}
body .leftBlock .amount {
float: left;
width: 100%;
color: #000;
font-size: 14px;
text-align: left;
margin-bottom: 20px;
font-weight: 500;
}
.leftBlock .filterBlock {
}
.leftBlock #divFavoriGroup {
float: left;
width: 100%;
}
.leftBlock .category-vertical-filters {
float: left;
width: 100%;
border: none;
border-radius: 0;
overflow: hidden;
text-align: center;
padding: 0;
background: 0 0;
}
.leftBlock .category-vertical-filters:last-child {
margin: 0;
}
.leftBlock .panel-heading {
position: relative;
z-index: 1;
float: left;
padding: 0;
width: 100%;
text-align: left;
border: none;
margin: 0;
background-color: transparent !important;
}
.leftBlock .panel-heading a {
display: block;
font-size: 14px;
color: #141414;
padding: 0;
position: relative;
font-weight: 700;
line-height: 1.2;
padding-bottom: 15px;
border-bottom: 1px solid #efefef;
}
.leftBlock .panel-heading a:after {
content: "";
width: 60px;
height: 3px;
left: 0;
bottom: -2px;
position: absolute;
}
.leftBlock .panel-search {
float: left;
width: 100%;
margin: 15px 0 0 0;
}
.leftBlock .panel-search input,
.leftBlock .FiyatTextBox input {
padding: 0 10px !important;
height: 35px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: 1px solid #efefef;
font-size: 12px;
font-family: "Urbanist", sans-serif !important;
}
.leftBlock .category-vertical-filters > div {
width: 100%;
padding: 0;
margin: 0;
float: left;
display: inline-block;
margin-bottom: 30px;
background: transparent;
}
.leftBlock .category-vertical-filters > div:last-child {
margin-bottom: 0;
padding: 0;
border: 0;
}
.leftBlock .category-vertical-filters .panel.div-kategori {
}
.leftBlock .category-vertical-filters .panel.div-kategori .panel-heading {
}
.leftBlock .category-vertical-filters .panel.div-kategori ul {
}
.leftBlock .category-vertical-filters .panel.div-kategori ul li {
margin-bottom: 0;
width: 100%;
}
.filterBlock .Block_Title {
display: none;
}
.leftBlock .category-vertical-filters .panel.div-kategori ul li a {
margin-bottom: 15px;
}
.leftBlock .category-vertical-filters .panel.div-kategori ul li ul {
padding: 0 0 0 15px;
}
.leftBlock .category-vertical-filters .panel.div-kategori ul li ul a {
}
.leftBlock .category-vertical-filters .panel.div-kategori ul a:hover {
text-decoration: underline;
}
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li > a {
}
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li {
}
.leftBlock
.category-vertical-filters
.panel.div-kategori
> ul
> li:last-child
> a {
margin: 0;
}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group {
float: left;
text-align: left;
padding: 2px 0;
margin: 15px 0;
width: 100%;
top: 100%;
display: block;
border: none;
}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item {
float: left;
margin: 0 0 15px;
padding: 0;
background-color: transparent;
width: 100%;
height: auto;
border: none;
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group
li:last-child {
margin-bottom: 0;
}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item {
}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a {
float: left;
font-size: 13px;
color: #141414;
display: inline-block;
line-height: 16px;
font-weight: 400;
white-space: nowrap;
max-width: calc(100% - 26px);
overflow: hidden;
text-overflow: ellipsis;
font-family: "Urbanist", sans-serif;
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group
li:hover
> a {
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group
li.list-group-item:hover
> a {
}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul {
float: left;
width: 100%;
list-style: none;
padding: 0;
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group
li
ul
li:last-child {
margin-bottom: 0;
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group
li:hover
ul {
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group-item.list-group-item-image {
background-size: 16px 16px !important;
background-position: 0 0 !important;
background-repeat: no-repeat !important;
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group-item.list-group-item-image.selected {
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group-item.list-group-item-image:nth-child(6n) {
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group-item.list-group-item-image
a {
padding-left: 26px;
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group-item.list-group-item-image:before {
display: none !important;
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group-item.list-group-item-image.selected
a:after {
width: 16px;
height: 16px;
font-size: 12px;
text-align: center;
content: "\f00c";
font-family: fontawesome;
color: #fff;
display: inline-block;
vertical-align: top;
position: absolute;
left: 0;
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group-item:before {
margin-right: 10px;
width: 16px;
height: 16px;
border: 1px solid #dbdbdb;
border-radius: 0;
background: #fff;
display: inline-block !important;
margin-top: 0;
text-align: center;
line-height: 18px;
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group-item.selected:before {
content: "\f00c";
font-family: fontawesome;
color: #fff;
font-size: 11px;
font-weight: 400;
line-height: 14px;
}
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group-item:hover:before {
content: "\f00c";
font-family: fontawesome;
color: #fff;
font-size: 11px;
font-weight: 400;
line-height: 14px;
}
.leftBlock .FiyatTextBox {
float: left;
width: 100%;
margin: 15px 0 0 0;
}
/*Sol Blok Filtre*/
/*Üst Sorting Content Varsayilan*/
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect {
float: right;
margin: 0 0 0 20px;
background: 0 0;
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a {
background: 0 0;
color: #333;
padding: 0 5px;
float: left;
margin-left: 0;
border: 0;
display: block!important;
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a i {
font-size: 16px;
float: left;
line-height: 35px;
font-family: fontawesome;
font-weight: 600;
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_2 {
display: block;
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_5 {
display: block;
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {
float: left;
width: 100%;
z-index: 999;
background-color: #fff;
border: none;
border-radius: 6px;
margin: 0;
padding: 0;
display: -webkit-flex;
display: -moz-flex;
display: -o-flex;
display: block;
border: 2px solid #ededed;
padding: 0;
border: 1px solid #eee;
padding: 10px;
}
body
#divSayfalamaUst:not(.Slct)
.brandlistselection
.sortingContent
li:not(.appliedFilter) {
float: left;
font-weight: 400;
border-radius: 0;
padding: 0;
border: none;
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a {
position: relative;
background-color: transparent;
color: #000;
font-size: 12px;
border-radius: 0;
padding: 0 10px;
font-weight: 700;
}
body
#divSayfalamaUst:not(.Slct)
.brandlistselection
.sortingContent
li
> a
span {
font-weight: 600;
line-height: 35px;
padding-left: 20px;
color: #939393;
}
body
#divSayfalamaUst:not(.Slct)
.brandlistselection
.sortingContent
li
> a:hover {
color: #15284b!important;
}
body
#divSayfalamaUst:not(.Slct)
.brandlistselection
.sortingContent
li
a.selected {
font-weight: 700!important;
background: #fff;
color: #15284b!important;
}
body
#divSayfalamaUst:not(.Slct)
.brandlistselection
.sortingContent
li:nth-child(5) {
}
body
#divSayfalamaUst:not(.Slct)
.brandlistselection
.appliedFilter.FiltrelemeUrunAdet
span {
float: left;
font-size: 14px;
font-weight: 400;
line-height: 35px;
padding: 0;
margin: 0;
}
body
#divSayfalamaUst:not(.Slct)
.brandlistselection
.appliedFilter.FiltrelemeUrunAdet {
float: right;
background-color: transparent;
height: auto;
padding: 0;
}
body
#divSayfalamaUst:not(.Slct)
.brandlistselection
.sortingContent
li.appliedFilter.FiltrelemeUrunAdet {
float: right;
text-indent: 0;
}
/*Üst Sorting Content Varsayilan*/
/*Üst Sorting Content Select*/
body #divSayfalamaUst.Slct .blockSelect {
float: right;
margin: 0;
display: block !important;
padding: 0;
}
body #divSayfalamaUst.Slct .blockSelect a {
float: left;
width: 40px;
height: auto;
margin: 0;
padding: 0;
text-align: center;
border: none;
background: #fff;
display: block;
margin-left: 10px;
border: 1px solid #eee;
}
body #divSayfalamaUst.Slct .blockSelect i {
color: #c6c6c6;
line-height: 40px;
font-size: 18px;
}
body #divSayfalamaUst.Slct .blockSelect .sort_2 {
display: none;
}
body #divSayfalamaUst.Slct .blockSelect .sort_5 {
display: none;
}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent {
float: left;
width: 100%;
display: block;
background: 0 0;
padding: 10px;
border: 1px solid #eee;
}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
float: left;
height: 40px;
color: #141414;
font-size: 13px;
font-weight: 400;
border: none;
background: #fff;
border-radius: 0;
padding: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
padding: 0 10px;
border: 1px solid #eee;
cursor: pointer;
min-width: 180px;
font-family: "Urbanist", sans-serif !important;
}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li {
height: auto;
padding: 0;
border-radius: 0;
background: 0 0;
float: left;
margin-right: 20px;
position: relative;
}
body
#divSayfalamaUst.Slct
.brandlistselection
.sortingContent
li.appliedFilter.FiltrelemeUrunAdet {
float: right;
}
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet {
margin: 0;
}
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span {
color: #141414;
font-size: 13px;
line-height: 40px;
font-weight: 400;
float: left;
margin: 0;
text-indent: 0;
text-transform: capitalize;
font-family: "Urbanist", sans-serif;
}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock {
padding: 0;
background: 0 0;
color: #141414;
font-size: 13px;
}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span {
line-height: 40px;
font-weight: 400;
display: inline-block;
vertical-align: top;
text-transform: capitalize;
font-family: "Urbanist", sans-serif;
}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:before {
content: "";
width: 15px;
height: 15px;
border: 1px solid #eee;
float: left;
margin: 12px 10px 0 0;
background: #fff;
}
/*Üst Sorting Content Select*/

/*Hizli Bakis*/
body #hizliBakisAltAlan {

}
body #hizliBakis .divHizliBakisUrunOzellikleri {

}
body #hizliBakis {
width: 915px;
}
body #hizliBakis .ProductPreviewContent {
float: left;
width: 100%;
padding: 20px;
max-width: 100%;
}
body #hizliBakis .ProductPreviewContent ul {
list-style: none;
padding: 0;
margin: 0;
}
body #hizliBakis .ProductPreviewContent #divBreadcrumb {
float: left;
width: 100%;
display: none;
}
body #hizliBakis .ProductPreviewLeft {
float: left;
width: 480px;
margin-right: 0;
position: relative;
}
body #hizliBakis .ProductPreviewRight {
float: left;
width: calc(100% - 480px);
padding-left: 20px;
}
body #hizliBakis .PreviewImages {
float: right;
width: 400px;
}
body #hizliBakis .PreviewImages .PreviewselectedImages {
padding: 0;
height: auto;
}
body #hizliBakis .PreviewallImages {
position: absolute;
left: 0;
top: 0;
bottom: 0;
max-height: 100%;
overflow-y: auto;
width: 76px;
}
body #hizliBakis .PreviewallImages .PreviewallImagesItem {
padding: 0;
height: auto;
margin-bottom: 10px;
width: 67px;
float: left;
clear: left;
}
body #hizliBakis .PreviewallImages .PreviewallImagesItem:last-child {
margin: 0;
}
body #hizliBakis .TopList {
float: left;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #ebe9e9;
margin-bottom: 30px;
}
body #hizliBakis .MiddleList {
float: left;
width: 100%;
}
body #hizliBakis .hizliBakis_stokKodu {
float: left;
width: 100%;
color: #999;
font-size: 14px;
font-weight: 600;
margin: 10px 0 0 0;
line-height: 14px;
}
body #hizliBakis .hizliBakis_Name {
float: left;
width: 100%;
color: #000;
font-size: 18px;
margin: 5px 0 0 0;
font-weight: 600;
line-height: 1.3;
font-family: "Urbanist", sans-serif;
}
body #hizliBakis .hizliBakis_UstuCiziliFiyat {
float: left;
text-decoration: line-through;
line-height: 1;
width: 100%;
font-size: 18px;
color: #999;
margin-bottom: 5px;
}
body #hizliBakis .hizliBakis_Price {
float: left;
font-size: 30px;
font-weight: 600;
line-height: 1;
}
body #hizliBakis .divKombinUrunEkSecenek {
float: left;
width: 100%;
}
body #hizliBakis .divKombinEksecenekTipi {
float: left;
width: 100%;
margin: 20px 0 0 0;
}
body #hizliBakis .kombinFormline {
float: left;
width: 100%;
}
body #hizliBakis .kombinFormline .kombinleft_line {
color: #000000;
font-size: 13px;
font-weight: 600;
line-height: 13px;
float: left;
width: 100% !important;
display: block;
padding: 0;
margin: 0 0 10px 0;
}
body #hizliBakis .kombinFormline .kombinright_line {
float: left;
width: 100%;
}
body #hizliBakis .kombinFormline .kombinright_line > div > div {
float: left;
margin-right: 10px;
}
body #hizliBakis .kombinFormline .kombinright_line div div a {
float: left;
width: 40px;
height: 40px;
line-height: 38px;
font-size: 13px;
border-color: #eee;
}
body #hizliBakis .kombinFormline .kombinright_line div div a.selected {
color: #fff;
}
body #hizliBakis .kombinFormline .kombinright_line div div a img {
width: 100%;
height: 100%;
border-radius: 50%!important;
}
body #hizliBakis .hizliBakisSepeteEkle {
float: left;
width: calc(100% - 140px);
margin: 0 0 0 10px !important;
height: 50px;
padding: 0;
line-height: 50px;
font-size: 16px;
text-transform: uppercase;
font-family: 'Urbanist', 'Segoe UI', sans-serif!important;
}
body #hizliBakis .hizliBakis_markaLogo {
position: absolute;
z-index: 2;
right: 10px;
top: 10px;
}
body #hizliBakis .hizliBakis_markaLogo:hover img {
opacity: 1;
}
body #hizliBakis .hizliBakis_markaLogo img {
width: auto;
height: auto;
display: block;
position: static;
max-height: 40px;
}
body #hizliBakis .hizliBakis_marka {
font-family: "Urbanist", sans-serif;
}
body #hizliBakis .hizliBakis_ozyazi {
max-width: 100%;
font-size: 13px;
line-height: 13px;
margin: 10px 0 0 0;
color: #000;
float: left;
clear: both;
font-family: "Urbanist", sans-serif;
}
body #hizliBakis .hizliBakis_ozyazi * {
font-size: 13px;
line-height: 13px;
color: #000;
}
body #hizliBakis #divFiyatAlanlari {
float: left;
width: 100%;
margin: 10px 0 0 0;
}
body #hizliBakis #divFiyatAlanlari.IndirimHizliBakis {
padding-left: 65px;
position: relative;
margin: 20px 0 0 0;
}
body #hizliBakis .UrunuIncele {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
padding: 0;
width: auto;
}
body #hizliBakis .UrunuIncele a {
width: 100%;
text-align: center;
display: block;
font-size: 13px;
line-height: 30px;
color: #fff;
text-decoration: none;
padding: 0 10px;
font-family: "Urbanist", sans-serif;
}
body #hizliBakis .hizliBakis_SalesUnit {
float: left;
width: 100%;
font-weight: 600;
color: #000;
line-height: 13px;
font-size: 13px;
margin: 20px 0 10px 0;
font-family: "Urbanist", sans-serif;
}
body #hizliBakis .hizliBakis_Adet .riSingle {
width: 100% !important;
padding: 0 !important;
}
body #hizliBakis .hizliBakis_Adet {
width: 130px;
float: left;
margin: 0;
}
body #hizliBakis .hizliBakis_Adet + .clear {
display: none;
}
body #hizliBakis .hizliBakis_Adet .riSingle .riDown {
width: 35px;
height: 50px !important;
}
body #hizliBakis .hizliBakis_Adet .riSingle .riUp {
width: 35px;
height: 50px !important;
}
body #hizliBakis .hizliBakis_Adet .riSingle input {
width: 100%;
margin: 0 !important;
height: 50px !important;
}
body #hizliBakis .hizliBakis_Adet .riSingle .riDown:after,
body #hizliBakis .hizliBakis_Adet .riSingle .riUp:after {
line-height: 50px !important;
}
body #hizliBakis .hizliBakis_DiscountRate {
width: 53px;
height: 53px;
line-height: 50px;
text-align: center;
float: left;
color: #fff;
font-weight: 700;
letter-spacing: 0;
font-size: 0;
border-radius: 5px;
background: #b60334!important;
}
body #hizliBakis .IndirimHizliBakis .hizliBakis_DiscountRate {
position: absolute;
left: 0;
}
body #hizliBakis .hizliBakis_DiscountRate * {
font-size: 15px;
}
body #hizliBakis .kdvYazi {
font-size: 0.5em;
margin-left: 5px;
display: inline-block;
vertical-align: bottom;
position: relative;
top: -2px;
}
body #hizliBakis .divHizliBakisFavorilerimeEkle {
float: left;
clear: both;
width: 100%;
margin: 20px 0 0 0;
}
body #hizliBakis .divHizliBakisFavorilerimeEkle a .box1 {
font-size: 13px;
color: #000;
background: #fafafa;
display: block;
border: 1px solid #eee;
line-height: 40px;
padding: 0 10px;
font-family: "Urbanist", sans-serif;
}
body #hizliBakis .divHizliBakisFavorilerimeEkle a .box1 i {
margin-right: 10px;
font-size: 18px;
display: inline-block;
vertical-align: top;
font-weight: 300;
line-height: 40px;
}
body
#hizliBakis
.divHizliBakisFavorilerimeEkle
a#aHizliBakisFavoriCikar
.box1
i {
font-weight: 700;
}

body #hizliBakis #hizliBakisTahminiTeslimatSuresi {
font-size: 13px;
line-height: 13px;
margin: 10px 0 0 0;
color: #000;
float: left;
clear: both;
font-family: "Urbanist", sans-serif;
}
body #hizliBakis .PreviewselectedImages .PreviewselectedImagesBox {
padding-bottom: var(--urun-box-boyut);
}
body #hizliBakis .PreviewallImagesItem .PreviewallImagesBox {
padding-bottom: var(--urun-box-boyut);
}
body #hizliBakis #divOzelAlan1,
body #hizliBakis #divOzelAlan2,
body #hizliBakis #divOzelAlan3,
body #hizliBakis #divOzelAlan4,
body #hizliBakis #divOzelAlan5 {
float: left;
font-size: 13px;
line-height: 30px;
margin: 10px 10px 0 0;
padding: 0 10px;
color: #000;
background: #fafafa;
border: 1px solid #eee;
}
/*Hizli Bakis*/

/*Galeri Modülü*/
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;
}

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

section.ResimGaleri .Main .Marquee-tag:hover:before {
content: "\f002";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
z-index: 9;
font-family: fontawesome;
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, 0.46);
}

.Modals .modal-body {
padding: 30px;
max-width: 420px;
}

.Modals .modal-body .modal-title {
font-weight: bold;
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: bold;
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: white;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.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: 0.1px;
height: 0.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: #ffffff;
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: white;
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, 0.11);
}

.AddGalleryModal .drop {
display: block;
position: absolute;
background: rgba(95, 158, 160, 0.2);
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
}

.AddGalleryModal .animate {
-webkit-animation: ripple 0.4s linear;
animation: ripple 0.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: #1894ac;
}

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

@media (max-width: 480px) {
section.ResimGaleri .Main .AllGallery {
  position: static;
  margin: 10px auto 0;
  display: table;
}
}
/*Galeri Modülü*/

/*anasayfa tab*/
.AnasayfaTab {
float: right;
width: 100%;
position: relative;
margin: 30px 0 0;
}
.AnasayfaTab-Title {
float: left;
width: 100%;
text-align: center;
position: relative;
}
.AnasayfaTab-Title:after {
content: "";
position: absolute;
height: 2px;
z-index: 1;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
max-width: 40%;
}
.AnasayfaTab-Title span {
padding: 0 30px;
display: inline-block;
vertical-align: top;
background: #fff;
font-size: 24px;
color: #141414;
line-height: 1;
position: relative;
z-index: 2;
font-weight: 700;
}
.AnasayfaTab .JKatAdi .bold .satir1 {
border: none;
}
.AnasayfaTab ._tabHead {
float: left;
width: 100%;
text-align: center;
margin: 30px 0 20px 0;
}
.AnasayfaTab ._tabHead ul {
display: inline-block;
vertical-align: top;
padding: 0;
list-style: none;
font-size: 0;
}
.AnasayfaTab ._tabHead li {
float: left;
margin: 0 5px;
}
.AnasayfaTab ._tabHead li:last-child {
margin-right: 0;
}
.AnasayfaTab ._tabHead li span {
cursor: pointer;
line-height: 36px;
color: #555;
font-weight: 500;
padding: 0 15px;
display: block;
border: 2px solid transparent;
border-radius: 20px;
font-size: 14px;
}
.AnasayfaTab ._tabHead li._tabHead_active span {
border-color: #efefef;
}
.AnasayfaTab .anasayfaTabAlt {
width: 100%;
padding: 0;
float: left;
height: 0;
overflow: hidden;
position: relative;
}
.AnasayfaTab .anasayfaTabAlt.active {
overflow: visible;
height: 100%;
-webkit-animation: fadein 2s;
-moz-animation: fadein 2s;
-ms-animation: fadein 2s;
-o-animation: fadein 2s;
animation: fadein 2s;
}
.AnasayfaTab .anasayfaTabAlt.active .sliderBannerContainer {
}
.AnasayfaTab .anasayfaTabAlt .ProductList {
float: left;
width: 100%;
padding: 0;
}
.AnasayfaTab .anasayfaTabAlt .sliderBannerContainer {
float: left;
width: 100%;
margin: 0;
padding: 0;
border: none;
}
.AnasayfaTab .anasayfaTabAlt .sliderBannerContainer ul {
padding: 0;
}
.AnasayfaTab .anasayfaTabAlt .sliderBannerContainer .jCarouselLite {
float: left;
width: 100%;
}
.AnasayfaTab .anasayfaTabAlt .sliderBannerContainer.NoSlider .jCarouselLite ul {
margin: 0 -10px;
}
.AnasayfaTab
.anasayfaTabAlt
.sliderBannerContainer.NoSlider
.jCarouselLite
ul
li {
float: left;
width: 25%;
padding: 0 10px;
margin-bottom: 3px;
}
.AnasayfaTab
.anasayfaTabAlt
.sliderBannerContainer.NoSlider
.jCarouselLite
ul
li
.productItem {
}
.AnasayfaTab
.anasayfaTabAlt
.sliderBannerContainer.NoSlider
.jCarouselLite
ul
li
.productItem
.productImage
a {
}
/*anasayfa tab*/
/*trend marka*/
.Trend {
float: left;
width: 100%; /* overflow: hidden; */
margin: 30px 0;
}
.Trend-Title {
float: left;
width: 100%;
text-align: center;
position: relative;
margin-bottom: 30px;
}
.Trend-Title span {
line-height: 1;
color: #141414;
position: relative;
z-index: 2;
font-size: 24px;
font-weight: 600;
display: inline-block;
vertical-align: top;
text-align: center;
background: #fff;
padding: 0 30px;
}
.Trend-Title:after {
content: "";
position: absolute;
height: 2px;
z-index: 1;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
max-width: 40%;
}
.Trend-List {
float: left;
width: 100%;
}
.Trend-List ul {
margin: 0 -15px;
padding: 0;
list-style: none;
width: calc(100% + 30px);
float: left;
}
.Trend-List ul li {
padding: 0 15px;
float: left;
width: 33.3333333333333%;
}
.Trend-Wrap {
float: left;
width: 100%;
}
.Trend-Img {
float: left;
width: 100%;
}
.Trend-Text {
float: left;
width: 100%;
box-shadow: 0 2px 2px rgb(0 0 0 / 7%);
-webkit-box-shadow: 0 2px 2px rgb(0 0 0 / 7%);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
padding-bottom: 20px;
position: relative;
z-index: 8;
}
.Trend-Step1 {
text-align: center;
max-width: 100%;
margin: 0 20px;
background: #fff;
font-size: 25px;
color: #141414;
line-height: 1;
padding: 16.5px 0;
margin-top: -40px;
font-weight: 500;
}
.Trend-Step1 span {
display: block;
font-size: 12px;
font-weight: 500;
color: #141414;
line-height: 1;
margin-bottom: 10px;
}
.Trend-Step2 {
font-family: "Urbanist", sans-serif;
text-align: center;
padding: 0 10px;
line-height: 20px;
font-size: 13px;
margin: 10px 0 20px 0;
color: #141414;
}
.Trend-Step3 {
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 1;
transition: ease 0.3s all;
}
a:not(:hover) .Trend-Step3 {
color: #141414;
}
.FixedBoxed {
position: fixed;
bottom: 0;
right: 0;
z-index: 9;
width: 100%;
height: 91px;
transition: ease 0.3s all;
bottom: -91px;
background: #f1f1f1;
}
.FixedBoxed.active {
bottom: 0;
}
.FB-Sepet {
display: inline-block;
vertical-align: middle;
}
.FB-Sepet input {
color: #fff;
font-weight: 500;
font-size: 16px;
width: 100%;
display: inline-block;
vertical-align: top;
padding: 0;
letter-spacing: 0;
border: none;
border-radius: 0;
text-transform: uppercase;
-moz-appearance: none;
-webkit-appearance: none;
height: 50px;
min-width: 300px;
font-family: "Urbanist", sans-serif !important;
}
.FB-Sepet input:not(:hover) {
background: #333;
}
.FB-Detail {
width: 100%;
padding: 20px 40px;
text-align: right;
float: right;
}
.urunsecbody .FB-Detail {
width: 100%;
}
.FB-Favori {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
.FB-Detail .UFavorilerimeEkle {
}
.FB-Detail .UFavorilerimeEkle a {
}
.FB-Detail .UFavorilerimeEkle a .box1 {
font-size: 13px;
line-height: 48px;
border: 1px solid;
display: block;
padding: 0px 15px;
background: #fff;
color: #141414;
font-family: "Urbanist", sans-serif;
}
.FB-Detail .UFavorilerimeEkle a .box1 i {
font-size: 20px;
font-weight: 300;
display: inline-block;
vertical-align: top;
margin-right: 10px;
line-height: 48px;
}
.FB-Detail .Basketinp {
float: none;
display: inline-block;
vertical-align: top;
margin-right: 20px;
width: 120px;
}
.FB-Detail #divAdetCombo {
float: none;
display: inline-block !important;
vertical-align: top;
margin-right: 20px;
width: 90px;
position: relative;
}
#aFavroriCikarBtn i {
font-weight: 700;
}
.FB-Title {
float: left;
line-height: 50px;
color: #141414;
font-size: 16px;
font-weight: 500;
}
.HeaderTop {
float: left;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 40px;
}

/*siteozelalan*/
@media screen and (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 0.3s ease-in-out;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
#header.fixed.gectop {
  top: 0;
}
#header.fixed .HeaderTop {
  display: none;
}
#header.fixed .logoArea {
  padding: 15px 0;
}
#header.fixed .HeaderLogo a img,
#header.fixed .HeaderLogo a {
  max-height: 40px !important;
}
#header.fixed .navigation .navUl > li > a {
  line-height: 40px;
}
#header.fixed .Flexscroll {
  top: 40px;
}
body.margin {
  margin-top: 192px;
}
.productItem:hover .ozelAlanEx {
  opacity: 0;
  pointer-events: none;
}
.productItem:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
}

@media screen and (min-width: 1042px) {
.sortingContent {
  display: block !important;
}
.col-5li {
  width: 20%;
}
body #divSayfalamaUst .filterBlock {
  float: left;
  border: none;
  border-radius: 0;
  width: auto;
}
body #divSayfalamaUst .category-vertical-filters.top-filters {
  padding: 0;
  margin: 0;
  background: 0 0;
  position: static;
  margin-bottom: 10px;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .panel
  .panel-heading:not(.active)
  + .FiyatTextBox {
  display: none;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .panel
  .panel-heading
  + .FiyatTextBox {
  background: #fff;
  max-height: 250px;
  -webkit-box-shadow: 0 5px 12px 0 #bfbbbf;
  -moz-box-shadow: 0 5px 12px 0 #bfbbbf;
  box-shadow: 0 5px 12px 0 #bfbbbf;
  border: 1px solid #efefef;
  left: 0;
  right: 0;
  top: 45px;
  z-index: 999;
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  padding: 10px;
  margin-top: 20px;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .panel
  .panel-heading
  + .FiyatTextBox
  input {
  height: 40px;
  border: 1px solid #eee;
  text-align: center;
  text-indent: 0;
  font-size: 10px;
}
body #divSayfalamaUst .category-vertical-filters.top-filters .panel {
  margin: 0 10px 10px 0;
  padding: 0;
  width: auto;
  position: relative;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .panel.vertical-top-price-filter {
  min-width: 150px;
  margin-left: 10px;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .panel
  .panel-heading {
  padding: 0;
  margin: 0;
  min-width: auto;
  border-right: none;
  background-color: transparent !important;
  border: 1px solid #eee;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .panel
  .panel-heading:after {
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .panel
  .panel-heading
  a {
  line-height: 40px;
  padding-left: 15px;
  text-align: left;
  color: #141414;
  font-size: 13px;
  padding: 0 15px;
  font-weight: normal;
  font-family: "Urbanist", sans-serif;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .panel
  .panel-heading
  a:after {
  content: "\f107";
  line-height: 38px;
  vertical-align: top;
  margin-left: 10px;
  position: static;
  font-size: 18px;
  font-family: fontawesome;
  font-weight: 300;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .panel
  .panel-heading.active
  a:after {
  content: "\f106";
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .list-group.dropdown
  > li {
  float: left;
  text-align: left;
  margin: 0;
  width: 100%;
  padding: 0;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .div-kategori
  .list-group.dropdown
  > li {
  width: 100%;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .list-group.dropdown
  li
  a {
  line-height: 28px;
  font-size: 13px;
  color: #777;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .list-group.dropdown
  li
  a:hover {
  text-decoration: underline;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .list-group.dropdown
  > li
  ul {
  display: block;
  list-style: none;
  padding: 0 0 0 10px;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .list-group.dropdown
  > li
  ul
  > li {
  width: 100%;
}
body
  #divSayfalamaUst
  .category-vertical-filters
  .vertical-filter-panel
  .list-group-item:before {
  margin-top: 7px;
  display: inline-block;
}
body
  #divSayfalamaUst
  .category-vertical-filters
  .vertical-filter-panel
  .list-group-item.list-group-item-image {
  background: 0 0 !important;
}
body
  #divSayfalamaUst
  .category-vertical-filters
  .vertical-filter-panel
  .list-group-item
  a {
  color: #000;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .list-group.dropdown {
  top: 100%;
  width: 250px;
  list-style: none;
}
body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range {
  background: #dfdfdf;
  height: 5px;
  width: 100%;
  margin: 13px 0 5px 0;
  border: none;
  float: left;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .slider-range
  .ui-slider-range {
  background: #b4b4b4;
  height: 4px;
  margin-top: 0;
}
body
  #divSayfalamaUst
  .category-vertical-filters.top-filters
  .slider-range
  .ui-slider-handle {
  border-radius: 100%;
  width: 18px;
  height: 18px;
  border: none;
  margin-top: 0;
  margin-right: -4px;
  top: -7px;
}
body #divSayfalamaUst .category-vertical-filters.top-filters .amount {
  color: #262626;
  font-size: 14px;
  font-weight: 600;
  left: 0;
  padding: 5px 0 0;
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
.FiltreUst {
  display: none;
}
.tukgo {
  display: none;
}
}
/* ------------------------------------Container--------------------------------------------*/
body ul.breadcrumb, .userLoginContent, .hesabimContent, .ticiContainer, .blockContainer { max-width: calc(100% - 90px); margin: 0 auto; position: relative; clear: both; display: block; }


.sliderBannerContainer .ProductList {
max-width: 100%;
margin: 0 auto;
}
.detaySliderContainer .ProductList {
max-width: 100%;
margin: 0 auto;
}
.homeContainer .ProductListContent .ProductList {
max-width: 100%;
margin: 0 auto;
}
/**/
.headerContent {
}
.ticiContainer {
}
.innerContainer {
}
#divIcerik.homepage {
}
.UyeOl .ticiContainer {
}
#footer .ticiContainer {
}
.UyeGiris .ticiContainer {
}
.Magazalar .ticiContainer {
}
.sepetimBody .ticiContainer {
}
.sepetimBody .headerContent {
}
.HesabimTakip .ticiContainer {
padding: 0px 40px 0px 40px;
}
.Iletisimaspx .ticiContainer {
padding: 0px 40px 0px 40px;
}
.homeContainer .ticiContainer {
}
.ticiContainer.homeContainer {
}
.ticiContainer.pageContainer {
}
.ticiContainer.categoryContainer {
padding: 0 40px 0 40px;
}
.sepetimBody #footer .ticiContainer {
}
.ticiContainer.productDetailContainer {
padding: 0 40px 0 40px;
}
body ul.breadcrumb {
clear: none;
font-size: 0;
}
body.CategoryBody ul.breadcrumb {
text-align: left;
float: left;
width: 100%;
max-width: 100%;
}
.sepetimBody .footerSslLogo {
display: none !important;
}
.sepetimBody .headerContent {
box-shadow: none;
}
/**/
.centerCount.Middle {
}
.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: 320px;
padding-right: 30px;
}
.rightBlock {
float: right;
width: 320px;
padding-left: 20px;
}
.centerCount {
float: left;
width: 100%;
padding: 0;
}
.leftBlock + .centerCount {
width: calc(100% - 320px);
}
/*SolveOrta*/
.leftBlock.LeftMiddle {
width: 320px;
margin-bottom: 30px;
}
.centerCount.LeftMiddle {
width: calc(100% - 320px);
}
.rightBlock.MiddleRight {
width: 300px;
}
.centerCount.MiddleRight {
width: calc(100% - 300px);
}
/*SolOrtaSag*/
.leftBlock.LeftMiddleRight {
}
.rightBlock.LeftMiddleRight {
}
.centerCount.LeftMiddleRight {
}
/*OrtaSag*/
.rightBlock.MiddleRight {
}
.centerCount.MiddleRight {
}
/**/
.ticiContainer:before,
.ticiContainer:after {
content: "";
display: table;
}
.ticiContainer:after {
clear: both;
}
.ticiContainer {
clear: both;
zoom: 1;
}
/* ------------------------------------Container--------------------------------------------*/
/*Tablet ekranina kadar olan windows gorunumu*/
@media screen and (min-width: 1041px) and (max-width: 1200px) {
.leftBlock.LeftMiddle {
  width: 25%;
  padding-right: 20px;
}
.centerCount.LeftMiddle {
  width: 75%;
}
/*SolOrtaSag*/
.leftBlock.LeftMiddleRight {
  width: 25%;
}
.rightBlock.LeftMiddleRight {
  width: 50%;
}
.centerCount.LeftMiddleRight {
  width: 25%;
}
/*OrtaSag*/
.rightBlock.MiddleRight {
  width: 25%;
}
.centerCount.MiddleRight {
  width: 75%;
}
.homeContainer .col-5li {
  width: 25%;
}
}

@media screen and (min-width: 1025px) and (max-width: 1230px) {
/* ------------------------------------Container--------------------------------------------*/
.headerContent,
body ul.breadcrumb,
.userLoginContent,
.hesabimContent,
.sepetimBody .headerContent,
.sepetimBody #footer .ticiContainer,
.ticiContainer {
  max-width: 960px;
  margin: 0 auto;
}
/* ------------------------------------Container--------------------------------------------*/
body.ProductBody ul.breadcrumb {
  max-width: 100%;
}
#divKombinSatinAl,
.buyfast + #divKombinSatinAl {
  width: 100%;
  margin: 0 0 20px 0;
  float: left;
  clear: both;
}
#divKombinSatinAl a,
.buyfast input,
.basketBtn input {
  font-size: 14px;
}
.ProductIcon > div {
  margin: 10px 0;
  width: 50%;
}
#divSocialButtons > *:not(script) {
  float: none;
  display: inline-block !important;
  vertical-align: top;
}
.ProductIcon2 > div > a {
  margin-right: 10px;
}
.ProductIcon .box1 {
  font-size: 12px;
}
.buyfastyok {
  width: calc(100% - 110px);
}
.buyfastyok + #divKombinSatinAl {
  width: 100%;
  margin: 0 0 20px 0;
}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb {
  width: 80px;
}
.leftImage {
  width: 480px;
}
.RightDetail {
  width: calc(100% - 480px);
  padding-left: 20px;
}
.SmallImages {
  width: 73px;
}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list {
  padding-right: 7px;
}
.ticiTopBlockContent,
.ticiBottomBlockContent {
  padding: 0 20px;
}
}

@media (min-width: 768px) and (max-width: 1041px) {
body .mobilFilterOpenBtn .button {
  float: right;
  width: calc(50% - 10px) !important;
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {
  padding: 0;
}
}

@media screen and (min-width: 768px) {
.mobilLang {
  display: none;
}
.SepetUst {
  display: none;
}
}

@media (max-width: 1024px) {
  .hsbmFvrProductContent .hsbmFvrProductItemCol {
    width: 100%;
  }

  #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm,#mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-1,#mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-2,#mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-3,#mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-4,#mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-5,#mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-6,#mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-7,#mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-8,#mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-9,#mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-10,#mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-11,#mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-12,#mainHolder_divDesign .hazirBlokContent .txrow .txcol-12 {
     padding: 0 1vw!important;
     text-align: left!important;
  }

  #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-3.box-t-mb-15 {
      margin-bottom: 10px;
      max-width: 200px!important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
/* ------------------------------------Container--------------------------------------------*/
.headerContent,
body ul.breadcrumb,
.userLoginContent,
.hesabimContent,
.sepetimBody .headerContent,
.sepetimBody #footer .ticiContainer,
.ticiContainer {
  max-width: 720px;
  margin: 0 auto;
}
/* ------------------------------------Container--------------------------------------------*/
body.ProductBody ul.breadcrumb {
  max-width: 720px;
}
.mobilMenuAcButton {
  visibility: visible;
}

#divKombinSatinAl,
.buyfast + #divKombinSatinAl {
  width: 100%;
  margin: 0 0 20px 0;
  float: left;
  clear: both;
}
#divKombinSatinAl a,
.buyfast input,
.basketBtn input {
  font-size: 14px;
}
.ProductIcon > div {
  margin: 10px 0;
  width: 50%;
}
#divSocialButtons > *:not(script) {
  float: none;
  display: inline-block !important;
  vertical-align: top;
}
.ProductIcon2 > div > a {
  margin-right: 10px;
  font-size: 10px;
  padding: 0 5px;
}
.ProductIcon .box1 {
  font-size: 12px;
}
.buyfastyok {
  width: calc(100% - 110px);
}
.buyfastyok + #divKombinSatinAl {
  width: 100%;
  margin: 0 0 20px 0;
}
.navigation .navUl > li .Flexscroll > ul {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb {
  width: 80px;
}
.leftImage {
  width: 50%;
}
.RightDetail {
  width: 50%;
  padding-left: 20px;
}
body .TopDet .productTimer {
  position: static !important;
  width: 100%;
  margin-bottom: 20px;
}
#productDetailTimer + .markaresmi {
  top: 80px;
}
#divMobileImageList .owl-dots {
  display: block;
  float: left;
  width: 100%;
}
body .TopDet .productTimer > span.productTimerContent > span:first-child {
  font-size: 16px !important;
}
body .TopDet .productTimer > span.productTimerContent > span:last-child {
  font-size: 12px !important;
}
.leftImage .ProductGallery .gallery-container .GalleryArea {
  width: 100%;
}
.logoArea .leftDiv {
  width: 40px;
}
.logoArea .rightDiv {
  width: 63%;
}
.ticiTopBlockContent,
.ticiBottomBlockContent {
  max-width: 96%;
  margin: 0 auto;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col {
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.HomeImageBlock,
.sliderBannerContainer {
  margin: 20px 0;
}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold,
.JKatAdi .bold {
  margin-bottom: 20px;
}
.sliderBannerContainer.NoSlider .ulUrunSlider li {
  padding: 10px;
  -webkit-flex: 0 0 33.33333333333%;
  -ms-flex: 0 0 33.33333333333%;
  flex: 0 0 33.33333333333%;
  max-width: 33.33333333333%;
  width: 33.33333333333%;
}
.sliderBannerContainer.NoSlider .ulUrunSlider {
  margin: -15px;
}
.TIT-Step1 {
  font-size: 14px;
}
#footer .FooterSocial ul li a i {
  width: 30px;
}
.searchContent {
  width: 140px;
  margin-right: 20px;
}
.welcome {
  margin: 0 20px;
}
}

/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media screen and (max-width: 1041px) {
body.overflow {
  overflow: hidden;
  min-height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  overflow: hidden;
  top: 0;
}
.mobileStyle .header-cart-hover {
  width: 100%!important;
}

.newHeaderNavigation.mobileStyle .newHeaderNav {
  width: 100%!important;
}
/******************************************************/
#divSayfalamaUst .filterBlock {
  display: block !important;
}
.mobilMenuAcButton {
  display: block;
  position: static;
}
body .dropdown-toggle:after {
  display: none;
}
body #divSayfalamaUst {
  padding: 0;
  margin: 10px 0;
  width: 100%;
  border: none;
  background: transparent;
}
.urunListRel {
  width: 100%;
}
body .mobilFilterOpenBtn .button {
  padding: 0;
  margin: 0;
  color: #fff;
  width: calc(50% - 5px);
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  text-transform: uppercase;
}
body .mobilFilterOpenBtn .button.mobilSiralamBtn {
  float: left;
}
body .mobilFilterOpenBtn .button.mobilSiralamBtn:before {
  content: "\f15d";
  font-family: fontawesome;
  font-weight: 300;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
body .mobilFilterOpenBtn .button.mobilFilterBtn:before {
  content: "\f0b0";
  font-family: fontawesome;
  font-weight: 300;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
body .mobilFilterOpenBtn .button {
  float: right;
  width: calc(50% - 5px);
}
body #divSayfalamaUst {
  margin-bottom: 20px;
  margin-top: 0;
}
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 {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(50% - 5px);
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent {
  width: 100%;
  display: block !important;
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li {
  width: 100%;
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
  width: 100%;
  height: 40px;
  font-size: 0;
  text-indent: 0;
  border: none;
  color: #000;
  font-weight: 500;
  min-width: auto;
  border-radius: 0;
  background: transparent;
  -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: 25;
  border-bottom: none;
  background: #fff;
  margin: 20px 0 0 0;
}
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
  a:before {
  display: none;
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a {
  border-bottom: 1px solid #e5e5e5;
}

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

body .category-vertical-filters.top-filters .panel .panel-heading {
  padding: 0;
  margin: 0;
  border: none;
  background: #fff;
  float: left;
  width: 100%;
}
body .category-vertical-filters.top-filters .panel .FiyatTextBox {
  display: none;
}
body .category-vertical-filters.top-filters .panel .FiyatTextBox input {
  height: 35px;
  padding: 0 10px;
  font-size: 12px;
  border: 1px solid #eee;
}
body
  .category-vertical-filters.top-filters
  .panel
  .panel-heading.active
  + .FiyatTextBox {
  display: block;
  padding: 10px;
  float: left;
  width: 100%;
  background: #fff;
}
body .category-vertical-filters.top-filters .panel .panel-heading a {
  float: left;
  width: 100%;
  text-align: left;
  color: #262324;
  font-weight: 500;
  font-size: 15px;
  line-height: 50px;
  padding: 0 10px;
  text-transform: uppercase;
}
body .category-vertical-filters.top-filters .panel .panel-heading a:after {
  top: 0;
  color: #000;
  font-weight: 300;
  font-family: "fontawesome";
  right: 10px;
}
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 .list-group.dropdown {
  border: none;
  position: static;
  box-shadow: none;
}
body .category-vertical-filters.top-filters .list-group.dropdown ul {
  margin-top: 10px;
}
body .category-vertical-filters.top-filters .list-group.dropdown li {
  width: 100%;
  margin-right: 0;
  text-align: left;
  margin-bottom: 10px;
}
body .category-vertical-filters.top-filters .list-group.dropdown li a {
  color: #000;
  line-height: 16px;
}
body
  .category-vertical-filters.top-filters
  .vertical-filter-panel
  .list-group-item
  a {
  font-size: 13px;
  color: #262324;
  font-weight: normal;
  float: left;
}
body
  .category-vertical-filters
  .vertical-filter-panel
  .list-group-item:before {
  border-radius: 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: transparent !important;
  height: auto;
}
body .category-vertical-filters.top-filters .panel.vertical-top-price-filter {
  width: 100%;
  margin: 0px 0 20px 0;
}
body
  .category-vertical-filters.top-filters
  .panel.vertical-top-price-filter
  .FiyatSlider {
  background: #fff;
  float: left;
  width: 100%;
  padding: 20px 20px 10px 20px;
}

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

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: auto;
}
.mobileImageSlider .owl-stage-outer {
  float: left;
  width: 100%;
}
.uyeOlContainer #FrmYeniUye > .uyeOlCol {
  width: 100%;
  padding: 10px;
  margin: 10px 10px 0 0;
}
.uyeOlContainer .FormTitle {
  margin: 10px 0;
  padding: 10px 0;
  font-size: 18px;
  font-weight: 600;
}
.uyeOlContainer .uyeOlCol input.textbox {
  padding: 10px 0;
}
.uyeOlContainer .uyeOlCol select.selectboxx {
  padding: 10px 0;
}
.Magazalar .magazaSelect {
  width: 100%;
  margin-right: 0;
}
.Magazalar #searchStore {
  width: 100%;
  margin-right: 0;
}
}

@media screen and (min-width: 769px) {
.FooterCol > * {
  display: block !important;
}
}

body #header .stories.carousel {
float: right;
width: auto;
margin: 0;
position: absolute;
right: 0px;
top: 100%;
margin-top: 10px;
}
body #header .stories.carousel .story {
display: inline-block;
width: 35px;
max-width: 35px;
margin: 0 6px;
vertical-align: top;
}
body #header .stories.carousel .story > .item-link > .item-preview {
display: block;
box-sizing: border-box;
font-size: 0;
max-height: 35px;
height: 35px;
overflow: hidden;
transition: transform 0.2s;
display: block;
box-sizing: border-box;
font-size: 0;
transition: transform 0.2s;
background: url(../Default/images/instagramborder.png);
background-size: contain;
padding: 3px;
background-repeat: no-repeat;
}
body #header .stories.carousel .story > .item-link > .item-preview img {
display: block;
box-sizing: border-box;
height: 100%;
width: 100%;
object-fit: cover;
border: 0 !important;
border-radius: 99999px;
}
body #header .stories.carousel .story > .item-link > .info {
display: none;
}

@media (max-width: 767px) {
  body #header .stories.carousel {
    margin: 0;
    position: absolute;
    right: 78px;
    top: 17px;
  }
  
  body #header .stories.carousel .story {
    width: 30px;
    max-width: 30px;
  }
  body #header .stories.carousel .story > .item-link > .item-preview {
    max-height: 30px;
    height: 30px;
  }
  .divRelatedProductsMini {
    border-radius: 16px 16px 0 0!important;
  }
  .divRelatedProductsMini .ulRelatedProductsMini {
    list-style-type: none!important;
    padding-inline-start: 20px!important;
    padding-inline-end: 20px!important;
  }
  .divRelatedProductsMini .relatedProductsMiniTitle {
    padding: 20px 16px 12px!important;
  }
  .divRelatedProductsMini .relatedProductsMiniTitle .relatedProductsMiniText {
    font-size: 12px!important;
    color: #15284b!important;
    letter-spacing: 0.075rem;
    font-family:  "Urbanist", sans-serif!important;
    font-weight: 600;
  }
  .divRelatedProductsMini .relatedProductsMiniTitle .relatedProductsMiniClose {
    font-size: 18px!important;
    color: #15284b!important;
  }
}

/* Mobil Ekran */
@media screen and (max-width: 767px) {
.navigation {
  display: none;
}
body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.blockContainer{max-width:100%;}
body #divSayfalamaUst {
  margin-bottom: 10px;
}
.sortingContent .ikonSpan {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 6px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
}
/*MobilMenu*/
.menuUstBolum {
  width: 100%;
  display: inline-block;
  float: left;
  margin-top: 0;
  border-bottom: 1px solid #e8e8e8;
  background: #fafafa;
}
.menuUstBolum .CloseBtnMenu {
  float: right;
  line-height: 50px;
  color: #fff;
  font-size: 30px;
  width: 50px;
  text-align: center;
  margin: 0;
  cursor: pointer;
  font-size: 35px;
  text-align: right;
  padding-right: 15px;
  color: #141414;
}
.menuUstBolum .CloseBtnMenu i {
  font-weight: 300;
}
.menuUstBolum .menuBack {
  float: left;
  line-height: 50px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  margin: 0;
  cursor: pointer;
  padding-left: 20px;
}
.menuUstBolum .menuBack i {
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
  line-height: 50px;
  margin-right: 10px;
}
.menuUstBolum .mobilMenuBT {
  padding-left: 15px;
  font-size: 12px;
  color: #141414;
  display: none;
}
.menuUstBolum .mobilMenuBT i {
  font-size: 22px;
}
.menuUstBolum .mobilMenuBT i,
.menuUstBolum .mobilMenuBT span,
.menuUstBolum .CloseBtnMenu,
.menuUstBolum .CloseBtnMenu i {
  line-height: 51px;
  display: inline-block;
  vertical-align: top;
}
.mobilaf {
  position: fixed;
  right: 0;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  display: none;
  -webkit-animation: fadein 0.5s;
  -moz-animation: fadein 0.5s;
  -ms-animation: fadein 0.5s;
  -o-animation: fadein 0.5s;
  animation: fadein 0.5s;
}
.mobilaf.acik {
  display: block;
}
.mobilMenu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 360px;
  z-index: 99999;
  background: #fff;
  left: -360px;
  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% - 51px);
  position: absolute;
  top: 51px;
  right: 0;
  left: 0;
}
.menuUstBolum .MobilMenuSocial {
  padding-left: 10px;
}
.mobilMenu .navUl {
  float: left;
  width: 100%;
  height: 100%;
  padding: 10px;
}

/*Acilirmenuicerik*/
.mobilMenu .altMenu .altMenuMarkalar,
.mobilMenu .altMenu .altMenuler {
  float: left;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.mobilMenu .altMenu .altMenuSag {
  display: none;
}
.mobilMenu .altMenu .altmenuSol {
  float: left;
  width: 100%;
  height: 100%;
}
/**/

/*Markalar*/
.mobilMenu .altMenu .altMenuMarkalar > a {
  float: left;
  width: 50%;
  padding: 0 13px;
  min-height: 57px;
  text-align: center;
  margin-bottom: 15px;
}
#divIcerik.homepage {
  margin: 0 auto;
}
body {
  /* padding-top: 60px; */
}
body.sepetimBody {
  padding-top: 0;
}
body #lang_flag_container {
  margin: 0 !important;
  position: static !important;
  left: 0 !important;
  right: 0 !important;
}

#lang_flag_container #langHover {
  display: none !important;
}
#lang_flag_container.selector #lang-detail {
  left: 0 !important;
}
#lang_flag_container #lang-detail {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  box-shadow: none !important;
  left: -100% !important;
  transition: ease 0.3s all;
  right: auto !important;
  bottom: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 1002 !important;
  height: calc(100% - 50px);
  padding: 50px 15px 15px 15px;
  width: 85% !important;
  top: 0px !important;
  position: fixed !important;
}
#lang_flag_container.selector #lang-detail .language,
#lang-detail .currency {
  width: 100% !important;
  border: 1px solid #eee;
  padding: 10px 20px !important;
  margin-bottom: 15px !important;
}
#lang_flag_container #lang-detail > .fa-times {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #000;
  font-size: 25px;
  font-weight: 300;
  z-index: 2;
}
.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 10px;
}
#divIcerik {
  padding: 0 10px;
  margin: 0 auto;
}
#footer .ticiContainer {
  padding: 0 10px;
}
#divTicimaxCopyrightContent {
  text-align: center;
  float: left;
  width: 100%;
}
#divTicimaxCopyrightContent a {
  display: inline-block;
}
/*Logo*/
#logo {
  float: none;
  position: static;
  border: none;
  padding: 0;
  background: transparent;
  margin: 0;
  width: 100%;
  text-align: center;
}
.HeaderLogo {
  display: inline-block;
  vertical-align: top;
}
.HeaderLogo a {
  height: 60px;
  padding: 5px 0;
}
.HeaderLogo a img {
  max-height: 40px !important;
  max-width: 135px;
}
#logo:after {
  display: none;
}
#logo .logo {
  margin: 0 auto;
  width: 175px;
  float: none;
  padding: 10px 0;
  text-align: center;
  display: block;
  background: transparent;
}
#logo .logo img {
  max-width: 100%;
  display: inline-block;
}
/*header click button*/
.mycart {
  top: 10px;
  right: -5px;
  width: 15px;
  height: 15px;
  z-index: 2;
}
.mycart .sepetUrunSayisi {
  width: 15px;
  height: 15px;
  line-height: 15px;
  right: 0;
}
.mobilMenuAcButton {
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 24px;
  color: #000;
  visibility: visible;
  padding: 0;
}
.mobilMenuAcButton svg {
  width: 22px;
}
.mobilLang {
  display: block;
  position: absolute;
  top: 0;
  left: 50px;
  font-size: 22px;
  color: #000;
}
.searchClick {
  display: block;
  position: absolute;
  top: 0;
  right: 50px;
  font-size: 22px;
  color: #333;
}
.welcomeOpen {
  display: block;
  position: absolute;
  top: 0;
  left: 50px;
  font-size: 22px;
  color: #000;
}
.mycartClick {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 22px;
  color: #000;
}
.mobilMenuAcButton span {
  font-size: 9px;
  display: block;
  line-height: 9px;
  display: none;
}
.mobilMenuAcButton i {
  display: inline-block;
  vertical-align: top;
  line-height: 60px;
  font-weight: 300;
  font-size: 24px;
}
.mobilLang i {
  display: inline-block;
  vertical-align: top;
  line-height: 60px;
  font-weight: 300;
}
.searchClick i {
  display: inline-block;
  vertical-align: top;
  line-height: 60px;
  font-weight: 300;
}
.welcomeOpen i {
  display: inline-block;
  vertical-align: top;
  line-height: 60px;
  font-weight: 300;
}
.mycartClick i {
  display: inline-block;
  vertical-align: top;
  line-height: 60px;
  font-weight: 300;
}

/*mobilmenu*/
.mobilMenu {
  width: 85%;
  bottom: 50px;
  left: -100%;
}
/*sepetalan*/
.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;
  font-size: 22px;
  position: absolute;
  left: 0;
}
.SepetUst .seClose i {
  display: inline-block;
  vertical-align: top;
  line-height: 50px;
  font-weight: 300;
}
.CartProduct {
  background: #fff;
  background-size: 100%;
  position: fixed;
  right: -100%;
  top: 0;
  width: 100%;
  height: calc(100% - 50px);
  padding: 0;
  display: block !important;
  border: none;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  opacity: 1;
  visibility: visible;
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  box-shadow: none;
  padding: 10px;
  border-radius: 0;
}
.CartProduct.animated {
  right: 0;
}
.CartProduct .SProduct {
  float: left;
  width: 100%;
  max-height: calc(100% - 129px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
  text-align: left;
  margin: 10px 0 0 0;
}
.CartProduct .headerCartBtn {
  line-height: 38px;
  font-size: 12px !important;
}
.CartProduct .headerOrderBtn {
  line-height: 40px;
  font-size: 12px !important;
}

.mycart {
  background: none !important;
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  left: auto;
  bottom: auto;
  z-index: auto;
}
.mycart:before {
  display: none;
}
.mycart:after {
  display: none;
}
.mycart .sepetTopTutar {
  display: none !important;
}
.mycart .sepetUrun {
  display: none !important;
}
.mycart .sepetTecxt {
  display: none !important;
}
.mycart .sepetUrunSayisi {
  display: block !important;
  border-radius: 100%;
  text-align: center;
  font-size: 12px;
  border: none;
  position: static;
  margin: 0;
}
.mycart .sepetUrunSayisi:before {
  display: none;
}
.mycart .sepetUrunSayisi:after {
  display: none;
}
.mycart > a {
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  border: none;
  margin: 0;
  background: transparent;
}
.mycart > a:before {
  display: none;
}
.mycart > a:after {
  display: none;
}
/*Sabit sayfalar icerik*/
.spanTittle {
  font-size: 18px !important;
}
.iletisimContent .iletisimForm {
  width: 100%;
  padding: 0;
}
.iletisimContent .AdBan {
  width: 100%;
}
.iletisimContent .categoryTitle {
  margin: 0;
}
.iletisimContent .categoryTitle .categoryTitleText {
  line-height: 65px;
}
.iletisimContent .categoryTitle:before {
  display: none;
}
.iletisimContent .iletisimRight .categoryTitle {
  margin-bottom: 10px;
}
.iletisimContent .iletisimRight .categoryTitle .categoryTitleText {
  line-height: 65px;
  font-size: 19px;
}
.iletisimContent .iletisimForm .categoryTitle {
  margin-bottom: 10px;
}
.iletisimContent .iletisimForm .categoryTitle .categoryTitleText {
  line-height: 65px;
  font-size: 19px;
}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 {
  float: none;
  display: block;
  margin: 10px 0 0;
}
.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right {
  font-size: 17px;
}
.iletisimContent .iletisimRight .iletisimbanka .span > div span {
  font-size: 12px;
}
.iletisimContent .iletisimLeft .Right {
  font-size: 12px;
}
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right {
  font-size: 20px;
}
.UyeolContent .grid {
  width: 100%;
  margin: 0;
  padding: 10px;
  border: none;
  margin-bottom: 10px;
}
.SifremiUnuttum {
  width: 100%;
  margin: 0;
  padding: 0;
}
.SifremiUnuttum .line {
  width: 100%;
}
.SifremiUnuttum #mainHolder_txtbxMail {
  width: 70%;
}
.SifremiUnuttum .button {
  width: 30%;
}
/*Header Sabitler*/
.resimliYanMenu {
  display: none;
}
.navigation {
  display: none;
}
#header {
  border: none;
  margin-bottom: 0 !important;
  padding-top: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
#header:before {
  display: none;
}
#header.homeHeader {
  border: none;
}
.headerContent {
  text-align: left;
}
/*Arama*/
.searchContent {
  position: absolute;
  z-index: 100;
  float: left;
  left: 0;
  right: 0;
  padding: 0;
  display: none;
  width: 100%;
  border-top: 1px solid #eee;
}
.searchContent.active {
  display: block;
  box-shadow: none;
}
.homeHeader .searchContent {
}
#txtbxArama {
  height: 45px;
  font-size: 13px;
  padding-left: 10px;
  padding-right: 30px;
  background: #fff;
}
#btnKelimeAra {
  height: 45px;
  line-height: 45px;
  border-left: none;
  font-size: 22px;
  top: 0;
  right: 0;
  color: #999;
  width: 45px;
}
#header.touched .searchContent {
  display: none;
}
#header.touched .searchContent.active {
  display: block;
  top: 0;
}
#header.touched .arabtn {
  display: block;
}
/*hosgeldin div*/
.welcome {
  display: block;
  width: 100%;
  position: absolute;
  top: 100%;
  right: 0;
  bottom: auto;
  text-align: center;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  height: 0;
  border-radius: 0;
  z-index: 100;
  overflow: hidden;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
}
.welcome.active {
  height: 40px;
}
.welcome > div {
  width: 100%;
  position: static;
  padding: 0;
  box-shadow: none;
  display: block;
  background: transparent;
  margin: 0;
}
.welcome > ul {
  margin: 0;
}
.welcome > div:before {
  display: none;
}
.welcome:before {
  display: none;
}
.mobilMenu .welcome {
  display: block;
}
.welcome ul {
  float: left;
  width: 100%;
  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: transparent;
  margin-right: 10px;
}
.headerUyeGiris a:after,
.headerHesabim:after,
.headerCikis:after,
.headerUyeOl a:after,
.headerUyeGiris a:before,
.headerHesabim:before,
.headerCikis:before,
.headerUyeOl a:before {
  display: none;
}
/*urun butonlari*/
.ProductIcon {
  position: static;
  width: 100%;
  margin: 5px 0 0;
  float: left;
  padding: 5px 0;
  border: none;
}
.ProductIcon .box1 {
  font-size: 12px;
  width: 100% !important;
  line-height: 35px !important;
  text-align: left;
  border: none;
  border-radius: 0;
}
.ProductIcon .box1 i {
  float: left;
  line-height: 35px;
  width: 35px;
  height: 35px;
  margin-right: 5px;
  margin-bottom: 0;
}
.ProductIcon > div {
  float: left;
  width: 100%;
  margin: 5px 0 0;
  max-width: 100% !important;
}
.ProductIcon > div > a {
  float: left;
  width: 100%;
  margin-bottom: 0;
  transition: all 0.2s ease;
}
.ProductIcon .box1:before {
  display: none !important;
}
.ProductIcon a:hover {
  padding-left: 25px;
}
.ProductIcon2 > div {
  width: auto;
  padding: 0 1px;
}
.ProductIcon2 > div > a {
  margin-right: 0;
  padding: 0 5px;
  width: 100%;
  font-size: 11px;
  white-space: nowrap;
}
.ProductIcon2 > div.YorumYazbtnContent > a {
  margin-right: 0;
}
.ProductIcon2 > div > a:before {
  margin-right: 4px;
  font-size: 12px;
}
.ProductIcon2 > div#divSocialButtons {
  width: 100%;
  margin: 10px 0 !important;
}
.ProductIcon2 > div#divSocialButtons > iframe {
  float: left;
  margin: 0 5px 0 0;
}
.ProductIcon2 > div#divSocialButtons > div {
  float: left;
  margin: 0 5px;
}
.ProductIcon2 > div#divSocialButtons > div i {
  font-weight: 300;
}
.TopDet .product_social_icon_wrapper {
  text-align: center;
  margin: 20px 0 0;
}
.TopDet .product_social_icon_wrapper .PaylasTit {
  display: none;
}
/******************************************************/
.sepetimBody .bottomHead {
  display: none !important;
}
.bottomHead {
  float: left;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  background: #fff;
  border-top: 1px solid #cecece;
  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;
  font-weight: 400;
}

.bottomHead ul li a i {
  display: block;
  margin: 0 auto 3px;
  font-size: 18px;
  font-weight: 300;
}
/*Footer*/
.ui-slider-horizontal .ui-slider-handle {
  border-radius: 100%;
  margin-top: -2px;
  border: 0 !important;
}
.ui-slider-horizontal .ui-slider-handle:nth-child(3) {
  /* left: 95% !important; */ /* right:auto; */
}
body .slider-range {
  width: 100%;
  height: 5px;
  border: 0 !important;
  background: #eee;
  margin: 10px 0 !important;
}
body .ui-slider-horizontal .ui-slider-range {
  background: #e9e9e9 !important;
}
.ebultenDiv {
  width: 100%;
  padding: 0;
  margin: 0;
}
.ebultenGelecek {
  margin: 10px 0 0 0;
}
.Ebulten-In .newsbutton {
  width: 70px;
  font-size: 12px;
  font-weight: 700;
}
#txtbxNewsletterMail {
  font-size: 13px;
  width: calc(100% - 80px);
  padding-left: 10px;
}
#divTicimaxCopyrightContent {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
#divTicimaxCopyrightContent img {
  display: inline-block;
  vertical-align: top;
}
#ticimaxCopyright {
  margin-top: 5px !important;
  font-size: 11px;
}
#back-to-top {
  bottom: 11%;
  right: 2%;
}
#back-to-top a {
  width: 30px;
  height: 30px;
}
#back-to-top a:after {
  line-height: 26px;
}
#footer .socialdiv {
  margin: 0;
  text-align: center;
  margin: 10px 0;
}
#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;
}
/*kategori*/
body #divSayfalamaUst:not(.Slct) .brandlistselection {
  margin-top: 10px !important;
}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {
  padding: 0 !important;
}
.categoryContainer .categoryTitleText {
  padding: 0;
  margin: 0;
}
body .category-vertical-filters.top-filters {
  width: 100%;
  height: 100%;
  box-shadow: none;
  border: none;
}
body.CategoryBody ul.breadcrumb {
  text-align: left;
}
body ul.breadcrumb{white-space: nowrap;position: relative;overflow: auto;font-size: 12px;}
    body ul.breadcrumb::-webkit-scrollbar{width: 0;height: 0;}
    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;display: none;}
    body ul.breadcrumb * {line-height: 40px!important;font-size: 13px!important;max-width: max-content;text-decoration:none;}
    body ul.breadcrumb li:after {line-height: 40px;font-size: 13px!important;content: '...';margin: 0 2px;display: none;}
    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: 80%;}
    body ul.breadcrumb li:nth-last-of-type(1) *{max-width: 100%;font-size: 13px!important;text-overflow: ellipsis; overflow: hidden}
    body ul.breadcrumb li a span{font-size: 13px!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;margin: 0 5px;}
    
.categoryTitleText {
  position: relative;
  z-index: 99;
  padding: 0;
  margin-bottom: 10px;
  margin: 0;
}
.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, 0.2);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px 0 rgba(0, 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);
}
.breadList .mBread ul li a span {
  font-weight: normal;
  line-height: 15px;
}
.breadList .mBread ul li ul {
  padding-left: 4px;
}
.breadList .mBread > ul > li > a span {
  font-weight: 600;
}
.breadList .clbtn {
  position: absolute;
  right: 5px;
  top: 10px;
  width: 30px;
  text-align: center;
  font-size: 18px;
  color: #000;
  z-index: 99;
}
.breadList .clbtn i {
  font-weight: 300;
}
.categoryContainer .breadList .clbtn {
}
.categoryContainer .ProductList.PlSc_hrz .ItemOrj {
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.categoryContainer .ProductList.PlSc_2 .ItemOrj {
  width: 50%;
  max-width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
.categoryContainer .ProductList.PlSc_3 .ItemOrj {
  width: 50%;
  max-width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
.categoryContainer .ProductList.PlSc_4 .ItemOrj {
  width: 50%;
  max-width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
.categoryContainer .ProductList.PlSc_5 .ItemOrj {
  width: 50%;
  max-width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
body:not(.sepetimBody) .ItemOrj {
  width: 50%;
  max-width: 50%;
  flex: 0 0 50%;
  padding: 0 5px;
}
.categoryContainer #divCenterBlock .ProductList {
  margin: 0 -5px;
}
.categoryContainer .ProductListContent .productItem {
  margin-bottom: 10px;
}
body .mobilFilterOpenBtn .button {
  font-size: 13px;
}
/*urundetay*/
.leftImage {
  float: left;
  width: 100%;
}
.RightDetail {
  width: 100%;
  padding: 20px 0 0;
  margin: 20px 0 0 0;
  border-top: 1px solid #eee;
}
body a#linkOncekiSayfa {
  display: none;
}
body .leftImage a#linkOncekiSayfa {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 35px;
  text-align: center;
  font-size: 0 !important;
  font-family: "fontawesome";
  color: #fff;
  z-index: 5;
  line-height: 35px;
  display: block;
  border-radius: 100%;
}
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;
}
#divSatinAl {
}
.Basketinp {
  width: 120px;
}
#divAdetCombo .right_line,
.RightDetail .riSingle {
  width: 120px;
}
.Basketinp p {
  margin-right: 0;
  width: 100%;
}
.basketBtn {
  width: calc(100% - 130px);
  margin: 0 0 0 10px;
}
.buyfast {
  width: 100%;
  margin: 10px 0 10px 0;
}
#divKombinSatinAl {
  width: 100%;
  margin: 10px 0 0;
}
#txtbxurunSiparisAdedi,
#divAdetCombo select,
.RightDetail .riSingle a.riUp,
.RightDetail .riSingle a.riDown,
.basketBtn input,
.buyfast input {
  height: 50px !important;
  font-family: "Urbanist", sans-serif !important;
}
.Basketinp p,
#divAdetCombo .left_line,
.RightDetail .riSingle a.riUp i,
.RightDetail .riSingle a.riDown i,
.RightDetail .riSingle a.riUp,
.RightDetail .riSingle a.riDown,
#divKombinSatinAl a {
  line-height: 50px;
}
.urunOzellik {
  display: none;
}
.urunOzellikTab {
  margin: 25px 0;
  border-top: 1px solid #d7d7d7;
  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 #d7d7d7;
}
.urunOzellikTab .urunTab > ul > li > a {
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 50px;
  float: left;
  width: 100%;
  padding: 0 10px;
}
.urunOzellikTab .urunTab > ul > li > a:after {
  content: "\f078";
  font-family: "fontawesome";
  font-size: 16px;
  float: right;
}
.urunOzellikTab .urunTab > ul > li.active > a {
  color: #fff;
}
.urunOzellikTab .urunTab > ul > li.active > a:after {
  content: "\f077";
}
.urunOzellikTab .urunTab > ul > li.active .urunDetayPanel {
  display: block !important;
}
.urunDetayPanel {
  padding: 15px 0;
  border-top: 1px solid #d7d7d7;
}
.taksitBlok {
  width: 100%;
}
/*mobilicerik*/
.detaySliderContainer {
  margin: 10px 0;
}
.sliderBannerContainer {
  margin: 30px 0;
}
.HeaderTop {
  display: none;
}
.HomeImageBlock ul li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
.HomeImageBlock ul li img {
  width: 100%;
}
#footer {
  margin: 30px 0 0 0;
  padding: 0 0 0 0;
}
.Footer1 {
  padding: 20px 0;
}
.Footer2,
.Footer3 {
  padding: 20px 0;
}
#footer .FC-Title,
#footer .FE-Title {
  font-size: 15px;
  line-height: 1;
  margin-bottom: 10px;
  text-align: left;
}
#footer .FooterSocial ul li a i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
}
#footer .FooterSocial ul li {
  margin-right: 10px;
  width: auto;
}
#footer .FooterSocial {
  margin-bottom: 0px;
  display: none;
}
.FooterCopy {
  text-align: left;
  width: 100%;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 10px;
}
.Footer3Right {
  float: left;
  clear: both;
  margin: 15px 0 0 0;
  display: none;
}
.Footer3Right img {
  max-height: 25px;
}
.FooterCol {
  width: 100%;
  text-align: left;
  max-width: 100%;
}
.FooterCol > .FooterCol-Title {
  font-size: 15px;
  position: relative;
  line-height: 40px;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
  font-weight: 500;
}
.FooterCol-Title::after {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.ackapabtn {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  line-height: 40px;
  font-size: 25px;
  display: block;
  padding: 0 5px 0 0;
  text-align: right;
}
.ackapabtn i {
  font-weight: 300;
}
.FooterCol > .FooterCol-Title + *:not(.active) {
  display: none;
  margin: 5px 0;
  width: 100%;
}
.FooterCol ul li {
  margin: 5px 0;
  width: 100%;
}
.FooterCol > .FooterCol-Title.active + * {
  display: block;
}
.FooterMenuWrap {
  display: block;
  float: left;
  width: 100%;
}
.FooterCol ul li a {
  font-size: 14px;
  line-height: 18px;
  display: block;
}
.spanustSepetteUrunYok {
  font-size: 16px;
  margin: 20px 0 0 0;
  float: left;
  clear: both;
  text-align: center;
  width: 100%;
  font-weight: 900;
}
.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;
}
body.transform #formGlobal {
  left: 0;
}
#pnlSlider .flex-direction-nav .flex-prev:before,
#pnlSlider .flex-direction-nav .flex-next:before {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
}
#pnlSlider .flex-direction-nav {
  top: calc(50% - 15px);
  left: 10px;
  right: 10px;
}
#pnlSlider .flex-control-nav {
  bottom: 15px;
}
#pnlSlider .flex-control-paging li {
  margin: 0 2.5px;
}
#pnlSlider .flex-control-paging li a {
  width: 10px;
  height: 10px;
}
.TrustIcons {
  margin: 0;
  padding: 10px;
}
.landing-block .TrustIcons {
  padding: 0;
}
.TI-Img img,
.TI-Img {
  width: auto;
  margin-right: 10px;
}
.TI-Text {
  width: auto;
  max-width: 140px;
  text-align: left;
  white-space: initial;
}
.TI-List ul {
  display: block;
  white-space: nowrap;
  float: left;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  margin: 0;
}
.TI-List ul li {
  padding: 0;
  display: inline-block;
  vertical-align: top;
  max-width: inherit;
  width: auto;
}
.TIT-Step1 {
  font-size: 13px;
  line-height: normal;
  margin-top: 0;
}
.TIT-Step2 {
  font-size: 12px;
  line-height: normal;
}
.TI-Wrap {
  max-width: inherit;
  white-space: nowrap;
  margin-right: 20px;
  padding: 0;
  float: left;
}
.HomeImageBlock {
  margin: 0;
  padding: 0;
}
.HomeImageBlock li {
  margin: 20px 0 0 0;
}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
.JKatAdi .bold .satir1 {
  font-size: 15px;
  line-height: 1;
}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold,
.JKatAdi .bold {
  margin-bottom: 5px;
}
#mainHolder_divDesign .owl-carousel .owl-nav,
.owl-carousel .owl-nav {
  left: 10px;
  right: 10px;
  top: calc(50% - 15px);
}
#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 {
  width: 30px;
  height: 30px;
}
#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 {
  line-height: 30px;
  font-size: 13px;
}
.markaSlider {
  margin: 30px 0 0 0;
  padding: 0 10px;
}
.markaSlider .owl-carousel {

}
.productItem .productIconLeft {
  left: 5px;
  top: 5px;
}
.productItem .productIconRight {
  right: 5px;
  top: 5px;
}
.discountIcon,
.firsatIcon {
  width: 44px;
  height: 20px;
  line-height: 22px;
  font-size: 10px;
}
.newIcon {
  /* color: #0d9c68 !important; */
  width: 42px;
  height: 20px;
  overflow: hidden;
  line-height: 22px;
  font-size: 14px;
}
.cargoIcon {
  width: 72px;
  font-size: 10px;
  height: 26px;
  line-height: 1;
  padding: 4px;
}
.urunListStokUyari {
  width: 60px;
  font-size: 10px;
  height: 24px;
  line-height: 1;
  padding: 2px;
}
.urunListSonUrun {
  width: 42px;
  font-size: 10px;
  height: 26px;
  line-height: 1;
  padding: 2px;
}
.ozelAlanEx {
  padding: 5px 0;
}
.ozelAlanEx > div {
  font-size: 10px;
  line-height: 1;
  padding: 3px;
  height: auto;
  margin: 2px;
}
.TukendiIco span {
  width: auto;
  font-size: 12px;
  line-height: 25px;
  height: 25px;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
}
.productItem:hover .quickViewIco a {
  display: none;
}
.productItem:hover .productEx {
  display: none;
}
.productItem:hover .productEx2 {
  display: none;
}
.boxBedenlerContainer > div > div {
  font-size: 10px;
}
.boxBedenlerContainer > div {
  margin: 0 2.5px;
}
.productItem .productMarka {
  font-size: 12px!important;
  margin: 5px 0 0 0!important;
  letter-spacing: 0px;
  font-size: 10px!important;
}
.productItem .productName {
  margin: 3px 0 0 0;
}
.productItem .productName a {
  font-size: 13px;
  height: 15px;
}
.productItem .productPoints {
  font-size: 0;
  margin: 7.5px 0 0 0;
}
.productItem .productPoints .rating i {
  font-size: 14px;
  line-height: 14px;
  margin-right: 2.5px;
}
.productItem .productOnYazi {
  max-height: 30px;
  margin: 5px 0 0 0 !important;
}
.productItem .productOnYazi,
.productItem .productOnYazi * {
  font-size: 11px;
  line-height: 15px;
}
.productItem .productStokKodu {
  font-size: 12px;
  line-height: 1;
}
.productItem .productSatisBirimi {
  font-size: 12px;
  line-height: 1;
}
.productItem .productPrice {
  margin: 12px 0 12px 0;
}
.productItem .regularPrice span {
  font-size: 12px;
  line-height: 1;
}
.productItem .regularPrice span:first-child {
  line-height: 12px;
  display: block;
}
.productItem .regularPrice {
  margin-right: 5px;
  margin-top: 3px;
}
.productItem .discountPrice span {
  font-size: 16px;
}
.pageNumberContent a,
.pageBorder a {
  font-size: 11px;
  width: 25px;
  min-width: 25px;
  height: 25px;
  line-height: 23px;
  margin: 0 2.5px;
}
.pageNumberBottom {
  margin: 30px 0 20px 0;
}
.HeaderFavori {
  display: none;
}
.KategoriAdi {
  font-size: 14px;
  line-height: 1;
  text-align: left;
  margin: 10px 0 0 0;
  padding-top: 15px;
}
.CategoryBody .categoryTitleText {
  padding: 0;
  margin: 10px 0 0 0;
}
.markaresmi {
  top: 10px;
  right: 10px;
}
.markaresmi img {
  max-height: 40px;
}
.CategoryBody .ticiTopBlockContent .ticiContainer {
  padding: 0 10px;
}
.ozelAlanEx > div.resimli img {
  max-height: 30px;
}
body .TopDet .productTimer {
  position: static !important;
  margin-bottom: 15px;
  width: 100%;
}
body #divMobileImageList .owl-dots {
  display: block;
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  text-align: center;
  position: relative;
  font-size: 0;
}
#divIndirimOrani {
  float: left;
  clear: both;
  border-radius: 5px;
  width: auto;
  padding: 0 10px;
  margin: 0 0 20px 0;
  height: auto;
  line-height: 1;
}
#divIndirimOrani .right_line *,
#divIndirimOrani .right_line {
  line-height: 40px;
  vertical-align: top;
}
#pnlFiyatlar {
  float: left;
  clear: both;
}
.DetayOzelAlanWrap > div {
  margin-top: 10px;
  margin-right: 10px;
}
.TopDet #IlgiliUrunDiv ul li {
  margin: 10px 10px 0 0;
  width: 45px;
}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {
  padding: 0 4px;
  font-size: 12px;
  line-height: 28px;
  height: 30px;
}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box {
  width: 30px;
}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {
  height: 35px;
}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line:after {
  line-height: 35px;
}
body #frmDinamikForm label {
  margin-bottom: 5px;
  font-size: 13px;
}
body #frmDinamikForm > div {
  margin-bottom: 10px;
}
body .dinamikFormContainer .textbox,
body .dinamikFormContainer select,
#divUrunKisiselNot input {
  padding: 0 10px;
  font-size: 12px;
  height: 35px;
}
body .dinamikFormContainer input[type="tel"] {
  height: 35px;
}
body #frmDinamikForm .jfilestyle .focus-jfilestyle label,
body #frmDinamikForm .jfilestyle .focus-jfilestyle {
  width: 80px;
}
body #frmDinamikForm .jfilestyle .focus-jfilestyle label span {
  font-size: 12px;
}
.selectcontrol:after {
  line-height: 35px;
}
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle label,
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle {
  width: 80px;
}
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle label span {
  font-size: 12px;
}
#divUrunKisiselNot > div:first-child {
  margin-bottom: 10px;
}
#divEtiketler a {
  margin: 2px;
}
.SmallImages {
  margin: 0 !important;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col {
  padding-left: 5px;
  padding-right: 5px;
}
.row {
  margin-left: -5px;
  margin-right: -5px;
}
#footer .FooterEbulten {
  width: 100%;
}
#footer .EbultenLeft {
  width: 100%;
}
#footer .EbultenRight {
  width: 100%;
}
.FixedBoxed.active {
  bottom: 0;
  height: 107px;
  z-index: 9998;
}
.FB-Detail {
  left: 0;
  padding: 10px;
  width: 100%;
}
.FB-Title {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.FB-Favori {
  display: none;
}
.FB-Sepet input:not(:hover) {
  background: #000;
}
.FB-Sepet input:hover {
  background: var(--theme-color);
}
.FB-Sepet input {
  border-radius: 10px;
}
.FB-Sepet {
  width: 100%;
}
.SearchToggle {
  display: none;
}
.menuUstBolum .MobilMenuSocial ul li a i {
  line-height: 50px;
}
.sliderBannerContainer.NoSlider .ulUrunSlider li {
  padding: 5px;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
}
.sliderBannerContainer.NoSlider .ulUrunSlider {
  margin: -5px;
}
.HIB-Content {
  position: static;
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  height: auto;
  padding: 30px 0 20px 0;
  text-align: center;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  background: #fff;
}
.sliderBannerContainer .ProductList {
  width: 100%;
}
.CategoryBody .ticiTopBlockContent {
  padding: 0 10px;
}
.ticiTopBlockContent .categorydesign {
  margin-bottom: 20px;
}
.leftImage .ProductGallery .gallery-container .GalleryArea {
  width: 100%;
}
.AnasayfaTab ._tabHead ul {
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  width: 100%;
}
.AnasayfaTab ._tabHead li {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  margin-left: 0;
}
.AnasayfaTab ._tabHead li:last-child {
  margin-right: 0;
}
.productItem .productDetail {
  padding: 0 0 0 0;
}
.Trend-List ul {
  margin: 0;
  width: 100%;
}
.Trend-List ul li {
  padding: 0;
  width: 100%;
  margin-bottom: 10px;
}
.Trend-List ul li:last-child {
  margin: 0;
}
.Trend-Title span {
  font-size: 15px;
  line-height: 1;
}
.Trend-Title {
  margin-bottom: 10px;
}
.Trend {
  margin: 15px 0;
}
#pnlSlider {
  margin: 10px 0 0 0;
}
#mainHolder_divDesign .owl-carousel .owl-nav,
.owl-carousel .owl-nav,
.leftImage
  .ProductGallery
  .gallery-container
  .owl-carousel.galleryOwl
  .owl-nav {
  left: 10px;
  right: 10px;
}
.ProductGallery .owl-carousel.galleryOwl .owl-dots {
  font-size: 0;
}
.ProductGallery .owl-carousel.galleryOwl .owl-dots .owl-dot {
  line-height: 0;
}
.markaSlider ul li a {
  padding-bottom: 40px;
}
.AnasayfaTab ._tabHead {
  margin: 10px 0;
}
.AnasayfaTab-Title span {
  font-size: 15px;
  line-height: 1;
}
.StokYok .ozelAlanEx {
  display: none !important;
}
.AnasayfaTab ._tabHead li span {
  line-height: 30px;
  font-size: 13px;
  padding: 0 10px;
}
.CartProduct .SProduct li a .SepettopAd .urunAd span {
  font-size: 13px;
}
#divEtiketler .productModuleTitle {
  font-size: 15px;
  line-height: 1;
  margin-bottom: 10px;
}
}

@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) {
}

.RenkSecimi {
position: fixed;
width: 300px;
background: #fafafa;
z-index: 999;
padding: 0;
top: 0;
bottom: 0;
}
.RC-Title {
font-size: 15px;
font-weight: 700;
background: #15284b;
color: #fff;
text-align: left;
padding: 0 20px;
line-height: 50px;
float: left;
width: 100%;
}
.RC-Detail {
float: left;
width: 100%;
padding: 0px 10px 0px 10px;
max-height: 100%;
overflow: hidden;
overflow-y: auto;
position: absolute;
top: 110px;
bottom: 100px;
}
.RC-MainColor {
background: #fff;
float: left;
width: calc(100% - 20px);
border: 1px solid #eee;
padding: 0 0 0 10px;
margin: 10px;
border-radius: 5px;
}
.RC-Tab {
float: left;
width: 100%;
}
.RC-TabRow {
float: left;
width: 100%;
border: 1px solid #eee;
background: #fff;
margin-bottom: 10px;
}
.RC-TabRow:last-child {
margin-bottom: 0;
}
.RC-TabRow .RC-TabTitle {
font-size: 14px;
font-weight: 600;
color: #555;
float: left;
width: calc(100% + 2px);
padding: 0 10px;
border-bottom: 1px solid #eee;
cursor: pointer;
line-height: 45px;
margin-left: -1px;
margin-top: -1px;
}
.RC-TabRow.active .RC-TabTitle {
color: #fff;
background: #15284b;
}
.RC-TabRow .RC-TabDetail {
float: left;
width: 100%;
display: none;
padding: 10px;
}
.RC-TabRow .RC-TabDetail ul {
padding: 0;
margin: 0;
float: left;
width: 100%;
list-style: none;
}
.RC-TabRow .RC-TabDetail ul li {
float: left;
width: 100%;
border: 1px solid #eee;
padding: 0 0 0 10px;
margin: 5px 0;
border-radius: 5px;
}
.RC-TabRow.active .RC-TabDetail {
display: block;
}
.RC-TabRow .RC-TabTitle:after {
content: "\f078";
float: right;
font-size: 14px;
font-family: "FontAwesome";
line-height: 45px;
display: block;
margin-right: 5px;
}
.RC-TabRow.active .RC-TabTitle:after {
content: "\f077";
}
.RenkSecimi label {
padding: 0;
font-size: 12px;
position: relative;
z-index: 2;
pointer-events: none;
width: auto;
float: left;
clear: both;
line-height: 40px;
font-weight: 500;
}
.RenkSecimi input.jscolor {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
top: 0;
left: 0;
bottom: 0;
height: 40px;
border-radius: 0;
cursor: pointer;
width: 70px;
border: 0;
border-left: 1px solid #eee;
font-size: 11px;
padding: 0 10px;
float: right;
text-align: center;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.RenkSecimi input:last-child {
margin: 0;
}
.RC-Detail::-webkit-scrollbar {
width: 5px;
}
.RC-Detail::-webkit-scrollbar-track {
background: #fafafa;
}
.RC-Detail::-webkit-scrollbar-thumb {
background: #15284b;
}
.RC-Buttons {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
}
.RC-Reset {
width: calc(50% - 5px);
line-height: 35px;
background: #15284b;
color: #fff;
text-align: center;
border-radius: 5px;
float: right;
cursor: pointer;
}
.RC-Save {
width: 100%;
line-height: 35px;
background: green;
color: #fff;
text-align: center;
border-radius: 5px;
float: left;
margin: 10px 0 0 0;
cursor: pointer;
}
.RC-Cancel {
width: calc(50% - 5px);
line-height: 35px;
background: #ca0c0c;
color: #fff;
text-align: center;
border-radius: 5px;
float: left;
cursor: pointer;
}
.RC-Cancel:hover {
background: #a20b0b;
}
.RC-Save:hover {
background: #0d940d;
}
.RC-Reset:hover {
background: #213f75;
}
.RC-UrunBox {
float: left;
width: 100%;
margin: 10px 0 0 0;
background: #fff;
border: 1px solid #eee;
padding: 10px;
}
.RC-UrunBox-Title {
float: left;
width: 100%;
font-size: 14px;
line-height: 1.4;
font-weight: 600;
margin: 5px 0 0 0;
}
.RC-UrunBox ul {
float: left;
width: calc(100% + 10px);
list-style: none;
padding: 0;
margin: 10px -5px 0;
}
.RC-UrunBox ul li {
float: left;
position: relative;
width: calc(33.33% - 10px);
border: 1px solid #eee;
margin: 0 5px;
padding: 5px 0;
}
.RC-UrunBox ul li span:before {
content: "-";
content: "\f111";
font-family: "FontAwesome";
font-size: 0;
position: absolute;
top: 5px;
left: 0;
right: 0;
text-align: center;
color: #fff;
line-height: 55px;
}
.RC-UrunBox ul li input[type="radio"]:checked + span:before {
content: "\f058";
font-family: "FontAwesome";
font-size: 18px;
}
.RC-UrunBox ul li span {
font-size: 12px;
display: inline-block;
vertical-align: middle;
line-height: 1.5;
width: 100%;
text-align: center;
}
.RC-UrunBox ul li input {
display: inline-block;
vertical-align: middle;
margin-top: 0;
margin-left: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 9;
cursor: pointer;
opacity: 0;
margin: 0;
}
.RC-UrunBox ul li span i {
font-size: 45px;
color: #999;
width: 100%;
text-align: center;
line-height: 55px;
}


body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {
padding: 0;
margin: 0;
list-style: none;
}
body .newHeaderNavigation:not(.mobileStyle) .menu-wrap {
border-top: 1px solid #efefef;
min-height: 0;
padding-bottom: 0;
display: block !important;
visibility: hidden;
opacity: 0;
transition: 0.3s;
z-index: -1;
height: 0;
overflow: hidden;
box-shadow: 0px 3px 2px #00000029;
}
body
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li:hover
.menu-wrap {
visibility: visible;
opacity: 1;
z-index: 6;
height: auto;
max-height: calc(100dvh - 130px);
overflow-y: auto;
}
body .account-item .header-button-useLogin > ul {
padding: 0;
margin: 0;
}
body .header-cart-hover ul {
list-style: none;
}
.detayFixed {
display: none;
}

.newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a:hover {
font-weight: 700!important;
}


#headerNew
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li.htmlVar
.menu-wrap
.menu-list-row {
padding: 0;
}
#headerNew
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li.htmlVar
.menu-wrap
.kolon {
flex: none !important;
width: 320px;
padding: 0 30px 50px;
border-right: 1px solid;
}
#headerNew
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li.htmlVar
.menu-wrap
.kolon
> li {
border-bottom: 1px solid #e2e2e2;
}
#headerNew
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li.htmlVar
.menu-wrap
.kolon
> li
> a {
padding: 0 22px;
width: 100%;
}
#headerNew
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li.htmlVar
.menu-wrap
.kolon
> li.ulVar
> a:after {
content: "\f054";
font-family: "FontAwesome";
position: absolute;
right: 0;
top: 0;
bottom: 0;
color: #cbcbcb;
}
#headerNew
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li.htmlVar
.menu-wrap
.kolon
> li.open
> a:after {
color: #000;
}
#headerNew
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li.htmlVar
.menu-wrap
.kolon
> li
> .nav-submenu {
position: absolute;
left: 320px;
right: 50%;
top: 0;
display: none;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
padding-left: 70px;
width: auto;
}
#headerNew
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li.htmlVar
.menu-wrap
.kolon
> li.open
> .nav-submenu {
display: block;
}

#headerNew
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li.htmlVar
.menu-list-image {
padding-right: 115px;
}
#headerNew
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li.htmlVar
.menu-list-image-list {
display: none;
}
#headerNew
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li.htmlVar
.menuHtml {
display: flex;
gap: 30px;
margin-top: 60px;
}

#headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-row {
padding: 30px;
}

#headerNew
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li
> a:after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
height: 2px;
background: #15284b;
bottom: 0;
width: 0;
transition: 0.3s;
}
#headerNew
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl
> li:hover
> a:after {
width: 100%;
}

.svgIcon.search-times {
display: flex;
align-items: center;
gap: 10px;
}
.svgIcon.search-times:after {
content: "\f00d";
font-family: "FontAwesome";
font-weight: 300;
font-size: 26px;
line-height: 26px;
}
.svgIcon.search-times svg {
display: none;
}
/*
#headerNew .newSearcBtnClick{position:relative;z-index:6;}
#headerNew #divTopProductSearch .header-search-form-wrapper{position:absolute;top:0;height:0;display:flex;align-items:center;left:0;right:0;transition:.3s;background:#fff;overflow:hidden;opacity:0;visibility:hidden;}
#headerNew #divTopProductSearch.dropactive .header-search-form-wrapper{height:100%;opacity:1;visibility:visible;padding:0;}
#headerNew #divTopProductSearch .searchform-wrapper{padding:0 155px;border:0;margin:0 auto;max-width:calc(100% - 60px);}
#headerNew #divTopProductSearch .searchform-wrapper #txtbxArama{padding-left:50px;}
#headerNew #divTopProductSearch .searchform-wrapper #btnKelimeAra{position:absolute;left:0;}
*/

.menu-wrap .kolon > li > a {
  position: relative;
}

.menu-wrap .kolon > li > a::after {
  content: '\f061'; /* FontAwesome arrow-right unicode */
  font-family: 'FontAwesome';
  font-weight: 900;
  position: absolute;
  right: -20px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  color: #15284b;
  bottom: -2px;
}

.menu-wrap .kolon > li > a:hover::after {
  opacity: 1;
}

.menu-wrap .kolon > li > a:hover {
  border-bottom: 2px solid #15284b;
}

.nav {
justify-content: center!important;
}

.account-item .nav-dropdown {
  border: 1px solid #f0f0f0!important;
  border-radius: 3px!important;
  box-shadow: 0 0 16px -10px #000!important;
  width: 200px!important;
  padding: 4px!important;
}

.account-item .nav-dropdown .header-member-name {
background: #15284b!important;
}

.account-item .nav-dropdown ul li a:hover {
background: #ededed!important;
color: #212121!important;
}

.font-urbanist {
font-family: "Urbanist", sans-serif!important;
font-optical-sizing: auto!important;
}

.font-roboto {
font-family: "Roboto", sans-serif!important;
font-optical-sizing: auto!important;
font-variation-settings:
  "wdth" 100!important;
}

.fw-normal {
font-weight: normal!important;
}

.fw-100 {
font-weight: 100!important;
}

.fw-200 {
font-weight: 200!important;
}

.fw-300 {
font-weight: 300!important;
}

.fw-400 {
font-weight: 400!important;
}

.fw-500 {
font-weight: 500!important;
}

.fw-600 {
font-weight: 600!important;
}

.fw-700 {
font-weight: 700!important;
}

.fw-800 {
font-weight: 800!important;
}

.fw-900 {
font-weight: 900!important;
}

.sagIcerikTutucu .satirBlok .hsbmSelect {
border-radius: 6px;
font-family: 'Urbanist', sans-serif!important;
font-size: 14px!important;
color: #15284b!important;
}

.sagIcerikTutucu .satirBlok .hsbmTextbox {
border-radius: 6px!important;
font-family: 'Urbanist', sans-serif!important;
font-size: 14px!important;
color: #15284b!important;
letter-spacing: 2px!important;
}

.urunTabAlt table {
  font-size: 0.875em!important;
}

#sepetEkleModal .divCol3 h4 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #15284b;
}

#sepetEkleModal .pSepetToplamFiyat span {
  font-weight: bolder;
  font-size: 14px;
  letter-spacing: 2px;
}

#sepetEkleModal .pSepetToplamAdet span {
  font-weight: bolder;
  font-size: 14px;
  padding-left: 4px;
}

#sepetEkleModal .divEklenenUrunRow .divCol1 img {
  border-radius: 4px;
}


#sepetEkleModal .modal-content {
  width: 515px;
  left: auto;
  right: 40px;
  top: 46px;
  padding: 0;
  margin: 0;
  background: #fff;
  overflow: auto;
  position: absolute;
  border: 1px solid #f0f0f0!important;
  border-radius: 6px;
  box-shadow: 0 0 16px -10px #000!important;
}

#sepetEkleModal .divEklenenUrunRow .divCol2 .divStokKodu {
font-size: 12px!important;
color: #777
}

#sepetEkleModal .divEklenenUrunRow .divCol2 h4 {
  font-size: 16px!important;
  font-weight: 500;
  color: #15284b;
}

#sepetEkleModal .divAltButonlar a {
  border-radius: 6px;
  font-weight: 500;
  text-transform: uppercase;
}


#sepetEkleModal .ticimaxModal .modal-close {
  color: #868686;
  float: right;
  font-size: 24px;
  font-weight: normal;
  right: 2px!important;
  top: 2px!important;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  justify-content: center;
  display: flex;
  align-items: center;
}

#sepetEkleModal .modal-content .modal-close {
  display: flex!important;
  margin-top: -35px;
}

#divIndirimliFiyat .IndirimliFiyatContent .spanFiyat {
  color: #b60334!important;
  font-weight: 700;
}

.soruSorContentDiv {
padding-top: 25px;
}


.soruSorContentDiv .btnG input {
background: #d4d4d4;
color: #212121;
font-weight: 600;
font-size: 14px;
border-radius: 4px;
padding: 6px;
text-transform: uppercase;
}

.soruSorContentDiv .btnG input:hover {
background: #212121!important;
color: #fff!important;
}

.soruSorContentDiv .btnS input {
background: #15284b;
color: #ffffff;
font-weight: 600;
font-size: 14px;
border-radius: 4px;
padding: 6px;
text-transform: uppercase;
}

.discountIcon span.discountIcon_s1 {
  font-weight: 700;
  font-family: 'Montserrat';
  font-size: 14px;
}


@media screen and (min-width:1100px) {
  #hb-logo{z-index:3;}
  #headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi{width:20px;height:20px;background: #353b48;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;right:-8px;top:-6px;font-size: 12px;}

}

@media(max-width: 1099px) {
#headerNew .mobile-cart-item .cart-icon {
  font-size: 0px!important;
}

#headerNew .mobile-cart-item .svgIcon svg {
      width: 26px!important;
  }

#headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {width:20px!important;height:20px!important;background: #353b48!important;color:#fff!important;display:flex!important;justify-content:center!important;align-items:center!important;position:absolute;right: -8px;top: 0px;}

}



body .productList-Image-Owl .owl-dots span {
  display: block!important;
}

body .productList-Image-Owl .owl-dots {
  bottom: 1px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  background-color: #fff;
  width: unset!important;
  max-width: unset!important;
  border-radius: 0!important;
  padding: 0!important;
  background: unset!important;
}

body .productList-Image-Owl .owl-dots button.owl-dot {
  float: left;
  width: 50%;
  padding: 0 1px!important;
  /* background-color: #fff!important; */
  height: unset!important;
  border: none;
  margin: 0!important;
  border-radius: 0!important;
}

.ProductDetailMainRow .productList-Image-Owl .owl-dots {
  bottom: 5px!important;
}

.productItem .productList-Image-Owl .owl-dots .owl-dot:first-child {
  padding-left: 0!important;
}

.productItem .productList-Image-Owl .owl-dots .owl-dot span {
  margin: 0;
  width: 100%;
  height: 3px;
  border-radius: 0;
}


.productList-Image-Owl .owl-dots .owl-dot.active span,.productList-Image-Owl .owl-dots .owl-dot:hover span {
  background: #15284bd1!important;
}

.etiket-slider {
position: relative;
width: 100%;
background: #000;
color: #fff;
padding: 4px 10px;
font-size: 12px;
animation: fadein 0.5s ease-in-out;
z-index: 2;
font-weight: 600;
font-family: 'Montserrat';
letter-spacing: 1px;
border-radius: 0 0 6px 6px;
}
.etiket-slider .etiket-yazi {
transition: all 0.4s ease-in-out;
}
.productImage {
position: relative;
}


.productIconRight .cargoIcon,
.productIconLeft .firsatIcon,
.productIconRight .urunListSonUrun {
display: none !important;
}

@keyframes blinkText {
0%, 49% { opacity: 1; }
50%, 100% { opacity: 0; }
}
.text-blink {
animation: blinkText 1s step-start infinite;
}


.d-block {
display: block!important;
}

.d-flex {
display: flex!important;
}

.d-grid {
display: grid!important;
}

.d-none {
display: none!important;
}

.d-inline-grid {
display: inline-grid!important;
}

.d-inline-block {
display: inline-block!important;
}

.flex-column {
flex-flow: column!important;
}

#productDetailRelated {
  padding: 4px!important;
}

#productDetailRelated>a {
  max-width: 44px!important;
  margin-right: 8px!important;
  padding-right: 0px!important;
}

#productDetailRelated>a:hover img {
  border-color: #ffffff!important;
  -webkit-box-shadow: 0 0 0 2px #15284b, inset 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 2px #15284b, inset 0 0 0 4px #fff;
  box-shadow: 0 0 0 2px #15284b, inset 0 0 0 4px #ffffff;
}

#productDetailRelated>a img {
  border: 3px solid #f2f2f2!important;
  border-radius: 50%!important;
  height: 42px!important;
  width: 42px!important;
}


#divTopProductSearch .searchform-wrapper {
border: 0!important;
border-bottom: 2px solid #000000 !important;
}

button#btnKelimeAra:hover {
  background: #fff!important;
}

#divTopProductSearch .searchform-wrapper #btnKelimeAra i:hover {
  color: #797982 !important;
}

.boxUrunlerContent {
  width: 100%;
  display: none;
  align-content: center;
  justify-content: center;
  align-items: center;
  position: absolute;
  padding-top: 10px;
}

.boxUrunlerContainer div {
  width: 32px;
  padding: 2px;
  border-radius: 50%;
}

.boxUrunlerContainer {
  display: flex;
}

.boxUrunResimContent img {
border-radius: 100%!important;
border: 2px solid;
border-color: #efefef;
width: 32px;
padding: 2px;
}

.boxUrunlerContainer div.active a.boxUrunResimContent img {
border-color: #15284b!important; /* Seçili olan için renk değişsin */
}

.relatedProductsColor {
right: 6px!important;
bottom: 34px!important;
}

.newUserWrapper input[type="password"], .newUserWrapper input[type="text"], .newUserWrapper input {
  letter-spacing: 2px;
}


.fa-th-large::before,
.fa-th::before,
.fa-th-list::before {
content: "" !important;
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}

.sort_2 .fa-th-large::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sort2_line.svg');
}
.sort_2:hover .fa-th-large::before,
.sort_2.Active .fa-th-large::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sort2_line-hover.svg');
}
.sort_3 .fa-th::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sort3_line.svg');
}
.sort_3:hover .fa-th::before,
.sort_3.Active .fa-th::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sort3_line-hover.svg');
}

.sort_4 .fa-th::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sort4_line.svg');
}
.sort_4:hover .fa-th::before,
.sort_4.Active .fa-th::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sort4_line-active.svg');
}

.sort_5 .fa-th::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sort5_line.svg');
}
.sort_5:hover .fa-th::before,
.sort_5.Active .fa-th::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sort5_line-active.svg');
}

.sort_hrz .fa-th-list::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sortHrz_line.svg');
}
.sort_hrz:hover .fa-th-list::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sortHrz_line-hover.svg');
}

.sort_hrz.Active .fa-th-list::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sortHrz_line-active.svg');
}

.sortingButton a {
position: relative;
padding-left: 28px;
display: inline-block;
}

.sortingButton a::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transform: translateY(-50%);
transition: background-image 0.3s ease;
}

/* 1. - Fiyata Göre Artan */
.sortingButton:nth-child(1) a::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/priceUp.svg');
}
.sortingButton:nth-child(1) a.selected::before,
.sortingButton:nth-child(1) a:hover::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/priceUp_Active.svg');
}

/* 2. - Fiyata Göre Azalan */
.sortingButton:nth-child(2) a::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/priceDown.svg');
}
.sortingButton:nth-child(2) a.selected::before,
.sortingButton:nth-child(2) a:hover::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/priceDown_Active.svg');
}

/* 3. - A > Z */
.sortingButton:nth-child(3) a::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sort-az.svg');
}
.sortingButton:nth-child(3) a.selected::before,
.sortingButton:nth-child(3) a:hover::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sort-az_Active.svg');
}

/* 4. - Z < A */
.sortingButton:nth-child(4) a::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sort-za.svg');
}
.sortingButton:nth-child(4) a.selected::before,
.sortingButton:nth-child(4) a:hover::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/sort-za_Active.svg');
}

/* 5. - Stoktakiler */
.sortingButton:nth-child(5) a::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/now-in-stock.svg');
}
.sortingButton:nth-child(5) a.selected::before,
.sortingButton:nth-child(5) a:hover::before {
background-image: url('https://cdn.wca.com.tr/files/wca_corp/bagsfedtr/assets/img/page-content/productFilter/now-in-stock_Active.svg');
}


div#divUrunStokAdedi {
    padding: 6px;
    border-radius: calc(infinity * 1px);
    border-style: var(--bf-border-style);
    border-width: 1px;
    border-color: var(--color-neutral-200);
    background-color: var(--color-neutral-100);
    font-weight: var(--font-weight-semibold);
    color: var(--color-neutral-700);
    padding-right: 26px;
}

span.center_line.lineTitle {
    display: none;
}

span.left_line.lineTitle {
    letter-spacing: 0.10rem;
    text-transform: uppercase;
    font-size: 10px;
}

span#divUrunStokAdediIcerik {
    font-size: 14px;
    position: absolute;
    padding-top: 1px;
    padding-left: 4px;
}
  
.ProductListContent .ProductList .productImage {
  height: auto !important;
  overflow: hidden;
}

.ProductListContent .ProductList .productImage img {
  width: 100%;
  height: auto;
  display: block;
}

.productList-Image-Owl,
.productList-Image-Owl .owl-stage-outer {
  height: auto !important;
}
  
/* WebCrea Accordion */
.wc-accordion {
  border-top: 1px solid #e5e5e5;
}

.wc-accordion-item {
  border-bottom: 1px solid #e5e5e5;
}

.wc-accordion-header {
  width: 100%;
  background: none;
  border: 0;
  padding: 18px 0;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wc-accordion-icon {
  width: 10px;
  height: 10px;
  border-right: 2px solid #111;
  border-bottom: 2px solid #111;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.wc-accordion-item.active .wc-accordion-icon {
  transform: rotate(-135deg);
}

.wc-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

.wc-accordion-content p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.8;
  color: #444;
}

.wc-accordion-item.active .wc-accordion-content {
  padding-bottom: 18px;
}
  
.dinamikForm {
    width: 900px!important;
    max-width: 100%;
    padding: 30px;
    margin: 0 auto;
}

.dinamikForm .textbox {
    padding: 20px 15px!important;
    border-radius: 6px!important;
    font-weight: bold!important;
  	text-transform: uppercase!important;
  	letter-spacing: 1px!important;
}
  
.dinamikForm .select {
    padding: 20px 15px!important;
    border-radius: 6px!important;
    font-weight: bold!important;
}  
  
.dinamikForm .textarea {
    padding: 20px 15px!important;
    border-radius: 6px!important;
    font-weight: bold!important;
}


.dinamikForm .dinamikFormContainer .form_validation {
    color: #f00!important;
    font-family: "Segoe UI, Tahoma, Geneva, Verdana",sans-serif!important;
    font-weight: 400!important;
    line-height: 16px!important;
    font-size: 12px!important;
}
  
.dinamikForm .dinamikFormContainer button {
  
  	background-color: var(--theme-color)!important;
  	border-radius: 100px!important;
	width: 120px!important;
  
}
  
.dinamikForm .dinamikFormContainer button:hover {
 	background-color: #000!important; 
}

.dinamikForm input.textbox.ng-invalid-email {
  text-transform: none!important;
}

.dinamikForm input.textbox.text-input.ng-scope.ng-valid-maxlength.ng-valid-required.ng-dirty.ng-valid.ng-valid-email.ng-touched {
    text-transform: none!important;
}
  
.hakkimizda-markalar .blokResimLink {
    border: 3px solid #e8e8e8;
    border-radius: 6px;
}
  
:root { --bf-reflow: 0; }

.SonZiyaretEdilenUrunler {
    padding: 0 40px 0 40px;
}
.h-24 {
    max-height: 24px;
}
.h-32 {
    max-height: 32px;
}
.h-48 {
    max-height: 48px;
}
.h-50 {
    max-height: 50px;
}
.h-64 {
    max-height: 64px;
}
.h-75 {
    max-height: 75px;
}
.h-100 {
    max-height: 100px;
}
.h-150 {
    max-height: 150px;
}
.h-200 {
    max-height: 200px;
}

.h-auto {
    max-height: auto;
}

.KategoriAdi {
    padding-top: 15px;
}

.w-24 {
    max-width: 24px;
}
.w-32 {
    max-width: 32px;
}
.w-48 {             
    max-width: 48px;
}
.w-50 {
    max-width: 50px;
}
.w-64 {
    max-width: 64px;
}
.w-75 {
    max-width: 75px;
}
.w-100 {
    max-width: 100px;
}
.w-150 {
    max-width: 150px;
}
.w-200 {
    max-width: 200px;
}

.w-auto {
    max-width: auto;
}