:root {
    --container-bg-color: #333;
    --left-bg-color: rgba(223, 39, 39, 0.7);
    --left-button-hover-color: rgba(161, 11, 11, 0.3);
    --right-bg-color: rgba(43, 43, 43, 0.8);
    --right-button-hover-color: rgba(92, 92, 92, 0.3);
    --hover-width: 75%;
    --other-width: 25%;
    --speed: 500ms;
    --padding-top: 0px;
}

@keyframes arrowAnim {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
.animtitle,.animtitle2 {
  position: relative;
  overflow: hidden;display: inline-block;font-weight:400;
    padding: 10px;
}
.animtitle.active span,.animtitle2.active span {
  position: absolute;
  display: block;
}

.animtitle.active span:nth-child(1),.animtitle2.active span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #e11e1c);
  animation: btn-anim1 1s linear ;
  animation-iteration-count:2;
}

@keyframes btn-anim1 {
  0% {
    left: -100%;
  }
  50%,100% {
    left: 100%;
  }
}

.animtitle.active span:nth-child(2),.animtitle2.active span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #e11e1c);
  animation: btn-anim2 1s linear ;
  animation-iteration-count:2;
  animation-delay: .25s
}

@keyframes btn-anim2 {
  0% {
    top: -100%;
  }
  50%,100% {
    top: 100%;
  }
}

.animtitle.active span:nth-child(3),.animtitle2.active span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #e11e1c);
  animation: btn-anim3 1s linear infinite;
  animation-delay: .5s
}

@keyframes btn-anim3 {
  0% {
    right: -100%;
  }
  50%,100% {
    right: 100%;
  }
}

.animtitle.active span:nth-child(4),.animtitle2.active span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #e11e1c);
  animation: btn-anim4 1s linear ;
  animation-iteration-count:2;
  animation-delay: .75s
}

@keyframes btn-anim4 {
  0% {
    bottom: -100%;
  }
  50%,100% {
    bottom: 100%;
  }
}




body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.5s ease-in-out;
}

.bg-white {
    --mrittik-bg-opacity: 1;
    background-color: #fff !important;
}

.hera__mutfak , #footerMiddle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.5s ease-in-out;
}

.bg-dark, .bg-dark .hera__mutfak, .bg-dark #footer {
    color: #000;
    --mrittik-bg-opacity: 1;
    background-color: rgba(27, 27, 27, 1) !important;
}

body.bg-dark.bg-white * {
    color: #fff !important;
}

#mode_switcher {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.5s ease-in-out;
    width: 30px;
    height: 60px;
    position: fixed;
    left: 10px;
    bottom: 50px;
    z-index: 555;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 5px 0px;
    justify-content: center;
    box-shadow: 0px 2px 5px 3px rgba(0,0,0,.05);
    flex-direction: column;
}
#mode_switcher img{
    width: 18px;
    height: auto;
    opacity: 1;
    transition: all .5s cubic-bezier(.02,.01,.47,1);
    filter: none !important;
}
#mode_switcher img + img{
    margin-top: 10px;
}

body.bg-dark.bg-white #mode_switcher {
    border: 1px solid rgba(235,235,235,.2);
    background: rgb(226 226 226);
}

#scroll-indicator {
    position: absolute;
    z-index: 100;
    width: 2px;
    height: 88px;
    margin: 0 -1px 0 0;
    padding: 0;
    z-index: 1;
}

#scroll-indicator.toolbar {
    right: 50%;
    bottom: 115px;
}

#scroll-indicator.panel {
    display: none;
    right: 50%;
    bottom: 384px;
}

#scroll-indicator .light {
    display: block;
    width: 2px;
    height: 1px;
    margin: 10px 0 0 0;
    padding: 0;
    opacity: 0;
    background-color: white;
    animation-name: scrollTip;
    animation-duration: 1600ms;
    animation-timing-function: ease-in-out;
    animation-direction: normal;
    animation-fill-mode: backwards;
    animation-iteration-count: infinite;
}

#scroll-indicator .light:first-child {
    margin-top: 0;
}

#scroll-indicator .light:nth-child(1) {
    animation-delay: 120ms;
}

#scroll-indicator .light:nth-child(2) {
    animation-delay: 240ms;
}

#scroll-indicator .light:nth-child(3) {
    animation-delay: 360ms;
}

#scroll-indicator .light:nth-child(4) {
    animation-delay: 480ms;
}

#scroll-indicator .light:nth-child(5) {
    animation-delay: 600ms;
}

#scroll-indicator .light:nth-child(6) {
    animation-delay: 720ms;
}

#scroll-indicator .light:nth-child(7) {
    animation-delay: 840ms;
}

#scroll-indicator .light:nth-child(8) {
    animation-delay: 960ms;
}

#scroll-icon {
    z-index: 200;
    width: 64px;
    height: 64px;
    padding: 0;
}

#scroll-icon svg {
    width: 64px;
    height: 64px;
    opacity: 0.725;
}

#scroll-icon.toolbar {
    position: absolute;
    bottom: 50px;
    left: 50%;
    z-index: 200;
    margin: 0 0 0 -32px;
    animation-name: mousePulse;
    animation-duration: 1600ms;
    animation-timing-function: ease-in-out;
    animation-direction: normal;
    animation-fill-mode: backwards;
    animation-delay: 960ms;
    animation-iteration-count: infinite;
}

#scroll-icon.panel {
    display: none;
    position: absolute;
    right: 50%;
    bottom: 144px;
    margin: 0 -32px 0 0;
    opacity: 0.65;
}

@keyframes mousePulse {
    0% {
        opacity: 0;
        transform: translate3d(0, -8px, 0);
    }

    33.3333333% {
        opacity: 1;
        transform: translate3d(0, 2px, 0);
    }

    66.666666% {
        opacity: 0;
        transform: translate3d(0, -4px, 0);
    }

    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes scrollTip {
    0% {
        opacity: 0;
        transform: translate3d(0, -4px, 0);
    }

    33.3333333% {
        opacity: 1;
        transform: translate3d(0, 2px, 0);
    }

    66.6666667% {
        opacity: 0;
        transform: translate3d(0, -2px, 0);
    }

    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
}

#startcloseBtn {
    position: absolute;
    font-size: 20px;
    top: 5px;
    left: 10px;
    font-weight: 500;
    cursor: pointer;
}

.icon-wrapper {
    display: inline-block;
    vertical-align: middle;
}

#headerMain {
    position: absolute;
    z-index: 33;
    left: 0;
    right: 0;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -ms-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

#headerMain.splithead {
    padding-left: 2px;
}

#headerMain.tos {
    padding-right: 22px;
}

.slide-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: flex;
    gap: 20px;
    color: #fff;
    width: 55%;
    align-items: center;
}

.slide-text h2 {
    font-size: 6rem;
    max-width: 72%;
}

.slide-text a {
    background: #E11E1C;
    color: #fff;
    padding: 0px 30px;
    height: 50px;
    line-height: 49px;
    font-weight: 600;
    font-size: 17px;
    margin-left: 50px;
}

#logo p {
    float: left;
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding-bottom: 0;
}

#logo a {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0;
}

#logo img {
    display: inline;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    vertical-align: middle;
}

#hmLinks > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100px;
    gap: 4px;
    margin-left: 0px;
}
#header-search-panel.drawer-active {
    transform: translateY(0%);
}
#header-search-panel {
    transform: translateY(-100%);
    padding: 18px 0px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    float:none;
    margin-left:auto;
}
a {
    display: block;
}

#hmLinks a span {
    width: 100%;
    text-align: center;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hmLinks a img {
    max-width: 17px;
    height: auto;
    max-height: 17px;
}

#hmLinks a strong {
    color: #fff;
    font-weight: 300;
    font-size: 12px;
}

#hmLinks a#greenworld {
    color: #7BB853;
    font-size: 14px;
    font-weight: 700;
}

.hera__mutfak > .row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hera__mutfak span {
    color: #707070;
    font-size: 22px;
}

.hera__mutfak h4 {
    color: #494948;
    font-size: 47px;
    margin: 30px 0px;
    font-weight: 300;
}

.hera__mutfak p {
    color: #494948;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.6;
    padding: 0;
}

.hera__mutfak button {
    border: 0px;
    background: #EB2C2C;
    font-size: 20px;
    color: #fff;
    margin-top: 30px;
    padding: 0px 25px;
    float: left;
    height: 50px;
    text-align: center;
}

#genel button b {
    font-weight: 400;
}

#genel button {
    border: 0px;
    background: #EB2C2C;
    font-size: 20px;
    color: #fff;
    margin-top: 30px;
    padding: 0px 25px;
    float: left;
    height: 50px;
    text-align: center;
}

.hera__mutfak button b {
    font-weight: 400;
}

.hera__kesfet span {
    color: #707070;
    font-size: 23px;
}

.hera__kesfet h4 {
    color: #000000;
    font-size: 37px;
    margin: 30px 0px;
    margin-top: 70px;
    font-weight: 400;
}

.hera__kesfet h4 b {
    color: #EB2C2C;
}

.hera__kesfet p {
    color: #494948;
    font-size: 17px;
    text-align: center;
    padding: 0 200px;
    box-sizing: border-box;
    line-height: 29px;
}

.hera__kesfet button {
    border: 0px;
    border-bottom: 2px solid #EB2C2C;
    font-size: 19px;
    margin-top: 30px;
    float: left;
    height: 40px;
    background: transparent;
}

.hera__kesfet button b {
    color: #EB2C2C;
}

.swiper {
    margin-top: 0;
    margin-bottom: 0;
}

.swiper a p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 1;
    color: #fff;
    font-weight: 500;
    padding: 0px 10px;
    box-sizing: border-box;
    font-size: 17px;
    text-align: left;
}

#fp-nav ul li a {
    font-size: 0px !important;
}

#fp-nav ul li a span {
    height: 10px !important;
    width: 10px!important;
}

#fp-nav ul li a.active span {
    height: 15px !important;
    width: 15px !important;
    margin: -4px 0 0 -2px;
}

#footerMiddle ul li a, #footerMiddle p {
    display: block;
    padding-top: 11px;
    padding-bottom: 11px;
    line-height: 14px;
    font-size: 13px;
    color: #494948;
    font-weight: 300;
}

#footerTop h3 {
    color: #fff;
}

#footerTop p {
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
}

#footer .newsletterMain {
    position: relative;
    color: #ffffff;
}

#footer .newsletterMain input[type="text"] {
    width: calc(100% - 90px);
    height: 40px;
    line-height: 40px;
    border: 0;
    box-sizing: border-box;
    background: transparent;
    font-size: 13px;
    -webkit-appearance: none;
    border-bottom: 2px solid #ddd;
    border-radius: 0px;
    box-shadow: 0px 0px !important;
}

#footer .newsletterMain input[type="button"] {
    float: right;
    width: 80px;
    height: 40px;
    background: transparent;
    border: 0;
    box-shadow: 0px 0px !important;
    cursor: pointer;
    -webkit-appearance: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 2px solid #707070;
}

#footerMiddle #social li a, #footerMiddle #social li a img {
    float: left;
    width: 30px;
    height: 30px;
    padding: 0;
    filter: contrast(0.2);
}

#footerMiddle #social {
    margin-top: 25px;
}

#footerMiddle #social li {
    margin-right: 10px;
    float: left;
    width: 30px;
    height: 30px;
}

#footer {
    background-color: #f2f2f2;
    position: relative;
}

#footerMiddle {
    padding-bottom: 80px;
    padding-top: 100px;
}

#footerBottom {
    text-align: center;
    min-height: 50px;
    line-height: 50px;
    padding-top: 50px;
    padding-bottom: 20px;
    color: #666;
    font-size: 13px;
    border-top: 1px solid #E6E6E6;
}

