@import "/theme/v4-freshscarfs/sub_theme/genel/firat/v4/font/tsoft.css";.stories.snapgram .story>.item-link {
    text-decoration: none;
    color: #333
}

#without-membership {
    background: black;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.iade-btn {
    text-align: center;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

.stories.snapgram .story>.item-link>.item-preview {
    border-radius: 50%;
    -webkit-border-radius: 50% ;
    padding: 6px;
    background: radial-gradient(ellipse at 70% 70%,#ee583f 8%,#d92d77 42%,#bd3381 58%)
}

.stories.snapgram .story>.item-link>.item-preview img {
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.stories.snapgram .story.seen {
    opacity: .75
}

.stories.snapgram .story.seen>a>.item-preview {
    background: #999
}

.stories.snapgram .story.seen>a {
    color: #999!important
}

.item-link .info:before {
    display: none
}

.story-viewer .popupClose:before,.story-viewer .close:before {
    display: none
}

#stories::-webkit-scrollbar {
    width: 5px;
    height: 10px ;
    background: #e6e6e6;
    border-radius: 5px
}

#stories::-webkit-scrollbar-button {
    display: none
}

#stories::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 5px
}

@keyframes zuckSlideTime {
    0% {
        max-width: 0
    }

    to {
        max-width: 100%
    }
}

@keyframes zuckLoading {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

#zuck-modal {
    outline: 0!important ;
    overflow: hidden;
    position: fixed ;
    top: 0;
    left: 0 ;
    width: 100vw;
    height: 100%;
    background: rgba(0,0,0,.75) ;
    z-index: 100000;
    font-size: 14px;
    font-family: inherit
}

#zuck-modal-content,#zuck-modal-content .story-viewer,#zuck-modal-content .story-viewer>.slides,#zuck-modal-content .story-viewer>.slides>* {
    width: 100vw;
    height: 100% ;
    top: 0;
    bottom: 0 ;
    position: absolute;
    overflow: hidden
}

#zuck-modal * {
    user-select: none;
    outline: 0
}

#zuck-modal.with-effects {
    transform-origin: top left;
    transition: .25s
}

#zuck-modal.with-effects.animated {
    transform: scale(1) ;
    border-radius: 0;
    margin-top: 0!important;
    margin-left: 0!important
}

#zuck-modal.with-effects.closed {
    transform: translateY(100%)
}

#zuck-modal .slider {
    width: 300vw;
    height: 100% ;
    top: 0;
    bottom: 0 ;
    left: -100vw;
    position: absolute
}

#zuck-modal .slider>* {
    width: 100vw;
    height: 100% ;
    top: 0;
    bottom: 0;
    position: absolute
}

#zuck-modal .slider>.previous {
    left: 0
}

#zuck-modal .slider>.viewing {
    left: 100vw
}

#zuck-modal .slider>.next {
    left: 200vw
}

#zuck-modal .slider.animated {
    -webkit-transition: -webkit-transform .25s linear;
    transition: -webkit-transform .25s linear;
    transition: transform .25s linear;
    transition: transform .25s linear,-webkit-transform .25s linear
}

#zuck-modal.with-cube #zuck-modal-content {
    perspective: 1000vw;
    transform: scale(.95);
    perspective-origin: 50% 50% ;
    overflow: visible;
    transition: .3s
}

#zuck-modal.with-cube .slider {
    transform-style: preserve-3d;
    transform: rotateY(0deg)
}

#zuck-modal.with-cube .slider>.previous {
    backface-visibility: hidden;
    left: 100vw;
    transform: rotateY(270deg) translateX(-50%);
    transform-origin: center left
}

#zuck-modal.with-cube .slider>.viewing {
    backface-visibility: hidden;
    left: 100vw;
    transform: translateZ(50vw)
}

#zuck-modal.with-cube .slider>.next {
    backface-visibility: hidden;
    left: 100vw;
    transform: rotateY(-270deg) translateX(50%);
    transform-origin: top right
}

#zuck-modal-content .story-viewer.paused.longPress .head,#zuck-modal-content .story-viewer.paused.longPress .slides-pointers,#zuck-modal-content .story-viewer.paused.longPress .tip {
    opacity: 0
}

#zuck-modal-content .story-viewer.viewing:not(.paused):not(.stopped) .slides-pointers>*>.active>b {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

#zuck-modal-content .story-viewer.next {
    z-index: 10
}

#zuck-modal-content .story-viewer.viewing {
    z-index: 5
}

#zuck-modal-content .story-viewer.previous {
    z-index: 0
}

#zuck-modal-content .story-viewer.muted .tip.muted,#zuck-modal-content .story-viewer.loading .head .loading {
    display: block
}

#zuck-modal-content .story-viewer.loading .head .right .time,#zuck-modal-content .story-viewer.loading .head .right .close {
    display: none
}

#zuck-modal-content .story-viewer .slides-pagination span {
    position: absolute;
    top: 50vh ;
    font-size: 48px;
    color: #fff ;
    line-height: 48px;
    width: 48px ;
    margin: 6px;
    transform: translateY(-50%) ;
    z-index: 1;
    text-align: center
}

#zuck-modal-content .story-viewer .slides-pagination .previous {
    left: 0
}

#zuck-modal-content .story-viewer .slides-pagination .next {
    right: 0
}

#zuck-modal-content .story-viewer .slides-pointers {
    display: table;
    table-layout: fixed ;
    border-spacing: 6px;
    border-collapse: separate ;
    position: absolute;
    width: 100vh ;
    top: 0;
    left: calc(50vw - 50vh);
    right: calc(50vw - 50vh);
    z-index: 100020
}

#zuck-modal-content .story-viewer .slides-pointers>* {
    display: table-row
}

#zuck-modal-content .story-viewer .slides-pointers>*>* {
    display: table-cell;
    background: rgba(255,255,255,.5);
    border-radius: 2px
}

#zuck-modal-content .story-viewer .slides-pointers>*>.seen {
    background: #fff
}

#zuck-modal-content .story-viewer .slides-pointers>*>*>b {
    background: #fff;
    width: auto ;
    max-width: 0;
    height: 2px ;
    display: block;
    -webkit-animation-fill-mode: forwards ;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: paused ;
    animation-play-state: paused;
    border-radius: 2px
}

#zuck-modal-content .story-viewer .slides-pointers>*>.active>b {
    -webkit-animation-name: zuckSlideTime;
    animation-name: zuckSlideTime ;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

#zuck-modal-content .story-viewer .head {
    position: absolute;
    height: 56px ;
    left: 0;
    right: 0 ;
    line-height: 56px;
    z-index: 100010 ;
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.35),1px 0 1px rgba(0,0,0,.35);
    padding: 6px 12px
}

#zuck-modal-content .story-viewer .head .item-preview {
    overflow: hidden;
    vertical-align: top ;
    background-size: cover;
    width: 42px ;
    height: 42px;
    display: inline-block ;
    margin-right: 9px;
    border-radius: 50% ;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center
}

#zuck-modal-content .story-viewer .head .item-preview img {
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100% ;
    background-size: cover;
    background-position: center;
    object-fit: cover
}

#zuck-modal-content .story-viewer .head .time {
    opacity: .75 ;
    font-weight: 500;
    font-size: 13px;
    display: none!important
}

#zuck-modal-content .story-viewer .head .left {
    line-height: 1!important ;
    display: inline-block;
    margin: 6px 0
}

#zuck-modal-content .story-viewer .head .left .info {
    display: inline-block;
    max-width: 30vw;
    vertical-align: middle
}

#zuck-modal-content .story-viewer .head .left .info>* {
    width: 100% ;
    display: inline-block;
    line-height: 21px
}

#zuck-modal-content .story-viewer .head .left .info .name {
    font-weight: 500
}

#zuck-modal-content .story-viewer .head .right {
    float: right
}

#zuck-modal-content .story-viewer .head .right .close,#zuck-modal-content .story-viewer .head .back {
    font-size: 42px;
    width: 48px ;
    height: 48px;
    line-height: 48px ;
    cursor: pointer;
    text-align: center ;
    margin-right: 20px;
    margin-top: 20px;
    color: #fff
}

#zuck-modal-content .story-viewer .head .left .back {
    display: none;
    width: 24px;
    margin: -9px -6px 0
}

#zuck-modal-content .story-viewer .head .right .time {
    display: none
}

#zuck-modal-content .story-viewer .head .loading {
    display: none;
    border-radius: 50% ;
    width: 30px;
    height: 30px ;
    margin: 9px 0;
    border: 4px solid rgba(255,255,255,.2) ;
    box-sizing: border-box;
    border-top-color: #fff ;
    -webkit-animation: zuckLoading 1s infinite linear;
    animation: zuckLoading 1s infinite linear
}

#zuck-modal-content .story-viewer .head,#zuck-modal-content .story-viewer .slides-pointers,#zuck-modal-content .story-viewer .tip {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#zuck-modal-content .story-viewer .slides .item {
    display: none;
    overflow: hidden;
    background: #000
}

#zuck-modal-content .story-viewer .slides .item:before {
    z-index: 4;
    background: 0 0;
    content: '' ;
    position: absolute;
    left: 0 ;
    right: 0;
    bottom: 0;
    top: 0
}

#zuck-modal-content .story-viewer .slides .item>.media {
    height: 100% ;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: auto
}

#zuck-modal-content .story-viewer .slides .item.active,#zuck-modal-content .story-viewer .slides .item.active .tip.link {
    display: block
}

#zuck-modal-content .story-viewer .tip {
    z-index: 5;
    text-decoration: none ;
    display: none;
    border-radius: 24px;
    background: rgba(0,0,0,.5) ;
    font-size: 16px;
    position: absolute ;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) ;
    z-index: 1000;
    color: #fff ;
    text-align: center;
    text-transform: uppercase ;
    font-weight: 500;
    padding: 12px 24px
}

.stories.carousel::-webkit-scrollbar {
    width: 0;
    background: 0 0
}

.stories.carousel .story {
    display: inline-block;
    vertical-align: top
}

.stories.carousel .story>.item-link {
    text-align: center;
    display: block
}

.stories.carousel .story>.item-link:active>.item-preview {
    transform: scale(.9)
}

.stories.carousel .story>.item-link>.item-preview {
    display: block;
    box-sizing: border-box ;
    font-size: 0;
    overflow: hidden;
    transition: transform .2s
}

.stories.carousel .story>.item-link>.item-preview img {
    display: block;
    box-sizing: border-box;
    width: 100% ;
    background-size: cover;
    background-position: center;
    object-fit: cover
}

.stories.carousel .story>.item-link>.info {
    display: inline-block;
    margin-top: 10px;
    width: 100% ;
    overflow: hidden;
    text-overflow: ellipsis
}

.stories.carousel .story>.item-link>.info .name {
    font-weight: 300
}

.stories.carousel .story>.item-link>.info .time {
    display: none
}

.stories.carousel .story>.items {
    display: none
}

.stories.list {
    white-space: nowrap;
    overflow: auto
}