.esso-content {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0px 50px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

.esso-content span {
    font-size: 19px;
}

.esso-content h4 {
    font-size: 43px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.esso-content p {
    font-size: 15px;
    font-weight: 300;
}

.esso__slider .swiper-button-prev {
    top: auto;
    bottom: 40px;
    left: auto;
    right: calc(50% + 30px);
    width: 40px;
    height: 40px;
}

.esso__slider .swiper-button-next {
    width: 40px;
    height: 40px;
    top: auto;
    bottom: 40px;
    left: auto;
    right: calc(50% - 30px);
}

.esso__slider .swiper-button-next::after,.esso__slider .swiper-button-prev::after {
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box;
}

.esso__slider .swiper-button-next:hover::after, .esso__slider .swiper-button-prev:hover::after {
    background: #f00;
    border: 1px solid #f00;
}


#mobilMenu {
position: fixed;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background: #fff;
    transform: translateX(100%);
    box-sizing: border-box;
    -webkit-transition: all .4s cubic-bezier(.77,0,.175,1);
    -moz-transition: all .4s cubic-bezier(.77, 0, .175, 1);
    transition: all .4s cubic-bezier(.77,0,.175,1);
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden;
    overflow-y: auto;
}
body.bg-dark.bg-white #mobilMenu{
    background-color: rgba(27, 27, 27, 1) !important;
}
body.bg-dark.bg-white #menu-close img , body.bg-dark.bg-white #mobilMenu #social img , body.bg-dark.bg-white #mobilMenu #FormAra button[type="submit"]{filter: invert(1);}
body.bg-dark.bg-white #FormAra input[type="search"]::placeholder {
    color: #fff;
}
body.bg-dark.bg-white .catalog-breadcrumb__list a span{color:#000 !important;}
body.bg-dark.bg-white .catalog-breadcrumb__list a:hover span{color: #fff !important;}
#mobilMenu.active {
    transform: translateX(0%);
}

#mobilMenu .menuIcerikAlan .menulist a {
    font-size: clamp(1.5rem, 3rem, 1rem);
    line-height: 1.5;
    color: #28292b;
    font-weight: 300;
}
#mobilMenu .menuIcerikAlan .menulist:not(.colorgray) a{font-weight:400;}
#mobilMenu .menuIcerikAlan .menulist li:first-child a{color: #28292b!important;}
#mobilMenu .menuIcerikAlan .menulist li a:hover{color:#e11e1c!important;}
#mobilMenu .menuIcerikAlan .menulist.colorgray a {
    color: #28292b;
    font-size: 20px;
    line-height: 1.5;
}

#mobilMenu .menuIcerikAlan > .col-12 {
    padding: 36px 70px 36px;
    
}

.mobilaf {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: rgb(0 0 0 / 71%);
    z-index: 9998;
    display: none;
    -webkit-animation: fadein .5s;
    -moz-animation: fadein .5s;
    -ms-animation: fadein .5s;
    -o-animation: fadein .5s;
    animation: fadein .5s;
    cursor: pointer;
}

.mobilaf.active {
    display: block;
}

#FormAra input[type="search"] {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 5px 50px 5px 0px;
    color: #28292b;
    font-size: 12px;
    background: transparent !important;
    border: 0px !important;
    -webkit-appearance: none;
    box-shadow: 0px 0px !important;
    border-radius: 0px !important;
    border-bottom: 2px solid #878787 !important;
}

#FormAra input[type="search"]::placeholder {
    color: #3a3a3a;
}

#searchRight {
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0px;
    padding: 0;
}

#FormAra button[type="submit"] {
    width: 100%;
    height: 100% ;
    padding: 0;
    background: transparent ;
    border: 0;
    cursor: pointer ;
    -webkit-appearance: none;
    border-radius: 0px !important ;
    display: flex;
    align-items: center ;
    justify-content: center;
}

#mobilMenu #social li a, #mobilMenu #social li a img {
    float: left;
    width: 35px;
    height: 35px;
    padding: 0;
    filter: contrast(0.78);
}


#mobilMenu #social li {
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
}

.header-language-btn a {
    font-size: 15px;
    margin-right: 18px;
    float: left;
    color: #28292b;
}

.header-language-btn a.active {
    border-bottom: 1px solid #28292b;
}

.header-left-text {
    display: flex;
}

.header-left-text p {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    height: 100%;
    width: 200px;
    text-align: center;
    color: #E11E1C;
    font-size: 31px;
    font-weight: 600;
    margin: 0px 20px;
}
.basari__deneyim h4 {
    color: #E11E1C;
    font-size: 49px;
    margin: 30px 0px;
    line-height: 1.5;
    text-decoration: underline;
    font-weight: 400;
}

.basari__deneyim h4 span {
    color: #000;
}

.basari__deneyim p {
    color: #161616;
    font-size: 17px;
    font-weight: 300;
}

.basari__deneyim > .row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-text2 {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    color: #fff;
    width: auto;
    align-items: center;
    flex-direction: column;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    z-index: 2;
}

.slide-text2.hide {
    right: -100px;
}

.slide-text2 > a , .slide-text2 > div {
    width: 40px;
    height: 40px;
    text-align: center;
    background: #E11E1C;
    margin-top: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.slide-text2 > div > span {
    float: left;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

section.footapp .fp-tableCell {
    vertical-align: bottom !important;
}

.slide-text2 > div > span > a {
    padding-left: 3px;
    padding-right: 3px;
    -webkit-box-shadow: inset -1px 0 0 0 hsla(0,0%,100%,.4);
    box-shadow: inset -1px 0 0 0 hsla(0,0%,100%,.4);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 35px;
    box-sizing: border-box;
}

.slide-text2 > div > span img {
    filter: invert(1);
    max-width: 24px;
    max-height: 25px;
}

.share-facebook:hover {
    background-color: #3b5998;
}

.share-instagram:hover {
}

.share-twitter:hover {
    background-color: #3cf;
}

.share-pinterest:hover {
    background-color: #bd081c;
}

.slide-text2 a span , .slide-text2 > div > span {
    height: 40px;
    background: #E11E1C;
    position: absolute;
    width: 140px;
    left: -20px;
    line-height: 40px;
    font-size: 12px;
    padding: 0px;
    box-sizing: border-box;
    display: none;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.stretcher-wrapper {
    padding: 0;
    background-color: #cc0000;
}

.stretcher-wrapper .stretcher {
    height: 500px;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
}

.stretcher-wrapper .stretcher .stretcher-item {
    position: relative;
    background-size: cover;
    background-position: center;
    display: block;
    width: 100%;
    height: 30vh;
    overflow: hidden;
    -moz-transition: width .7s;
    -o-transition: width .7s;
    -webkit-transition: width .7s , filter 0.7s;
    transition: width .7s , filter 0.7s;
}

.stretcher-wrapper .stretcher .stretcher-item {
    width: 25%;
    height: 100%;
    display: inline-block;
    float: left;
}

.stretcher-wrapper .stretcher .stretcher-item figure {
    background-color: rgb(204 0 0 / 37%);
    color: #fff;
    position: absolute;
    z-index: 9;
    font-size: initial;
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    left: 0;
    bottom: 0;
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -moz-transition: all .7s;
    -o-transition: all .7s;
    -webkit-transition: all .7s;
    transition: all .7s;
}
.catalog-favlist{
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    display: grid;
    grid-gap: 2px;
    grid-auto-flow: dense;
}
.catalog-favlist .productItem {
    width: auto;
    margin: 0;
    padding: 0;
}

.catalog-favlist .productItem > a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.catalog-favlist .productItem.grid-cell--type-3-4{
    grid-row-end: span 2;
}
.catalog-favlist .productItem img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}
.catalog-favlist .productItem.grid-cell--type-3-4:after{
    content:'';
    padding-bottom: 133.33333%;
    display: block;
}
.catalog-favlist .productItem.grid-cell--type-3-2:after{
    content:'';
    padding-bottom:66.66667%;
    display: block;
}

.catalog-favlist .productDescription2{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    font-weight: 600;
    background: linear-gradient(157deg,rgba(0,0,0,.7),rgba(0,0,0,.68819) 9.99%,rgba(0,0,0,.65556) 19.07%,rgba(0,0,0,.60625) 27.44%,rgba(0,0,0,.54444) 35.26%,rgba(0,0,0,.47431) 42.72%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.32569) 57.28%,rgba(0,0,0,.25556) 64.74%,rgba(0,0,0,.19375) 72.56%,rgba(0,0,0,.14444) 80.93%,rgba(0,0,0,.11181) 90.01%,rgba(0,0,0,.1));
    color: #fff;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    opacity: 0;
}
.catalog-favlist .productItem:hover  .productDescription2{
    opacity: 1;
}
.stretcher-wrapper .stretcher .stretcher-item figure h3 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 600;
}

.stretcher-wrapper .stretcher .stretcher-item figure figcaption {
    font-weight: 400;
    font-size: 14px;
}

.stretcher-wrapper .stretcher .stretcher-item>a {
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    z-index: 99;
    top: -100%;
}

.stretcher-wrapper .stretcher .stretcher-item.active {
    width: 40%;
}

.stretcher-wrapper .stretcher .stretcher-item.inactive {
    width: 20%;
    filter: brightness(0.8);
}

.stretcher-wrapper .stretcher .stretcher-item:hover figure {
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    font-size: initial;
    color: #fff;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.stretcher-wrapper .stretcher .stretcher-item:hover .stretcher-logo {
    opacity: 0
}

.stretcher-wrapper .stretcher .stretcher-item.more {
    width: 8%;
}

.stretcher-wrapper .stretcher .stretcher-item.more.active {
    width: 28%;
}

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text .text-intro {
    display: block;
    color: #fff;
    font-size: 22px;
    text-shadow: 2px 2px #000;
}
.filtershort__by a{line-height:20px;border-bottom:2px solid #fff;}
.filtershort__by a:hover{border-bottom:2px solid #000;}
.stretcher-wrapper .stretcher .stretcher-item.more > .showText {
    text-align: center;
    color: #fff;
    font-size: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.stretcher-wrapper .stretcher .stretcher-item.more.active > .showText {
    font-size: 16px;
}

img {
    display: block;
}

.hera__mutfak {
    background-color: #f2f2f2;
}

.hera__mutfak > .row > .col-6:first-child {
    margin: 0px 10%;
    width: calc(50% - 20%);
}

.dorr__content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 120px;
    box-sizing: border-box;
    margin: 120px 0px;
}

.dorr__content_text {
    padding: 0 150px 0px 135px;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.dorr__content_image {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pt-cont {
    /* padding: 0; */
    /* padding-left: 67px; */
}

.pt-120 {
    margin: 0;
    padding: 0 120px;
    margin-bottom: 31px;
}

.dorr__content_text h4 {
    color: #494948;
    font-size: 39px;
    margin: 30px 0px;
    font-weight: 300;
}

.dorr__content_text span {
}

.dorr__content_text p {
    color: #494948;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.6;
    padding: 0;
}

.bg-dark #mode_switcher .sun {
    opacity: 0;
}

.bg-dark #mode_switcher .moon {
    opacity: 1;
}

#mode_switcher .moon {
    opacity: 0;
    width: 17px;
}

.parallax__section > div {
    position: absolute;
}

.parallax__section {
    font-size: 92px;
    text-align: center;
    position: relative;
    font-weight: 700;
    min-height: 918px;
    overflow: hidden;
}

.learn-more {
    position: relative;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: transparent;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    width: auto;
    padding-right: 30px;
    height: 2.8rem;
    margin-top: 10px;
    display: flex;
    max-width: fit-content;
}
.learn-more.learn-more_righttoleft{
    padding-left: 30px;
    padding-right: 0;
}
.learn-more.learn-more_righttoleft .circle{
    left: auto;
    right: 0;
}
.learn-more.learn-more_righttoleft .circle .icon.arrow{
    right: 0.625rem;
    left: auto;
}
.learn-more.learn-more_righttoleft:hover .circle .icon.arrow{
    transform: translate(-1rem, 0);
}
.learn-more.learn-more_righttoleft .circle .icon.arrow::before{
    transform: rotate(225deg);
    right: 6px;
}
.learn-more.learn-more_righttoleft .button-text{
    padding-right: 15px;
    padding-left: initial;
    margin: 0 2.8rem 0 0;
}


.learn-more .circle {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: relative;
    display: block;
    margin: 0;
    background: #e11e1c;
    text-align: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0px;
    position: absolute;
    left: 0;
    right: auto;
}

.learn-more:hover .circle {
    width: 100%;
}

.learn-more img {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    margin: auto;
    filter: invert(1);
}

.learn-more .button-text {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    margin: 0 0 0 2.8rem;
    font-size: 13px;
    padding-left: 15px;
    line-height: 1;
    display: flex;
    font-weight: 500;
    text-transform: uppercase;
    z-index: 1;
    align-items: center;
    height: 100%;
    color: #e11e1c;
}

.learn-more:hover .button-text {
    color: #fff;
}

.learn-more .circle .icon {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0px;
    bottom: 0;
    margin: auto;
    background: #fff;
}

.learn-more .circle .icon.arrow {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    left: 0.625rem;
    width: 1.125rem;
    height: 1.6px;
    background: none;
}

.pageTitle {
    line-height: 25px;
    font-size: 17px;
    font-weight: 600;
}

.pageTitle::after {
    content: '';
    height: 2px;
    background-color: #000;
    width: 50px;
    float: left;
    font-size: 17px;
    font-weight: 600;
}

.learn-more .circle .icon.arrow::before {
    position: absolute;
    content: '';
    top: -0.25rem;
    right: 0.5px;
    width: 0.625rem;
    height: 0.625rem;
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
    transform: rotate(45deg);
}

.learn-more:hover .circle {
    width: 100%;
}

.learn-more:hover .circle .icon.arrow {
    background: #fff;
    transform: translate(1rem, 0);
}

#headerMain.c-white #hmLinks > a:not(#greenworld) img {
    filter: invert(1);
}

#headerMain.c-white #hmLinks > a:not(#greenworld) strong {
    color: #28292b;
}

.audio-toggle-button {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 100%;
    background-image: url("images/audio.svg");
    background-size: 26px 26px;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    bottom: 50px;
    z-index: 1;
    cursor: pointer;
}
.section-option .form-field-label h2{font-size: 20px;line-height: 1.3333333333;font-weight: 500;color: #3c3c3c;}

.section-button-prevnext{
    float: left;
    background: #f4f4f2;
    padding: 16px;
    border-radius: 6px;
    color: #686663;
    border: 2px solid #f4f4f2;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    min-width: 200px;
}
.section-button-prevnext.linea-button__next , .section-button-prevnext.linea-button__send{
    background-color: #e11e1c;
    color: #fff;
    border-color: #e11e1c;
}

.section-button-prevnext:hover{
    border-color: #d1d1d1;
}
.section-button-prevnext.linea-button__next:hover{
    border-color: #b30200;
}


.yasamtarzi_form input[type="radio"] , .yasamtarzi_form input[type="checkbox"]{
    border: 0!important;
    clip: rect(1px,1px,1px,1px)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important;
}
.yasamtarzi_form-textarea textarea{
    border: 2px solid #dedede;
    width: 100%;
    min-height: 52px;
    border-radius: 6px;
    color: #686663;
    font-weight: 400;
    padding: 15px;
    font-size: 14px;
}
.yasamtarzi_form-textarea textarea:hover , .yasamtarzi_form-textarea textarea:focus{
    border-color: #373737;
}
.yasamtarzi_form-checkbox, .yasamtarzi_form-radio,.yasamtarzi_form-textarea{
    margin-top: 10px;
    margin-bottom: 10px;
}
.yasamtarzi_form-checkbox label ,  .yasamtarzi_form-radio label{
    float: left;
    background: #f4f4f2;
    padding: 16px;
    border-radius: 6px;
    color: #686663;
    border: 2px solid #f4f4f2;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
.yasamtarzi_form-checkbox label:hover ,  .yasamtarzi_form-radio label:hover{border-color:#d1d1d1;}



.yasamtarzi_form-checkbox input[type="checkbox"].active + label , .yasamtarzi_form-radio input[type="radio"].active + label{
    background-color: #e11e1c;
    color: #fff;
    border-color: #e11e1c;
    border-color: #b30200;
}
.yasamtarzi_form-checkbox input[type="checkbox"].active + label:hover, .yasamtarzi_form-radio input[type="radio"].active + label:hover{border-color:#b30200;}


.yasamtarzi_form{background: #f4f4f2;}
.section-step--open{background: #fff;}
.yasamtarzi_form .section-title{
    position: relative;
    margin-bottom: 16px;
    margin-top: 16px;
    background-image: url("./images/l-arroww.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 30px 30px;
    cursor: pointer;
}
.yasamtarzi_form .section-step--open .section-title{
    background-image: url("./images/d-arroww.svg");
}
.yasamtarzi_form-fields .yasamtarzi_form-section:first-child .section-title{
    padding-top: 16px;
    margin-top: 0;
}
.yasamtarzi_form .section-title h2{
    line-height: 73px;
    font-size: 32px;
    color: #686663;
}
.form-field-label p{
    font-size: 19px;
    line-height: 1.3333333333;
    color: #686663;
    font-weight: 500;
    padding-bottom: 0;
}
.yasamtarzi_form  .section-option--next{
    position: relative;
    margin-bottom: 18px;
    margin-top: 18px;
}
.yasamtarzi_form .section-option--next:first-child{
    margin-top: 0px;
}
.yasamtarzi_form  .section-option--next::before{content:'';transition-property: border-left-color;transition-duration: 1000;transition-timing-function: cubic-bezier(.23,1,.32,1);position: absolute;left: 0;height: 100%;border-left: 8px solid #dedede;z-index: 3;}
.yasamtarzi_form  .section-option--next::after{
    content: "";
    width: 38px;
    height: 38px;
    background: url("./images/iconellipse.svg") no-repeat 0 0;
    position: absolute;
    left: -15px;
    bottom: -36px;
    z-index: 5;
    transition-property: transform;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.section-step--open .section-option--next.section-option--done:after {background-position: 50%;transform: rotate(1turn);left: -11px;}
.yasamtarzi_form  .section-option--next.section-option--done::before{
    border-color: #e11e1c;
}


.yasamtarzi_form .section-title::before{content:'';transition-property: border-left-color;transition-duration: 1000;transition-timing-function: cubic-bezier(.23,1,.32,1);position: absolute;left: 0;top: 0;height: 100%;border-left: 8px solid #dedede;}
.yasamtarzi_form .section-title::after{content:'';width: 38px;height: 38px;background: url("./images/iconellipse.svg") no-repeat 0 0;position: absolute;left: -15px;bottom: -33px;}

.yasamtarzi_form .section-title.section-option--done::before{border-color: #e11e1c;}
.yasamtarzi_form .section-title.section-option--done::after{background-position: 50%;transform: rotate(1turn);left: -11px;}



.section-step__content{
    margin-top: 16px;
}
.section-step__content.section-step__content--hidden{}







.audio-toggle-button.audio-toggle-button-muted {
    background-image: url("images/audiomuted.svg");
}

body.bg-dark.bg-white #footerMiddle #social li a img {
    filter: contrast(0);
}

*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.cont {
    position: relative;
    overflow: hidden;
    height: 100vh;
    padding: 20px 30px;
}

.cont__inner {
    position: relative;
    height: 100%;
}

.cont__inner:hover .el__bg:after {
    opacity: 1;
}

.el {
    position: absolute;
    left: 0;
    top: 0;
    width: 19.2%;
    height: 100%;
    background: #252525;
    transition: transform 0.6s 0.7s, width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s;
    will-change: transform, width, opacity;
}

.el:not(.s--active) {
    cursor: pointer;
}

.el__overflow {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.el__inner {
    overflow: hidden;
    position: relative;
    height: 100%;
    transition: transform 1s;
}

.cont.s--inactive .el__inner {
    transform: translate3d(0, 100%, 0);
}

.el__bg {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s 0.7s;
    will-change: transform;
}

.el__bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -5%;
    width: 100%;
    height: 110%;
    background-size: cover;
    background-position: center center;
    transition: transform 1s;
    transform: translate3d(0, 0, 0) scale(1);
}

.cont.s--inactive .el__bg:before {
    transform: translate3d(0, -100%, 0) scale(1.2);
}

.el.s--active .el__bg:before {
    transition: transform 0.8s;
}

.el__bg:after {
    content: "";
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.5s;
}
.pageTitle-hesabim span{
    color: #6b6b6b;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7;
}
.pageTitle-hesabim h2{
    color: #6b6b6b;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
}
.pageTitle-hesabim p{
    color: #6b6b6b;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.5;
    padding: 0;
    text-transform: uppercase;
}


.cont.s--el-active .el__bg:after {
    transition: opacity 0.5s 1.4s;
    opacity: 1 !important;
}

.el__preview-cont {
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s 1.2s;
}

.cont.s--inactive .el__preview-cont {
    opacity: 0;
    transform: translateY(10px);
}

.cont.s--el-active .el__preview-cont {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.5s;
}

.el__heading {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}

.el__content {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.1s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.el.s--active .el__content {
    z-index: 2;
    opacity: 1;
    pointer-events: auto;
    transition: all 0.5s 1.4s;
}

.el__text {
    text-transform: uppercase;
    font-size: 40px;
    color: #fff;
}

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

.el__close-btn {
    z-index: -1;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 34px;
    height: 34px;
    opacity: 0;
    pointer-events: none;
    transition: all 0s 0.45s;
    cursor: pointer;
}

.el.s--active .el__close-btn {
    z-index: 5;
    opacity: 1;
    pointer-events: auto;
    transition: all 0s 1.4s;
}

.el__close-btn:before, .el__close-btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 4px;
    margin-top: -4px;
    background: #fff;
    opacity: 0;
    transition: opacity 0s;
}

.el.s--active .el__close-btn:before, .el.s--active .el__close-btn:after {
    opacity: 1;
}

.el__close-btn:before {
    transform: rotate(45deg) translateX(100%);
}

.el.s--active .el__close-btn:before {
    transition: all 0.3s 1.4s cubic-bezier(0.72, 0.09, 0.32, 1.57);
    transform: rotate(45deg) translateX(0);
}

.el__close-btn:after {
    transform: rotate(-45deg) translateX(100%);
}

.el.s--active .el__close-btn:after {
    transition: all 0.3s 1.55s cubic-bezier(0.72, 0.09, 0.32, 1.57);
    transform: rotate(-45deg) translateX(0);
}

.el__index {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 100%;
    height: 100%;
    min-height: 250px;
    text-align: center;
    font-size: 20vw;
    line-height: 0.85;
    font-weight: bold;
    transition: transform 0.5s, opacity 0.3s 1.4s;
    transform: translate3d(0, 1vw, 0);
}

.el:hover .el__index {
    transform: translate3d(0, 0, 0);
}

.cont.s--el-active .el__index {
    transition: transform 0.5s, opacity 0.3s;
    opacity: 0;
}

.el__index-back, .el__index-front {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.el__index-back {
    color: #2f3840;
    opacity: 0;
    transition: opacity 0.25s 0.25s;
}

.el:hover .el__index-back {
    transition: opacity 0.25s;
    opacity: 1;
}

.el__index-overlay {
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 100%, 0);
    transition: transform 0.5s 0.1s;
    color: transparent;
}

.el__index-overlay:before {
    content: attr(data-index);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    transform: translate3d(0, -100%, 0);
    transition: transform 0.5s 0.1s;
}

.el:hover .el__index-overlay {
    transform: translate3d(0, 0, 0);
}

.el:hover .el__index-overlay:before {
    transform: translate3d(0, 0, 0);
}

.el:nth-child(1) {
    transform: translate3d(0%, 0, 0);
    transform-origin: 50% 50%;
}

.cont.s--el-active .el:nth-child(1):not(.s--active) {
    transform: scale(0.5) translate3d(0%, 0, 0);
    opacity: 0;
    transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(1) .el__inner {
    transition-delay: 0s;
}

.el:nth-child(1) .el__bg {
    transform: translate3d(0%, 0, 0);
}

.el:nth-child(1) .el__bg:before {
    transition-delay: 0s;
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-3.jpg");
}

.el:nth-child(2) {
    transform: translate3d(105.2083333333%, 0, 0);
    transform-origin: 155.2083333333% 50%;
}

.cont.s--el-active .el:nth-child(2):not(.s--active) {
    transform: scale(0.5) translate3d(105.2083333333%, 0, 0);
    opacity: 0;
    transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(2) .el__inner {
    transition-delay: 0.1s;
}

.el:nth-child(2) .el__bg {
}

.el:nth-child(2) .el__bg:before {
    transition-delay: 0.1s;
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-4.jpg");
}

.el:nth-child(3) {
    transform: translate3d(210.4166666667%, 0, 0);
    transform-origin: 260.4166666667% 50%;
}

.cont.s--el-active .el:nth-child(3):not(.s--active) {
    transform: scale(0.5) translate3d(210.4166666667%, 0, 0);
    opacity: 0;
    transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(3) .el__inner {
    transition-delay: 0.2s;
}

.el:nth-child(3) .el__bg {
}

.el:nth-child(3) .el__bg:before {
    transition-delay: 0.2s;
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-5.jpg");
}

.el:nth-child(4) {
    transform: translate3d(315.625%, 0, 0);
    transform-origin: 365.625% 50%;
}

.cont.s--el-active .el:nth-child(4):not(.s--active) {
    transform: scale(0.5) translate3d(315.625%, 0, 0);
    opacity: 0;
    transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(4) .el__inner {
    transition-delay: 0.3s;
}

.el:nth-child(4) .el__bg {
}

.el:nth-child(4) .el__bg:before {
    transition-delay: 0.3s;
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-6.jpg");
}

.el:nth-child(5) {
    transform: translate3d(420.8333333333%, 0, 0);
    transform-origin: 470.8333333333% 50%;
}

.cont.s--el-active .el:nth-child(5):not(.s--active) {
    transform: scale(0.5) translate3d(420.8333333333%, 0, 0);
    opacity: 0;
    transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(5) .el__inner {
    transition-delay: 0.4s;
}

.el:nth-child(5) .el__bg {
}

.el:nth-child(5) .el__bg:before {
    transition-delay: 0.4s;
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-7.jpg");
}

.el:hover .el__bg:after {
    opacity: 0;
}

.el.s--active {
    z-index: 1;
    width: 100%;
    transform: translate3d(0, 0, 0);
    transition: transform 0.6s, width 0.7s 0.7s, z-index 0s;
}

.el.s--active .el__bg {
    transform: translate3d(0, 0, 0);
    transition: transform 0.6s;
}

.el.s--active .el__bg:before {
    transition-delay: 0.6s;
    transform: scale(1.1);
}

.parallax__section2 {
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.split.left .button:hover {
    background-color: var(--left-button-hover-color);
    border-color: var(--left-button-hover-color);
}

.split.right .button:hover {
    background-color: var(--right-button-hover-color);
    border-color: var(--right-button-hover-color);
}

.splitpage {
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--container-bg-color);
}

.splitpage h1 {
    font-size: 6rem;
    text-transform: uppercase;
    letter-spacing: 2rem;
    text-shadow: 1px 1px #000;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    cursor: pointer;
}

.splitpage .split.passive h1 {
    display: none;
}

.splitpage .split.passive:before {
    background: rgb(255 255 255) !important;
}

.split {
    position: absolute;
    width: 50%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
}

.split.passive {
    width: 78px !important;
    z-index: 1;
}

.split.passive:hover {
    width: 123px !important;
}

.split.active {
    width: calc(100% - 78px) !important;
}

.split.left {
    left: 0;
    background: url("images/odul.jpg") center center no-repeat;
    background-size: cover;
}

.split.left:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(43 43 43 / 45%);
}

.split.left:after {
    position: absolute;
    width: 45px;
    height: 45px;
    background: #ff000061 url("images/l-arrow.svg") no-repeat center;
    z-index: 1;
    background-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    border-radius: 50%;
    right: 20px;
    content: "";
    font-size: 18px;
    top: 50%;
    opacity: 1;
    transition: 0.6s all ease-in-out;
}

.split.right:after {
    position: absolute;
    width: 45px;
    height: 45px;
    background: #ff000061 url("images/r-arrow.svg") no-repeat center;
    background-size: 8px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    border-radius: 50%;
    left: 20px;
    content: "";
    font-size: 18px;
    top: 50%;
    opacity: 1;
    transition: 0.6s all ease-in-out;
}

.split-arrow_link {
    position: absolute;
    top: 50%;
    right: 3px;
    transform: rotate(90deg) translateX(10px);
    font-size: 24px;
    transition: opacity 500ms ease-out;
    opacity: 0;
}

.split.left .split-arrow_link {
    right: auto;
    left: 0;
}

.split.passive:not(.active):hover .split-arrow_link {
    opacity: 1;
}

.split.left.passive:after {
    background: url("images/r-arroww.svg") no-repeat center;
    background-size: 13px;
}

.split.right.passive:after {
    background: url("images/l-arroww.svg") no-repeat center;
    background-size: 13px;
}

.split.passive:hover:after {
    transform: rotate(180deg);
}

.split.right {
    right: 0;
    background: url("images/modern.jpg") center center no-repeat;
    background-size: cover;
}

.split.active:after {
    opacity: 0 !important;
}

.split.right:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(43 43 43 / 45%);
}

.split.left, .split.right, .split.right:before, .split.left:before {
    transition: var(--speed) all ease-in-out;
}

.hover-left .left {
    width: var(--hover-width);
}

.hover-left .right {
    width: var(--other-width);
}

.hover-right .right {
    width: var(--hover-width);
}

.hover-right .left {
    width: var(--other-width);
}

.teslafit .teslafit-text-center__content {
    text-align: center;
    max-width: 970px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

.teslafit .teslafit-mask__content {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
    background-color: #000
}

.teslafit .teslafit-mask__cover,.teslafit .teslafit-mask__media {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.teslafit .teslafit-mask__cover {
    z-index: 3;
    background-color: #fff
}

.teslafit .teslafit-mask__cover picture,.teslafit .teslafit-mask__cover img {
    width: 100%;
    height: 100%
}

.teslafit .teslafit-mask__cover img {
    object-fit: cover;
    -webkit-mask-position: 50% 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 75%;
    mask-position: 50% 50%;
    mask-repeat: no-repeat;
    mask-size: 75%
}

.teslafit .teslafit-mask__media {
    opacity: .55;
    z-index: 1;
    object-fit: cover
}

.teslafit .teslafit-mask__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    max-width: 970px;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    z-index: 2
}

.teslafit .teslafit-mask__copy .h2,.teslafit .teslafit-mask__copy .p--big,.teslafit .teslafit-mask__copy .p--toptitle {
    opacity: 0;
    transform: translateY(25px)
}

.teslafit .teslafit-mask__copy .p--toptitle {
    margin-bottom: 8px;
    color: #00bda4;
    transition: opacity 250ms ease-in 60ms,transform 250ms ease-in 60ms
}

.teslafit .teslafit-mask__copy .h2 {
    transition: opacity 250ms ease-in 30ms,transform 250ms ease-in 30ms
}

.teslafit .teslafit-mask__copy .p--big {
    margin-top: 30px;
    transition: opacity 250ms ease-in,transform 250ms ease-in
}

.teslafit .teslafit-mask__copy.show .h2,.teslafit .teslafit-mask__copy.show .p--big,.teslafit .teslafit-mask__copy.show .p--toptitle {
    opacity: 1;
    transform: translateY(0px)
}

.teslafit .teslafit-mask__copy.show .p--toptitle {
    transition: opacity 500ms ease-out,transform 500ms ease-out
}

.teslafit .teslafit-mask__copy.show .h2 {
    transition: opacity 500ms ease-out 50ms,transform 500ms ease-out 50ms
}

.teslafit .teslafit-mask__copy.show .p--big {
    transition: opacity 500ms ease-out 100ms,transform 500ms ease-out 100ms
}

.teslafit .teslafit-mask__percent-scroll {
    height: 200vh
}

.teslafit .teslafit-mask.compatto .teslafit-mask__cover img.lang-tr {
    -webkit-mask-image: url("images/gozalici.svg");
    mask-image: url("images/gozalici.svg")
}

#headerMain.c-black #hmLinks > a#menu strong {
    color: #000;
}

#headerMain.c-black #hmLinks > a#menu img {
    filter: invert(1);
}

#headerMain.c-black2 #hmLinks > a#loginbtn strong {
    color: #000;
    transition: var(--speed) all ease-in-out;
}

#headerMain.c-black2 #hmLinks > a#loginbtn img {
    filter: invert(1);
    transition: var(--speed) all ease-in-out;
}

.etna-column,.esso-column {
    display: none;
}

.etna-column.active,.esso-column.active {
    display: block;
}

.timeline {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 700px;
    position: relative;
}

.timeline__content-title {
    font-weight: normal;
    font-size: 66px;
    margin: -10px 0 0 0;
    transition: 0.4s;
    padding: 0 10px;
    box-sizing: border-box;
    color: #fff;
}

.timeline__content-desc {
    margin: 0;
    font-size: 15px;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.7);
    font-weight: normal;
    line-height: 25px;
}

.timeline:before {
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    content: "";
    background: rgba(255, 255, 255, 0.07);
}

@media only screen and (max-width: 767px) {
    .timeline:before {
        left: 40px;
    }
}

.timeline-item {
    padding: 40px 0;
    opacity: 0.3;
    filter: blur(2px);
    transition: 0.5s;
    box-sizing: border-box;
    width: calc(50% - 40px);
    display: flex;
    position: relative;
    transform: translateY(-80px);
}

.timeline-item:before {
    content: attr(data-text);
    letter-spacing: 3px;
    width: 100%;
    position: absolute;
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    top: 70%;
    margin-top: -5px;
    padding-left: 15px;
    opacity: 0;
    right: calc(-100% - 56px);
}

.timeline-item:nth-child(even) {
    align-self: flex-end;
}

.timeline-item:nth-child(even):before {
    right: auto;
    text-align: right;
    left: calc(-100% - 56px);
    padding-left: 0;
    border-left: none;
    border-right: 2px solid rgba(255, 255, 255, 0.5);
    padding-right: 15px;
}

.timeline-item--active {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0px);
}

.timeline-item--active:before {
    top: 50%;
    transition: 0.3s all 0.2s;
    opacity: 1;
}

.timeline-item--active .timeline__content-title {
    margin: -50px 0 20px 0;
}

@media only screen and (max-width: 767px) {
    .timeline-item {
        align-self: baseline !important;
        width: 100%;
        padding: 0 30px 150px 80px;
    }

    .timeline-item:before {
        left: 10px !important;
        padding: 0 !important;
        top: 50px;
        text-align: center !important;
        width: 60px;
        border: none !important;
    }

    .timeline-item:last-child {
        padding-bottom: 40px;
    }
}

.timeline__img {
    max-width: 100%;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}

.timeline-container {
    width: 100%;
    position: relative;
    padding: 80px 0;
    transition: 0.3s ease 0s;
    background-attachment: fixed;
    background-size: cover;
}

.timeline-container:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(99, 99, 99, 0.8);
    content: "";
}

.timeline-header {
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
    position: relative;
}

.timeline-header__title {
    color: #fff;
    font-size: 46px;
    font-weight: normal;
    margin: 0;
}

.timeline-header__subtitle {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    letter-spacing: 5px;
    margin: 10px 0 0 0;
    font-weight: normal;
}

.demo-footer {
    padding: 60px 0;
    text-align: center;
}

.demo-footer a {
    color: #999;
    display: inline-block;
}

h4,.h4 {
    font-size: 29px;
    margin: 20px 0px;
    font-weight: 600;
}

.catalog-breadcrumb__list {
    gap: 15px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
}

.catalog-breadcrumb__list a span {
    position: relative;
    z-index: 1;
}

.catalog-breadcrumb__list a {
    border: 1px solid #d7d7d7;
    height: 100px;
    min-width: 230px;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 0px 20px;
    background-color: #fff;
    box-shadow: 5px 5px 11px -14px #000;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.catalog-breadcrumb__list a:hover {
    color: #fff;
}

.catalog-breadcrumb__list a:before {
    right: 0;
    left: 0;
    top: 0;
    bottom: auto;
    width: 100%;
    height: calc(100% + 2px);
    transform-origin: 0% 100%;
    backface-visibility: hidden;
    transform: rotate3d(0, 0, 1, 0deg) translate3d(-98%, 0%, 0);
    content: '';
    background: #e11e1c;
    position: absolute;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    z-index: 1;
}

.catalog-breadcrumb__list a:hover:before {
    transform: rotate3d(0, 0, 1,0deg) translate3d(0%, 0%, 0);
    width: 100%;
    right: auto;
    left: 0;
}

.productItem {
    position: relative;
    margin-bottom: 40px;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
}

.productDescription {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 1.3;
    margin-bottom: 10px;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.productItem:hover .productDescription {
    color: #e11e1c;
}

.discountedPrice {
    line-height: 25px;
    font-size: 14px;
    color: #777;
    text-decoration: line-through;
    margin-right: 10px;
    font-weight: 600;
    float: left;
}

.currentPrice {
    line-height: 25px;
    font-size: 15px;
    font-weight: 800;
    color: #222222;
    float: left;
}

.discountedPrice + .currentPrice {
}

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

.image-wrapper img {
    max-width: calc(100% - 0px);
    max-height: calc(100% - 0px);
    width: auto;
    margin: 0 auto;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.imgInner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    display: flex;
    align-items: center;
}

.image-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 67%;
}

.history_back {
    position: fixed;
    top: 0;
    left: 0px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    height: 100%;
    width: 60px;
    font-size: 15px;
    padding: 25px 0px;
    font-weight: 600;
    letter-spacing: 3px;
    background: #fff;
    border-left: 1px solid #eeeeee;
    color: #000;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 31;
}
.history_back_hesabim{
    color: #6b6b6b;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
    text-transform: uppercase;
}

body .learn-more.borderlearn{
    padding-right: 0;
    margin: 0 10px;
}
body .learn-more.borderlearn .button-text{
    border: 1px solid #e11e1c;
    border-left: 0;
    padding-right: 10px;
    min-width: 105px;
}

.history_back:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    transition: all 0.4s ease-in-out;
    font-weight: bold;
    margin-top: 9px;
    background: url("images/r-arroww.svg") no-repeat center;
    background-size: 8px;
}

#navigasyon ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

#navigasyon li {
}

#navigasyon a {
    float: left;
    height: 25px;
    line-height: 27px;
    color: #1b1b1b;
    text-transform: capitalize;
    margin-right: 5px;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.breadcrumb li {
    float: left;
}

#navigasyon li:first-child a {
    font-weight: 600;
    font-size: 14px;
}

#navigasyon li:last-child a:after {
    display: none;
}

#navigasyon a:after {
    content: "/";
    display: block;
    width: 6px;
    height: 100%;
    font-size: 12px;
    font-weight: 500;
    margin-left: 6px;
}

.mySwiperlist .swiper-button-prev::after,.mySwiperlist .swiper-button-next::after {
    display: none;
}

.mySwiperlist .swiper-button-prev {
    background: url("./images/swiper-larrow.svg") no-repeat center;
    width: 45px;
    height: 45px;
    background-size: 27px;
    filter: brightness(100);
    bottom: 0;
    top: auto;
    left: 0;
    right: auto;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.mySwiperlist .swiper-button-next {
    background: url("./images/swiper-rarrow.svg") no-repeat center;
    width: 45px;
    height: 45px;
    background-size: 27px;
    filter: brightness(100);
    bottom: 0;
    top: auto;
    left: auto;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.productItem:hover .mySwiperlist .swiper-button-prev {
    opacity: 1;
}

.productItem:hover .mySwiperlist .swiper-button-next {
    opacity: 1;
}

.mySwiperlist .swiper-button-prev:hover {
    filter: inherit;
}

.mySwiperlist .swiper-button-next:hover {
    filter: inherit;
}

#filter-nav > .display-flex {
    justify-content: space-between;
    padding-top: 40px;
    display: flex;
    align-items: center;
}

#filter-nav .filters-nav__trigger {
    color: #494948;
    background-color: transparent;
    border: 1px solid #494948;
    padding: 13px 39px 13px 20px;
    position: relative;
    z-index: 34;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: background-color .4s ease,color .4s ease,border-color .4s ease;
    transition: background-color .4s ease,color .4s ease,border-color .4s ease;
}

#filter-nav .filters-nav__trigger:hover {
    color: #fff;
    border-color: #e11e1c;
    background-color: #e11e1c;
}

#filter-nav .filters-nav__trigger:hover svg {
    filter: invert(1);
}