.stories.list .story {
    display: block;
    width: auto ;
    margin: 6px;
    padding-bottom: 6px
}

.stories.list .story>.item-link {
    text-align: left;
    display: block
}

.stories.list .story>.item-link>.item-preview {
    height: 42px;
    width: 42px ;
    max-width: 42px;
    margin-right: 12px ;
    vertical-align: top;
    display: inline-block ;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden
}

.stories.list .story>.item-link>.item-preview img {
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100% ;
    background-size: cover;
    background-position: center
}

.stories.list .story>.item-link>.info {
    display: inline-block;
    line-height: 1.6em ;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.stories.list .story>.item-link>.info .name {
    font-weight: 500;
    display: block
}

.stories.list .story>.item-link>.info .time {
    display: inline-block
}

.stories.list .story>.items {
    display: none
}

html,body,div,span,applet,object,iframe,p,a,abbr,acronym,address,big,cite,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0 ;
    border: 0;
    font-size: 100% ;
    font: inherit;
    vertical-align: baseline
}

tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    font-size: 100% ;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

html,body {
    float: left;
    width: 100%;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: poppins,sans-serif ;
    font-size: 13px;
    line-height: 1
}

script {
    display: none
}

:not(.withPlace)::-webkit-input-placeholder {
    color: transparent;
    opacity: 0
}

:not(.withPlace)::-moz-placeholder {
    color: transparent;
    opacity: 0
}

:not(.withPlace):-ms-input-placeholder {
    color: transparent;
    opacity: 0
}

:not(.withPlace):-moz-placeholder {
    color: transparent;
    opacity: 0
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px ;
    background: #e6e6e6;
    border-radius: 5px
}

::-webkit-scrollbar-button {
    display: none
}

::-webkit-scrollbar-thumb {
    background: #4d4d4d;
    border-radius: 5px
}

ol,ul {
    list-style-type: none
}

img {
    max-width: 100%;
    height: auto
}