#filter-nav .filters-nav__trigger:hover .filters-nav__trigger-icon {
    transform: rotate(-90deg);
}

#filter-nav .filters-nav__trigger.is-active {
    border-color: #e3e3e3;
}

#filter-nav .filters-nav__trigger svg {
    margin-right: 20px;
    width: 22px;
    height: 22px;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#filter-nav .filters-nav__trigger .filters-nav__trigger-icon {
    display: block;
}

#filter-nav .filters-nav__trigger .filters-nav__trigger-icon2 {
    display: none;
}

#filter-nav .filters-nav__trigger.is-active .filters-nav__trigger-icon {
    display: none;
}

#filter-nav .filters-nav__trigger.is-active .filters-nav__trigger-icon2 {
    display: block;
}

#filter-nav .filters-nav__button-group svg {
    width: 27px;
    height: 27px;
}

#filter-nav .filters-nav__button {
    color: #8e8e8e;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

#filter-nav .filters-nav__button-group {
    display: flex;
    gap: 10px;
}

#filter-nav .filters-nav__button:hover,#filter-nav .filters-nav__button.is-active {
    color: #494948;
}

#filter-nav .filters-bar {
    position: absolute;
    height: 100%;
    max-height: calc(100% - 244px);
    -webkit-box-shadow: 35px 10px 40px 0 rgba(33,33,33,.1);
    box-shadow: 35px 10px 40px 0 rgba(33,33,33,.1);
    opacity: 0;
    visibility: hidden;
    padding: 131px 20px 40px 0;
    z-index: 32;
    background-color: #fff;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: opacity .5s ease,visibility 0s .5s,-webkit-transform .5s ease;
    transition: opacity .5s ease,visibility 0s .5s,-webkit-transform .5s ease;
    transition: transform .5s ease,opacity .5s ease,visibility 0s .5s;
    transition: transform .5s ease,opacity .5s ease,visibility 0s .5s,-webkit-transform .5s ease;
}

#filter-nav.is-active .filters-bar {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .5s ease,visibility 0s,-webkit-transform .5s ease;
    transition: opacity .5s ease,visibility 0s,-webkit-transform .5s ease;
    transition: transform .5s ease,opacity .5s ease,visibility 0s;
    transition: transform .5s ease,opacity .5s ease,visibility 0s,-webkit-transform .5s ease;
}

@media(min-width: 1200px) {
    #filter-nav .filters-bar {
        width: calc(24% - 10px);
        padding: 131px 20px 40px 0;
    }

    #catalog-list {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }

    #catalog-list .catalogWrapper {
        margin-top: 50px;
        -webkit-transition: width .3s ease;
        transition: width .3s ease;
    }
}

.filters-bar__content .filters-bar__item {
    padding: 25px 0;
    border-top: 1px solid #e3e3e3;
}

.filters-bar__content .filters-bar__item > label {
    font-weight: 500;
    font-size: 16px;
}

.filters-bar__content .filters-bar__item .filters-bar__item__controls {
    margin-top: 20px;
    margin-bottom: 20px;
}

.filters-bar__content .filters-bar__item .filters-bar__item__controls > * {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.filters-bar__content .filters-bar__item .filters-bar__item__controls .decor-checkbox {
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #494948;
    margin-right: 12px;
}

.filters-bar__content .filters-bar__item .filters-bar__item__controls .decor-checkbox:checked {
    background: url("./images/check.svg") no-repeat center;
}

.filters-bar__content .filters-bar__item .filters-bar__item__controls span {
    font-size: 14px;
}

.filters-bar__content .filters-bar__item .filters-bar__item__controls .decor-checkbox:checked + span {
    font-weight: 500;
}

#navigasyon a:hover {
    color: #e11e1c;
}

#elsection-1 {
    background-image: url("images/green-world-bg.jpg");
    background-size: cover;
    background-position: 0 70%;
    background-repeat: no-repeat;
    padding-bottom: 500px;
}

.els_content_p {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    margin: 20px 0px;
}

.els_content_span {
    color: #007a39;
    font-weight: 800;
    font-size: 18px;
    line-height: normal;
    margin: 20px 0px;
    width: 100%;
    float: left;
}

.elcomtect_column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-align: center;
    padding-right: 4rem;
    padding-left: 4rem;
    margin-top: 30px;
    margin-bottom: 30px;
}

.cart-disc-popup {
    height: auto;
    min-width: 40px;
    top: calc(50% + 109px);
    transform: translateY(-50%);
    right: 0;
    position: fixed !important;
    z-index: 1;
}

.kuponcontain {
    background: black;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    z-index: 1;
    cursor: pointer;
    position: relative;
    padding: 0px;
}

.kuponcontain.active::before {
    transform: rotate(0deg);
}

.kuponcontain::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url("./images/r-arrow.svg") no-repeat center;
    transition: all 0.4s ease-in-out;
    background-size: 9px;
    transform: rotate(175deg);
}

.kuponcontain span {
    color: #fff;
    letter-spacing: 2px;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-transform: uppercase;
}

#kuponcontain {
    height: 100%;
    min-height: 212px;
    width: 300px;
    background: #fff;
    -webkit-transition: all 2s ease;
    -moz-transition: position 0s;
    -ms-transition: position 0s;
    -o-transition: position 0s;
    transform: translateX(100%);
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    box-shadow: 0px 0px 10px -5px #000;
    position: absolute;
    bottom: 0;
}

#kuponcontain.active {
    transform: translateX(-100%);
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}

#kuponcontain p {
    font-size: 20px;
    font-weight: 500;
}

#kuponcontain #copylinktxt {
    border: 3px dashed #f2110e;
    padding: 5px 10px;
    margin-bottom: 15px;
    font-size: 19px;
}

#kuponcontain .copyToCloard {
    background-color: rgb(242, 17, 14);
    border: 0px;
    color: #fff;
    font-size: 16px;
    height: 40px;
    padding: 0px 20px;
    cursor: pointer;
}

.elcomtect_column p {
    color: #007a39;
    font-weight: 800;
    font-size: 15px;
    padding: 0;
}

.elcomtect_column span {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
}

#content-g_maps {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    color: #242424;
    gap: 3px;
    width: 100%;
}

#content-g_maps h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    width: 100%;
    float: left;
}

#content-g_maps .maps-Gred {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.3076923077;
    transition-property: color,border-color,background-color;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    border-radius: 5px;
    padding: 8px 32px;
    border: 2px solid #b90806;
    background-color: #e11e1c;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    margin: 0 auto;
}

#content-g_maps .maps-Gred:hover {
    border: 2px solid #ff0300;
}

.maps_getlocation {
    position: relative;
    height: 3.125rem;
    width: 3.125rem;
    padding: 0;
    border: 2px solid #e11e1c;
    border-radius: 12px;
    background: url("./images/gps.svg") no-repeat center;
    background-size: 31px;
    cursor: pointer;
}

.maps_getlocation:hover {
    border-color: #910504;
    background-color: #f9f9f9;
}

.goog__maps_left_scroll {
}

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

.goog__maps_left_scroll .selc_city__getloc select {
    height: 3.125rem;
    width: calc(100% - 4rem);
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    border: 1px solid #cac6c5;
    color: #000;
    border-radius: 12px;
    background: #fff url("images/d-arroww.svg") no-repeat calc(100% - 20px) center;
    padding-right: 2.5rem;
    padding-left: 1rem;
    font-size: 14px;
    font-weight: 400;
    -webkit-appearance: none;
    background-size: 14px;
}