.ie img {
    max-width: none;
    height: auto
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

.row::before,.row::after {
    content: '';
    display: table
}

.row::after {
    clear: both
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,select,textarea,button {
    outline: none
}

input:focus,select:focus,textarea:focus {
    box-shadow: inset 0 0 4px rgba(0,0,0,.3)
}

p {
    padding-bottom: 10px;
    line-height: 1.3
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer
}

.fix-line-height {
    line-height: 1.5
}

h1,h2,h3,h4,h5,h6 {
    display: block
}

.with-border,h1.with-border,h2.with-border,h3.with-border,h4.with-border,h5.with-border,h6.with-border {
    position: relative;
    padding-bottom: 3px
}

.with-border:before,h1.with-border:before,h2.with-border:before,h3.with-border:before,h4.with-border:before,h5.with-border:before,h6.with-border:before,.with-border:after,h1.with-border:after,h2.with-border:after,h3.with-border:after,h4.with-border:after,h5.with-border:after,h6.with-border:after {
    content: '' ;
    position: absolute;
    left: 0;
    height: 1px
}

.with-border:before,h1.with-border:before,h2.with-border:before,h3.with-border:before,h4.with-border:before,h5.with-border:before,h6.with-border:before {
    bottom: 2px
}

.with-border:after,h1.with-border:after,h2.with-border:after,h3.with-border:after,h4.with-border:after,h5.with-border:after,h6.with-border:after {
    bottom: 0
}

.border-limited:before,.border-limited:after {
    width: 165px
}

.border-unlimited:before,.border-unlimited:after {
    width: 100%
}

.border-custom-pink:before,.border-custom-pink:after {
    background: #e35252
}

.border-custom-dark-gray:before,.border-custom-dark-gray:after {
    background: #7c7c7c
}

.border-custom-gray:before,.border-custom-gray:after {
    background: #5e5e5e
}

.border-custom-light-gray:before,.border-custom-light-gray:after {
    background: #e5e5e5
}

.text-center .border-limited:before,.text-center .border-limited:after,.text-center.border-limited:before,.text-center.border-limited:after,.border-centered.border-limited:before,.border-centered.border-limited:after {
    left: calc(50% - 82.5px)
}

::selection {
    background: #000;
    color: #fff
}

.pos-f,.btn.pos-f,.col.pos-f,.box.pos-f {
    position: fixed
}

.pos-s,.btn.pos-s,.col.pos-s,.box.pos-s {
    position: static
}

.pos-a,.btn.pos-a,.col.pos-a,.box.pos-a {
    position: absolute
}

.pos-r,.btn.pos-r,.col.pos-r,.box.pos-r {
    position: relative
}

.pos-top,.btn.pos-top,.col.pos-top,.box.pos-top {
    top: 0
}

.pos-right,.btn.pos-right,.col.pos-right,.box.pos-right {
    right: 0
}

.pos-bottom,.btn.pos-bottom,.col.pos-bottom,.box.pos-bottom {
    bottom: 0
}

.pos-left,.btn.pos-left,.col.pos-left,.box.pos-left {
    left: 0
}

.d-none,.btn.d-none,.col.d-none,.box.d-none {
    display: none
}

.d-block,.btn.d-block,.col.d-block,.box.d-block {
    display: block
}

.d-inline,.btn.d-inline,.col.d-inline,.box.d-inline {
    display: inline
}

.d-inline-block,.btn.d-inline-block,.col.d-inline-block,.box.d-inline-block {
    display: inline-block
}

.d-flex,.btn.d-flex,.col.d-flex,.box.d-flex {
    display: flex;
    align-items: center
}

.justify-center{
    justify-content: center;
}

.fl,.btn.fl {
    float: left
}

[dir=rtl] .fl,[dir=rtl] .btn.fl {
    float: left
}

.fr,.btn.fr,.col.fr,.box.fr {
    float: Right
}

[dir=rtl] .fr,[dir=rtl] .btn.fr,[dir=rtl] .col.fr,[dir=rtl] .box.fr {
    float: left
}

.fn,.btn.fn,.col.fn,.box.fn {
    float: none
}

.text-title {
    line-height: 17px;
    font-size: 13px;
    color: #393939
}

.pWrapper .pWin.debugActive .pText {
    line-height: 15px;
    font-size: 12px;
    color: #5e5e5e
}

.text-link {
    line-height: 14px;
    font-size: 11px;
    color: #7c7c7c
}

.text-upper {
    text-transform: uppercase
}

.text-lower {
    text-transform: lowercase
}

.text-cpt {
    text-transform: capitalize
}

.text-over {
    text-decoration: overline
}

.text-line {
    text-decoration: line-through
}

.text-under {
    text-decoration: underline;
    font-style:
}

.text-italic {
    font-style: italic
}

.text-oblique {
    font-style: oblique
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-light {
    font-weight: 300
}

.text-regular {
    font-weight: 400
}

.text-medium {
    font-weight: 500
}

.text-semibold {
    font-weight: 600
}

.text-bold {
    font-weight: 700
}

.text-default {
    color: #7e848c
}

.text-info {
    color: #5bc0de
}

.text-primary {
    color: #337ab7
}

.text-success {
    color: #5cb85c
}

.text-warning {
    color: #e5591b
}

.text-danger {
    color: #f33939
}

.text-custom-gray,.active .text-custom-pink,.text-custom-pink.active,.text-custom-pink.like-btn:hover {
    color: #000
}

.text-custom-light-gray,.active .text-custom-dark-gray,.text-custom-dark-gray.active,.text-custom-dark-gray.like-btn:hover {
    color: #e5e5e5
}

.text-custom-dark-gray,.active .text-custom-light-gray,.text-custom-light-gray.active,.text-custom-light-gray.like-btn:hover {
    color: #7c7c7c
}

.text-custom-pink,.active .text-custom-gray,.text-custom-gray.active,.text-custom-gray.like-btn:hover {
    color: #000
}

.ease,.btn,.form-control,a,input,select,textarea,button {
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -ms-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    font-family: poppins,sans-serif!important
}

nav#mainMenu a {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s ;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.row {
    margin-left: -10px;
    margin-right: -10px ;
    clear: both;
    display: block
}

.row.double,.col.double>.row,.box.double>.row {
    margin-left: -20px;
    margin-right: -20px
}

.row.triple,.col.triple>.row,.box.triple>.row {
    margin-left: -30px;
    margin-right: -30px
}

.box.box-border>.row,.col.box-border>.row {
    margin-left: -9px;
    margin-right: -9px
}

.box.double.box-border>.row,.col.double.box-border>.row {
    margin-left: -19px;
    margin-right: -19px
}

.box.triple.box-border>.row,.col.triple.box-border>.row {
    margin-left: -29px;
    margin-right: -29px
}

*.pt,.fr.pt,.fl.pt,.col.pt,[dir=rtl] *.pt,[dir=rtl] .fr.pt,[dir=rtl] .fl.pt,[dir=rtl] .col.pt {
    padding-top: 10px
}

*.pt.double,.fr.double.pt,.fl.double.pt,.col.double.pt,[dir=rtl] *.double.pt,[dir=rtl] .fr.double.pt,[dir=rtl] .fl.double.pt,[dir=rtl] .col.double.pt {
    padding-top: 20px
}

*.pt.triple,.fr.triple.pt,.fl.triple.pt,.col.triple.pt,[dir=rtl] *.triple.pt,[dir=rtl] .fr.triple.pt,[dir=rtl] .fl.triple.pt,[dir=rtl] .col.triple.pt {
    padding-top: 30px
}

*.pr,.fr.pr,.fl.pr,[dir=rtl] *.pr,[dir=rtl] .fr.pr,[dir=rtl] .fl.pr {
    padding-right: 10px
}

*.double.pr,.fr.double.pr,.fl.double.pr,[dir=rtl] *.double.pr,[dir=rtl] .fr.double.pr,[dir=rtl] .fl.double.pr {
    padding-right: 20px
}

*.triple.pr,.fr.triple.pr,.fl.triple.pr,[dir=rtl] *.triple.pr,[dir=rtl] .fr.triple.pr,[dir=rtl] .fl.triple.pr {
    padding-right: 30px
}

*.pb,.fr.pb,.fl.pb,.col.pb,[dir=rtl] *.pb,[dir=rtl] .fr.pb,[dir=rtl] .fl.pb,[dir=rtl] .col.pb {
    padding-bottom: 10px
}

*.double.pb,.fr.double.pb,.fl.double.pb,.col.double.pb,[dir=rtl] *.double.pb,[dir=rtl] .fr.double.pb,[dir=rtl] .fl.double.pb,[dir=rtl] .col.double.pb {
    padding-bottom: 20px
}

*.triple.pb,.fr.triple.pb,.fl.triple.pb,.col.triple.pb,[dir=rtl] *.triple.pb,[dir=rtl] .fr.triple.pb,[dir=rtl] .fl.triple.pb,[dir=rtl] .col.triple.pb {
    padding-bottom: 30px
}

*.pl,.fr.pl,.fl.pl,[dir=rtl] *.pl,[dir=rtl] .fr.pl,[dir=rtl] .fl.pl {
    padding-left: 10px
}

*.double.pl,.fr.double.pl,.fl.double.pl,[dir=rtl] *.double.pl,[dir=rtl] .fr.double.pl,[dir=rtl] .fl.double.pl {
    padding-left: 10px
}

*.triple.pl,.fr.triple.pl,.fl.triple.pl,[dir=rtl] *.triple.pl,[dir=rtl] .fr.triple.pl,[dir=rtl] .fl.triple.pl {
    padding-left: 30px
}

*.mt,.fr.mt,.fl.mt,.col.mt,.box.mt,[dir=rtl] *.mt,[dir=rtl] .fr.mt,[dir=rtl] .fl.mt,[dir=rtl] .col.mt,[dir=rtl] .box.mt {
    margin-top: 10px
}

*.double.mt,.fr.double.mt,.fl.double.mt,.col.double.mt,.box.double.mt,[dir=rtl] *.double.mt,[dir=rtl] .fr.double.mt,[dir=rtl] .fl.double.mt,[dir=rtl] .col.double.mt,[dir=rtl] .box.double.mt {
    margin-top: 20px
}

*.triple.mt,.fr.triple.mt,.fl.triple.mt,.col.triple.mt,.box.triple.mt,[dir=rtl] *.triple.mt,[dir=rtl] .fr.triple.mt,[dir=rtl] .fl.triple.mt,[dir=rtl] .col.triple.mt,[dir=rtl] .box.triple.mt {
    margin-top: 10px
}

*.mr,.fr.mr,.fl.mr,.col.mr,.box.mr,[dir=rtl] *.mr,[dir=rtl] .fr.mr,[dir=rtl] .fl.mr,[dir=rtl] .col.mr,[dir=rtl] .box.mr {
    margin-right: 10px
}

*.double.mr,.fr.double.mr,.fl.double.mr,.col.double.mr,.box.double.mr,[dir=rtl] *.double.mr,[dir=rtl] .fr.double.mr,[dir=rtl] .fl.double.mr,[dir=rtl] .col.double.mr,[dir=rtl] .box.double.mr {
    margin-right: 20px
}

*.triple.mr,.fr.triple.mr,.fl.triple.mr,.col.triple.mr,.box.triple.mr,[dir=rtl] *.triple.mr,[dir=rtl] .fr.triple.mr,[dir=rtl] .fl.triple.mr,[dir=rtl] .col.triple.mr,[dir=rtl] .box.triple.mr {
    margin-right: 30px
}

*.mb,.fr.mb,.fl.mb,.col.mb,.box.mb,[dir=rtl] *.mb,[dir=rtl] .fr.mb,[dir=rtl] .fl.mb,[dir=rtl] .col.mb,[dir=rtl] .box.mb {
    margin-bottom: 10px
}

*.double.mb,.fr.double.mb,.fl.double.mb,.col.double.mb,.box.double.mb,[dir=rtl] *.double.mb,[dir=rtl] .fr.double.mb,[dir=rtl] .fl.double.mb,[dir=rtl] .col.double.mb,[dir=rtl] .box.double.mb {
    margin-bottom: 20px
}

*.triple.mb,.fr.triple.mb,.fl.triple.mb,.col.triple.mb,.box.triple.mb,[dir=rtl] *.triple.mb,[dir=rtl] .fr.triple.mb,[dir=rtl] .fl.triple.mb,[dir=rtl] .col.triple.mb,[dir=rtl] .box.triple.mb {
    margin-bottom: 30px
}

*.ml,.fr.ml,.fl.ml,.col.ml,.box.ml,[dir=rtl] *.ml,[dir=rtl] .fr.ml,[dir=rtl] .fl.ml,[dir=rtl] .col.ml,[dir=rtl] .box.ml {
    margin-left: 10px
}

*.double.ml,.fr.double.ml,.fl.double.ml,.col.double.ml,.box.double.ml,[dir=rtl] *.double.ml,[dir=rtl] .fr.double.ml,[dir=rtl] .fl.double.ml,[dir=rtl] .col.double.ml,[dir=rtl] .box.double.ml {
    margin-left: 20px
}

*.triple.ml,.fr.triple.ml,.fl.triple.ml,.col.triple.ml,.box.triple.ml,[dir=rtl] *.triple.ml,[dir=rtl] .fr.triple.ml,[dir=rtl] .fl.triple.ml,[dir=rtl] .col.triple.ml,[dir=rtl] .box.triple.ml {
    margin-left: 30px
}

.box,.col {
    float: left;
    padding-left: 10px ;
    padding-right: 10px;
    box-sizing: border-box
}

.box.double,.col.double {
    padding-left: 20px;
    padding-right: 20px
}

.box.triple,.col.triple {
    padding-left: 30px;
    padding-right: 30px
}

[dir=rtl] .box,[dir=rtl] .col {
    float: right
}

.box {
    padding-top: 10px;
    padding-bottom: 10px
}

.box.double {
    padding-top: 20px;
    padding-bottom: 20px
}

.box.triple {
    padding-top: 30px;
    padding-bottom: 30px
}

tr.box,th.box,td.box,tr.col,th.col,td.col {
    float: none
}

.box.box-border,.col.box-border {
    padding-left: 9px;
    padding-right: 9px
}

.box.double.box-border,.col.double.box-border {
    padding-left: 19px;
    padding-right: 19px
}

.box.triple.box-border,.col.triple.box-border {
    padding-left: 29px;
    padding-right: 29px
}

.box.box-border {
    padding-top: 9px;
    padding-bottom: 9px
}

.box.double.box-border {
    padding-top: 19px;
    padding-bottom: 19px
}

.box.triple.box-border {
    padding-top: 29px;
    padding-bottom: 29px
}

.box-border,.col.box-border,.box.box-border,.btn.box-border,[dir=rtl] .box-border,[dir=rtl] .col.box-border,[dir=rtl] .box.box-border,[dir=rtl] .btn.box-border {
    border: 1px solid #e5e5e5
}

*.b-none,.b-none,.col.b-none,.box.b-none,[dir=rtl] .b-none,[dir=rtl] .col.b-none,[dir=rtl] .box.b-none {
    border: 0
}

.b-top,.col.b-top,.box.b-top,[dir=rtl] .b-top,[dir=rtl] .col.b-top,[dir=rtl] .box.b-top {
    border-top: 0
}

.b-right,.col.b-right,.box.b-right {
    border-right: 0
}

[dir=rtl] .b-right,[dir=rtl] .col.b-right,[dir=rtl] .box.b-right {
    border-left: 0
}

.b-bottom,.col.b-bottom,.box.b-bottom,[dir=rtl] .b-bottom,[dir=rtl] .col.b-bottom,[dir=rtl] .box.b-bottom {
    border-bottom: 0
}

.b-left,.col.b-left,.box.b-left {
    border-left: 0
}

[dir=rtl] .b-left,[dir=rtl] .col.b-left,[dir=rtl] .box.b-left {
    border-right: 0
}

.line-top,.col.line-top,.box.line-top,.btn.line-top {
    border-top: 1px solid #e3e3e3
}

.line-right,.col.line-right,.box.line-right,.btn.line-right {
    border-right: 1px solid #e5e5e5
}

[dir=rtl] .line-right,[dir=rtl] .col.line-right,[dir=rtl] .box.line-right,[dir=rtl] .btn.line-right {
    border-right: 0;
    border-left: 1px solid #e5e5e5
}

.line-bottom,.col.line-bottom,.box.line-bottom,.btn.line-bottom {
    border-bottom: 1px solid #e5e5e5
}

.line-left,.col.line-left,.box.line-left,.btn.line-left {
    border-left: 1px solid #e5e5e5
}

[dir=rtl] .line-left,[dir=rtl] .col.line-left,[dir=rtl] .box.line-left,[dir=rtl] .btn.line-left {
    border-right: 1px solid #e5e5e5;
    border-left: 0
}

.line-light,.col.box-border.line-light,.box.box-border.line-light,.btn.box-border.line-light,.col.line-top.line-light,.box.line-top.line-light,.btn.line-top.line-light,.col.line-right.line-light,.box.line-right.line-light,.btn.line-right.line-light,.col.line-bottom.line-light,.box.line-bottom.line-light,.btn.line-bottom.line-light,.col.line-left.line-light,.box.line-left.line-light,.btn.line-left.line-light {
    border-color: #f0f0f0
}

.line-gray,.col.box-border.line-gray,.box.box-border.line-gray,.btn.box-border.line-gray,.col.line-top.line-gray,.box.line-top.line-gray,.btn.line-top.line-gray,.col.line-right.line-gray,.box.line-right.line-gray,.btn.line-right.line-gray,.col.line-bottom.line-gray,.box.line-bottom.line-gray,.btn.line-bottom.line-gray,.col.line-left.line-gray,.box.line-left.line-gray,.btn.line-left.line-gray {
    border-color: #5e5e5e
}

.line-dark,.col.box-border.line-dark,.box.box-border.line-dark,.btn.box-border.line-dark,.col.line-top.line-dark,.box.line-top.line-dark,.btn.line-top.line-dark,.col.line-right.line-dark,.box.line-right.line-dark,.btn.line-right.line-dark,.col.line-bottom.line-dark,.box.line-bottom.line-dark,.btn.line-bottom.line-dark,.col.line-left.line-dark,.box.line-left.line-dark,.btn.line-left.line-dark {
    border-color: #7c7c7c
}

.line-pink,.col.box-border.line-pink,.box.box-border.line-pink,.btn.box-border.line-pink,.col.line-top.line-pink,.box.line-top.line-pink,.btn.line-top.line-pink,.col.line-right.line-pink,.box.line-right.line-pink,.btn.line-right.line-pink,.col.line-bottom.line-pink,.box.line-bottom.line-pink,.btn.line-bottom.line-pink,.col.line-left.line-pink,.box.line-left.line-pink,.btn.line-left.line-pink {
    border-color: #e35252
}

.line-through {
    text-decoration: line-through
}

.line-under {
    text-decoration: underline
}

.drop-down.hover .drop-down-title+* {
    min-width: 100% ;
    z-index: 999;
    opacity: 0 ;
    visibility: hidden;
    transition: visibility 0s 0s,opacity 0s linear
}

.drop-down.hover .drop-down-title+* :hover>a:not(.btn),.drop-down.hover .drop-down-title+* a:not(.btn):hover {
    color: #e35252
}

.drop-down.hover .drop-down-title+.top {
    transition: opacity 0s linear,top 0s linear;
    top: 73%
}

.drop-down-title+.top {
    top: 100%
}

.drop-down.hover .drop-down-title+.top.fixed {
    top: -10px
}

.drop-down.hover:hover .drop-down-title+.top.fixed {
    top: 0
}

.drop-down.hover .drop-down-title+.bottom {
    bottom: calc(100% - 10px);
    transition: opacity .2s linear,bottom .2s linear
}

.drop-down.hover:hover .drop-down-title+.bottom {
    bottom: 100%
}

.drop-down.hover .drop-down-title+.bottom.fixed {
    bottom: -10px
}

.drop-down.hover:hover .drop-down-title+.bottom.fixed {
    bottom: 0
}

.drop-down.hover:hover .drop-down-title+* {
    visibility: visible;
    opacity: 1
}

.drop-down-item,.drop-down-item * {
    line-height: 35px;
    white-space: nowrap
}

.drop-down-item {
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box
}

.overlay-wrap>* {
}

.overlay {
    background: rgba(0,0,0,.75);
    z-index: -1
}

.overlay,.overlay-wrap:hover>*+.overlay:hover {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s linear,visibility .2s linear
}

.overlay-wrap:hover>*+.overlay {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s linear,visibility .2s linear
}

.col-12 {
    width: 100%
}

.col-11 {
    width: 91.66666667%
}

.col-10 {
    width: 83.33333333%
}

.col-9 {
    width: 75%
}

.col-8 {
    width: 66.66666667%
}

.col-7 {
    width: 58.33333333%
}

.col-6 {
    width: 50%
}

.col-5 {
    width: 41.66666667%
}

.col-4 {
    width: 33.33333333%
}

.col-3 {
    width: 25%
}

.col-2 {
    width: 16.66666667%
}

.col-1 {
    width: 8.33333333%
}

.m-none,.box.m-none,.col.m-none,.btn.m-none {
    margin: 0
}

.m-top,.box.m-top,.col.m-top,.btn.m-top {
    margin-top: 0
}

.m-left,.box.m-left,.col.m-left,.btn.m-left {
    margin-left: 0
}

.m-bottom,.box.m-bottom,.col.m-bottom,.btn.m-bottom {
    margin-bottom: 0
}

.m-right,.box.m-right,.col.m-right,.btn.m-right {
    margin-right: 0
}

.p-none,.box.p-none,.col.p-none,.btn.p-none {
    padding: 0
}

#leftColumn #page-login .box.col-4.col-md-6.col-sm-12.p-top.p-left {
    width: 100%;
}

.p-top,.box.p-top,.col.p-top,.btn.p-top {
    padding-top: 0
}

.p-left,.box.p-left,.col.p-left,.btn.p-left {
    padding-left: 0
}

.p-bottom,.box.p-bottom,.col.p-bottom,.btn.p-bottom {
    padding-bottom: 0
}

.p-right,.box.p-right,.col.p-right,.btn.p-right {
    padding-right: 0
}

#notFound {
    line-height: 25px;
    font-size: 15px
}

#notFound:before {
    content: '' ;
    float: left;
    width: 100% ;
    height: 127px;
    background: url(404.png) no-repeat center center
}

#notFound .text-title {
    line-height: 30px;
    font-size: 18px
}

.item-center {
    margin-right: auto;
    margin-left: auto
}

.tooltipWrapper {
    position: relative
}

.tooltip {
    display: none;
    position: absolute;
    bottom: 100% ;
    left: 0;
    right: 0 ;
    line-height: 20px;
    padding-left: 10px ;
    padding-top: 5px;
    padding-right: 10px ;
    padding-bottom: 5px;
    background: #fff ;
    box-sizing: border-box;
    margin-bottom: 5px;
    z-index: 999
}

.tooltip.default {
    border: 1px solid #ececec
}

#notify {
    position: fixed
}

#notify.top,#notify.bottom {
    width: 100%
}

#notify.right,#notify.left {
    width: 320px
}

#notify.top {
    top: 0;
    bottom: auto
}

#notify.right {
    right: 0;
    left: auto
}

#notify.bottom {
    bottom: 0;
    top: auto
}

#notify.left {
    left: 0;
    right: auto
}

.notify {
    width: calc(100% - 10px);
    display: none
}

#notify.right .notify,#notify.left .notify {
    clear: both
}

#notify.top .notify {
    margin-top: 10px
}

#notify.right .notify {
    margin-right: 10px
}

#notify.bottom .notify {
    margin-bottom: 10px
}

#notify.left .notify {
    margin-left: 10px
}

.notifyClose {
    float: right;
    width: 13px ;
    height: 13px;
    background: url(notifyClose.png) no-repeat;
    cursor: pointer
}

.comment-star-wrapper {
    height: 100%
}

.stars {
    overflow: hidden
}

.progress {
    height: 4px;
    padding: 0 ;
    position: relative;
    background: #dadada
}

.progress-bar {
    position: absolute;
    left: 0 ;
    top: 0;
    height: 100%;
    line-height: 1.5 ;
    color: #fff;
    background: #000
}

[dir=rtl] .progress-bar {
    right: 0;
    left: auto
}

.accordeon {
    cursor: pointer;
    background-image: url(accordeon.png) ;
    background-repeat: no-repeat;
    background-position: right center
}

[dir=rtl] .accordeon {
    background-position: 10px center
}

.accordeon.active {
    background-image: url(accordeonActive.png)
}

.hide {
    display: none
}

#mainWrapper {
    width: 100%;
    position: relative
}

#skeletonWrap {
    width: 100%
}

[dir=rtl] #rightColumn {
    padding-right: 10px;
    padding-left: 0
}

[dir=rtl] #leftColumn {
    padding-right: 0;
    padding-left: 10px
}

#mainColumn {
    max-width: 100%
}

.loaderWrapper {
    position: relative
}

.loading {
    position: absolute;
    width: 100%;
    height: 100% ;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.7) url(loading.gif) no-repeat center center ;
    z-index: 333;
    display: none
}

#backToTop {
    display: none;
    position: fixed ;
    bottom: 50px;
    right: 50% ;
    width: 50px;
    height: 50px ;
    color: #5e5e5e;
    margin-right: -680px ;
    cursor: pointer;
    z-index: 333
}

#backToTop i {
    width: 50px;
    height: 50px;
    color: #5e5e5e
}

#backToTop i:before {
    margin-right: auto;
    margin-left: auto
}

[dir=rtl] #backToTop {
    right: auto;
    left: 50% ;
    margin-right: 0;
    margin-left: -680px
}

#dbDebug,#smartyDebug {
    border: 3px solid #666;
    margin-top: 30px ;
    margin-bottom: 30px;
    font-size: 14px
}

#dbDebug {
    margin-left: auto;
    margin-right: auto;
    width: 500px
}

#smartyDebug {
    margin-left: 5px;
    margin-right: 5px;
    width: 400px
}

.MobileRedirectMessage {
    position: fixed;
    top: 0 ;
    left: 0;
    width: 100% ;
    height: 52px;
    line-height: 52px ;
    font-size: 30px;
    color: #fff ;
    text-align: center;
    background: #000 ;
    border-radius: 6px;
    box-shadow: 0 0 9px #000;
    z-index: 99999
}

.flexwrap {
    display: -webkit-box;
    display: -moz-box ;
    display: -ms-flexbox;
    display: -webkit-flex
}

.HomePage #content>.inner {
    width: 100%!important
}

.HomeBannerLeft.flexwrap,.HomeCatsContent.flexwrap,.HomeBannerFive.flexwrap,.HomeBlogRight.flexwrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap ;
    flex-wrap: wrap;
    position: relative
}

.HomePage #content>.inner * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.HomeTitle1,.HomeTitle2 {
    color: #0d0d0d;
    font-weight: 700
}

.HomeSlogan {
    color: #b2b2b2
}

.HomeBannerTwo .HomeBannerText {
    text-align: center
}

.HomeBannerTreeLink {
    color: #000;
    font-size: 17px ;
    font-weight: 700;
    display: inline-block;
    text-decoration: underline
}

.HomeBannerTreeBanners>a {
    width: 32%
}

.HomeBannerTreeBanners.flexwrap {
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.HomeCatsContent a span {
    position: absolute;
    right: 0 ;
    left: 0;
    bottom: 0 ;
    margin: auto;
    z-index: 1;
    background: rgb(255,255,255,.6);
    font-weight: 700
}

.HomeCatsContent a {
    position: relative;
    text-align: center
}

.HomeCatsContent.flexwrap {
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.HomeFourBanners.flexwrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap ;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.HomeBannerFiveMiddle.flexwrap {
    text-align: center;
    -webkit-box-align: center ;
    -moz-box-align: center;
    -webkit-align-items: center ;
    -ms-flex-align: center;
    align-items: center
}

.HomeBannerFiveTitle {
    color: #707070;
    font-size: 18px;
    margin: 10px 0 5px
}

.HomeBannerFivePrice.flexwrap {
    -webkit-box-align: center;
    -moz-box-align: center ;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.HomeFivePrice {
    font-weight: 600;
    font-size: 17px ;
    text-decoration: line-through;
    margin-right: 10px
}

.HomeFiveDiscountPrice {
    font-weight: 600;
    font-size: 20px
}

.HomeBlogLeft {
    position: relative
}

.HomeBlogLeftBox {
    position: absolute;
    right: 0 ;
    left: 0;
    bottom: 0 ;
    z-index: 3;
    background: #fff ;
    margin: auto;
    padding: 15px;
    text-align: center
}

.HomeBlogTitle {
    font-weight: 700;
    margin: 10px 0
}

.HomeBlogText {
    font-weight: 500
}

.HomeBlogYazar {
    font-size: 15px;
    margin-top: 15px
}

.HomeBlogYazar:before {
    content: "";
    border-top: 2px solid #000 ;
    width: 100px;
    display: block;
    margin-bottom: 10px
}

.HomeBlogReadMore a {
    background: #000;
    font-size: 17px ;
    color: #fff;
    margin: 30px auto 0 ;
    display: inline-block;
    width: 250px ;
    padding: 20px 10px;
    font-weight: 700
}

.HomeBlogReadMore {
    text-align: center
}

.HomeBlogReadMore a:hover {
    background: #000
}

.HomeBlogLeftTitle {
    font-weight: 700
}

.owl-theme .owl-nav {
    position: absolute;
    top: calc(50% - 15px) ;
    left: 20px;
    width: calc(100% - 40px) ;
    height: 0;
    margin-top: 0
}

.owl-theme .owl-nav [class*=owl-] {
    width: 17px;
    height: 32px ;
    text-indent: -9999em;
    padding: 0 ;
    background-color: transparent;
    background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/img/arrows-2.png)!important ;
    background-repeat: no-repeat;
    margin: 0 ;
    overflow: hidden;
    cursor: pointer
}

.owl-carousel .owl-nav .owl-prev {
    float: left
}

.owl-carousel .owl-nav .owl-next {
    float: right;
    background-position: right 0!important
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent
}

#stories .owl-nav [class*=owl-] {
    background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/img/arrows2.png)!important
}

#stories .owl-nav .owl-next {
    background-position: right 0!important
}

.owl-theme .owl-nav {
    margin: 0!important
}

.owl-carousel .owl-item img {
}

.UrunGrupAlan .owl-theme .owl-nav .owl-prev {
    background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/back.svg) no-repeat center!important
}

.UrunGrupAlan .owl-theme .owl-nav .owl-next {
    background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/right.svg) no-repeat center!important
}