#editorial-map__results__content > h3 {
    margin: 20px 0 20px 0;
    font-weight: 500;
    font-size: 16px;
}

#editorial-map__results__content {
    float: left;
    width: 100%;
    max-height: calc(100% - 90px);
    overflow: hidden;
    overflow-y: auto;
}

#editorial-map__results__content #markers {
    float: left;
    width: 100%;
}

#editorial-map__results__content #markers li {
    border-bottom: 1px solid #dedede;
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px 0 20px 0px;
}

.result__itemGmaps {
    border-left: 13px solid transparent;
    padding: 20px;
    padding-left: 25px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #242424;
    transition: 0.3s ease-in-out;
}

.result__itemGmaps:hover {
    border-color: #e11e1c;
    padding-left: 30px;
}

.result__itemGmaps h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    text-transform: capitalize;
    margin: 0 0 5px 0;
}

.result__itemGmaps span {
    float: left;
    width: 100%;
    margin-bottom: 2px;
}

.result__itemGmaps .maps-Gred {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.3076923077;
    transition-property: color,border-color,background-color;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    border-radius: 5px;
    padding: 8px 32px;
    border: 2px solid #b90806;
    background-color: #e11e1c;
    color: #ffffff;
    text-transform: capitalize;
    text-align: center;
    letter-spacing: 1px;
    margin: 0 auto;
    float: left;
    margin-top: 13px;
}

.result__itemGmaps .maps-Gred:hover {
    border: 2px solid #ff0300;
}

.drawer-wrapper {
    opacity: 0;
    position: fixed;
    left: 50%;
    top: 0;
    right: 0;
    z-index: 999;
    width: 500px;
    transform: translateX(-50%) translateY(-100%);
    background: #ffffff;
    border-radius: 10px;
    padding: 10px 15px;
    box-shadow: 0px 0px 10px -5px #bbb;
    transition: all 0.5s ease;
    height: auto;
}
.drawer-wrapper[data-position="right"] {
    position: fixed;
    left: auto;
    right: 0;
    transform: translateX(100%);
    border-radius: 0;
    height: 100%;
    bottom: 0;
    width: 400px;
    padding-top: 50px;
}
.drawer-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    backdrop-filter: blur(10px);
    cursor: pointer;
}

.drawer-close {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 22px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    text-align: center;
}

.drawer-close#header-search-panel-close {
    top: 50%;
    background: #fff;
    transform: translateY(-50%);
    height: 42px;
    width: 40px;
    line-height: 40px;
    right: 3px;
}

.drawer-wrapper.drawer-active {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
}
.drawer-wrapper.drawer-active[data-position="right"] {
    opacity: 1;
    transform: translateX(calc(100% - 400px));
    top: 0;
}
.drawer-overlay.drawer-active {
    display: block;
}

#FormAra-head {
    height: 44px;
    box-sizing: border-box;
    position: relative;
}

#FormAra-head input[type="text"] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 0px 19px;
    padding-right: 40px;
    color: #000;
    font-size: 13px;
    border-radius: 5px;
    background: #fff;
    -webkit-appearance: none;
    box-shadow: 0px 0px !important;
    border: 0px;
    border: 1px solid #ddd;
}

#FormAra-head input[type="submit"] {
    width: 50px;
    height: 100%;
    padding: 0px;
    background: url("./images/search.svg") no-repeat center;
    border: 0;
    background-size: 15px;
    cursor: pointer;
    border-radius: 0;
    -webkit-appearance: none;
    filter: invert(1);
    position: relative;
    right: 40px;
    z-index: 1;
}
#blog-search #FormAra-head input[type="submit"]{
    right: 0px;
}
#blog-search #FormAra-head input[type="text"]{
    font-size: 14px;
    border-radius: 0px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
}

#refcontain{
}
#refcontain img{border-radius: 5px;}
#refcontain p{font-size: 14px;font-weight: 500;padding-top: 10px;}

.add-favourite-btn{
  background: url("images/favorite.svg") no-repeat center;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 35px;
  height: 35px;
  background-size: 18px;
  background-color: #000000;
  border-radius: 50%;
  box-shadow: 0px 0px 8px -5px #000;
}
.add-favourite-btn.fav-added{}
#katalog-panel a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
    font-size: 14px;
    padding: 10px;
    margin: 10px;
}
.lineadecor-blog .blog__post-card{margin-bottom: 30px;}
.lineadecor-blog .blog__post-card .post-card__hover-up{
    border: 1px solid #f0f8ff;
    z-index: 12;
    transition: all .25s cubic-bezier(.02,.01,.47,1);
    position: relative;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 4%);
}
.lineadecor-blog .blog__post-card .post-card__hover-up:hover{
    transform: translateY(-5px);
    box-shadow: 0 4px 60px 0 rgba(0,0,0,0.2), 0 0 0 transparent;
}
.lineadecor-blog .blog__post-card .post-card__hover-up > .box.double{
    padding: 25px;
}
.lineadecor-blog .blog__post-card .post-card__hover-up > .box.double2 {
    padding: 15px 15px 20px 15px;
    min-height: 135px;
}
.lineadecor-blog .blog__post-card .blog__post-card-date{
    font-size: 12px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    line-height: 1.5;
}
.lineadecor-blog .blog__post-card .blog__post-card_title{
    font-size: 20px;
    font-weight: 700;
    color: #212529;
    line-height: 1.2;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.lineadecor-blog .blog__post-card.lineadecorhesabim .blog__post-card_title{
    font-size: 16px;
    color: #3e3e3e;
    font-weight: 700;
    margin-bottom: 10px;
}
.lineadecor-blog .blog__post-card.lineadecorhesabim .blog__post-card_title + span{
    font-size: 13px;
    line-height: 1.3;
    color: #646464;
}

.lineadecor-blog .blog__post-card .blog__post-card-text{
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #687385;
    margin-bottom: 10px;
}
.lineadecor-blog .blog__post-card .blog__post-card-link{
    display: flex;
    font-size: 13px;
    line-height: 1.5;
    color: #687385;
    text-decoration: underline;
    align-items: center;
}
.lineadecor-blog .blog__post-card .blog__post-card-date:before{
    content: "";
    width: 4px;
    height: 4px;
    background: #999;
    margin-right: 5px;
    display: block;
    border-radius: 50%;
}
.blog__post-card_title{
    font-size: 3.2em;
    margin-bottom: 50px;
    line-height: 1.3;
}
.lineadecor-blog_detail .blog__post-card_head-left .bycredit{
    width: 42px;
    height: 42px;
    background: #f7f7f7;
    border: 1px solid #ebebeb;
    border-radius: 50px;
    text-align: center;
    line-height: 42px;
    font-size: 12px;
    color: #383838;
    font-weight: 700;
}
.lineadecor-blog_detail .blog__post-card_head-left b{
    display: block;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 4px;
    color: #383838;
}
.lineadecor-blog_detail .blog__post-card_head-left span{
    display: block;
    font-size: 12px;
    color: #383838;
}

.blog__post-card-text p{color: rgb(56 56 56);font-size: 22px;margin-bottom: 1.2em;font-weight: 400;line-height: 1.6;font-family: playfair display,times,serif;}
.dropcap::first-letter{font-size:3.32em;float:left;margin-right:0.15em;line-height:1;}

.blog__post-card-text h2 {
    line-height: 1.25;
    margin-top: 30px;
    margin-bottom: 28px;
    font-size: 1.5rem;
}
.blog__post-card-text blockquote {
    position: relative;
    border-left: 0;
    padding: 0px 30px;
    font-weight: 400;
    margin-bottom: 1.5rem;
    font-style: italic;
}
.blog__post-card-text blockquote::before {
    content: "";
    top: 0px;
    height: 100%;
    left: 0;
    width: 4px;
    position: absolute;
    background: #000;
}
.blog__post-card-text blockquote p{
    margin-bottom: 0;
    padding-bottom: 0;
}

.myswiperteshir .swiper-button-prev::after,.myswiperteshir .swiper-button-next::after{display:none;}
.myswiperteshir .swiper-button-prev{background: url("./images/swiper-larrow.svg") no-repeat center;width: 45px;height: 45px;background-size: 27px;filter: brightness(100);bottom: 0;top: 50%;transform: translateY(-50%);left: 0;right: auto;}
.myswiperteshir .swiper-button-next{background: url("./images/swiper-rarrow.svg") no-repeat center;width: 45px;height: 45px;background-size: 27px;filter: brightness(100);bottom: 0;top: 50%;transform: translateY(-50%);left: auto;right: 0;}
.myswiperteshir .swiper-button-prev:hover,.myswiperteshir .swiper-button-next:hover{filter:inherit;}

.tehsir__content{}
.tehsir__contentcol{
    display: flex;
    align-items: center;
    gap: 20px;
}
.tehsir__contentcol .tehsir__content_text{}
.tehsir__contentcol .tehsir__content_text p{
    font-size: 13px;
    color: #222222;
    padding-bottom: 15px;
}
.tehsir__contentcol .tehsir__content_text strong{
    font-weight: 600;
    margin-right: 5px;
}




.myswiperkampanya .swiper-button-prev::after,.myswiperkampanya .swiper-button-next::after{display:none;}
.myswiperkampanya .swiper-button-prev{background: url("./images/swiper-larrow.svg") no-repeat center;width: 45px;height: 45px;background-size: 27px;filter: brightness(100);bottom: 0;top: 50%;transform: translateY(-50%);left: 0;right: auto;}
.myswiperkampanya .swiper-button-next{background: url("./images/swiper-rarrow.svg") no-repeat center;width: 45px;height: 45px;background-size: 27px;filter: brightness(100);bottom: 0;top: 50%;transform: translateY(-50%);left: auto;right: 0;}
.myswiperkampanya .swiper-button-prev:hover,.myswiperkampanya .swiper-button-next:hover{filter:inherit;}
.kampanya__contentcol{
    display: flex;
    align-items: center;
    gap: 20px;
}
.kampanya__contentcol .kampanya__content_text{}
.kampanya__contentcol .kampanya__content_text p{
    font-size: 14px;
    color: #222222;
    padding-bottom: 15px;
}
.kampanya__contentcol .kampanya__content_text strong{
    font-weight: 600;
    margin-right: 5px;
}




#lineadecor_company .company_head:not(.nobgcompany-head):before{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #00000057;}
#lineadecor_company .company_head:not(.nobgcompany-head){
    background: url("./images/companybg.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
    position: relative;
}
#lineadecor_company .company_head.nobgcompany-head{
    background-image: none;
    color:#000;
}
#lineadecor_company .company_head .company_head-span{
    font-size: 5rem;
    text-shadow: 1px 1px #000;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
    line-height: 1.3;
    font-weight: bold;
    font-family: playfair display,times,serif;
}
#lineadecor_company .company_head:not(.nobgcompany-head) #navigasyon a{color:#fff;}
#lineadecor_company .company_head:not(.nobgcompany-head) #navigasyon a:hover {color: #e11e1c;}
#lineadecor_company .company_head .company_head-p{
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}
#lineadecor_company .company_head_links{position: relative;z-index: 2;}
#lineadecor_company .company_head_links > a{
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 0px 20px;
    min-width: 150px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    text-transform: capitalize;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(0,0,0,.25);
    transition: all .35s ease;
}
#lineadecor_company .company_head_links > a:hover{
    background: #e11e1c;
    border-color: #e11e1c;
}
#lineadecor_company .company_content{}
#lineadecor_company .company_content::before{content:'';position: absolute;left: 50%;margin-left: auto;margin-right: auto;transform: translateX(-50%);width: 1px;top: calc(0px + 120vh);bottom: 0;border: 1px solid #bdbdbd;}
#lineadecor_company .company_content.nobgcompany-head::before {
    top: calc(0px + 50vh);
}
#lineadecor_company .company_content .company_content_box h1 , #lineadecor_company .company_content .company_content_box h2{
    font-size: 50px;
    margin-bottom: 30px;
    font-weight: 700;
    font-family: playfair display,times,serif;
}
#lineadecor_company .company_content .company_content_box p , #lineadecor_company .company_content .company_content_box .ck_editor{
    font-size: 16px;
    line-height: 1.5;
    padding: 0;
    margin-bottom: 50px;
}
#lineadecor_company .company_content .company_content_box p , #lineadecor_company .company_content .company_content_box .ck_editor strong{
    color: #272727;
    display: block;
    margin-bottom: 2px;
}
#lineadecor_company .company_content .company_content_box .company-conthard_left{
    margin-left: -1px;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