.UrunGrupAlan .owl-theme .owl-nav {
    position: initial;
    top: initial ;
    left: initial;
    width: initial;
    height: initial
}

.EditorialContent * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.EditLink a {
    border-bottom: 1px solid #000;
    margin-top: 35px;
    display: inline-block
}

.EditorialThree .EditText {
    margin-top: 25px;
    font-weight: 300
}

.EditBigTitle {
    font-family: playfair display,serif
}

.EditorialSix .EditText {
    margin: 20px 0;
    font-weight: 300
}

.EditVertical {
    -webkit-box-align: center;
    -moz-box-align: center ;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.EditorialRow.flexwrap {
    -webkit-justify-content: space-between;
    justify-content: space-between
}

#stories.flexwrap {
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly
}

.DenimConent * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.DenimSlogan {
    font-family: playfair display,serif
}

.DenimSlogan.flexwrap {
    -webkit-box-align: center;
    -moz-box-align: center ;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.UrunGrupAlan .owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    z-index: 11
}

.SepetFavoriUrunler .productDetails {
    padding-bottom: 60px
}

.cart.zoomBtn {
    border: 1px solid #000;
    text-align: center;
    width: calc(100% - 30px) ;
    padding: 8px 0;
    margin-right: 10px
}

.SepetFavoriUrunler .productDetails .detailLink {
    margin-top: 0;
    padding-right: 0;
    font-size: 15px
}

.FavoriBtnBox {
    margin-top: 6px
}

.removeBtn.removeBasketProduct.delete {
    height: 31px;
    position: relative
}

.SepetFavoriUrunler .owl-theme .owl-nav [class*=owl-] {
    top: 39% ;
    margin: 0;
    padding: 0 ;
    width: 26px;
    height: 26px
}

.SepetFavoriUrunler .owl-theme .owl-nav {
    position: initial;
    top: initial ;
    left: initial;
    width: initial;
    height: initial
}

.SepetFavoriUrunler .owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    z-index: 11
}

.SepetFavoriUrunler .owl-theme .owl-nav .owl-prev {
    background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/back.svg) no-repeat center!important
}

.SepetFavoriUrunler .owl-theme .owl-nav .owl-next {
    background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/right.svg) no-repeat center!important
}

.SepetFavoriUrunler .owl-theme .owl-nav .owl-prev {
    left: 0
}

.SepetFavoriUrunler .owl-theme .owl-nav .owl-next {
    right: 0
}

.HomeProductGrup .owl-theme .owl-nav [class*=owl-] {
    width: 32px;
    height: 32px ;
    position: absolute;
    top: 45% ;
    z-index: 11;
    background-size: 100% ;
    cursor: pointer;
    margin-top: -32px ;
    margin: 0;
    padding: 0
}

.HomeProductGrup .owl-nav .owl-prev {
    background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/back.svg)!important;
    left: 5px
}

.HomeProductGrup .owl-nav .owl-next {
    background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/right.svg)!important;
    right: 5px
}

.HomeProductGrup .owl-theme .owl-nav {
    position: initial;
    top: initial;
    left: initial
}

#story-widget {
    width: 100%;
    float: left
}

.AnasayfaPersonaClickTabBaslik {
    margin: 30px 0;
    text-align: center
}

.AnasayfaPersonaClickTabBaslik li {
    display: inline-block;
    color: #000 ;
    text-transform: uppercase;
    font-weight: 700 ;
    padding: 0 15px 15px;
    font-size: 20px;
    position: relative
}

.AnasayfaPersonaClickTabBaslik li.aktif {
    color: #e35252
}

.CokSatanTab.aktif:after,.YeniUrunTab.aktif:after,.TrendUrunTab.aktif:after {
    content: "";
    height: 2px ;
    width: 20px;
    background: #000 ;
    position: absolute;
    width: 100% ;
    bottom: 0;
    left: 0
}

.CokSatanTab.aktif:after,.YeniUrunTab.aktif:after,.TrendUrunTab.aktif:after {
    background: #e35252!important
}

.AnaTextBaslik {
    font-family: oswald,sans-serif;
    font-weight: 600
}

.AnaTextAciklama {
    font-weight: 300;
    letter-spacing: 2px
}

.FavUrunEklendi {
    width: 300px;
    line-height: 16px ;
    padding: 15px;
    position: fixed ;
    z-index: 999999;
    background: #5cac12 ;
    color: #fff;
    top: 0 ;
    right: 0;
    margin: auto ;
    border: 1px solid #8ce944;
    -webkit-border-radius: 10px ;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px #33ca1f
}

.FavUrunCikarildi {
    width: 300px;
    line-height: 16px ;
    padding: 15px;
    position: fixed ;
    z-index: 999999;
    background: #f33939 ;
    color: #fff;
    top: 0 ;
    right: 0;
    border: 1px solid #b91414 ;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px ;
    border-radius: 10px;
    box-shadow: 0 0 10px #f33939
}

#notify.top.right {
    z-index: 999;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

#owl-inf.owl-theme .owl-nav [class*=owl-] {
    background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/img/arrows2.png)!important
}

#owl-inf.owl-theme .owl-nav {
    left: 0;
    width: 100%;
    top: calc(50% - 22px)
}

#owl-inf .item .col-6.fl {
    padding-right: 8px
}

#owl-inf .item .col-6.fr {
    padding-left: 8px
}

#owl-inf.owl-theme .owl-nav .owl-next {
    background-position: right 0!important
}

.AnaInfBaslik {
    text-align: center;
    margin: 15px 0 25px ;
    font-weight: 600;
    font-size: 36px
}

.IkiliBannerSol {
    width: 49%;
    margin-left: 1%
}

.IkiliBannerSag {
    width: 49%;
    margin-left: 1%
}

.DilAlan {
    text-align: center;
    margin-bottom: 10px
}

:lang(en) .IcerikMenu li:nth-child(5) {
    display: none;
    border-bottom: 0!important
}

:lang(en) .IcerikMenu li:nth-child(2) {
    display: none;
    border-bottom: 0!important
}

:lang(en) .IcerikMenu li:nth-child(4) {
    display: none
}

.tasarimOcak {
    margin-top: 40px!important;
    text-align: center
}

.tasarimOcak>div>div {
    margin-bottom: 15px
}

.dropdown {
    position: relative;
    float: right
}

.dropdown-menu {
    position: absolute;
    top: 100% ;
    right: 0;
    z-index: 1000 ;
    display: none;
    float: left ;
    min-width: 10rem;
    padding: .5rem ;
    font-size: 1rem;
    color: #212529 ;
    text-align: left;
    list-style: none ;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px 0 rgb(0 0 0/4%);
    -moz-box-shadow: 0 6px 12px 0 rgba(0,0,0,.04);
    box-shadow: 0 6px 12px 0 rgb(0 0 0/4%);
    border: 1px solid #e6e6e6
}

.video-ac {
    position: absolute;
    top: 15px ;
    box-sizing: border-box;
    z-index: 9 ;
    display: inline-block;
    right: 15px ;
    width: initial;
    border-radius: 25px;
    overflow: hidden
}

.video-ac>span {
    background-color: #fafafabd;
    display: flex ;
    align-items: center;
    justify-content: center ;
    color: #000;
    font-size: 15px ;
    padding: 5px;
    text-transform: uppercase ;
    width: auto;
    cursor: pointer
}

.video-ac span span:last-child,.video-ac.active span span:first-child {
    display: none
}

.video-ac.active span span:last-child {
    display: block
}

.video-ac>span:hover {
    background-color: #fff
}

#productLeft .video-ac.active {
    opacity: 0;
    transition: .3s all
}

#productImage li:first-child:hover .video-ac.active {
    opacity: 1
}