#lineadecor_company .company_content .company_content_box .company-conthard_right{
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-left: 1px;
}
#lineadecor_company .company_content .company_content_box .company-conthard_right a{
    float: right;
}
input[type="file"]#cv::-webkit-file-upload-button
{
  background:#e11e1c;
  border: 0;
  padding: 12px 25px;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  margin-right:10px;
}

input[type="checkbox"]#id_pp_apply{
    width: 14px;
    height: 14px;
    border-radius: 0;
    border: 1px solid #fff;
    margin-right: 6px;
    margin-top: 0px;
    float: left;
}

.tehsirproduct_getlocation{
    position: relative;
    height: 50px;
    width: auto;
    border: 2px solid #e11e1c;
    background: url("./images/gps.svg") no-repeat 20px center;
    background-size: 31px;
    cursor: pointer;
    padding: 0 20px 0 70px;
    color: #e11e1c;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    float: left;
}
.tehsirproduct_sehir{
    position: relative;
    height: 50px;
    width: auto;
    background: #e11e1c;
    border: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-size: 31px;
    cursor: pointer;
    padding: 0 35px 0 20px;
    -webkit-appearance: none;
    background-image: url("./images/d-arroww.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 11px;
    color: #fff;
    float: left;
}

#lineadecor_hayalindeki__mutfak{
    height: 100vh;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.main_kitchen{}
.main_kitchen picture{}
.main_kitchen picture img{}

.hayalindeki__mutfak__leftcolumn{
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffffd6;
    padding: 20px;
    padding-top: 20px;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 20px;
    transform: translateX(0%);
    transition: all 0.5s ease;
    z-index: 34;
}
@media screen and (min-width: 1500px) and (max-width: 2000px){
    .patterns {
    }
}
@media screen and (min-width: 1000px) and (max-width: 2000px)
{
.hayalindeki__mutfak__leftcolumn{width: 23%;min-width: 355px;}
}
.hayalindeki__mutfak__leftcolumn > .kitchen__change_buttons > .layers > div{    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;}
.hayalindeki__mutfak__leftcolumn.wentin{
    transform: translateX(-100%);
}
.kitchen_close-arrow_link{
    width: 50px;
    height: 50px;
    position: absolute;
    left: calc(23% - 25px);
    background: #ffffffd6 url("d782cec0eae70531.svg") no-repeat center;
    border-radius: 50%;
    background-size: 11px;
    cursor: pointer;
    z-index: 35;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s ease;
    box-shadow: 0px 0px 6px -5px #000;
}
.showMore , .showLess{
    text-align: center;
    margin-left: 10px;
    cursor:pointer;
    background: #fff;
    border: 1px solid #28292b;
    color: #28292b;
    width: auto;
    float: left;
    padding: 10px 17px;
    text-transform: uppercase;
    font-weight: 500;
    clear:both;
    font-size: 11px;
}
.showMore:hover, .showLess:hover{background-color: #28292b;color:#fff;}
.hayalindeki__mutfak__leftcolumn.wentin + .kitchen_close-arrow_link{
    left: 10px !important;
    transform: translateY(-50%) rotate(180deg);
}

.hayalindeki__mutfak__leftcolumn::-webkit-scrollbar {
  width: 10px;
}
.hayalindeki__mutfak__leftcolumn::-webkit-scrollbar-track {
  background: #ffffffd6;
}
.hayalindeki__mutfak__leftcolumn::-webkit-scrollbar-thumb {
  background: #e4e4e4;
}
.hayalindeki__mutfak__leftcolumn::-webkit-scrollbar-thumb:hover {
  background: #9c9c9c;
}

.hayalindeki__mutfak__leftcolumn .title-kitchen{
}
.hayalindeki__mutfak__leftcolumn .title-kitchen h1{
    font-weight: 400;
    font-size: 22px;
    line-height: 1.35;
    margin-bottom: 10px;
}
.hayalindeki__mutfak__leftcolumn .title-kitchen p{
    font-size: 14px;
    line-height: 1.6;
}
.hayalindeki__mutfak__leftcolumn .title-kitchen p b{font-weight:500;}
.hayalindeki__mutfak__leftcolumn .kitchen__change_buttons > div{margin-bottom: 20px;}
.hayalindeki__mutfak__leftcolumn .kitchen__change_buttons p {
    font-size: 14px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 10px;
    font-weight: 400;
}
.hayalindeki__mutfak__leftcolumn .kitchen__change_buttons a{
    width: 100%;
    border: 2px solid #dbdbdb;
    padding: 5px;
    background-color: #fff;
    overflow: hidden;
}
.hayalindeki__mutfak__leftcolumn .kitchen__change_buttons a.kulpspecialcss{
    padding: 0;
}

.hayalindeki__mutfak__leftcolumn .kitchen__change_buttons a span{
    width: 100%;
    float: left;
    height: 100%;
}
.hayalindeki__mutfak__leftcolumn .kitchen__change_buttons a b {
    width: 100%;
    float: left;
    font-size: 9px;
    font-weight: 400;
    height: 10px;
    line-height: 10px;
    overflow: hidden;
    padding: 0 0 0 10px;
    text-transform: lowercase;
}
.hayalindeki__mutfak__leftcolumn .kitchen__change_buttons a.active{
   border:2px solid #e11e1c;
}

.hayalindeki__mutfak__leftcolumn .kitchen__change_buttons a img{
    width: 100%;
}
.pattern_list .pattern_image a{position:relative;}
.pattern_list .pattern_image a img{
    transition: all .5s ease;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.pattern_list .pattern_image a span{position:absolute;top:0;left: 0px;right:0;bottom:0;z-index:1;opacity:0;visibility:hidden;display: flex;align-items: stretch;font-size: 14px;transition: all .5s ease;white-space: break-spaces;width: 100%;word-wrap: break-word;justify-content: center;flex-direction: column;text-align: center;line-height: 1.1;}
.pattern_list .pattern_image a:hover img{transform: translateX(calc(-100% - 10px));}
.pattern_list .pattern_image a:hover span{opacity:1;visibility:visible;}

.hayalindeki__mutfak__leftcolumn .kitchen__change_buttons a.kulpspecialcss img{
    padding: 0px 0px 0px 9px;
    max-height: 40px;
    width: auto;
    float: right;
}
.hayalindeki__mutfak__leftcolumn .kitchen__change_buttons .kitchen__musluk a{
    background-color: transparent;
    height: auto;
}

.hayalindeki__mutfak__leftcolumn .kitchen__share_input .kitchen__share_title{font-weight: 500;font-size: 15px;letter-spacing: 0.7px;text-transform: uppercase;}
.hayalindeki__mutfak__leftcolumn .kitchen__share_input input{
    padding: 10px;
    height: 50px;
    border: 1px solid #5c5c5c;
    border-radius: 3px;
    outline: 0px;
    -webkit-appearance: none;
    appearance: none;
    background-position: calc(100% - 10px) center;
}
.hayalindeki__mutfak__leftcolumn .kitchen__share_input::after{content:'';}
.hayalindeki__mutfak__leftcolumn .kitchen__share{
    display: flex;
    align-items: center;
    justify-content: flex-start;
        flex-direction: row;
    flex-wrap: wrap;
}
.hayalindeki__mutfak__leftcolumn .kitchen__share_button{
    line-height: 30px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    cursor: pointer;
    background: transparent;
    border: 0px;
    outline: none;
    box-shadow: 0px 0px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 55px;
    color: #28292b;
    font-weight: 300;
}

.hayalindeki__mutfak__leftcolumn .kitchen__share_button svg{
    width: 40px;
    height: 40px;
}
.hayalindeki__mutfak__leftcolumn .kitchen__share_vendor p{
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}
.hayalindeki__mutfak__leftcolumn .kitchen__share_vendor span{
    font-size: 14px;
    line-height: 1.6;
    display: block;
}
.hayalindeki__mutfak__leftcolumn .kitchen__share_vendor a{
    text-align: center;
    cursor: pointer;
    background: #fff;
    border: 1px solid #28292b;
    color: #28292b;
    float: left;
    padding: 16px 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
}
.hayalindeki__mutfak__leftcolumn .kitchen__share_vendor a:hover {
    color: #fff;
    background: #28292b;
}
.desen_linkler{
    width: 100%;
    height: 40px !important;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    overflow: hidden;
    padding: 10px;
    margin: 10px 0px 10px 0px;
}







.loader{
    position: absolute;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color: rgba(12, 12, 12, 0.46);
    background-image: none;
    background-repeat:no-repeat;
    background-position:center;
    z-index:10000000;
    opacity: 1;
    filter: alpha(opacity=40);
    display:none;
}

.loader::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 96px;
    height: 96px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(20, 20, 20, 0.9) url("prizmawood-logo.png") center / 78px auto no-repeat;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.16), 0 18px 48px rgba(0,0,0,0.36);
    animation: prizmawood-loader-pulse 1.2s ease-in-out infinite;
}

.loader::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 120px;
    height: 120px;
    margin-left: -60px;
    margin-top: -60px;
    border: 2px solid rgba(255,255,255,0.2);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: prizmawood-loader-spin 0.9s linear infinite;
}

@keyframes prizmawood-loader-pulse{
    0%, 100% { transform: translate(-50%, -50%) scale(0.96); opacity: 0.82; }
    50% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

@keyframes prizmawood-loader-spin{
    to { transform: rotate(360deg); }
}






@media (max-width: 550px) {
    .hayalindeki__mutfak__leftcolumn {
        background-color: #f1f1f1;
        padding: 30px;
        height: calc(100% - var(--padding-top));
        top: var(
        --padding-top);
        width: 100% !important;
    }
    #lineadecor_hayalindeki__mutfak {
        height: calc(100vh - 75px);
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .kitchen_close-arrow_link {
        display:none;
    }
}
@media (min-width: 1000px) {
    .Lineadecor-iletisim {
        height: calc(100vh - 120px);
        overflow: hidden;
        display: flex;
    }
    
}
@media screen and (min-width: 500px) and (max-width: 1000px){
    header{
        display: none;
    }
    .hayalindeki__mutfak__leftcolumn {
        padding-top: 30px;
    }
    .hayalindeki__mutfak__leftcolumn {
        width: 40% !important;
                padding-left: 10px;
        padding-right: 10px;
    }
        .kitchen_close-arrow_link {
        left: calc(40% - 25px) !important;
    }
}
@media (max-width: 999px) {
    .main_kitchen {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        z-index: 32;
        width: 100%;
    }
    .main_kitchen img{
}
    .hayalindeki__mutfak__leftcolumn {
        width: 45%;
    }
    .kitchen_close-arrow_link {
        left: calc(45% - 25px);
    }
}
@media (min-width: 769px) {
        #mobilMenu {
        width: 25%;
    }
        #mobilMenu #hmLinks a img {
        filter: invert(1);
    }
    #mobilMenu #hmLinks a {
        height: 40px;
        width: 40px;
        padding: 0px;
        background-color: #eee;
        margin-right: 10px;
    }
        .header-menu-btn{
        margin-top: -10px;
        right: 18px;
        position: absolute;
    }
    header:not(.homepage) {
        padding-bottom: 100px;
    }

    .slide-text2 a:hover span , .slide-text2 > div:hover span {
        left: -140px;
        display: block;
    }
}
@media (max-width: 768px) {
        #mobilMenu .menuIcerikAlan > .col-12 {
        padding: 30px;
    }    #mobilMenu #social {
        margin-top: 20px;
        margin-right: 0 !important;
        position: relative;
        bottom: 0;
    }    #mobilMenu .menuIcerikAlan .menulist.colorgray a {
        color: #494948;
        font-size: 17px;
        line-height: 29px;
    }