.video-ac span span {
    background-image: url(https://www.freshscarfs.com/Data/EditorFiles/tema/img/svg/play_icon.png) ;
    background-repeat: no-repeat;
    background-position: left 0 center ;
    padding-left: 29px;
    line-height: 26px
}

div[class*=ekbilgi4] {
    position: absolute;
    overflow: hidden ;
    top: 0;
    height: 100%;
    width: 100%;
}

div[class*=ekbilgi4] span {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.productItem .video-ac span span {
    font-size: 12px
}

.productItem .video-ac {
    right: 10px;
    transform: none ;
    top: 25px;
    left: inherit;
    z-index: 9;
}

.productItem div[class*=ekbilgi4] {
    z-index: 9;
}

.owl-theme.recommended-items .owl-nav {
    top: calc(50% - 60px)!important
}

.flexwrap.UyeBtns {
    justify-content: space-between;
    -webkit-justify-content: space-between
}

@media screen and (min-width: 768px) {
    .InfSatir {
        margin-bottom:15px
    }

    #page-shoppinglist #alis-veris-listem {
        min-height: 300px
    }

    .PersonaClickDiv.FavoriPersona {
        padding: 0 30px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

    .AnaTrenckotSol .AnaTextAciklama {
        margin: 20px 0 30px
    }

    .AnaTextBaslik {
        font-size: 55px;
        line-height: 60px;
        letter-spacing: 8px
    }

    .AnaTextAciklama {
        font-size: 20px;
        line-height: 30px
    }

    .AnaCantaSol {
        width: 49%;
        margin-right: 1%
    }

    .AnaCantaSag {
        margin-left: 1%;
        width: 49%
    }

    .AnaCantaSag .AnaTextAciklama {
        margin-top: 30px
    }

    .AnaTrikoSol {
        width: 49%;
        margin-right: 1%
    }

    .AnaTrikoSag {
        width: 49%;
        margin-left: 1%
    }

    .AnaTrikoSol .AnaTextBaslik {
        margin-top: 10px
    }

    .AnaTrikoSol .AnaTextAciklama {
        margin-top: 10px
    }

    .flexwrap.AnaYeniSezonSatir,.flexwrap.AnaTrenckotSatir {
        -webkit-box-align: end;
        -moz-box-align: end ;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .AnaYeniSezonSag .AnaTextBaslik {
        margin-bottom: 10px
    }

    .AnaTrenckotSol {
        width: 49%;
        margin-right: 1%
    }

    .AnaTrenckotSag {
        margin-left: 1%;
        width: 49%
    }

    .AnaYeniSezonSol {
        width: 49%;
        margin-right: 1%
    }

    .AnaYeniSezonSag {
        width: 49%;
        margin-left: 1%
    }

    .AnaBannerSatir {
        /*margin-top:50px*/
    }

    .HomeProductGrup .owl-theme .owl-nav [class*=owl-] {
        top: 36%
    }

    .OwlSepetFavori {
        padding: 0 30px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

    .DenimSnine .DenimSatirSag {
        margin-top: 100px
    }

    .DenimSeight .DenimSol {
        width: 45%
    }

    .DenimSeight .DenimSag {
        width: 55%
    }

    .DenimUcluSatir.flexwrap {
        -webkit-box-align: center;
        -moz-box-align: center ;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .DenimUcluSol {
        padding-right: 10px
    }

    .DenimUcluSag {
        padding-left: 10px
    }

    .DenimUcluOrta {
        padding: 0 5px;
        text-align: center
    }

    .DenimBSatir .DenimBSol {
        width: 36%;
        float: left
    }

    .DenimBSatir .DenimBSag {
        width: 64%;
        float: right
    }

    .DenimBSatir .DenimText {
        margin-top: 40px;
        text-align: center;
        padding: 0 10px
    }

    .DenimSthree .DenimText {
        margin-top: 15px
    }

    .DenimText {
        font-size: 15px;
        line-height: 20px
    }

    .DenimSatirSol {
        padding-right: 10px
    }

    .DenimSatirSag {
        padding-left: 10px
    }

    .DenimSatir {
        margin-bottom: 50px
    }

    .DenimStwo .DenimSol {
        float: left;
        width: 59%;
        margin-right: 1%
    }

    .DenimSlogan {
        font-size: 65px;
        line-height: 75px
    }

    .DenimStwo .DenimSag {
        float: right;
        width: 40%
    }

    .EditBigTitle {
        font-size: 32px
    }

    #stories.flexwrap {
        margin-top: 20px
    }

    .EditorialSix .EditText {
        font-size: 16px;
        line-height: 24px
    }

    .EditorialRow {
        margin-bottom: 75px
    }

    .EditorialTwo .EditText {
        margin-bottom: 50px
    }

    .EditLink a {
        font-size: 16px
    }

    .EditText {
        font-size: 18px;
        line-height: 22px
    }

    .EditLeft {
        padding-right: 15px
    }

    .EditRight {
        padding-left: 15px
    }

    .UrunGrupAlan .owl-theme .owl-nav [class*=owl-] {
        top: 39% ;
        margin: 0;
        padding: 0 ;
        width: 26px;
        height: 26px
    }

    .stories.carousel .story {
        width: 12%;
        margin: 0 1%
    }

    .HomeStory .HomeSlogan {
        font-size: 16px;
        margin: 15px 0
    }

    .HomeBlogBoxLeft {
        padding-right: 5px
    }

    .HomeBlogBoxRight {
        padding-left: 5px
    }

    .HomeBlogLeft {
        padding-right: 10px
    }

    .HomeBlogRight {
        padding-left: 10px
    }

    .HomeBlogTitle {
        font-size: 16px
    }

    .HomeBlogText {
        font-size: 13px;
        line-height: 15px
    }

    .HomeBlogRight a {
        margin-bottom: 15px
    }

    .HomeBlogLeftTitle {
        font-size: 30px
    }

    .HomeManukaBlog .HomeTitle2 {
        margin-bottom: 30px
    }

    .HomeBlogLeftText {
        font-size: 18px;
        margin: 10px 0;
        line-height: 22px
    }

    .HomeBannerFiveMiddle {
        padding: 0 15px
    }

    .HomeBannerMiddleContent .HomeTitle2 {
        margin: 10px 0
    }

    .HomeBannerFiveText {
        font-size: 15px;
        line-height: 18px
    }

    .HomeBannerFour .HomeBannerLeft {
        width: 64%;
        margin-right: 1%
    }

    .HomeBannerFiveLeft,.HomeBannerFiveRight {
        width: 29%
    }

    .HomeBannerFiveMiddle {
        width: 42%
    }

    .HomeBannerFour .HomeBannerRight {
        width: 84%;
        margin-left: 1%
    }

    .HomeFourBanners a {
        margin: 2% 0 0;
        width: 31.33%
    }

    .HomeBannerFour .HomeTitle1 {
        text-align: center;
        margin-bottom: 10px
    }

    .HomeCatsContent a span {
        font-size: 17px;
        padding: 10px 5px;
        width: 170px
    }

    .HomeCatsContent a {
        width: 32%;
        margin: 1% 0
    }

    .HomeBannerThreeLeft {
        width: 43%;
        margin-right: 2%
    }

    .HomeBannerTwo .HomeBannerLeft {
        width: 48%;
        margin-right: 2%
    }

    .HomeBannerTwo .HomeBannerRight {
        width: 49% ;
        text-align: right;
        margin-left: 1%
    }

    .HomeBannerThree.flexwrap {
        -webkit-box-align: center;
        -moz-box-align: center ;
        -webkit-align-items: center;
        -ms-flex-align: center ;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .HomeBannerThreeRight {
        width: 54%;
        margin-left: 2%;
        text-align: center
    }

    .HomeBannerThreeRight .HomeTitle2 {
        margin-bottom: 30px
    }

    .HomeBannerThreeRight .HomeSlogan {
        margin: 30px 0
    }

    .HomeBannerTwo .HomeTitle2 {
        font-size: 18px
    }

    .HomeSatir {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .HomeBannerOne.flexwrap,.HomeBannerTwo .flexwrap,.HomeBannerFour.flexwrap {
        position: relative;
        -webkit-box-align: end ;
        -moz-box-align: flex-end;
        -webkit-align-items: flex-end ;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }

    .HomeTitle1 {
        font-size: 30px
    }

    .HomeTitle2 {
        font-size: 20px
    }

    .HomeSlogan {
        font-size: 17px;
        line-height: 22px
    }

    .HomeBannerTwo .HomeSlogan {
        font-size: 15px
    }

    .HomeBannerTwoBannerLeft {
        padding-right: 10px
    }

    .HomeBannerTwoBannerRight {
        padding-left: 10px
    }

    .HomeBannerOne .HomeBannerRight {
        text-align: right;
        width: 43%;
        margin-left: 2%
    }

    .HomeBannerOne .HomeBannerLeft {
        width: 53%;
        margin-right: 2%
    }

    .HomeBannerOne .HomeTitle1 {
        margin-bottom: 10px
    }

    .HomeBannerOne .HomeSlogan {
        margin-bottom: 30px
    }

    .col-mr-11 {
        margin-right: 91.66666667%
    }

    .col-mr-10 {
        margin-right: 83.33333333%
    }

    .col-mr-9 {
        margin-right: 75%
    }

    .col-mr-8 {
        margin-right: 66.66666667%
    }

    .col-mr-7 {
        margin-right: 58.33333333%
    }

    .col-mr-6 {
        margin-right: 50%
    }

    .col-mr-5 {
        margin-right: 41.66666667%
    }

    .col-mr-4 {
        margin-right: 33.33333333%
    }

    .col-mr-3 {
        margin-right: 25%
    }

    .col-mr-2 {
        margin-right: 16.66666667%
    }

    .col-mr-1 {
        margin-right: 8.33333333%
    }

    .col-ml-11 {
        margin-left: 91.66666667%
    }

    .col-ml-10 {
        margin-left: 83.33333333%
    }

    .col-ml-9 {
        margin-left: 75%
    }

    .col-ml-8 {
        margin-left: 66.66666667%
    }

    .col-ml-7 {
        margin-left: 58.33333333%
    }

    .col-ml-6 {
        margin-left: 50%
    }

    .col-ml-5 {
        margin-left: 41.66666667%
    }

    .col-ml-4 {
        margin-left: 33.33333333%
    }

    .col-ml-3 {
        margin-left: 25%
    }

    .col-ml-2 {
        margin-left: 16.66666667%
    }

    .col-ml-1 {
        margin-left: 8.33333333%
    }

    #skeleton {
        width: 100%
    }

    #footer {
    }
}

@media screen and (min-width: 1001px) {
    #page-shoppinglist #alis-veris-listem {
        min-height:500px
    }

    #story-widget {
        margin-top: 40px
    }

    .AnaTrikoSol .AnaTextBaslik {
        margin-top: 20px
    }

    .AnaTrenckotSol .AnaTextAciklama {
        margin: 25px 0 40px
    }

    .AnaTextBaslik {
        font-size: 70px;
        line-height: 85px;
        letter-spacing: 8px
    }

    .AnaTextAciklama {
        font-size: 24px;
        line-height: 36px
    }

    .UrunListeBottom {
        margin-bottom: 20px
    }

    .UrunGrupAlan .owl-theme .owl-nav [class*=owl-] {
        top: 43%
    }

    .DenimText {
        font-size: 16px;
        line-height: 21px
    }

    .DenimSlogan {
        font-size: 80px;
        line-height: 100px
    }

    .EditLink a {
        font-size: 20px
    }

    .EditText {
        font-size: 22px;
        line-height: 28px
    }

    .EditorialTwo .EditText {
        margin-bottom: 80px
    }

    .EditorialSix .EditText {
        font-size: 20px;
        line-height: 32px
    }

    .EditBigTitle {
        font-size: 40px
    }

    .oneBlock,.twoBlock {
        display: none
    }

    .stories.snapgram .story>.item-link>.item-preview img {
        border: 8px solid #fff
    }

    .HomeStory .HomeSlogan {
        font-size: 20px
    }

    .HomeBlogLeftTitle {
        font-size: 33px
    }

    .HomeBlogLeftText {
        font-size: 22px;
        line-height: 26px
    }

    .HomeBlogTitle {
        font-size: 22px
    }

    .HomeBlogText {
        font-size: 14px;
        line-height: 16px
    }

    .HomeBlogLeftBox {
        width: 400px
    }

    .HomeBlogLeft {
        padding-right: 15px
    }

    .HomeBlogRight {
        padding-left: 30px
    }

    .HomeBlogBoxLeft {
        padding-right: 15px
    }

    .HomeBlogBoxRight {
        padding-left: 15px
    }

    .HomeBannerFiveMiddle {
        padding: 0 20px
    }

    .HomeBannerMiddleContent .HomeTitle2 {
        margin: 20px 0
    }

    .HomeBannerFiveText {
        font-size: 18px;
        line-height: 24px
    }

    .HomeBannerFour .HomeTitle1 {
        margin-bottom: 20px
    }

    .HomeBannerThreeRight .HomeSlogan {
        margin: 50px 0
    }

    .HomeSlogan {
        font-size: 22px;
        line-height: 26px
    }

    .HomeTitle1 {
        font-size: 42px
    }

    .HomeBannerTwo .HomeSlogan {
        margin: 2px 0;
        font-size: 16px
    }

    .HomeBannerTwo .HomeTitle2 {
        font-size: 22px
    }

    .HomeBannerThreeRight .HomeTitle2 {
        margin-bottom: 70px
    }

    .HomeSatir {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .HomeBannerOne .HomeTitle1 {
        margin-bottom: 20px
    }

    .HomeBannerOne .HomeSlogan {
        margin-bottom: 40px
    }

    .HomeBannerTwoBannerLeft {
        padding-right: 16px
    }

    .HomeBannerTwoBannerRight {
        padding-left: 16px
    }

    .HomeTitle2 {
        font-size: 38px
    }

    :not(.notClear)>.col-6+.col-6:nth-of-type(2n+3),:not(.notClear)>.col-4+.col-4:nth-of-type(3n+4),:not(.notClear)>.col-3+.col-3:nth-of-type(4n+5),:not(.notClear)>.col-2+.col-2:nth-of-type(6n+7),:not(.notClear)>.col-1+.col-1:nth-of-type(12n+1) {
        clear: both
    }

    .forMobile {
        display: none !important;
        !i;!;}
}

@media screen and (min-width: 1231px) {
    #owl-inf.owl-theme .owl-nav .owl-prev {
        margin-left:-25px
    }

    #owl-inf.owl-theme .owl-nav .owl-next {
        margin-right: -25px
    }

    .AnaTrenckotSol .AnaTextAciklama {
        margin: 30px 0 75px
    }

    .AnaTextBaslik {
        font-size: 80px;
        line-height: 95px
    }

    .AnaTextAciklama {
        font-size: 26px;
        line-height: 40px
    }

    .HomePage .inner {
        width: 1160px!important
    }

    .HomeProductGrup .owl-theme .owl-nav [class*=owl-] {
        top: 45%
    }

    .DenimSlogan {
        font-size: 100px;
        line-height: 125px
    }

    .DenimSthree .DenimText {
        margin-top: 20px
    }

    .DenimText {
        font-size: 17px;
        line-height: 30px
    }

    .EditorialTwo .EditText {
        margin-bottom: 150px
    }

    .EditorialSix .EditText {
        font-size: 25px
    }

    .EditBigTitle {
        font-size: 44px
    }

    .HomeBlogLeftText {
        font-size: 29px;
        line-height: 34px
    }

    .HomeBlogLeftBox {
        width: 500px
    }

    .HomeBannerFiveMiddle {
        padding: 0 30px
    }

    .HomeBlogTitle {
        font-size: 30px
    }

    .HomeBlogText {
        font-size: 16px;
        line-height: 20px
    }

    .HomeBannerFiveText {
        padding: 0 80px
    }

    .HomeCatsContent a span {
        font-size: 22px;
        padding: 15px 5px;
        width: 200px
    }

    .HomeSlogan {
        font-size: 24px;
        line-height: 30px
    }

    .HomeTitle1 {
        font-size: 48px
    }

    .HomeBannerTwo .HomeSlogan {
        margin: 5px 0;
        font-size: 20px
    }

    .HomeBannerTwo .HomeTitle2 {
        font-size: 26px
    }

    .inner {
        width: 1200px;
        margin: 0 auto
    }
}

@media screen and (min-width: 1366px) {
    .AnaTextBaslik {
        font-size: 95px;
        line-height: 115px
    }

    .AnaTextAciklama {
        font-size: 30px;
        line-height: 45px
    }

    .HomePage .inner {
        width: 1260px!important
    }

    .HomeProductGrup .owl-nav .owl-prev {
        left: -25px!important
    }

    .HomeProductGrup .owl-nav .owl-next {
        right: -25px!important
    }

    .DenimText {
        font-size: 18px;
        line-height: 32px
    }

    .EditBigTitle {
        font-size: 54px
    }

    .inner {
        width: 1300px
    }
}

@media screen and (min-width: 1440px) {
    .min-inner {
        width: 1400px;
        margin: 0 auto
    }

    .HomePage .inner {
        width: 1350px!important
    }

    .DenimText.DenimSten {
        padding: 0 200px
    }

    .DenimText {
        font-size: 20px;
        line-height: 36px
    }

    .inner {
        width: 1400px
    }
}

@media screen and (min-width: 1664px) {
    .DenimSthree .DenimText {
        margin-top:50px
    }

    .HomeCatsContent a {
        margin: 1.5% 0
    }

    .HomeSlogan {
        font-size: 28px;
        line-height: 34px
    }

    .HomeTitle1 {
        font-size: 56px
    }

    .HomeBannerTwo .HomeSlogan {
        margin: 12px 0;
        font-size: 28px
    }

    .HomeBannerTwo .HomeTitle2 {
        font-size: 38px
    }

    .inner {
        width: 1600px
    }
}

@media screen and (min-width: 1940px) {
    .big-inner {
        width: 1920px;
        margin: 0 auto
    }
}

@media screen and (min-width: 2000px) {
    .AnasayfaSlider {
        width: 1920px;
        margin: 0 auto
    }
}

@media screen and (max-width: 1230px) {
    #content {
        margin-right: 0;
        margin-left: 0
    }

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

    #backToTop {
        right: 30px;
        bottom: 30px;
        margin-right: 0
    }
}