#hmLinks a img {
    filter: invert(1);
}
    .hayalindeki__mutfak__leftcolumn {
        width: 45%;
    }
.patterns {
}
    .hayalindeki__mutfak__leftcolumn .kitchen__change_buttons a {
    }
    .tehsirproduct_sehir {
        padding: 0 15px 0 15px;
        -webkit-appearance: none;
        background-image: none;
        font-size: 11px;
    }
    .tehsirproduct_getlocation {
        background: url("./images/gps.svg") no-repeat 10px center;
        background-size: 24px;
        padding: 0 10px 0 40px;
        font-size: 12px;
    }
    .kampanya__contentcol ,.tehsir__contentcol{
        flex-direction: column;
    }
    .blog__post-card_title {
        font-size: 19px;
        margin-bottom: 30px;
        line-height: 1.4;
        font-weight: 700;
    }
    .blog__post-card-text p{
        color: rgb(105,105,105);
        font-size: 19px;
        margin-bottom: 1em;
        line-height: 1.7;
    }
    .lineadecor-blog_detail .blog__post-card_head-left b {
        font-size: 13px;
    }
    #iletisimForm , #loginForm {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
    }

    #footerMiddle #social {
        margin: 25px 0;
    }

    .hera__kesfet h4 {
        color: #000000;
        font-size: 22px;
        margin: 0;
        margin-top: 0;
        font-weight: 400;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 10px;
    }

    .hera__kesfet h4 b {
        color: #EB2C2C;
        display: block;
    }

    .hera__kesfet p {
        font-size: 14px;
        padding: 0;
        box-sizing: border-box;
        line-height: 1.2;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 19px;
    }

    .stretcher-wrapper {
        background-color: transparent;
    }

    .catalogWrapper .productItem {
        margin-bottom: 20px;
        padding: 0;
    }

    .catalogWrapper {
        margin-top: 20px;
        padding: 0;
    }

    .catalogWrapper .productDescription {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    #filter-nav .filters-bar {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 999;
        height: 100%;
        max-height: max-content;
        box-shadow: 0px 0px;
        padding: 100px 20px 30px 20px;
    }

    #filter-nav > .display-flex {
        padding: 10px;
    }

    #filter-nav .filters-nav__trigger svg {
        margin-right: 10px;
        width: 19px;
        height: 19px;
    }

    #filter-nav .filters-nav__trigger {
        padding: 10px 25px 10px 15px;
        font-size: 13px;
        font-weight: 500;
    }

    #filter-nav .filters-nav__trigger.f-n_close {
        position: absolute;
        top: 30px;
        left: 20px;
    }

    #filter-nav .filters-nav__trigger.f-n_close .filters-nav__trigger-icon2 {
        display: block;
    }

    #filter-nav .filters-nav__button-group svg {
        width: 22px;
        height: 22px;
    }

    .catalog-breadcrumb__list a {
        height: 68px;
        line-height: 1.3;
        min-width: auto;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 2px;
    }

    #catalog-breadcrumb h2 {
        font-size: 21px;
        margin: 15px 0px;
    }

    .history_back {
        display: none !important;
    }

    #logo p , #logo a {
        height: 70px;
        line-height: 70px;
    }

    #scroll-icon.toolbar {
        bottom: 20px;
    }

    #scroll-indicator.toolbar {
        bottom: 85px;
    }

    #footerMiddle #social ul {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #footerMiddle ul li a, #footerMiddle p {
        text-align: center;
    }

    #fullpage-mobile > section:not(#section0) {
        margin-bottom: 50px;
    }

    footer {
        margin-bottom: 50px;
    }

    .audio-toggle-button {
        width: 40px;
        height: 40px;
        background-size: 17px 18px;
        right: 30px;
        bottom: 20px;
    }

    #fullpage-mobile > #section0 .fp-tableCell {
        vertical-align: top!important;
    }

    #footerMiddle {
        padding-bottom: 20px;
        padding-top: 10px;
    }

    #mode_switcher {
        left: 10px;
        bottom: 70px;
    }

    .slide-text2 > div.active span {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .slide-text2 > div > span > a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        float: left;
        width: auto;
        height: 40px;
        box-sizing: border-box;
        border-bottom: 1px solid #ff4d4d;
        padding: 0px 20px;
        box-shadow: 0px 0px;
        font-size: 0;
    }

    .slide-text2 > a, .slide-text2 > div {
        width: 25%;
        height: 50px;
        background: #fffffff2;
        margin-top: 0;
        position: initial;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .slide-text2.hide {
        right: 0;
        bottom: -100%;
    }

    .slide-text2 {
        bottom: 0;
        right: 0;
        left: 0;
        top: auto;
        transform: none;
        z-index: 556;
        width: 100%;
        bottom: 0;
        flex-direction: row;
        box-shadow: 0 -3px 10px 0 hsla(0,0%,4%,.15);
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
    }

    .slide-text2 a span, .slide-text2 > div > span {
        font-size: 0;
        width: 100%;
        left: 0;
        height: auto;
        right: 0;
        bottom: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        display: none;
    }

    .slide-text2 > div > span img {
        width: 25px;
        height: 25px;
    }

    .slide-text2 > a > b , .slide-text2 > div > b {
        font-size: 10px;
        color: #000;
        font-weight: 300;
        margin-top: 3px;
    }

    .slide-text2 > div > span b {
        color: #000;
        font-size: 0;
        font-weight: 400;
        margin-left: 0;
    }

    .slide-text2 img {
        filter: brightness(0);
        width: 20px;
        height: 18px;
    }

    .slide-text2 > a:not(:last-child), .slide-text2 > div:not(:last-child) {
        border-right: 1px solid #cacaca;
    }

    .split.right:after {
        top: calc(50% + 50px);
    }

    .split.left:after {
        top: calc(50% + 50px);
    }

    .splitpage h1 {
        font-size: 2rem;
        letter-spacing: 1rem;
    }

    #footerBottom {
        min-height: auto;
        line-height: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #footerBottom #copyright {
        text-align: center;
        display: flex;
        justify-content: center;
    }

    #footerMiddle .newsletter {
        margin-top: 50px;
        text-align: center;
    }

    #footerMiddle #social li {
        float: left;
        width: 30px;
        height: 30px;
        margin-right: 6px;
    }

    .parallax__section > div {
        height: 100vh !important;
    }

    .parallax__section {
        min-height: auto;
        height: 100vh;
    }

    #mobilMenu #hmLinks a img {
        filter: invert(1);
    }

    .header-left-text {
        display: none;
    }

    #mobilMenu .menuIcerikAlan > .col-7 {
        padding: 30px;
        width: 100%;
    }

    #FormAra input[type="text"] {
        height: 42px;
        padding: 5px 40px 5px 0px;
        font-size: 12px;
    }

    #searchRight {
        width: 40px;
        height: 42px;
        position: absolute;
        right: 0px;
        padding: 0;
    }

    .header-language-btn a {
        font-size: 10px;
        margin-right: 10px;
    }

    .header-menu-btn {
        font-size: 10px;
    }

    .header-menu-btn img {
        width: 25px;
        height: 25px;
    }

    #mobilMenu .menuIcerikAlan .menulist a {
        font-size: 22px;
        line-height: 40px;
    }

    #mobilMenu .menuIcerikAlan .menulist.colorgray a {
        color: #494948;
        font-size: 17px;
        line-height: 29px;
    }

    #mobilMenu #social li {
        margin-right: 5px;
    }

    #hmLinks a {
        height: 75px;
        gap: 3px;
        margin-left: 0px;
        padding: 0px 8px;
    }

    #mobilMenu #hmLinks a {
        height: 40px;
        width: 40px;
        padding: 0px;
        background-color: #eee;
        margin-right: 10px;
    }

    #hmLinks a.forDesktop {
        display: none !important;
    }

    #headerMain {
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
    }

    #headerMain #logo , #headerMain #hmLinks {
        padding-left: 5px;
        padding-right: 5px;
    }

    #hmLinks a#greenworld {
        font-size: 11px;
    }

    #fullpage-mobile > section#section-1 {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        margin-bottom: 0;
    }

    .hera__mutfak > .row {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }

    .hera__mutfak > .row > .col-6:first-child {
        margin: 0;
        width: 83.33333333%;
    }

    .hera__mutfak > .row > .col-6:first-child .learn-more {
        margin-top: 55px;
    }

    .hera__mutfak p {
        font-size: 12px;
    }

    .hera__mutfak {
        box-sizing: border-box;
        height: 100%;
    }

    .hera__mutfak span {
        font-size: 16px;
    }

    .hera__mutfak h4 {
        font-size: 26px;
        margin: 10px 0px;
        font-weight: 300;
    }

    .learn-more .circle {
        width: 2.4rem;
        height: 2.4rem;
    }

    .learn-more .circle .icon.arrow {
        left: 5px;
    }

    .learn-more .button-text {
        font-size: 12px;
        margin: 0 0 0 2.4rem;
    }

    .learn-more {
        height: 2.4rem;
    }



    .stretcher-wrapper .stretcher .stretcher-item {
        height: 25%;
        width: 100%;
    }

    .stretcher-wrapper .stretcher {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 600px;
    }

    .stretcher-wrapper .stretcher .stretcher-item.active {
        width: 100%;
    }

    .stretcher-wrapper .stretcher .stretcher-item.inactive {
        width: 100%;
    }

    .stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text .text-intro {
        font-size: 16px;
        margin-top: 0px;
    }

    .stretcher-wrapper .stretcher .stretcher-item .stretcher-logo {
        background: #00000024;
    }

    .stretcher-wrapper .stretcher .stretcher-item figure h3 {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .stretcher-wrapper .stretcher .stretcher-item figure figcaption {
        font-size: 12px;
    }

    .stretcher-wrapper .stretcher .stretcher-item figure {
        background-color: rgb(204 0 0 / 47%);
        padding: 15px 20px;
    }

    .dorr__content_text {
        padding: 0px 20px;
        height: auto;
        margin: 0;
        margin-bottom: 55px;
    }

    .dorr__content_text #genel {
        margin-top: 20px;
    }

    .dorr__content_text h4 {
        color: #494948;
        font-size: 18px;
        margin: 10px 0px;
        font-weight: 400;
    }

    .dorr__content_text p {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .dorr__content_image {
        height: auto;
    }

    .stretcher-wrapper .stretcher .stretcher-item.more.active {
        width: 100%;
    }

    .stretcher-wrapper .stretcher .stretcher-item.more {
        width: 100%;
    }

    .kuponcontain span {
        letter-spacing: 0px;
        font-size: 14px;
    }

    .kuponcontain {
        width: 45px;
        height: 45px;
    }

    .cart-disc-popup {
        height: auto;
        min-width: 45px;
        z-index: 2;
    }

    #kuponcontain {
        transform: translateX(100%);
        padding: 15px;
        width: 250px;
    }

    #kuponcontain.active {
        transform: translateX(-100%);
    }

    #kuponcontain p {
        font-size: 13px;
    }

    #kuponcontain #copylinktxt {
        border: 3px dashed rgb(242, 17, 14);
        padding: 3px 11px;
        margin-bottom: 15px;
        font-size: 15px;
    }

    #kuponcontain .copyToCloard {
        background-color: rgb(242, 17, 14);
        border: 0px;
        color: #fff;
        font-size: 14px;
        height: 34px;
        padding: 0px 15px;
        cursor: pointer;
    }
}


.disable-item {
    cursor: not-allowed;
    opacity: 0.2;
}





.color_list{
    display: none;
}
@media (min-width: 1600px) {
    #mobilMenu {
        width: 20%;
    }
}
/*
.patterns {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 117px;
    padding-top: 2px;
}
*/