@media(max-width: 1024px) {
    .flexwrap.UyeBtns {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #order-login-btn {
        margin-bottom: 10px;
    }

    #zuck-modal-content .story-viewer .head .info:before {
        display: none;
        max-height: 0!important;
        max-width: 0!important;
        margin: 0!important
    }

    #zuck-modal-content .story-viewer .head {
        top: 3px
    }

    #zuck-modal-content .story-viewer .head .loading {
        width: 24px;
        height: 24px;
        margin: 6px 0
    }

    #zuck-modal-content .story-viewer .head .item-preview {
        width: 30px;
        height: 30px;
        margin-right: 9px
    }

    #zuck-modal-content .story-viewer .head .left {
        font-size: 15px;
        margin: 15px 0
    }

    #zuck-modal-content .story-viewer .head .right .time {
        display: block;
        white-space: nowrap ;
        font-size: 15px;
        margin: 15px 0;
        line-height: 30px
    }

    #zuck-modal-content .story-viewer .head .left>.back {
        display: none;
        background: 0 0 ;
        z-index: 20;
        visibility: visible ;
        position: absolute;
        height: 42px ;
        width: 24px;
        line-height: 36px ;
        text-align: left;
        vertical-align: top;
        text-shadow: none
    }

    #zuck-modal-content .story-viewer.with-back-button .head .left>.back {
        display: block
    }

    #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
        margin-left: 18px
    }

    #zuck-modal-content .story-viewer .slides-pointers {
        width: 100vw;
        left: 0;
        right: 0
    }

    #zuck-modal-content .story-viewer .tip {
        font-size: 14px;
        padding: 6px 12px
    }

    #zuck-modal-content .story-viewer .head .left .time,#zuck-modal-content .story-viewer .head .right .close {
        display: none
    }
}

@media screen and (max-width: 1000px) {
    .tasarimOcak>div {
        margin-bottom:15px
    }

    .threeBlock,.fourBlock {
        display: none
    }

    .HomeBlogLeftBox {
        width: 80%
    }

    .HomeBannerFiveTitle {
        font-size: 16px
    }

    .col-md-auto {
        width: auto
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .forDesktop {
        display: none !important;
        !i;!;}
}

@media screen and (max-width: 1000px) and (min-width:768px) {
    .EditorialSix video {
        height:400px
    }

    .stories.snapgram .story>.item-link>.item-preview img {
        border: 4px solid #fff;
        height: 100%
    }

    .stories.snapgram .story>.item-link>.item-preview {
        padding: 4px;
        width: 100%;
        height: 90px
    }

    :not(.notClear)>.col-md-6+.col-md-6:nth-of-type(2n+3),:not(.notClear)>.col-md-4+.col-md-4:nth-of-type(3n+4),:not(.notClear)>.col-md-3+.col-md-3:nth-of-type(4n+5),:not(.notClear)>.col-md-2+.col-md-2:nth-of-type(6n+7),:not(.notClear)>.col-md-1+.col-md-1:nth-of-type(12n+1) {
        clear: both
    }

    .col-md-mr-11 {
        margin-right: 91.66666667%
    }

    .col-md-mr-10 {
        margin-right: 83.33333333%
    }

    .col-md-mr-9 {
        margin-right: 75%
    }

    .col-md-mr-8 {
        margin-right: 66.66666667%
    }

    .col-md-mr-7 {
        margin-right: 58.33333333%
    }

    .col-md-mr-6 {
        margin-right: 50%
    }

    .col-md-mr-5 {
        margin-right: 41.66666667%
    }

    .col-md-mr-4 {
        margin-right: 33.33333333%
    }

    .col-md-mr-3 {
        margin-right: 25%
    }

    .col-md-mr-2 {
        margin-right: 16.66666667%
    }

    .col-md-mr-1 {
        margin-right: 8.33333333%
    }

    .col-md-mr-0 {
        margin-right: 0
    }

    .col-md-ml-11 {
        margin-left: 91.66666667%
    }

    .col-md-ml-10 {
        margin-left: 83.33333333%
    }

    .col-md-ml-9 {
        margin-left: 75%
    }

    .col-md-ml-8 {
        margin-left: 66.66666667%
    }

    .col-md-ml-7 {
        margin-left: 58.33333333%
    }

    .col-md-ml-6 {
        margin-left: 50%
    }

    .col-md-ml-5 {
        margin-left: 41.66666667%
    }

    .col-md-ml-4 {
        margin-left: 33.33333333%
    }

    .col-md-ml-3 {
        margin-left: 25%
    }

    .col-md-ml-2 {
        margin-left: 16.66666667%
    }

    .col-md-ml-1 {
        margin-left: 8.33333333%
    }

    .col-md-ml-0 {
        margin-left: 0
    }

    .dn-md {
        display: none
    }
}

@media screen and (max-width: 767px) and (min-width:541px) {
    :not(.notClear)>.col-sm-6+.col-sm-6:nth-of-type(2n+3),:not(.notClear)>.col-sm-4+.col-sm-4:nth-of-type(3n+4),:not(.notClear)>.col-sm-3+.col-sm-3:nth-of-type(4n+5),:not(.notClear)>.col-sm-2+.col-sm-2:nth-of-type(6n+7),:not(.notClear)>.col-sm-1+.col-sm-1:nth-of-type(12n+1) {
        clear:both
    }
}

@media screen and (max-width: 767px) {
    .tasarimOcak>div>div {
        margin-bottom: 0;
    }

    #productImage .owl-carousel .owl-item img {
        width: 100% !important;
    }

    .tasarimOcak>div>div:first-child {
        margin-bottom: 0px;
    }

    .tasarimOcak {
        margin-top: 0px!important;
    }

    #productImage li .video-ac.active {
        opacity: 1
    }

    .video-ac span span {
        font-size: 10px!important ;
        padding-left: 22px;
        background-size: 20px;
        line-height: 20px
    }

    .video-ac>span {
        padding: 5px
    }

    .productItem .video-ac {
        right: 6px;
        top: 15px
    }

    .AnaInfBaslik {
        font-size: 24px
    }

    .InfSatir {
        margin-bottom: 18px
    }

    #page-shoppinglist #alis-veris-listem {
        min-height: 125px
    }

    .AnaBannerSatir .inner {
        -webkit-box-direction: normal;
        -moz-box-direction: normal ;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal ;
        -webkit-flex-direction: row;
        -ms-flex-direction: row ;
        flex-direction: row;
        -webkit-flex-wrap: wrap ;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .AnaYeniSezonSag .AnaTextBaslik {
        margin: 10px 0
    }

    .AnaTrenckotSol .AnaTextAciklama {
        margin: 10px 0 20px
    }

    .AnaTrenckotSag {
        margin-top: 20px
    }

    .AnaTrikoSol {
        margin-bottom: 20px
    }

    .AnaTrikoSol .AnaTextAciklama {
        margin-top: 10px
    }

    .AnaTrikoSol .AnaTextBaslik {
        margin-top: 20px
    }

    .AnaCantaSol {
        margin-bottom: 20px
    }

    .AnaCantaSag .AnaTextAciklama {
        margin-top: 10px
    }

    .AnaBannerSatir {
        margin-top: 20px
    }

    .AnaTextAciklama {
        font-size: 16px;
        line-height: 26px
    }

    .AnaTextBaslik {
        font-size: 36px;
        line-height: 46px;
        letter-spacing: 4px
    }

    .HomeProductGrup .owl-theme .owl-nav [class*=owl-] {
        top: 34%
    }

    .DenimSnine .DenimSatirSag {
        margin-top: 10px
    }

    .DenimStwo .DenimSol {
        width: 58%;
        margin-right: 2%
    }

    .DenimUcluSatir.flexwrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .DenimUcluOrta {
        margin: 10px 0
    }

    .DenimSlogan {
        font-size: 24px;
        line-height: 28px
    }

    .DenimSatir {
        margin-bottom: 10px
    }

    .DenimSthree .DenimText {
        margin: 10px 0
    }

    .DenimText {
        font-size: 13px;
        line-height: 18px
    }

    .DenimTwo .DenimText {
        margin-top: 10px
    }

    .DenimTwo .DenimSatirSol {
        margin-bottom: 10px
    }

    .DenimBSatir .DenimBSag a {
        margin: 10px 0
    }

    .EditorialRow.EditorialTwo {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .EditBigTitle {
        font-size: 15px;
        font-weight: 600
    }

    .EditorialTwo .EditVideo {
        margin: 10px 0
    }

    .EditorialTwo .EditLeft,.EditorialTwo .EditRight {
        padding: 0
    }

    .EditLeft {
        padding-right: 5px
    }

    .EditRight {
        padding-left: 5px
    }

    .EditorialSix video,.EditorialRowFive video {
        height: 200px
    }

    .EditorialRow {
        margin-bottom: 20px
    }

    .EditText {
        font-size: 13px
    }

    .EditLink a {
        margin-top: 15px;
        font-size: 13px
    }

    .UrunGrupAlan .owl-theme .owl-nav [class*=owl-] {
        top: 30%
    }

    .storiesWrapper.owl-theme .owl-nav {
        width: calc(100% + 20px) ;
        left: -10px;
        top: 20%
    }

    .story .info {
        font-size: 12px
    }

    .stories.carousel {
    }

    .stories.snapgram .story>.item-link>.item-preview {
        padding: 2px
    }

    .stories.snapgram .story>.item-link>.item-preview img {
        border: 2px solid #fff;
        max-height: 50px
    }

    .stories.carousel .story {
        width: 15%
    }

    .HomeStory .HomeSlogan {
        font-size: 13px;
        margin: 10px 0;
        line-height: 18px
    }

    .HomeBlogLeftText {
        font-size: 14px;
        line-height: 18px;
        margin: 10px 0 0
    }

    .HomeBlogLeftTitle {
        font-size: 24px
    }

    .HomeManukaBlog .HomeTitle2 {
        margin-bottom: 15px
    }

    .HomeBlogRight a {
        margin: 15px 0
    }

    .HomeBlogTitle {
        font-size: 18px
    }

    .HomeBlogText {
        font-size: 14px;
        line-height: 17px
    }

    .HomeBannerFiveMiddle {
        margin: 25px 0
    }

    .HomeBannerMiddleContent .HomeTitle2 {
        margin: 10px 0
    }

    .HomeBannerFiveText {
        font-size: 14px;
        line-height: 17px
    }

    .HomeFivePrice {
        font-size: 15px
    }

    .HomeFiveDiscountPrice {
        font-size: 18px
    }

    .HomeBannerFour .HomeTitle1 {
        text-align: center;
        margin-bottom: 10px
    }

    .HomeFourBanners a {
        width: 32% ;
        float: left;
        margin: .5% 0;
        text-align: center
    }

    .HomeCatsContent a span {
        width: 135px;
        padding: 5px;
        font-size: 13px
    }

    .HomeCatsContent a {
        width: 48%;
        margin: 1% 0
    }

    .HomeBannerThreeRight .HomeTitle2 {
        text-align: center;
        margin: 15px 0
    }

    .HomeBannerThreeRight .HomeSlogan {
        margin: 10px 0
    }

    .HomeBannerTreeLink {
        font-size: 15px;
        margin: 5px 0
    }

    .HomeBannerOne.flexwrap,.HomeBannerTwo.flexwrap,.HomeBannerThree.flexwrap,.HomeBannerFour.flexwrap,.HomeBlogContent.flexwrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .HomeBannerTwoBannerLeft {
        padding-right: 5px
    }

    .HomeBannerRight {
        padding-top: 10px
    }

    .HomeTitle2 {
        font-size: 16px
    }

    .HomeTwoBannerTwo {
        padding-top: 10px
    }

    .HomeBannerTwo .HomeSlogan {
        margin-top: 5px
    }

    .HomeTitle1 {
        font-size: 20px
    }

    .HomeSlogan {
        font-size: 14px;
        line-height: 16px
    }

    .HomeBannerOne .HomeSlogan {
        margin: 10px 0
    }

    .HomeBannerTwoBannerRight {
        padding-left: 5px
    }

    .HomeSatir {
        margin: 10px 0
    }

    .col-sm-auto {
        width: auto
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .dn-sm {
        display: none
    }

    .inner>.row {
        margin-right: 0;
        margin-left: 0
    }

    #leftColumn {
        padding-right: 0
    }

    [dir=rtl] #leftColumn {
        padding-left: 0
    }

    #rightColumn {
        padding-left: 0
    }

    [dir=rtl] #rightColumn {
        padding-right: 0
    }

    .text-title {
        line-height: 25px;
        font-size: 15px
    }
}

@media screen and (max-width: 540px) {
    .col-xs-auto {
        width:auto
    }

    .col-xs-12 {
        width: 100%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-1 {
        width: 8.33333333%
    }

    :not(.notClear)>.col-xs-6+.col-xs-6:nth-of-type(2n+3),:not(.notClear)>.col-xs-4+.col-xs-4:nth-of-type(3n+4),:not(.notClear)>.col-xs-3+.col-xs-3:nth-of-type(4n+5),:not(.notClear)>.col-xs-2+.col-xs-2:nth-of-type(6n+7),:not(.notClear)>.col-xs-1+.col-xs-1:nth-of-type(12n+1) {
        clear: both
    }

    .dn-xs {
        display: none
    }

    #leftColumn>p,#leftColumn>p *,#mainColumn>p,#mainColumn>p *,#rightColumn>p,#rightColumn>p * {
        float: left;
        width: 100%
    }
}

@media all and (max-width: 421px) {
    .tsoft-push--in-notification {
        width:100% ;
        left: 0;
        margin: 0 ;
        border-radius: 0;
        border-left: 0 ;
        border-right: 0;
        border-top: 0
    }
}

@media all and (max-width: 360px) {
    .col-xxs-auto {
        width:auto
    }

    .col-xxs-12 {
        width: 100%
    }

    .col-xxs-11 {
        width: 91.66666667%
    }

    .col-xxs-10 {
        width: 83.33333333%
    }

    .col-xxs-9 {
        width: 75%
    }

    .col-xxs-8 {
        width: 66.66666667%
    }

    .col-xxs-7 {
        width: 58.33333333%
    }

    .col-xxs-6 {
        width: 50%
    }

    .col-xxs-5 {
        width: 41.66666667%
    }

    .col-xxs-4 {
        width: 33.33333333%
    }

    .col-xxs-3 {
        width: 25%
    }

    .col-xxs-2 {
        width: 16.66666667%
    }

    .col-xxs-1 {
        width: 8.33333333%
    }

    :not(.notClear)>.col-xxs-6+.col-xxs-6:nth-of-type(2n+3),:not(.notClear)>.col-xxs-4+.col-xxs-4:nth-of-type(3n+4),:not(.notClear)>.col-xxs-3+.col-xxs-3:nth-of-type(4n+5),:not(.notClear)>.col-xxs-2+.col-xxs-2:nth-of-type(6n+7),:not(.notClear)>.col-xxs-1+.col-xxs-1:nth-of-type(12n+1) {
        clear: both
    }

    .dn-xxs {
        display: none
    }
}

.tsoft-push--in-notification {
    width: 422px;
    padding: 0 20px 10px ;
    border: 1px solid #bababa;
    border-radius: 3px ;
    box-shadow: 0 4px 4px -2px #888;
    background-color: #fbfbfb ;
    position: fixed;
    top: 0;
    left: 50% ;
    margin-left: -211px;
    z-index: 9999999999999
}

.tsoft-push--in-notification-inner-container {
    margin: 0
}

.tsoft-push--in-notification-logo {
    height: auto;
    margin-right: 5px ;
    max-width: 150px;
    float: left
}

.tsoft-push--in-notification-logo img {
    width: 100%;
    height: 100%;
    padding-top: 20px
}

.tsoft-push--in-notification-image-container {
    float: left;
    margin: 13px 15px 0 0
}

.tsoft-push--in-notification-image-container img {
    width: 65px;
    height: 65px
}

.tsoft-push--in-notification-text-container {
    position: relative!important;
    padding: 10px 0 0!important;
    color: #000!important;
    text-align: left!important;
    margin: 0!important;
    line-height: 1.4em!important
}

.tsoft-push--in-notification-title {
    margin-bottom: 5px;
    text-align: left ;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4em ;
    color: #000;
    word-break: break-word;
    overflow: hidden
}

.tsoft-push--in-notification-description {
    font-size: 12px;
    line-height: 1.4em ;
    margin: 10px 0;
    padding: 0 ;
    text-align: left;
    word-break: break-word;
    overflow: hidden
}

.tsoft-push--in-notification-button-container {
    float: right!important
}

.tsoft-push--in-notification-button {
    width: 90px;
    height: 18px ;
    line-height: 18px;
    margin-left: 3px ;
    padding: 5px;
    background: #f9f9f9 ;
    border: 1px solid #bababa;
    border-radius: 1px ;
    display: inline-block;
    font-size: 14px ;
    text-align: center;
    cursor: pointer;
    box-sizing: content-box
}

.tsoft-push--in-allow-button {
    background: #00c33d;
    color: #fff;
    border-color: #059833
}

@media all and (max-width: 421px) {
    .tsoft-push--in-notification {
        box-sizing: border-box;
        width: 100% ;
        left: 0;
        margin: 0 ;
        border-radius: 0;
        border-left: 0 ;
        border-right: 0;
        border-top: 0
    }

    .tsoft-push--in-notification-text-container {
        float: left
    }
}

.icon-birthdate:before {
    content: "";
    background-image: url(/Data/EditorFiles/tema/img/birthday-cake.png) ;
    background-repeat: no-repeat;
    background-size: contain ;
    width: 12px;
    height: 12px;
    display: block
}