@-webkit-keyframes bounce{ 0%, 20%, 53%, 80%, to{ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform:translateZ(0); transform:translateZ(0) }
 40%, 43%{ -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) }
 70%{ -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) }
 90%{ -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) }
}
@keyframes bounce{ 0%, 20%, 53%, 80%, to{ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform:translateZ(0); transform:translateZ(0) }
 40%, 43%{ -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) }
 70%{ -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) }
 90%{ -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) }
}
.bounce{ -webkit-animation-name:bounce; animation-name:bounce; -webkit-transform-origin:center bottom; -ms-transform-origin:center bottom; transform-origin:center bottom}
@-webkit-keyframes flash{ 0%, 50%, to{ opacity:1 }
 25%, 75%{ opacity:0 }
}
@keyframes flash{ 0%, 50%, to{ opacity:1 }
 25%, 75%{ opacity:0 }
}
.flash{ -webkit-animation-name:flash; animation-name:flash}
@-webkit-keyframes pulse{ 0%{ -webkit-transform:scaleX(1); transform:scaleX(1) }
 50%{ -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05) }
 to{ -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes pulse{ 0%{ -webkit-transform:scaleX(1); transform:scaleX(1) }
 50%{ -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05) }
 to{ -webkit-transform:scaleX(1); transform:scaleX(1) }
}
.pulse{ -webkit-animation-name:pulse; animation-name:pulse}
@-webkit-keyframes rubberBand{ 0%{ -webkit-transform:scaleX(1); transform:scaleX(1) }
 30%{ -webkit-transform:scale3d(1.25, 0.75, 1); transform:scale3d(1.25, 0.75, 1) }
 40%{ -webkit-transform:scale3d(0.75, 1.25, 1); transform:scale3d(0.75, 1.25, 1) }
 50%{ -webkit-transform:scale3d(1.15, 0.85, 1); transform:scale3d(1.15, 0.85, 1) }
 65%{ -webkit-transform:scale3d(0.95, 1.05, 1); transform:scale3d(0.95, 1.05, 1) }
 75%{ -webkit-transform:scale3d(1.05, 0.95, 1); transform:scale3d(1.05, 0.95, 1) }
 to{ -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes rubberBand{ 0%{ -webkit-transform:scaleX(1); transform:scaleX(1) }
 30%{ -webkit-transform:scale3d(1.25, 0.75, 1); transform:scale3d(1.25, 0.75, 1) }
 40%{ -webkit-transform:scale3d(0.75, 1.25, 1); transform:scale3d(0.75, 1.25, 1) }
 50%{ -webkit-transform:scale3d(1.15, 0.85, 1); transform:scale3d(1.15, 0.85, 1) }
 65%{ -webkit-transform:scale3d(0.95, 1.05, 1); transform:scale3d(0.95, 1.05, 1) }
 75%{ -webkit-transform:scale3d(1.05, 0.95, 1); transform:scale3d(1.05, 0.95, 1) }
 to{ -webkit-transform:scaleX(1); transform:scaleX(1) }
}
.rubberBand{ -webkit-animation-name:rubberBand; animation-name:rubberBand}
@-webkit-keyframes shake{ 0%, to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 10%, 30%, 50%, 70%, 90%{ -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) }
 20%, 40%, 60%, 80%{ -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) }
}
@keyframes shake{ 0%, to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 10%, 30%, 50%, 70%, 90%{ -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) }
 20%, 40%, 60%, 80%{ -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) }
}
.shake{ -webkit-animation-name:shake; animation-name:shake}
@-webkit-keyframes headShake{ 0%{ -webkit-transform:translateX(0); transform:translateX(0) }
 6.5%{ -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg) }
 18.5%{ -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg) }
 31.5%{ -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg) }
 43.5%{ -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg) }
 50%{ -webkit-transform:translateX(0); transform:translateX(0) }
}
@keyframes headShake{ 0%{ -webkit-transform:translateX(0); transform:translateX(0) }
 6.5%{ -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg) }
 18.5%{ -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg) }
 31.5%{ -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg) }
 43.5%{ -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg) }
 50%{ -webkit-transform:translateX(0); transform:translateX(0) }
}
.headShake{ -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-name:headShake; animation-name:headShake}
@-webkit-keyframes swing{ 20%{ -webkit-transform:rotate(15deg); transform:rotate(15deg) }
 40%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg) }
 60%{ -webkit-transform:rotate(5deg); transform:rotate(5deg) }
 80%{ -webkit-transform:rotate(-5deg); transform:rotate(-5deg) }
 to{ -webkit-transform:rotate(0deg); transform:rotate(0deg) }
}
@keyframes swing{ 20%{ -webkit-transform:rotate(15deg); transform:rotate(15deg) }
 40%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg) }
 60%{ -webkit-transform:rotate(5deg); transform:rotate(5deg) }
 80%{ -webkit-transform:rotate(-5deg); transform:rotate(-5deg) }
 to{ -webkit-transform:rotate(0deg); transform:rotate(0deg) }
}
.swing{ -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; animation-name:swing}
@-webkit-keyframes tada{ 0%{ -webkit-transform:scaleX(1); transform:scaleX(1) }
 10%, 20%{ -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg) }
 30%, 50%, 70%, 90%{ -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(3deg) }
 40%, 60%, 80%{ -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg) }
 to{ -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes tada{ 0%{ -webkit-transform:scaleX(1); transform:scaleX(1) }
 10%, 20%{ -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg) }
 30%, 50%, 70%, 90%{ -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(3deg) }
 40%, 60%, 80%{ -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg) }
 to{ -webkit-transform:scaleX(1); transform:scaleX(1) }
}
.tada{ -webkit-animation-name:tada; animation-name:tada}
@-webkit-keyframes wobble{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 15%{ -webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg); transform:translate3d(-25%, 0, 0) rotate(-5deg) }
 30%{ -webkit-transform:translate3d(20%, 0, 0) rotate(3deg); transform:translate3d(20%, 0, 0) rotate(3deg) }
 45%{ -webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg); transform:translate3d(-15%, 0, 0) rotate(-3deg) }
 60%{ -webkit-transform:translate3d(10%, 0, 0) rotate(2deg); transform:translate3d(10%, 0, 0) rotate(2deg) }
 75%{ -webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg); transform:translate3d(-5%, 0, 0) rotate(-1deg) }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes wobble{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 15%{ -webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg); transform:translate3d(-25%, 0, 0) rotate(-5deg) }
 30%{ -webkit-transform:translate3d(20%, 0, 0) rotate(3deg); transform:translate3d(20%, 0, 0) rotate(3deg) }
 45%{ -webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg); transform:translate3d(-15%, 0, 0) rotate(-3deg) }
 60%{ -webkit-transform:translate3d(10%, 0, 0) rotate(2deg); transform:translate3d(10%, 0, 0) rotate(2deg) }
 75%{ -webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg); transform:translate3d(-5%, 0, 0) rotate(-1deg) }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.wobble{ -webkit-animation-name:wobble; animation-name:wobble}
@-webkit-keyframes jello{ 0%, 11.1%, to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 22.2%{ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg) }
 33.3%{ -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg) }
 44.4%{ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg) }
 55.5%{ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg) }
 66.6%{ -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg); transform:skewX(-0.78125deg) skewY(-0.78125deg) }
 77.7%{ -webkit-transform:skewX(0.39062deg) skewY(0.39062deg); transform:skewX(0.39062deg) skewY(0.39062deg) }
 88.8%{ -webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg); transform:skewX(-0.19531deg) skewY(-0.19531deg) }
}
@keyframes jello{ 0%, 11.1%, to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 22.2%{ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg) }
 33.3%{ -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg) }
 44.4%{ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg) }
 55.5%{ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg) }
 66.6%{ -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg); transform:skewX(-0.78125deg) skewY(-0.78125deg) }
 77.7%{ -webkit-transform:skewX(0.39062deg) skewY(0.39062deg); transform:skewX(0.39062deg) skewY(0.39062deg) }
 88.8%{ -webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg); transform:skewX(-0.19531deg) skewY(-0.19531deg) }
}
.jello{ -webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center}
@-webkit-keyframes heartBeat{ 0%{ -webkit-transform:scale(1); transform:scale(1) }
 14%{ -webkit-transform:scale(1.3); transform:scale(1.3) }
 28%{ -webkit-transform:scale(1); transform:scale(1) }
 42%{ -webkit-transform:scale(1.3); transform:scale(1.3) }
 70%{ -webkit-transform:scale(1); transform:scale(1) }
}
@keyframes heartBeat{ 0%{ -webkit-transform:scale(1); transform:scale(1) }
 14%{ -webkit-transform:scale(1.3); transform:scale(1.3) }
 28%{ -webkit-transform:scale(1); transform:scale(1) }
 42%{ -webkit-transform:scale(1.3); transform:scale(1.3) }
 70%{ -webkit-transform:scale(1); transform:scale(1) }
}
.heartBeat{ -webkit-animation-name:heartBeat; animation-name:heartBeat; -webkit-animation-duration:1.3s; animation-duration:1.3s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out}
@-webkit-keyframes bounceIn{ 0%, 20%, 40%, 60%, 80%, to{ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1) }
 0%{ opacity:0; -webkit-transform:scale3d(0.3, 0.3, 0.3); transform:scale3d(0.3, 0.3, 0.3) }
 20%{ -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) }
 40%{ -webkit-transform:scale3d(0.9, 0.9, 0.9); transform:scale3d(0.9, 0.9, 0.9) }
 60%{ opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) }
 80%{ -webkit-transform:scale3d(0.97, 0.97, 0.97); transform:scale3d(0.97, 0.97, 0.97) }
 to{ opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes bounceIn{ 0%, 20%, 40%, 60%, 80%, to{ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1) }
 0%{ opacity:0; -webkit-transform:scale3d(0.3, 0.3, 0.3); transform:scale3d(0.3, 0.3, 0.3) }
 20%{ -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) }
 40%{ -webkit-transform:scale3d(0.9, 0.9, 0.9); transform:scale3d(0.9, 0.9, 0.9) }
 60%{ opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) }
 80%{ -webkit-transform:scale3d(0.97, 0.97, 0.97); transform:scale3d(0.97, 0.97, 0.97) }
 to{ opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1) }
}
.bounceIn{ -webkit-animation-duration:.75s; animation-duration:.75s; -webkit-animation-name:bounceIn; animation-name:bounceIn}
@-webkit-keyframes bounceInDown{ 0%, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1) }
 0%{ opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0) }
 60%{ opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0) }
 75%{ -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) }
 90%{ -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes bounceInDown{ 0%, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1) }
 0%{ opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0) }
 60%{ opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0) }
 75%{ -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) }
 90%{ -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.bounceInDown{ -webkit-animation-name:bounceInDown; animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{ 0%, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1) }
 0%{ opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0) }
 60%{ opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0) }
 75%{ -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) }
 90%{ -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes bounceInLeft{ 0%, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1) }
 0%{ opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0) }
 60%{ opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0) }
 75%{ -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) }
 90%{ -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.bounceInLeft{ -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{ 0%, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1) }
 0%{ opacity:0; -webkit-transform:translate3d(3000px, 0, 0); transform:translate3d(3000px, 0, 0) }
 60%{ opacity:1; -webkit-transform:translate3d(-25px, 0, 0); transform:translate3d(-25px, 0, 0) }
 75%{ -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) }
 90%{ -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0) }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes bounceInRight{ 0%, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1) }
 0%{ opacity:0; -webkit-transform:translate3d(3000px, 0, 0); transform:translate3d(3000px, 0, 0) }
 60%{ opacity:1; -webkit-transform:translate3d(-25px, 0, 0); transform:translate3d(-25px, 0, 0) }
 75%{ -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) }
 90%{ -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0) }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.bounceInRight{ -webkit-animation-name:bounceInRight; animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{ 0%, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1) }
 0%{ opacity:0; -webkit-transform:translate3d(0, 3000px, 0); transform:translate3d(0, 3000px, 0) }
 60%{ opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) }
 75%{ -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) }
 90%{ -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0) }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes bounceInUp{ 0%, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1) }
 0%{ opacity:0; -webkit-transform:translate3d(0, 3000px, 0); transform:translate3d(0, 3000px, 0) }
 60%{ opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) }
 75%{ -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) }
 90%{ -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0) }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.bounceInUp{ -webkit-animation-name:bounceInUp; animation-name:bounceInUp}
@-webkit-keyframes bounceOut{ 20%{ -webkit-transform:scale3d(0.9, 0.9, 0.9); transform:scale3d(0.9, 0.9, 0.9) }
 50%, 55%{ opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) }
 to{ opacity:0; -webkit-transform:scale3d(0.3, 0.3, 0.3); transform:scale3d(0.3, 0.3, 0.3) }
}
@keyframes bounceOut{ 20%{ -webkit-transform:scale3d(0.9, 0.9, 0.9); transform:scale3d(0.9, 0.9, 0.9) }
 50%, 55%{ opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) }
 to{ opacity:0; -webkit-transform:scale3d(0.3, 0.3, 0.3); transform:scale3d(0.3, 0.3, 0.3) }
}
.bounceOut{ -webkit-animation-duration:.75s; animation-duration:.75s; -webkit-animation-name:bounceOut; animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{ 20%{ -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) }
 40%, 45%{ opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) }
 to{ opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
@keyframes bounceOutDown{ 20%{ -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) }
 40%, 45%{ opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) }
 to{ opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
.bounceOutDown{ -webkit-animation-name:bounceOutDown; animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{ 20%{ opacity:1; -webkit-transform:translate3d(20px, 0, 0); transform:translate3d(20px, 0, 0) }
 to{ opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
@keyframes bounceOutLeft{ 20%{ opacity:1; -webkit-transform:translate3d(20px, 0, 0); transform:translate3d(20px, 0, 0) }
 to{ opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
.bounceOutLeft{ -webkit-animation-name:bounceOutLeft; animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{ 20%{ opacity:1; -webkit-transform:translate3d(-20px, 0, 0); transform:translate3d(-20px, 0, 0) }
 to{ opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
@keyframes bounceOutRight{ 20%{ opacity:1; -webkit-transform:translate3d(-20px, 0, 0); transform:translate3d(-20px, 0, 0) }
 to{ opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
.bounceOutRight{ -webkit-animation-name:bounceOutRight; animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{ 20%{ -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) }
 40%, 45%{ opacity:1; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0) }
 to{ opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
@keyframes bounceOutUp{ 20%{ -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) }
 40%, 45%{ opacity:1; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0) }
 to{ opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
.bounceOutUp{ -webkit-animation-name:bounceOutUp; animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{ 0%{ opacity:0 }
 to{ opacity:1 }
}
@keyframes fadeIn{ 0%{ opacity:0 }
 to{ opacity:1 }
}
.fadeIn{ -webkit-animation-name:fadeIn; animation-name:fadeIn}
@-webkit-keyframes fadeInDown{ 0%{ opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes fadeInDown{ 0%{ opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.fadeInDown{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{ 0%{ opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes fadeInDownBig{ 0%{ opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.fadeInDownBig{ -webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.fadeInLeft{ -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{ 0%{ opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes fadeInLeftBig{ 0%{ opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.fadeInLeftBig{ -webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{ 0%{ opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes fadeInRight{ 0%{ opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.fadeInRight{ -webkit-animation-name:fadeInRight; animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{ 0%{ opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes fadeInRightBig{ 0%{ opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.fadeInRightBig{ -webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{ 0%{ opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes fadeInUp{ 0%{ opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.fadeInUp{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{ 0%{ opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes fadeInUpBig{ 0%{ opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.fadeInUpBig{ -webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{ 0%{ opacity:1 }
 to{ opacity:0 }
}
@keyframes fadeOut{ 0%{ opacity:1 }
 to{ opacity:0 }
}
.fadeOut{ -webkit-animation-name:fadeOut; animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) }
}
@keyframes fadeOutDown{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) }
}
.fadeOutDown{ -webkit-animation-name:fadeOutDown; animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
@keyframes fadeOutDownBig{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
.fadeOutDownBig{ -webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) }
}
@keyframes fadeOutLeft{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) }
}
.fadeOutLeft{ -webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
@keyframes fadeOutLeftBig{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
.fadeOutLeftBig{ -webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) }
}
@keyframes fadeOutRight{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) }
}
.fadeOutRight{ -webkit-animation-name:fadeOutRight; animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
@keyframes fadeOutRightBig{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
.fadeOutRightBig{ -webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) }
}
@keyframes fadeOutUp{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) }
}
.fadeOutUp{ -webkit-animation-name:fadeOutUp; animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
@keyframes fadeOutUpBig{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
.fadeOutUpBig{ -webkit-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig}
@-webkit-keyframes flip{ 0%{ -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out }
 40%{ -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out }
 50%{ -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
 80%{ -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
 to{ -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
}
@keyframes flip{ 0%{ -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out }
 40%{ -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out }
 50%{ -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
 80%{ -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
 to{ -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
}
.animated.flip{ -webkit-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:flip; animation-name:flip}
@-webkit-keyframes flipInX{ 0%{ -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0 }
 40%{ -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
 60%{ -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); opacity:1 }
 80%{ -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg) }
 to{ -webkit-transform:perspective(400px); transform:perspective(400px) }
}
@keyframes flipInX{ 0%{ -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0 }
 40%{ -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
 60%{ -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); opacity:1 }
 80%{ -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg) }
 to{ -webkit-transform:perspective(400px); transform:perspective(400px) }
}
.flipInX{ -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipInX; animation-name:flipInX}
@-webkit-keyframes flipInY{ 0%{ -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0 }
 40%{ -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
 60%{ -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); opacity:1 }
 80%{ -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg) }
 to{ -webkit-transform:perspective(400px); transform:perspective(400px) }
}
@keyframes flipInY{ 0%{ -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0 }
 40%{ -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
 60%{ -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); opacity:1 }
 80%{ -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg) }
 to{ -webkit-transform:perspective(400px); transform:perspective(400px) }
}
.flipInY{ -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipInY; animation-name:flipInY}
@-webkit-keyframes flipOutX{ 0%{ -webkit-transform:perspective(400px); transform:perspective(400px) }
 30%{ -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); opacity:1 }
 to{ -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 }
}
@keyframes flipOutX{ 0%{ -webkit-transform:perspective(400px); transform:perspective(400px) }
 30%{ -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); opacity:1 }
 to{ -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 }
}
.flipOutX{ -webkit-animation-duration:.75s; animation-duration:.75s; -webkit-animation-name:flipOutX; animation-name:flipOutX; -webkit-backface-visibility:visible !important; backface-visibility:visible !important}
@-webkit-keyframes flipOutY{ 0%{ -webkit-transform:perspective(400px); transform:perspective(400px) }
 30%{ -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg); opacity:1 }
 to{ -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 }
}
@keyframes flipOutY{ 0%{ -webkit-transform:perspective(400px); transform:perspective(400px) }
 30%{ -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg); opacity:1 }
 to{ -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 }
}
.flipOutY{ -webkit-animation-duration:.75s; animation-duration:.75s; -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipOutY; animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{ 0%{ -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); transform:translate3d(100%, 0, 0) skewX(-30deg); opacity:0 }
 60%{ -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1 }
 80%{ -webkit-transform:skewX(-5deg); transform:skewX(-5deg) }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes lightSpeedIn{ 0%{ -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); transform:translate3d(100%, 0, 0) skewX(-30deg); opacity:0 }
 60%{ -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1 }
 80%{ -webkit-transform:skewX(-5deg); transform:skewX(-5deg) }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.lightSpeedIn{ -webkit-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{ 0%{ opacity:1 }
 to{ -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); transform:translate3d(100%, 0, 0) skewX(30deg); opacity:0 }
}
@keyframes lightSpeedOut{ 0%{ opacity:1 }
 to{ -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); transform:translate3d(100%, 0, 0) skewX(30deg); opacity:0 }
}
.lightSpeedOut{ -webkit-animation-name:lightSpeedOut; animation-name:lightSpeedOut; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{ 0%{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0 }
 to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translateZ(0); transform:translateZ(0); opacity:1 }
}
@keyframes rotateIn{ 0%{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0 }
 to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translateZ(0); transform:translateZ(0); opacity:1 }
}
.rotateIn{ -webkit-animation-name:rotateIn; animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{ 0%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
 to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translateZ(0); transform:translateZ(0); opacity:1 }
}
@keyframes rotateInDownLeft{ 0%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
 to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translateZ(0); transform:translateZ(0); opacity:1 }
}
.rotateInDownLeft{ -webkit-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{ 0%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 }
 to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translateZ(0); transform:translateZ(0); opacity:1 }
}
@keyframes rotateInDownRight{ 0%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 }
 to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translateZ(0); transform:translateZ(0); opacity:1 }
}
.rotateInDownRight{ -webkit-animation-name:rotateInDownRight; animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{ 0%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 }
 to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translateZ(0); transform:translateZ(0); opacity:1 }
}
@keyframes rotateInUpLeft{ 0%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 }
 to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translateZ(0); transform:translateZ(0); opacity:1 }
}
.rotateInUpLeft{ -webkit-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{ 0%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 }
 to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translateZ(0); transform:translateZ(0); opacity:1 }
}
@keyframes rotateInUpRight{ 0%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 }
 to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translateZ(0); transform:translateZ(0); opacity:1 }
}
.rotateInUpRight{ -webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{ 0%{ -webkit-transform-origin:center; transform-origin:center; opacity:1 }
 to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0 }
}
@keyframes rotateOut{ 0%{ -webkit-transform-origin:center; transform-origin:center; opacity:1 }
 to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0 }
}
.rotateOut{ -webkit-animation-name:rotateOut; animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{ 0%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 }
 to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 }
}
@keyframes rotateOutDownLeft{ 0%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 }
 to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 }
}
.rotateOutDownLeft{ -webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{ 0%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 }
 to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
@keyframes rotateOutDownRight{ 0%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 }
 to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
.rotateOutDownRight{ -webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{ 0%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 }
 to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
@keyframes rotateOutUpLeft{ 0%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 }
 to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
.rotateOutUpLeft{ -webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{ 0%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 }
 to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
}
@keyframes rotateOutUpRight{ 0%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 }
 to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
}
.rotateOutUpRight{ -webkit-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight}
@-webkit-keyframes hinge{ 0%{ -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out }
 20%, 60%{ -webkit-transform:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out }
 40%, 80%{ -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1 }
 to{ -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0); opacity:0 }
}
@keyframes hinge{ 0%{ -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out }
 20%, 60%{ -webkit-transform:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out }
 40%, 80%{ -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1 }
 to{ -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0); opacity:0 }
}
.hinge{ -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-name:hinge; animation-name:hinge}
@-webkit-keyframes jackInTheBox{ 0%{ opacity:0; -webkit-transform:scale(0.1) rotate(30deg); transform:scale(0.1) rotate(30deg); -webkit-transform-origin:center bottom; transform-origin:center bottom }
 50%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg) }
 70%{ -webkit-transform:rotate(3deg); transform:rotate(3deg) }
 to{ opacity:1; -webkit-transform:scale(1); transform:scale(1) }
}
@keyframes jackInTheBox{ 0%{ opacity:0; -webkit-transform:scale(0.1) rotate(30deg); transform:scale(0.1) rotate(30deg); -webkit-transform-origin:center bottom; transform-origin:center bottom }
 50%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg) }
 70%{ -webkit-transform:rotate(3deg); transform:rotate(3deg) }
 to{ opacity:1; -webkit-transform:scale(1); transform:scale(1) }
}
.jackInTheBox{ -webkit-animation-name:jackInTheBox; animation-name:jackInTheBox}
@-webkit-keyframes rollIn{ 0%{ opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg); transform:translate3d(-100%, 0, 0) rotate(-120deg) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes rollIn{ 0%{ opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg); transform:translate3d(-100%, 0, 0) rotate(-120deg) }
 to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.rollIn{ -webkit-animation-name:rollIn; animation-name:rollIn}
@-webkit-keyframes rollOut{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(100%, 0, 0) rotate(120deg); transform:translate3d(100%, 0, 0) rotate(120deg) }
}
@keyframes rollOut{ 0%{ opacity:1 }
 to{ opacity:0; -webkit-transform:translate3d(100%, 0, 0) rotate(120deg); transform:translate3d(100%, 0, 0) rotate(120deg) }
}
.rollOut{ -webkit-animation-name:rollOut; animation-name:rollOut}
@-webkit-keyframes zoomIn{ 0%{ opacity:0; -webkit-transform:scale3d(0.3, 0.3, 0.3); transform:scale3d(0.3, 0.3, 0.3) }
 50%{ opacity:1 }
}
@keyframes zoomIn{ 0%{ opacity:0; -webkit-transform:scale3d(0.3, 0.3, 0.3); transform:scale3d(0.3, 0.3, 0.3) }
 50%{ opacity:1 }
}
.zoomIn{ -webkit-animation-name:zoomIn; animation-name:zoomIn}
@-webkit-keyframes zoomInDown{ 0%{ opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19) }
 60%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@keyframes zoomInDown{ 0%{ opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19) }
 60%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
.zoomInDown{ -webkit-animation-name:zoomInDown; animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft{ 0%{ opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19) }
 60%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@keyframes zoomInLeft{ 0%{ opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19) }
 60%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
.zoomInLeft{ -webkit-animation-name:zoomInLeft; animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight{ 0%{ opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19) }
 60%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@keyframes zoomInRight{ 0%{ opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19) }
 60%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
.zoomInRight{ -webkit-animation-name:zoomInRight; animation-name:zoomInRight}
@-webkit-keyframes zoomInUp{ 0%{ opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19) }
 60%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@keyframes zoomInUp{ 0%{ opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19) }
 60%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
.zoomInUp{ -webkit-animation-name:zoomInUp; animation-name:zoomInUp}
@-webkit-keyframes zoomOut{ 0%{ opacity:1 }
 50%{ opacity:0; -webkit-transform:scale3d(0.3, 0.3, 0.3); transform:scale3d(0.3, 0.3, 0.3) }
 to{ opacity:0 }
}
@keyframes zoomOut{ 0%{ opacity:1 }
 50%{ opacity:0; -webkit-transform:scale3d(0.3, 0.3, 0.3); transform:scale3d(0.3, 0.3, 0.3) }
 to{ opacity:0 }
}
.zoomOut{ -webkit-animation-name:zoomOut; animation-name:zoomOut}
@-webkit-keyframes zoomOutDown{ 40%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19) }
 to{ opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@keyframes zoomOutDown{ 40%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19) }
 to{ opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
.zoomOutDown{ -webkit-animation-name:zoomOutDown; animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft{ 40%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0) }
 to{ opacity:0; -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0); transform:scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; transform-origin:left center }
}
@keyframes zoomOutLeft{ 40%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0) }
 to{ opacity:0; -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0); transform:scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; transform-origin:left center }
}
.zoomOutLeft{ -webkit-animation-name:zoomOutLeft; animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight{ 40%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0) }
 to{ opacity:0; -webkit-transform:scale(0.1) translate3d(2000px, 0, 0); transform:scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; transform-origin:right center }
}
@keyframes zoomOutRight{ 40%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0) }
 to{ opacity:0; -webkit-transform:scale(0.1) translate3d(2000px, 0, 0); transform:scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; transform-origin:right center }
}
.zoomOutRight{ -webkit-animation-name:zoomOutRight; animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp{ 40%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19) }
 to{ opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@keyframes zoomOutUp{ 40%{ opacity:1; -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19) }
 to{ opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
.zoomOutUp{ -webkit-animation-name:zoomOutUp; animation-name:zoomOutUp}
@-webkit-keyframes slideInDown{ 0%{ -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes slideInDown{ 0%{ -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.slideInDown{ -webkit-animation-name:slideInDown; animation-name:slideInDown}
@-webkit-keyframes slideInLeft{ 0%{ -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes slideInLeft{ 0%{ -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.slideInLeft{ -webkit-animation-name:slideInLeft; animation-name:slideInLeft}
@-webkit-keyframes slideInRight{ 0%{ -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes slideInRight{ 0%{ -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.slideInRight{ -webkit-animation-name:slideInRight; animation-name:slideInRight}
@-webkit-keyframes slideInUp{ 0%{ -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes slideInUp{ 0%{ -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible }
 to{ -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.slideInUp{ -webkit-animation-name:slideInUp; animation-name:slideInUp}
@-webkit-keyframes slideOutDown{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 to{ visibility:hidden; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) }
}
@keyframes slideOutDown{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 to{ visibility:hidden; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) }
}
.slideOutDown{ -webkit-animation-name:slideOutDown; animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 to{ visibility:hidden; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) }
}
@keyframes slideOutLeft{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 to{ visibility:hidden; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) }
}
.slideOutLeft{ -webkit-animation-name:slideOutLeft; animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 to{ visibility:hidden; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) }
}
@keyframes slideOutRight{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 to{ visibility:hidden; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) }
}
.slideOutRight{ -webkit-animation-name:slideOutRight; animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 to{ visibility:hidden; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) }
}
@keyframes slideOutUp{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) }
 to{ visibility:hidden; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) }
}
.slideOutUp{ -webkit-animation-name:slideOutUp; animation-name:slideOutUp}

@-webkit-keyframes mobileSliderHelperAnimation{ 
    0%, 100%{ transform: rotate(100deg); top: 0px; }
    50%{ transform: rotate(75deg); top: -10px; }
}
@keyframes mobileSliderHelperAnimation{
    0%, 100%{ transform: rotate(100deg); top: 0px; }
    50%{ transform: rotate(75deg); top: -10px; }
}

.mobileSliderHelper{ -webkit-animation-name:mobileSliderHelperAnimation; animation-name:mobileSliderHelperAnimation}

.animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both}
.animated.infinite{ -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite}
.animated.delay-1s{ -webkit-animation-delay:1s; animation-delay:1s}
.animated.delay-2s{ -webkit-animation-delay:2s; animation-delay:2s}
.animated.delay-3s{ -webkit-animation-delay:3s; animation-delay:3s}
.animated.delay-4s{ -webkit-animation-delay:4s; animation-delay:4s}
.animated.delay-5s{ -webkit-animation-delay:5s; animation-delay:5s}
.animated.fast{ -webkit-animation-duration:.8s; animation-duration:.8s}
.animated.faster{ -webkit-animation-duration:.5s; animation-duration:.5s}
.animated.slow{ -webkit-animation-duration:2s; animation-duration:2s}
.animated.slower{ -webkit-animation-duration:3s; animation-duration:3s}
@media (prefers-reduced-motion:reduce),(print){ .animated{ -webkit-animation-duration:1ms !important; animation-duration:1ms !important; -webkit-transition-duration:1ms !important; -o-transition-duration:1ms !important; transition-duration:1ms !important; -webkit-animation-iteration-count:1 !important; animation-iteration-count:1 !important }
}

@-ms-viewport {
    width: device-width
}

::-moz-selection {
    background: #5a7249;
    color: #fff
}

::selection {
    background: #5a7249;
    color: #fff
}

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

body {
    overflow-x: hidden;
    font-family: 'europa', sans-serif;
}

body.overflow {
    overflow: hidden;
    padding-right: 5px;
}

body.closed{
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

body.overflow header {
    padding-right: 5px;
}

@media only screen and (max-width: 767px){
    body.overflow header {
        padding-right: 0;
        /* background: #fff; */
    }
    body.overflow {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        padding-right: 0;
    }
}

a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

a:hover {
    text-decoration: none
}

*,
:focus {
    outline: 0
}

*,
ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

::-moz-focus-inner {
    border: 0
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type="radio"],
input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}


[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-track {
    background: #ffffff
}

::-webkit-scrollbar-thumb {
    background: #0f290e
}

img {
    max-width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

input,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

/* Default */
.page-title { display: none; }

.map-scope{width:100%;height: 100%;}
.map-scope .map-info{ padding:0.5rem; background:#3c3c3c; border-radius:8px; color:#fff; font-size:12px; line-height:20px}
.map-scope .map-info h3{ font-size:1rem; font-weight:800}
.map-scope .map-info a{ color:#969696}
.map-scope .map-info a:hover,.map-scope .map-info a:focus{ color:#ffffff}
textarea,input{ -webkit-appearance:none}

.nf404-full{ position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center; background:#242E44; min-height:100vh; width:100%}
.nf404-full .svg{ margin-bottom:2rem; min-height:350px; overflow:hidden; position:relative}
.nf404-full .svg svg{ max-width:100%}
.nf404-full h2{ font-weight:bold; font-size:25px; color:#90CBFF; margin-bottom:.5rem}
.nf404-full h3{ font-size:20px; color:#90CBFF; margin-bottom:2rem}
.nf404-full a{ display:inline-block; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; border:2px solid #1C91F6; padding:1rem 2rem; color:#90CBFF; border-radius:3rem; -webkit-box-shadow:inset 0 0 0 #1C91F6; box-shadow:inset 0 0 0 #1C91F6; -webkit-transition:.4s; -o-transition:.4s; transition:.4s}
.nf404-full a svg{ margin-right:1rem; display:inline-block; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; max-width:200%}
@media only screen and (max-width:767px){ .nf404-full a svg{ width:200%; max-width:200% }
}
.nf404-full a:hover{ -webkit-box-shadow:inset 0 0 15px rgba(28, 145, 246, 0.3); box-shadow:inset 0 0 15px rgba(28, 145, 246, 0.3)}

.nf404{position:relative;text-align:center;padding: 300px 0;}
.nf404 .svg{ margin-bottom:2rem; min-height:350px; overflow:hidden; position:relative}
.nf404 .svg svg{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; max-width:100%}
.nf404 .svg svg path { fill: #0f290e; }
.nf404 .svg svg line {stroke: #879487;}
.nf404 a svg path {fill: #879487;}
.nf404 h2{font-weight:bold;font-size:25px;color: #879487;margin-bottom:.5rem;}
.nf404 h3{font-size:20px;color: #879487;margin-bottom:2rem;}
.nf404 a{display:inline-block;border: 2px solid #879487;padding:1rem 2rem;color: #879487;border-radius:3rem;-webkit-box-shadow: inset 0 0 0 #879487;box-shadow: inset 0 0 0 #879487;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;}
.nf404 a svg{ margin-right:1rem; display:inline-block}
.nf404 a:hover{-webkit-box-shadow: inset 0 0 15px rgba(135, 148, 135, 0.3);box-shadow: inset 0 0 15px rgba(135, 148, 135, 0.3);}

@media only screen and (max-width: 1450px) {
  .nf404 a {
      -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
              transform: scale(0.9);
  }

  .nf404 .svg {
      margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1199px) {
  .nf404 h2 {
      font-size: 18px;
      margin-bottom: 10px;
  }

  .nf404 h3 {
      font-size: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .nf404 .svg {
      min-height: 240px;
      margin-bottom: 0;
  }

  .page.nf404 {
      min-height: 53.5vh;
      padding-top: 100px;
      padding-bottom: 200px;
  }

}

@media only screen and (max-width: 767px) {
    .nf404 .svg svg {
        width: 200%;
        max-width: 200%
    }
    .nf404 h2 {
        font-size: 17px;
    }
    main {
        overflow: hidden;
    }
    .nf404 h3 {
        font-size: 14px;
    }

    .nf404 a {
        padding: 10px 20px;
    }
    .page.nf404 {
      min-height: calc(100vh - 225px);
      padding-bottom: 0;
  }
}

.alert-container {max-width: 60%;margin: 40px auto -80px;}

.alert{ padding:0; position:relative; line-height:25px; border-width:0; margin-bottom:17px; color:#ffffff}
.alert .icon{ width:55px; font-size:1.846rem; vertical-align:middle; text-align:center; line-height:22px; display:table-cell; cursor:default; padding-top:1px}
.alert .icon span{ width:25px}
.alert .close{ position:absolute; font-size:1.538rem; right:1.385rem; text-shadow:none; padding:1.5388rem 0; opacity:.2; right:4px; top:-20px}
.alert .message{ display:table-cell; padding:1.385rem 2.1542rem 1.385rem 0.231rem; border-left-width:0}
.alert .message>p,.alert .message>ul{ margin-bottom:0}
.alert .message>p+p{ margin-top:5px}
.alert.alert-spec{ padding:0; position:relative; width:100%}
.alert.alert-spec>.icon{ display:table-cell; width:60px; text-align:center; vertical-align:middle; background-color:rgba(255, 255, 255, 0.25)}
.alert.alert-spec>.message{ display:table-cell; padding:14px 15px; border-left-width:0}
.alert.alert-icon{ background-color:#FFFFFF; border:0; padding:0; position:relative; width:100%; display:table; table-layout:fixed; -webkit-box-shadow:0.5px 0.9px 0 rgba(0, 0, 0, 0.07); box-shadow:0.5px 0.9px 0 rgba(0, 0, 0, 0.07)}
.alert.alert-icon>.icon{ position:relative; display:table-cell; width:60px; text-align:center; vertical-align:middle; cursor:default}
.alert.alert-icon>.icon:after{ position:absolute; right:-10px; top:50%; margin-top:-10px; width:0; height:0; content:''; z-index:2; border-left:11px solid #FFFFFF; -webkit-transform:scale(0.9999); -ms-transform:scale(0.9999); transform:scale(0.9999); border-bottom:11px solid transparent; border-top:11px solid transparent}
.alert.alert-icon>.message{ display:table-cell; padding:1.385rem 1.385rem; color:#404040; border:1px solid #d4d4d4; border-left-width:0}
.alert.alert-icon.alert-dismissible .close,.alert.alert-icon.alert-dismissible .close:focus{ color:#404040; opacity:0.35}
.alert.alert-icon.alert-dismissible .close:hover,.alert.alert-icon.alert-dismissible .close:focus:hover{ color:#404040; opacity:0.5}
.alert.alert-icon.alert-primary>.icon{ background-color:#4285f4}
.alert.alert-icon.alert-primary>.icon:after{ border-left-color:#4285f4}
.alert.alert-icon.alert-success>.icon{ background-color:#34a853}
.alert.alert-icon.alert-success>.icon:after{ border-left-color:#34a853}
.alert.alert-icon.alert-info .icon{ background-color:#6ba4ff}
.alert.alert-icon.alert-info .icon:before{ border-left-color:#6ba4ff}
.alert.alert-icon.alert-warning>.icon{ background-color:#fbbc05}
.alert.alert-icon.alert-warning>.icon:after{ border-left-color:#fbbc05}
.alert.alert-icon.alert-danger>.icon{ background-color:#ea4335}
.alert.alert-icon.alert-danger>.icon:after{ border-left-color:#ea4335}
.alert.alert-icon.alert-light{ outline-color:#d4d4d4}
.alert.alert-icon.alert-light>.icon{ background-color:#FFFFFF; border-right:1px solid #d4d4d4}
.alert.alert-icon.alert-light>.icon:after{ border-left-color:#FFFFFF; position:absolute; right:-22px; top:50%; margin-top:-10px; width:0; height:0; content:''; z-index:2; border:solid transparent; border-width:11px; border-color:rgba(194, 225, 245, 0); border-left-color:#d4d4d4}
.alert.alert-icon.alert-light>.message{ border:0px}
.alert.alert-icon.alert-dark>.icon{ background-color:#a1a1a1}
.alert.alert-icon.alert-dark>.icon:after{ border-left-color:#a1a1a1}
.alert.alert-primary{ background-color:#d5eff9; border:1px solid #b2dff1}
.alert.alert-success{ background-color:#c5efd0; border:1px solid #94d2a4}
.alert.alert-info{ background-color:#dde8f9; border:1px solid #b3c1d6}
.alert.alert-warning{ background-color:#fdf4db; border:1px solid #ecd5a0}
.alert.alert-danger{ background-color:#ffe6e4; border:1px solid #f5c1c1}
.alert.alert-light{ background-color:#ffffff; outline:1px solid rgba(115, 115, 115, 0.08); color:#404040}
.alert.alert-light>.icon{ color:#737373}
.alert.alert-light.alert-spec>.icon{ background-color:rgba(115, 115, 115, 0.08)}
.alert.alert-dark{ background-color:#ffffff}
.alert.alert-dismissible.alert-primary .close{ color:#093d94}
.alert.alert-dismissible.alert-primary .close:hover{ color:#093d94; opacity:0.5}
.alert.alert-dismissible.alert-success .close{ color:#103319}
.alert.alert-dismissible.alert-success .close:hover{ color:#103319; opacity:0.5}
.alert.alert-dismissible.alert-info .close{ color:#0050d1}
.alert.alert-dismissible.alert-info .close:hover{ color:#0050d1; opacity:0.5}
.alert.alert-dismissible.alert-warning .close{ color:#654c02}
.alert.alert-dismissible.alert-warning .close:hover{ color:#654c02; opacity:0.5}
.alert.alert-dismissible.alert-danter .close{ color:#79150d}
.alert.alert-dismissible.alert-danter .close:hover{ color:#79150d; opacity:0.5}
.alert.alert-dismissible.alert-light .close{ color:#404040; opacity:0.35}
.alert.alert-dismissible.alert-light .close:hover{ color:#404040; opacity:0.5}
.alert.alert-dismissible.alert-dark .close{ color:#ffffff; opacity:0.35}
.alert.alert-dismissible.alert-dark .close:hover{ color:#404040; opacity:0.5}
.alert.alert-spec.alert-dismissible.alert-success{ color:#03982a}
.alert.alert-spec.alert-dismissible.alert-success div.icon span:before{ color:#39a355}
.alert.alert-spec.alert-dismissible.alert-info{ color:#2858a2}
.alert.alert-spec.alert-dismissible.alert-info div.icon span:before{ color:#4273bd}
.alert.alert-spec.alert-dismissible.alert-warning{ color:#b57e01}
.alert.alert-spec.alert-dismissible.alert-warning div.icon span:before{ color:#dca321}
.alert.alert-spec.alert-dismissible.alert-danger{ color:#e30505}
.alert.alert-spec.alert-dismissible.alert-danger div.icon span:before{ color:red}
.alert.alert-spec.alert-dismissible.alert-primary{ color:#00959e}
.alert.alert-spec.alert-dismissible.alert-primary div.icon span:before{ color:#2fc1ca}

.captcha{ position:relative}
.captcha a{position:absolute;top:50%;right: 3px;width: 23px;height: 23px;background: #657163;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:100%;-webkit-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;transition-property:-webkit-transform;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;color:#fff;margin-top: -10.9px;font-size: 14px;}
.captcha a:hover{ -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg)}
.captcha img.captcha_img{width: 100%;height: 100%;position:relative;border-radius: 5px;}

a.btn-facebook,button.btn-facebook{ background:#3b5998; color:#fff; border-color:#3b5998}
a.btn-facebook:hover,button.btn-facebook:hover{ background:#293f70; color:#ffffff; border-color:#293f70}
a.btn-facebook:focus,button.btn-facebook:focus{ -webkit-box-shadow:0 0 0 0.2rem rgba(59, 89, 152, 0.5); box-shadow:0 0 0 0.2rem rgba(59, 89, 152, 0.5)}

.support .support-message-area .media img{ -o-object-fit:cover; object-fit:cover; width:64px; height:64px}
.modal-custom .modal-header{ border-bottom:0}
.modal-custom .modal-icon{ display:block; text-align:center; margin-top:-2rem}
.modal-custom .modal-icon>*{ display:inline-block; font-size:3.75rem}
.modal-custom .modal-title{ text-align:center; font-size:2rem; margin-bottom:1rem}
.modal-custom .modal-summary{ text-align:center; font-size:1.25rem; margin-bottom:1rem}
.accordion .btn-link{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; color:#07101b; padding:.75rem}
.accordion .btn-link .mdi{ -webkit-transition:.4s; -o-transition:.4s; transition:.4s; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg)}
.accordion .btn-link.collapsed .mdi{ -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0)}
.accordion .btn-link.collapsed:hover .mdi{ -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.section-loader{ position:relative; min-height:18vh}
.section-loader:after{position:absolute;display:block;visibility:hidden;opacity:0;content:"";top:0;left:0;height:100%;width:100%;background: rgba(255, 255, 255, 0.8);-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;z-index:2;}
.section-loader .section-loader-spinner{display:none;position: fixed;top:50%;right: 14vw;z-index:3;}
.section-loader .section-loader-spinner svg{-webkit-animation:spinner-rotation 1.4s linear infinite;animation:spinner-rotation 1.4s linear infinite;stroke: #0f290e;}
.section-loader .section-loader-spinner svg .circle{ stroke-dasharray:187; stroke-dashoffset:0; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; -webkit-animation:spinner-turn 1.4s ease-in-out infinite; animation:spinner-turn 1.4s ease-in-out infinite}
.section-loader-active:after{ visibility:visible; opacity:1}
.section-loader-active .section-loader-spinner{ display:block}
@-webkit-keyframes spinner-rotation{ 0%{ -webkit-transform:rotate(0); transform:rotate(0) }
 100%{ -webkit-transform:rotate(270deg); transform:rotate(270deg) }
}
@keyframes spinner-rotation{ 0%{ -webkit-transform:rotate(0); transform:rotate(0) }
 100%{ -webkit-transform:rotate(270deg); transform:rotate(270deg) }
}
@-webkit-keyframes spinner-turn{ 0%{ stroke-dashoffset:187 }
 50%{ stroke-dashoffset:46.75; -webkit-transform:rotate(135deg); transform:rotate(135deg) }
 100%{ stroke-dashoffset:187; -webkit-transform:rotate(450deg); transform:rotate(450deg) }
}
@keyframes spinner-turn{ 0%{ stroke-dashoffset:187 }
 50%{ stroke-dashoffset:46.75; -webkit-transform:rotate(135deg); transform:rotate(135deg) }
 100%{ stroke-dashoffset:187; -webkit-transform:rotate(450deg); transform:rotate(450deg) }
}
.flex{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.upload-progress{ height:5px; margin:10px 0; opacity:0}
.btn-link:hover,.btn-link:focus{ text-decoration:none}
.album{padding:4rem 0;position: relative;}
.album .album-title{ position:relative}
.album .album-title h4{ color:#07101b}
.album .swiper-container .swiper-slide a{display:block;overflow:hidden;position:relative;height:100%;border-radius: 20px;}
.album .swiper-container .swiper-slide a img{ display:block; -o-object-fit:cover; object-fit:cover; height:100%; -webkit-transition:.4s; -o-transition:.4s; transition:.4s; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)}
.album .swiper-container .swiper-slide a:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}
.album .swiper-container .swiper-slide a:hover:after{ opacity:0}
.album .swiper-button-next,.album .swiper-button-prev{ background:rgba(0, 0, 0, 0) !important}
.album .swiper-button-next svg path,.album .swiper-button-prev svg path{ fill:#414141}
label.custom-control-label{ line-height:24px !important; cursor:pointer}
.user-sidebar .list-group a{ color:#353535; background:#f5f5f5; border:none; margin-bottom:0; border-radius:0 !important}
.user-sidebar .list-group a.active{ background:#122c48; border-color:#122c48; color:#ffffff}
.user-sidebar .list-group a+a{ border-top:1px solid rgba(0, 0, 0, 0.05)}
.list-group a i{ margin-right:10px}
.user-sidebar .list-group a:hover{ background:#122c48; color:#ffffff; border-color:#122c48}
.user-sidebar .list-group a.active:hover{ background:#111111; color:#ffffff; border-color:#111111}
.user-sidebar .list-group a:last-child:hover{ background:#ea3f30; border-color:#ea3f30; color:#ffffff}
h3.user-head{ font-weight:500; padding-bottom:18px; border-bottom:1px solid #ededed; font-size:22px; margin-bottom:18px}
h3.user-head span{ float:right}
h3.user-head i{ font-size:20px}
.userHeader{ margin-bottom:20px}
.myOrderTable table td,.kargoTakip table td{ font-size:12px}
.myOrderTable table th,.kargoTakip table th{ font-size:13px}
#userSms{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:10px}
form#userSms p{ width:100%}
#userSms .form-control{ width:calc(100% - 130px); height:50px}
.user-home h4{ font-size:25px}
p.mb0{ -webkit-margin-after:0; margin-block-end:0}
h5.alt-title{ font-weight:500; margin-top:20px}
.edit a:hover{ background:#36312c; color:#fff}
.adres-sol{ padding-right:13px; max-width:240px}
.adres-top .info,.edit a{ background:#fff; float:left}
.adres-item.adres-ekle a i{ display:block; text-align:center; margin-bottom:8px}
.adres-item.adres-ekle a{ line-height:normal; font-weight:700; color:#ededed; height:100%; padding:0; display:block; text-align:center; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s; min-height:243px; padding-top:43px}
.adres-item.adres-ekle a:hover,.adres-item.adres-ekle a:hover i:before{ color:#122c48; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s}
.adres-item.adres-ekle a i:before{ color:#eaeaea; display:inline-block; font-size:110px; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s}
.adres-sol p{ font-size:11px; font-weight:500; color:#fff; line-height:25px; padding-left:0; padding-top:0; margin-bottom:0; height:75px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.edit{ padding-left:0; width:110px}
.edit a{ font-size:9px; width:50px; text-align:center; height:54px; padding-top:10px; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s; border-radius:5px !important; border:1px solid #36312c; margin:0 2px; float:left; color:#000}
.edit a i{ display:block; text-align:center; margin-bottom:3px}
.edit a i:before{ color:#36312c; margin-left:0; font-size:18px}
.edit a:hover i:before{ color:#fff}
.adres-item{ padding:0; overflow:hidden; border:1px solid #eaeaea; border-radius:3px; margin-bottom:20px}
.adres-top{ width:100%; border-bottom:1px solid #eee; padding-bottom:0; float:left; min-height:90px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.adres-top .info{ width:100%; padding:0}
.adres-top .info span{ padding:2px 10px !important; color:#000; font-weight:400; float:left; width:100%; text-align:center}
.adres-top .info span:first-of-type{ padding-left:0; font-weight:700}
.adres-top .edit a{ padding:5px 15px; color:#6b6b6b; font-weight:400; font-size:12px}
.adres-top .edit a:first-of-type{ border-left:1px solid #c5c5c5}
.adres-top .edit .adres-del{ color:#ed131f}
.adress.adres-bilgi{ margin-bottom:30px; display:inline-block; width:100%}
.adres-bottom{ width:100%; background:#122c48; padding:0 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; height:150px}
.table td,.table th{ border:1px solid #dee2e6 !important}
.table td{ background:#fff; vertical-align:middle}
.siparisForm{ margin-top:20px}
.userCoupon .couponTable{ margin-top:20px}
.elements ul,.elements ol{ padding-left:20px}
.elements ul li,.elements ol li{ list-style:inherit !important; line-height:25px; font-size:16px; font-weight:300}
.user-sidebar ul li{ float:left; width:100%; padding:0; border:0; margin:0; border-radius:0}
.user-sidebar{ margin:0px 0px 15px 0px; border:1px solid rgba(0, 0, 0, 0.05)}
.user-sidebar ul li a{ padding:14px 20px; display:block; color:#000}
.user-sidebar ul li+li a{ border-top:1px solid #ededed}
.user-sidebar h4{ padding:20px 20px; margin-bottom:0; font-weight:400; text-align:center; font-size:18px; border-bottom:1px solid #ededed}
.user-sidebar ul li a:hover{ color:#fff; background:#122c48}
.user-sidebar ul li:last-child a i{ margin-right:7px}
.user-sidebar ul li:last-child a:hover{ background:#dc3545}
h5.user-title i{ padding-right:4px}
h5.user-title{ font-weight:500; margin-bottom:20px}
.page.muzikler .card h5{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; max-height:34px; font-weight:500; margin-bottom:1px}
.muzikler a{ overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; margin-top:7px}
.basinItem li{ width:23%; -webkit-box-shadow:0 8px 15px -3px rgba(0, 0, 0, 0.24); box-shadow:0 8px 15px -3px rgba(0, 0, 0, 0.24); -webkit-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; border-radius:3px; padding:10px; margin:0 1%; top:0; position:relative}
.basinItem li:hover{ top:-7px}
.basinImg a{ height:160px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.basinImg a img{ display:block; width:100%}
.basinBilgi{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap; min-height:50px}
.basinBaslik{ width:20%}
.basinBaslik h3{ font-weight:500; text-transform:uppercase}
.basinAciklama{ width:100%}

@media only screen and (max-width:991px){ 
    .section-loader .section-loader-spinner {
        right: 0;
    }

    .basket-menu.section-loader .section-loader-spinner {
        left: 0;
        right: 0;
        text-align: center;
    }
}

/* Main-for-you responsive styles */
.main-for-you {
    margin-top: 0 !important; /* Web görünümde 0 */
}

@media only screen and (max-width: 767px) {
    .main-for-you {
        margin-top: -70px !important; /* Mobil görünümde -70px */
    }
}

/* Site Güvenlik CSS - Metin Seçimi ve Kopyalama Engelleme */
* {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-user-drag: none !important;
    -khtml-user-drag: none !important;
    -moz-user-drag: none !important;
    -o-user-drag: none !important;
    user-drag: none !important;
}

/* Input alanlarında seçime izin ver */
input, textarea, [contenteditable="true"] {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

/* Sağ tıklama menüsü ve metin seçimi artık aktif */
body {
    -webkit-touch-callout: default !important;
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

/* Yazdırma sayfasında içerikleri gizle */
@media print {
    body * {
        visibility: hidden !important;
    }
    body:before {
        content: "Bu sayfa yazdırılamaz!" !important;
        visibility: visible !important;
        display: block !important;
        font-size: 24px !important;
        text-align: center !important;
        margin-top: 200px !important;
    }
}

/* Mobil Menu */
.mobile-menu{display:none;position:fixed;right:-110%;top: 110px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;z-index:999999;width:100%;max-width:100%;bottom:0;min-height:100vh;padding-bottom:0;
/* Note: currently only Safari supports backdrop-filter */backdrop-filter: blur(4.7px);-webkit-backdrop-filter: blur(4.7px);/* background-color: rgba(255, 255, 255, 0.15); */background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), to(rgba(255, 255, 255, 0.67)));background: -o-linear-gradient(#ffffff 50%, rgba(255, 255, 255, 0.67) 100%);background: linear-gradient(#ffffff 50%, rgba(255, 255, 255, 0.67) 100%);}
@media only screen and (max-width:991px){ .mobile-menu{ display:block }
.mobile-menu {
    padding-top: 20px;
}}
@media only screen and (max-width:767px){ .mobile-menu{width:100%;top: 0;padding-top: 100px;}
}
.mobile-menu .mobile-nav-title h3{position:absolute;top:25px;left:45px;display:none;font-weight:600;font-size:18px;color: #0f290e;margin-bottom:0;z-index:9;}
.mobile-menu .mobile-nav-title h3 span:nth-child(1){ opacity:1; visibility:visible; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s}
.mobile-menu .mobile-nav-title h3 span:nth-child(2){ position:absolute; left:0; opacity:0; visibility:hidden; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s}
@media only screen and (max-width:991px){ .mobile-menu .mobile-nav-title h3{ display:block }
}
@media only screen and (max-width:767px){ .mobile-menu .mobile-nav-title h3{ display:block; top:25px; left:25px }
}
header .hamburger-menu{position:fixed;right:2.5rem;top: 17px;width:2.1rem;height:3rem;cursor:pointer;z-index:53;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;display: none;}
header .hamburger-menu .bar{display:block;position:absolute;width:100%;height: 4px;background: #869385;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:50%;margin-top:-1px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;border-radius: 100px;}
header  .hamburger-menu .bar.first{ margin-top:-12px}
header .hamburger-menu .bar.third{ margin-top:10px}
body.mobile-menu-open {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

.mobile-menu .mobile-nav > ul > li +li > a {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.mobile-menu .mobile-nav ul li:first-child a.sub-item:before, .mobile-menu .mobile-nav ul li:first-child a.sub-item:after {
    top: 30%;
}
.mobile-menu .hamburger-menu.fixed-active{ top:0.6rem}
@media only screen and (max-width:767px){
    header .hamburger-menu{right: 20px;top: 16px;width: 23px;height: 30px;}
    header  .hamburger-menu .bar.third {
        margin-top: 7px;
    }
    header .hamburger-menu .bar.first {
        margin-top: -9px;
    }
}
@media only screen and (max-height:500px) and (orientation:landscape){ .mobile-menu .hamburger-menu{ right:5rem }
}
@-webkit-keyframes animate-arrow-1{ 0%{ -webkit-transform:translateX(40px); transform:translateX(40px); opacity:0 }
 70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:1 }
}
@keyframes animate-arrow-1{ 0%{ -webkit-transform:translateX(40px); transform:translateX(40px); opacity:0 }
 70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:1 }
}
@-webkit-keyframes animate-arrow-2{ 0%{ -webkit-transform:translateX(20px); transform:translateX(20px); opacity:0 }
 70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:0.5 }
}
@keyframes animate-arrow-2{ 0%{ -webkit-transform:translateX(20px); transform:translateX(20px); opacity:0 }
 70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:0.5 }
}
@-webkit-keyframes animate-arrow-3{ 0%{ -webkit-transform:translateX(10px); transform:translateX(10px); opacity:0 }
 70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:0.3 }
}
@keyframes animate-arrow-3{ 0%{ -webkit-transform:translateX(10px); transform:translateX(10px); opacity:0 }
 70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:0.3 }
}
.mobile-menu .mobile-menu-back{ -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); position:fixed; right:5rem; top:1rem; width:3rem; height:3rem; z-index:53; -webkit-transition:.4s; -o-transition:.4s; transition:.4s}
.mobile-menu .mobile-menu-back a{ position:relative; border:1px solid #fff; bottom:0; color:#fff; height:3rem; top:10px; line-height:3rem; position:absolute; width:100%; -webkit-transition:0.1s all ease-in; -o-transition:0.1s all ease-in; transition:0.1s all ease-in}
.mobile-menu .mobile-menu-back a span.arrow{ display:block; width:8px; top:0; bottom:0; margin:auto; left:10px; height:2rem; position:absolute}
.mobile-menu .mobile-menu-back a span.arrow span{ display:block; width:8px; height:2rem; top:0; bottom:0; margin:auto; position:absolute}
.mobile-menu .mobile-menu-back a span.arrow span i{ position:absolute; left:0.3rem; top:0; font-size:2rem}
.mobile-menu .mobile-menu-back a span.arrow span.arrow-1{ left:0px; opacity:1}
.mobile-menu .mobile-menu-back a span.arrow span.arrow-2{ left:10px; opacity:0.5; display:none}
.mobile-menu .mobile-menu-back a span.arrow span.arrow-3{ left:20px; opacity:0.3; display:none}
.mobile-menu .mobile-menu-back.active{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)}
@-webkit-keyframes menuListAnimate{ 0%{ margin-top:40px; opacity:0 }
 100%{ margin-top:0; opacity:1 }
}
@keyframes menuListAnimate{ 0%{ margin-top:40px; opacity:0 }
 100%{ margin-top:0; opacity:1 }
}
.mobile-menu .mobile-nav{ position:absolute; left:0; top:70px; width:100%; max-height:100vh; padding-bottom:200px; overflow-y:auto}
.mobile-menu .mobile-nav::-webkit-scrollbar{ width:0px}
.mobile-menu .mobile-nav .language-item{ padding:10px 40px 0; margin-top:15px}
.mobile-menu .mobile-nav .language-item ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.mobile-menu .mobile-nav .language-item ul li.lang-active a{ color:#6181ff}
.mobile-menu .mobile-nav .language-item ul li+li{ margin-left:10px; padding-left:10px}
.mobile-menu .mobile-nav .language-item ul li a{ padding:5px; margin:0; font-size:13px; color:#fff}
@media only screen and (max-width:767px){ .mobile-menu .mobile-nav .language-item{ padding:10px 22px 0 }
}
.mobile-menu .mobile-nav>ul{position:relative;padding: 10px 0px;width:100%;}
.mobile-menu .mobile-nav>ul>li:first-child>a{ padding-top:0}
.mobile-menu .mobile-nav>ul>li:first-child>a:before,.mobile-menu .mobile-nav>ul>li:first-child>a:after{ top:30%}
.mobile-menu .mobile-nav>ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 35px;font-weight:600;font-size:16px;color: #0f290e;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 10px;-webkit-box-orient:initial;-webkit-box-direction:initial;-ms-flex-direction:initial;flex-direction:initial;align-items:center;}
@media only screen and (max-width:767px){ .mobile-menu .mobile-nav>ul{ padding:0 }
 .mobile-menu .mobile-nav>ul li a{ padding:15px }
}
.mobile-menu .mobile-nav ul li a.bid-btn{ margin-top:20px; opacity:0.7}
.mobile-menu .mobile-nav ul li a.sub-item.active{color: #879487;}
.mobile-menu .mobile-nav ul li a.sub-item.active:before,.mobile-menu .mobile-nav ul li a.sub-item.active:after{background: #879487;}
.mobile-menu .mobile-nav ul li a.sub-item.active:before{ height:0}
.mobile-menu .mobile-nav ul li a.sub-item.active:after{ height:8px}
.mobile-menu .mobile-nav ul li a.sub-item:before,.mobile-menu .mobile-nav ul li a.sub-item:after{content:"";position:absolute;top:50%;right:25px;width:3px;height:12px;background: #0f290e;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.mobile-menu .mobile-nav ul li a.sub-item:before{ -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%)}
.mobile-menu .mobile-nav ul li a.sub-item:after{ -webkit-transform:translateY(-50%) rotate(90deg); -ms-transform:translateY(-50%) rotate(90deg); transform:translateY(-50%) rotate(90deg)}
.mobile-menu .mobile-nav ul li a i{ margin-left:10px}
.mobile-menu .mobile-nav ul li ul{background: #f1f1f1;padding: 0 20px 5px;display:none;}
.mobile-menu .mobile-nav ul li ul li a{ border-top:none; font-size:15px; padding:15px 25px; font-weight:500}
.mobile-menu .mobile-nav ul li ul li a.sub-item:before,.mobile-menu .mobile-nav ul li ul li a.sub-item:after{ right:30px}
.mobile-menu .mobile-nav ul li ul li ul{ background:#0c1e31}
.mobile-menu .mobile-nav ul li ul li ul li a{ padding:15px 35px}
.mobile-menu .mobile-nav ul li ul li ul li a.sub-item:before,.mobile-menu .mobile-nav ul li ul li ul li a.sub-item:after{ right:40px}
.mobile-menu .mobile-nav ul li ul li ul li ul{ background:#071625}
.mobile-menu .mobile-nav ul li ul li ul li ul a{ padding:15px 50px}
.mobile-menu .mobile-nav ul li.active{ position:relative; z-index:34}
.mobile-menu .mobile-nav ul li.active ul{ display:block}
.mobile-menu-open .hamburger-menu{
    right: 50px;
}
.mobile-menu-open .hamburger-menu .bar {
    background: #C78080;
}
.mobile-menu-open .hamburger-menu .bar.first{ margin-top:0px; -webkit-transform:translateX(-20%) rotate(45deg); -ms-transform:translateX(-20%) rotate(45deg); transform:translateX(-20%) rotate(45deg)}
.mobile-menu-open .hamburger-menu .bar.second{ opacity:0}
.mobile-menu-open .hamburger-menu .bar.third{ margin-top:0px; -webkit-transform:translateX(-20%) rotate(-45deg); -ms-transform:translateX(-20%) rotate(-45deg); transform:translateX(-20%) rotate(-45deg)}
.mobile-menu.open .mobile-nav>ul>li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0s both; animation:menuListAnimate 0.5s ease-in-out 0s both}
.mobile-menu.open .mobile-nav>ul>li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.1s both; animation:menuListAnimate 0.5s ease-in-out 0.1s both}
.mobile-menu.open .mobile-nav>ul>li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.2s both; animation:menuListAnimate 0.5s ease-in-out 0.2s both}
.mobile-menu.open .mobile-nav>ul>li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.3s both; animation:menuListAnimate 0.5s ease-in-out 0.3s both}
.mobile-menu.open .mobile-nav>ul>li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.4s both; animation:menuListAnimate 0.5s ease-in-out 0.4s both}
.mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.5s both; animation:menuListAnimate 0.5s ease-in-out 0.5s both}
.mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.6s both; animation:menuListAnimate 0.5s ease-in-out 0.6s both}
.mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.7s both; animation:menuListAnimate 0.5s ease-in-out 0.7s both}
.mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.8s both; animation:menuListAnimate 0.5s ease-in-out 0.8s both}
.mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.9s both; animation:menuListAnimate 0.5s ease-in-out 0.9s both}
.mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li+li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 1s both; animation:menuListAnimate 0.5s ease-in-out 1s both}

@media only screen and (max-width: 991px){
    header .hamburger-menu { display: block; }
}

@media only screen and (max-width: 767px){
    .mobile-menu-open .hamburger-menu { right: 30px; }
    .mobile-menu .mobile-nav ul li ul { padding: 0 0 5px; }
}

/**/
.mobile-menu.active{ right:0;}
.mobile-menu .mobil-menu-item{ padding:20px 40px; position:relative;}
.mobile-menu .mobil-menu-item .menu-circle{ position:absolute; top:12px; right:219px; left:20px; height:40px; border-bottom:none; border-right:none; border-radius:100px 0 0 100px; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.mobile-menu .mobil-menu-item > ul > li.active > a:before{ opacity:1;}
.mobile-menu .mobil-menu-item ul{ position:relative;}
.mobile-menu .mobil-menu-item > ul > li > a{ font-weight:300; font-size:15px; color:rgba(15, 41, 14, 0.5); position:relative;}
.mobile-menu .mobil-menu-item > ul > li + li{ margin-top:20px;}
.mobile-menu .mobil-menu-item > ul > li.active > a{ color:#0F290E; padding-left:14px;}
.mobile-menu .mobil-menu-item .menu-circle,.mobile-menu .mobil-menu-item .menu-circle .sup-top:before,.mobile-menu .mobil-menu-item .menu-circle .sup-bottom:before{ border:1px solid #E6E9E6;}
.mobile-menu .mobil-menu-item .menu-circle .sup-top:before,.mobile-menu .mobil-menu-item .menu-circle .sup-top:after{ content:""; position:absolute; top:0; right:0; left:0; bottom:0px; border-radius:100px; -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%);}
.mobile-menu .mobil-menu-item .menu-circle .sup-bottom:before,.mobile-menu .mobil-menu-item .menu-circle .sup-bottom:after{ content:""; position:absolute; top:0; right:0; left:0; bottom:0px; border-radius:100px; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%);}
.mobile-menu .mobil-menu-item .menu-circle .sup-top:after{ border-color:#ffffff; top:-1px; left:-10px; right:1px; border-top-right-radius:0; background:#ffffff;}
.mobile-menu .mobil-menu-item .menu-circle .circle-sup:before{ content:""; position:absolute; top:0; bottom:-18px; right:-20px; background:#ffffff; width:48px;}
.mobile-menu .mobil-menu-item .menu-circle .circle-sup:after{ content:""; position:absolute; top:-20px; bottom:0; right:-5px; background:#ffffff; width:20px; z-index:-1;}
.mobile-menu .mobil-menu-item .menu-circle .sup-bottom:after{border-color:#ffffff;top:0;left:-10px;right:1px;bottom:-1px;border-bottom-right-radius:0;background: #ffffff;}
.mobile-menu .mobil-menu-item ul:before{ content:""; position:absolute; top:-40px; bottom:0; right:180px; width:1px; background:#E6E9E6; z-index:-1;}
.mobile-menu .mobil-menu-item > ul > li > a:before{ content:""; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; width:9px; height:12px; background-image:url(../img/main/list-img.png); background-size:contain; background-position:center; background-repeat:no-repeat; opacity:0; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.mobile-menu .mobil-menu-title{ padding:0 40px; position:relative; z-index:1; margin-top:10px;}
.mobile-menu.mobil-menu-user .mobil-menu-title{text-align:center;margin: -1vh 0 2vh;}
.mobile-menu.mobil-menu-user .mobil-user-menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 50px 20px;/* max-height:calc(100vh - 200px); *//* overflow-y:auto; *//* overflow-x:hidden; */-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0 200px;}
.mobile-menu.mobil-menu-user .mobil-user-menu ul li{-webkit-box-flex: 0;-ms-flex: 0 0 15.7vh;flex: 0 0 15.7vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height: 13.7vh;border-radius:20px;background:#fff;-webkit-box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1);box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1);}
.mobile-menu.mobil-menu-user .mobil-user-menu ul li + li{margin-left: 10px;}
.mobile-menu.mobil-menu-user .mobil-user-menu ul li a{text-align:center;font-weight:300;font-size: 1.5vh;color:#0f290e;display:block;}
.mobile-menu.mobil-menu-user .mobil-user-menu ul li a .icon{display:block;position:relative;margin-bottom: 2vh;}
.mobile-menu.mobil-menu-user .mobil-user-menu ul li a .icon svg{width: 3vh;height: 3vh;position:relative;}
.mobile-menu.mobil-menu-user .mobil-user-menu ul li:nth-child(2n+1){ margin-left:0;}
.mobile-menu.mobil-menu-user .mobil-user-menu ul li:nth-child(n+3){margin-top: 10px;}
.mobile-menu.mobil-menu-user .mobil-menu-close{bottom: 16vh;}
.mobile-menu.mobil-menu-user .mobil-menu-title span:before {
    height: 4px;
    bottom: 7px;
}
.mobile-menu.mobil-menu-user .mobil-menu-close svg{ width:25px;}
.mobile-menu.mobil-menu-user .mobil-user-menu ul li a .icon:before{ content:""; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:33%; width:29px; height:22px; background-image:url(../img/main/list-img.png); background-size:contain; background-position:center; background-repeat:no-repeat; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; opacity:0.6;}
.mobile-menu .mobil-menu-title span{ font-weight:bold; font-size:25px; color:#0f290e; display:inline-block; position:relative;}
.mobile-menu .mobil-menu-title span:before{ content:""; position:absolute; bottom:10px; left:-5px; right:0; height:5px; border-radius:3.57px 1.43px; background:#d6edd3; z-index:-1;}
.mobile-menu .mobil-menu-item ul li ul{ position:absolute; top:-20px; right:0; overflow-y:auto; overflow-x:hidden; max-height:210px; opacity:0; visibility:hidden; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.mobile-menu .mobil-menu-item ul li.active ul{ opacity:1; visibility:visible;}
.mobile-menu .mobil-menu-item ul li ul li a{ font-weight:300; font-size:17px; color:#0f290e;}
.mobile-menu .mobil-menu-item ul li ul li + li{ margin-top:11px;}
.mobile-menu .menu-login-btn{ border-radius:100px; background:#fff; -webkit-box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1); box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; max-width:270px; margin:40px auto;}
.mobile-menu .menu-login-btn a{ padding:13px 40px; display:block; font-weight:300; font-size:15px; color:rgba(15, 41, 14, 0.55);}
.mobile-menu.mobil-menu-login .menu-login-btn{ display:block; text-align:center; background:transparent; -webkit-box-shadow:none; box-shadow:none; max-width:220px; margin:8vh auto 0;}
.mobile-menu.mobil-menu-login .menu-login-btn a{ font-size:20px; background:#fff0; -webkit-box-shadow:0px 7px 16px rgba(0, 0, 0, 0); box-shadow:0px 7px 16px rgba(0, 0, 0, 0); border-radius:100px;}
.mobile-menu.mobil-menu-login .menu-login-btn a + a{ margin-top:5vh;}
.mobile-menu.mobil-menu-login .menu-login-btn a.active{ background:#fff; -webkit-box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1); box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1);}
.mobile-menu .menu-login-btn a + a{ border-left:1px solid #F8F8F8;}
.mobile-menu-items .mobil-menu-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom: 22vh;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.mobile-menu .mobil-menu-social a{ opacity:0.5; display:block;}
.mobile-menu .mobil-menu-social a + a{ margin-left:40px;}
.mobile-menu-items .mobil-menu-close{position:absolute;bottom: 16vh;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.mobile-menu .mobil-menu-item ul li ul::-webkit-scrollbar {width: 0;}
.mobile-menu.mobil-menu-user .mobil-menu-title span {
    font-size: 2.6vh;
}

@media only screen and (max-width:767px){
    .mobile-menu.mobil-menu-user .mobil-user-menu ul {
        padding: 0 30px;
    }
}

@media only screen and (max-width:320px){
    .mobile-menu.mobil-menu-user .mobil-menu-close {
        -webkit-transform: scale(0.7) translateX(-70%);
            -ms-transform: scale(0.7) translateX(-70%);
                transform: scale(0.7) translateX(-70%);
        bottom: 15vh;
    }
}

/**/

/* Basket */
section.page.sepetScreen .alert{ margin:0 15px; margin-bottom:30px; width:calc(100% - 30px)}
.sepetScreen i.fa-lira-sign{ font-size:80%}
.basket-nav .step{ float:left; width:25%; display:-moz-flex; display:-o-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative}
.basket-nav{ display:block; padding:20px 0 25px; border-bottom:1px dashed #ccc; margin-bottom:35px; z-index:1; width:100%; overflow:hidden}
.basket-nav:before{ content:""; position:absolute; left:0; top:62px; height:1px; width:100%; border-bottom:1px dashed #f5ede4}
.basket-nav .step.active:before{ left:0; content:""; position:absolute; width:0; height:3px; top:41px; background:#000000; -webkit-transition:width 1.5s ease; -o-transition:width 1.5s ease; transition:width 1.5s ease; z-index:9}
.basket-nav .active.bar:before{ width:100%}
.basket-nav .step.active .stepIcon{ border-color:#603813}
.basket-nav .step .stepIcon{ border:1px solid #e8dfd4; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative; z-index:9; background:#fff; border-radius:200px; width:auto; height:auto; display:inline-block !important}
.basket-nav .step .stepIcon:before{ left:-6px}
.basket-nav .step .stepIcon:after,.basket-nav .step .stepIcon:before{ content:""; position:absolute; height:10px; background:#fff; top:50%; width:5px; margin-top:-5px}
.basket-nav .step .stepIcon a{ width:87px; height:87px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align:center; overflow:hidden}
.basket-nav .step .stepIcon a i{ text-align:center; display:block; width:100%; border:none; right:0; left:0; top:0; position:relative}
.basket-nav .step .stepIcon i:before{ font-size:36px; color:#e0d8cd}
.basket-nav .step.active i:before{ color:#000 !important}
.basket-nav .step .stepIcon:after{ right:-6px}
.basket-nav .step .stepIcon:after,.basket-nav .step .stepIcon:before{ content:""; position:absolute; height:10px; background:#fff; top:50%; width:5px; margin-top:-5px}
.basket-nav .step .stepTitle{ width:100%; padding:10px; text-align:center; text-transform:uppercase}
.basket-nav .step .stepTitle a{ font-weight:300; color:#000; font-size:17px}
.basket-nav .step.active .stepTitle a{ color:#000; font-weight:500}
.sepetScreen .basket-title {
    padding: 20px;
    position: relative;
    font-size: 19px;
    color: #0f290e;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: normal;
}
.sepetScreen .mybasket.payment .card-wrap .form-group .select > .select2-container {
    width: 100% !important;
}
.sepetUrunBilgi{ margin-top:30px}
.sepetUrunItem{ width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border:1px solid #e0e0e0; padding:15px 25px; margin-top:20px; margin-bottom:20px; border-radius:3px}
.sepetUrunImg{ float:left; width:120px; margin-left:0}
.sepetUrunImg img{ width:100%; height:auto}
.sepetUrunName{ float:left; width:calc(100% - 480px); padding:0 15px}
.sepetUrunName a.productLink{ color:#333; font-size:14px; font-weight:700; display:block}
.qty{ float:left; width:120px; position:relative}
.single,.sub-total{ width:100px; text-align:center; float:left}
.single p,.sub-total p{ margin:0; color:#000; font-weight:500}
.delete{ float:left; width:50px; text-align:center}
.delete a{ color:#fff; padding:5px 10px; border-radius:5px; font-size:12px; font-weight:700}
.sepetUrunBilgi .qty{ width:139px}
.qty .qty-plus{ left:90px; border-left:0}
.qty .qty-plus{ border-top-right-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:0 !important; border-top-left-radius:0 !important}
.qty .qty-plus{ right:0}
.qty span{position:absolute;top:0;height:100%;width:34px;background: #0f290e;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #122c48;font-size:21px;font-weight:300;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:#fff;border-bottom-left-radius:3px;border-top-left-radius:3px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer;}
.qty input{ height:40px; padding:0 0 0 15px; text-align:center; margin-left:33px; width:57px; border-left:0; font-size:15px; font-weight:500; color:#000; border:1px solid #122c48; line-height:45px}
.sepetUrunBilgi .qty input{ padding-right:0; line-height:30px}
.sepetUrunBilgi .qty input{ height:50px !important; font-size:20px}
.qty span:hover{ background:#000000; color:#fff}
.single h6,.sub-total h6{ font-weight:500}
.single i,.sub-total i{ font-size:12px; margin-left:3px; position:relative; top:-1px}
.sepetUrunName a.productLink:hover{ color:#dc3545}
p.products_desc{ font-weight:500; font-size:15px}
.proje-list ul li{ width:31%; margin:0 1%; -webkit-box-shadow:0 8px 15px -3px rgba(0, 0, 0, 0.24); box-shadow:0 1px 15px -3px rgba(0, 0, 0, 0.24); position:relative; float:left; position:relative; margin-bottom:20px; min-height:245px}
.proje-list ul li a{ height:100%; display:block}
.proje-list ul li img{ width:auto !important}
.pImage a{ position:relative; display:block}
.proje-list ul li span{ display:-webkit-box; display:-ms-flexbox; display:flex; height:200px; width:100%; position:relative; background:#000; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
h3.proje-title{ margin:15px 20px; font-size:18px; font-weight:500; text-align:center; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; max-height:19px; color:#000; text-transform:uppercase}
b.hover{ font-size:18px; color:#fff; position:relative; opacity:0; visibility:hidden; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out}
.projeBack{ background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; position:absolute; left:0; top:0; right:0; bottom:0; opacity:0.5; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out}
.proje-list ul li:hover b{ opacity:1; visibility:visible}
.proje-list ul li:hover .projeBack{ opacity:1}
.p-title h2{ font-size:27px; font-weight:500; margin-bottom:30px; text-transform:uppercase; margin-bottom:0}
.p-title img{ width:200px}
.p-title{ padding-bottom:0; border-bottom:1px solid #122c48; margin-bottom:40px}
.projeBg{ height:auto; background-repeat:no-repeat !important; background-size:cover !important; background-position:center center !important; position:relative}
.projeManset{ margin-bottom:10px}
.projeOzellik p{ margin-bottom:0; font-weight:500}
.projeOzellik{ margin-top:10px}
.proje-slide img{ width:100%; display:block}
.turItems{ float:left; width:100%}
.turItems+.turItems{ margin-top:20px}
.turBaslik h3{ font-size:24px; text-align:center; font-weight:500; margin-top:10px; margin-bottom:20px}
.projeAciklama p{ font-size:15px; line-height:31px}
.projeMap{ width:100%; height:350px}
ul.costum-scroll{ padding:20px !important; display:inline-block}
.urunArama h4{ font-weight:400; text-transform:uppercase}
.bulunan_urun{ font-weight:500}
.btn-wrapper a i{ font-size:14px; margin-right:4px}
.siparisOzet{ padding:25px 20px; border:1px solid #e0e0e0; border-radius:3px; margin-bottom:20px}
.indirimCode{ margin-top:20px}
.ozetTitle{ display:block}
.ozetTitle h4{ margin-bottom:20px; text-align:center; font-weight:500; padding-bottom:20px; border-bottom:1px solid #e0e0e0}
.ozetDetay .item p:first-child{ font-weight:500; width:50%; position:relative}
.ozetDetay .item p:first-child:after{ content:":"; position:absolute; right:0; top:-1px}
.ozetDetay .item p{ margin-bottom:13px}
.urunSecim{ width:200px}
.kuponForm{ margin-top:17px}
.indirimForm{ margin-top:20px}
.indirimForm p{ text-align:center; font-weight:bold; color:#f00; text-transform:uppercase}
.coupon-code pre{ font-weight:500; margin-top:10px; display:inline-block; width:100%; margin-bottom:0; text-align:center}
.add-coupon{ display:none}
.ozetDetay{ padding-bottom:5px; margin-bottom:0; border-bottom:1px solid #e0e0e0}
.btn-cont i{ font-size:13px; margin-left:2px}
.same-adres{ padding:13px; font-size:12px}
.same-adres:hover{ background:#28a745 !important; color:#fff}
.siparis-aciklamasi{ margin:20px 0}
.siparis-aciklamasi h4{ font-size:18px; font-weight:500}
.d-flex.align-items-center.justify-content-between.basketTitle h4{ background:#fff; color:#000; padding:0}
.d-flex.align-items-center.justify-content-between.basketTitle a.badge{ padding:17px 37px; font-size:15px; font-weight:400}
.d-flex.align-items-center.justify-content-between.basketTitle{ padding-bottom:20px}
.myAdresses ul li{ float:left; width:100%; height:250px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 30px; border:1px solid #e0e0e0; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; border-radius:3px}
.myAdresses ul li+li{ margin-top:40px}
.adresDetay{ padding-right:40px; border-right:1px solid #e0e0e0; margin-right:40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:72%}
.d-flex.flex-row.adresSecim{ width:28%}
.adresBilgi{ width:71%}
.adresSecim{ width:28%}
.adresSecim .custom-control+.custom-control{ margin-top:14px}
.adresBilgi h6{ margin-bottom:10px; font-weight:500; font-size:19px}
.adresBilgi p{ margin-bottom:0; line-height:26px}
.adresSecim .custom-control{ margin-right:0 !important; font-weight:500}
.bordColor textarea{ border-color:#e0e0e0}
.payment-options ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-pack:distribute; justify-content:space-around}
.payment-options ul li a{ color:#000; display:block; padding:20px 15px; font-size:15px; font-weight:400; border-bottom:2px solid rgba(255, 255, 255, 0)}
.payment-options ul li.active a{ font-weight:bold; border-bottom:2px solid #000}
.payment-options{ margin-bottom:10px}
.odemeSecenek{ padding:30px; border:1px solid #e0e0e0; border-radius:3px; background:#e0e0e0; color:#000; display:none}
.odemeYazi{ padding:50px 0; text-align:center}
.odemeYazi h4{ font-weight:500}
h5.odemeAcklama{ font-size:18px; font-weight:500; padding-bottom:20px; border-bottom:1px solid #000; margin-bottom:20px}
.odemeBilgi p{ margin-bottom:0}
.odemeImg{ max-width:120px}
.odemeBilgi{ margin-left:30px}
.odemeBanks+.odemeBanks{ margin-top:30px}
.infoGroups{ margin-top:30px; display:inline-block; width:100%}
.adresInfo{ padding:30px; border:1px solid #e0e0e0; height:250px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.info h6{ font-weight:bold}
.info p{ margin-bottom:0; line-height:26px}
.forms.d-flex.flex-row.wdOk{ display:inline-block !important; float:left !important; margin-top:15px}
.forms.d-flex.flex-row.wdOk .custom-control{ margin-bottom:8px}
.card-wrap{ width:320px; border:1px solid #cCc; padding:15px; background:#fff; display:table; margin:auto}
.card-type{ width:30px; margin-left:10px}
.card-type i{ font-size:28px}
.sepetScreen .card-wrap .credit-card .holder input {width: 40px;text-align: center;}

.sepetScreen .card-wrap .credit-card .form-group > .w-50 {
    width: 40% !important;
    display: inline-block;
}
.card-wrap input,.card-wrap .select2-container .select2-selection--single{ background:#eee !important}
.cvv-type img{ position:absolute; right:-100px; top:-15px; width:103px; opacity:0; visibility:hidden; -webkit-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease}
.cvv-type{ position:relative}
.cvv-type:hover img{ right:-55px; opacity:1; visibility:visible}
.cvv-type h6{ margin-bottom:0; margin-left:8px; cursor:pointer}
.wdOk a{ color:#000; font-weight:bold}
.wdOk label.custom-control-label{ font-size:13px}
.tableWidth tr td:nth-child(1){ width:40%; vertical-align:middle}
a.table-link{ display:block; color:#000; font-weight:bold}
.tableWidth tr td{ background:none}
.siparisOrderDetail .custom-control.custom-radio img{ position:relative; top:-6px}
.orderCongrat .alert{ margin:0 15px 30px 0 !important; width:100% !important}
.orderCongrat{ margin-top:30px}
section.page.sepetScreen .alert a{ color:#000; font-weight:500}
.order-info{ margin-top:30px}
.belgeTablo tr td,.belgeTablo tr th{ border:1px solid #00cad7; padding:15px !important; font-weight:400; line-height:27px; font-style:normal}
.belgeTablo tr td,.belgeTablo tr th,.scrollArea.sozlesmeDetay ol li{ font-family:Montserrat; font-size:14px; letter-spacing:normal; color:#095257}
.wd100.belge .head h4{ font-weight:700; margin-bottom:30px}
.wd100.belge{ padding-top:20px; border-top:1px solid #00cad7; margin-top:30px}
.belgeTablo tr th{ font-weight:700}
.belgeTablo tr td:first-child a{ width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.belgeTablo tr td img{ width:80px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.belgeTablo tr th small{ font-size:100%; font-weight:700}
.belgeTablo tr td i{ font-style:normal}
.belgeTablo tr td a{ color:#000}
div#onbilgilendirme_detay .sozlesmeDetay{ padding:50px; background:#fff; border:1px solid #00cad7; -webkit-box-sizing:border-box; box-sizing:border-box; margin:30px 0px; width:calc(100% - 30px); background:#eafdfe !important; max-height:400px; overflow-y:scroll}
table.ozelTablo6.productsL tr td{ border:1px solid #00cad7; padding:10px; text-align:center}
table.ozelTablo6.productsL{ width:100%}
.scrollArea.sozlesmeDetay p{ font-weight:400; font-family:Montserrat; font-size:14px; line-height:normal; letter-spacing:normal; color:#095257; line-height:27px}
.scrollArea.sozlesmeDetay ul li{ font-weight:400; font-size:14px; line-height:2; letter-spacing:normal; color:#095257; list-style-type:initial; margin-left:20px}
.info p:first-child{ text-align:center; font-size:18px}
h4.scrollHead.inlineS{ display:table; text-align:center; font-size:26px; color:#1c8d90; text-transform:uppercase; margin:30px auto}
.scrollArea.sozlesmeDetay ol li{ font-weight:400; font-size:14px; line-height:2; letter-spacing:normal; color:#095257; list-style-type:inherit; margin-left:15px}
.scrollArea.sozlesmeDetay{ padding:50px; background:#fff; border:1px solid #00cad7; -webkit-box-sizing:border-box; box-sizing:border-box; margin:30px 0px; width:calc(100% - 30px); background:#eafdfe !important; max-height:400px; overflow-y:scroll}

/* Default */
.main-title h2{font-size: 4.7vw;color: #0f290e;margin-bottom: 0;position: relative;display: inline-block;}
.main-title h2:before{content: "";position: absolute;bottom: 14px;left: 0;right: -5px;height: 14px;border-radius: 10px 4px;background: #d6edd3;z-index: -1;}
.s-container{margin: 0 100px;}
.social-media ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.social-media ul li + li{margin-left: 35px;}
.social-media ul li a{opacity: 0.5;display: block;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.social-media ul li a svg path{-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.social-media ul li a svg {
    width: 30px;
    height: 25px;
}
@media (hover:hover){
    .social-media ul li a:hover { opacity: 1; }
}

@media only screen and (max-width: 1199px){
    .s-container { margin: 0; }
}

/* Header */
header{height: 130px;position: absolute;top: 0;right: 0;left: 0;z-index: 999;background: #f9fff5;/* overflow: hidden; */}
header:before {content: "";position: absolute;top: 0;bottom: -42px;left: 0;right: 0;background-image: url(../img/main/header-bg.png);background-size: contain;background-position: center;background-repeat: no-repeat;pointer-events: none;}
header.inner-header:before { background-image: url(../img/main/header-inner.png); background-size: cover; bottom: -45px; }
header.fixed-header { position: fixed; }
header .s-container{padding: initial;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 100%;position: relative;}
header .header-menu > ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
header .header-menu > ul > li{ position: relative; padding-bottom: 50px; margin-bottom: -50px; }
header .header-menu ul li.header-logo {margin: 0 3.1vw 0 8.9vw;padding-bottom: 0;}
header .header-menu ul li.header-logo a { -webkit-transform: translate(-10px, 15px); -ms-transform: translate(-10px, 15px); transform: translate(-10px, 15px); }
header .header-menu > ul > li + li{margin-left: 5.7vw;}
header .header-menu ul li a{font-weight: normal;font-size: 20px;color: #0f290e;display: block;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
header .header-menu ul li ul {position: absolute;top: 75px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background: #ffffff;-webkit-box-shadow: 0px 23px 36px rgba(15, 41, 14, 0.34);box-shadow: 0px 23px 36px rgba(15, 41, 14, 0.34);padding: 0;border-radius: 30px;opacity: 0;visibility: hidden;pointer-events: none;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
header .header-menu ul li ul:before {content: "";position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%, -40%) rotate(45deg);-ms-transform: translate(-50%, -40%) rotate(45deg);transform: translate(-50%, -40%) rotate(45deg);width: 35px;height: 35px;background: #fff;pointer-events: none;-webkit-box-shadow: 0px 23px 36px rgba(15, 41, 14, 0.15);box-shadow: 0px 23px 36px rgba(15, 41, 14, 0.15);}
header .header-menu ul li ul li { background: #ffffff; position: relative; padding: 40px 40px 8px; border-radius: 30px; }
header .header-menu ul li ul li:last-child { padding-bottom: 30px; }
header .header-menu ul li ul li a {font-weight: 300;position: relative;padding-left: 25px;opacity: 0.8;white-space: nowrap;}
header .header-menu ul li ul li + li { padding-top: 0; }
header .header-menu ul li ul li a:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;width: 10px;height: 13px;background-image: url(../img/main/list-img.png);}
header .header-menu ul li a img:nth-child(2) { display: none; }
header .header-extra-menu{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
header .header-extra-menu .menu-item + .menu-item { margin-left: 40px; }
header .header-extra-menu .menu-item{position: relative;cursor: pointer;}
header.login-header .header-extra-menu .menu-item > a svg path{fill: #ffffff;}
header .header-extra-menu .menu-item.basket-item .basket-count{position:absolute;bottom:1px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-weight:bold;font-size:11px;color:#fff;background: #859583;width:19px;height:13px;line-height:13px;border-radius:100px;text-align:center;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
header .header-extra-menu .menu-item .user-submenu{ position:absolute; top:75px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:270px; opacity:0; visibility:hidden; pointer-events:none; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
header .header-extra-menu .menu-item > svg{ opacity:0.5; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
header .header-extra-menu .menu-item > a svg{ opacity:0.5; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
header .header-extra-menu .menu-item .user-submenu ul li a{ font-weight:300; font-size:20px; color:#0f290e; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
header .header-extra-menu .menu-item .user-submenu ul li a .icon{ display:block; margin-right:12px; position:relative;}
header .header-extra-menu .menu-item .user-submenu ul li + li{ margin-top:8px;}
header .header-extra-menu .menu-item .user-submenu:before{ content:""; position:absolute; top:0; left:50%; -webkit-transform:translate(-50%, -40%) rotate(45deg); -ms-transform:translate(-50%, -40%) rotate(45deg); transform:translate(-50%, -40%) rotate(45deg); width:35px; height:35px; background:#fff; pointer-events:none; -webkit-box-shadow:0px 23px 36px rgba(15, 41, 14, 0.15); box-shadow:0px 23px 36px rgba(15, 41, 14, 0.15);}
header .header-extra-menu .menu-item .user-submenu ul{ position:relative; border-radius:30px; background:#fff; -webkit-box-shadow:0px 23px 10px rgba(15, 41, 14, 0.34); box-shadow:0px 23px 10px rgba(15, 41, 14, 0.34); padding:30px 40px;}
header .header-extra-menu .menu-item.user-item{ padding-bottom:80px; margin-top:80px;}
header .header-extra-menu .menu-item .user-submenu ul li a .icon svg{ position:relative; width:15px; height:15px;}
header .header-extra-menu .menu-item.user-item:hover .user-submenu{ opacity:1; visibility:visible; pointer-events:all;}
header .header-extra-menu .menu-item .user-submenu ul li a .icon:before{ content:""; position:absolute; top:55%; left:55%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background-image:url(../img/main/list-img.png); background-size:contain; width:10px; height:13px; background-repeat:no-repeat; background-position:center;}

@media (hover:hover){
    header .header-menu > ul > li:hover > ul{ opacity:1; visibility:visible; pointer-events:all;}
    header .header-menu > ul > li:hover > a{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
    header .header-menu > ul > li.header-logo:hover > a{ -webkit-transform:scale(1) translate(-10px, 15px); -ms-transform:scale(1) translate(-10px, 15px); transform:scale(1) translate(-10px, 15px);}
    header .header-menu ul li ul li a:hover{ opacity:1; padding-left:30px;}
    header .header-extra-menu .menu-item > a:hover svg{ opacity:1;}
    header .header-extra-menu .menu-item:hover > svg{ opacity:1;}
    header .header-extra-menu .menu-item.basket-item:hover .basket-count {
        background: #0f290e;
    }
}

@media only screen and (max-width:1650px){
    header .header-menu ul li.header-logo{ margin:0 -2vw 0 6vw;}
    header .header-menu > ul > li + li{ margin-left:7vw;}
}

@media only screen and (max-width:1500px){
    header .header-menu > ul > li + li{ margin-left:5vw;}
    header .header-menu ul li.header-logo{ margin:0 0vw 0 6vw;}
    header .s-container{ margin:0 60px;}
    header:before{ bottom:-60px;}
}

@media only screen and (max-width:1370px){
    header .header-menu ul li.header-logo a{ -webkit-transform:scale(0.8) translate(-10px, 15px); -ms-transform:scale(0.8) translate(-10px, 15px); transform:scale(0.8) translate(-10px, 15px);}
    header:before{ bottom:-80px;}
    header{ height:110px;}
}

@media only screen and (max-width:1199px){
    header .header-menu ul li.header-logo a img{ max-width:80%;}
    header .s-container{ margin:0 30px;}
    header .header-menu ul li a{ font-size:16px;}
    .social-media ul li + li{ margin-left:30px;}
    header .header-extra-menu .menu-item + .menu-item{ margin-left:30px;}
    header .header-menu ul li.header-logo{ margin:0 -6vw 0 6vw;}
    header .header-menu ul li.header-logo a{ -webkit-transform:translate(-10px, 5px); -ms-transform:translate(-10px, 5px); transform:translate(-10px, 5px);}
    header{height:110px;/* overflow:hidden; */}
    header.inner-header:before{ bottom:0px;}
}

@media only screen and (max-width:991px){
    header .social-media{ display:none;}
    header .header-menu{ display:none;}
    header .header-extra-menu .menu-item .user-submenu{ display:none;}
    header .header-extra-menu .menu-item.basket-item{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0px;}
    header .header-extra-menu .menu-item + .menu-item{ margin-left:35px;}
    header .s-container{margin:-13px 105px 0 40px;}
    header .s-container .header-logo{ max-width:180px; position:absolute; top:58%; left:55%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
    header .header-extra-menu .menu-item > svg{ width:30px; height:30px;}
    header:before{ background-image:url(../img/main/header-inner.png) !important; bottom:0 !important; background-size:cover;}
    header:after {
        content: "";
        position: absolute;
        top: 30px;
        right: 0;
        left: 0;
        bottom: -10px;
        z-index: -1;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(transparent));
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);
    }
    header .header-extra-menu .menu-item.basket-item .basket-count {
        height: 15px;
        width: 25px;
    }
    header.inner-header:before{ bottom:0;}
    header .s-container .header-logo img:nth-child(2){ display:none;}
    header{position:fixed;background:transparent;-webkit-box-shadow:0 4px 20px rgba(0, 0, 0, 0);box-shadow:0 4px 20px rgba(0, 0, 0, 0);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;overflow: initial;z-index: 9999999;}
}

@media only screen and (max-width:767px){
    header .s-container{ margin:-9px 69px 0 20px;}
    header .s-container .header-logo{ max-width:130px; position:absolute; top:58%; left:59%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
    header{ height:80px;}
    header .header-extra-menu .menu-item > svg{ width:22px;}
    header .header-extra-menu .menu-item + .menu-item{ margin-left:20px;}
    header .hamburger-menu .bar{ height:3px;}
    header .header-extra-menu .menu-item.basket-item .basket-count {
        width: 19px;
        bottom: 5px;
        height: 12px;
        font-size: 10px;
    }
}

/* Main Slide */
.main-slider{height: calc(100vh - 190px);position: relative;background: #F9FFF5;}
.main-slider .s-container{height: 100%;position: relative;margin-top: 132px;overflow: hidden;}
.main-slider .s-container:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;background: -webkit-gradient(linear, left bottom, left top, from(rgb(0 0 0 / 0.3)), to(#ffffff00));background: -o-linear-gradient(bottom, rgb(0 0 0 / 0.3), #ffffff00);background: linear-gradient(to top, rgb(0 0 0 / 0.3), #ffffff00);height: 200px;z-index: 1;pointer-events: none;border-radius: 0 0 30px 30px;}
.main-slider .main-slide-bg-container {position: absolute;top: 0;right: 0;left: 0;bottom: 0;border-radius: 30px;overflow: hidden;}
.main-slider .main-slide-bg-container .swiper-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.main-slider .main-slide-bg-container .vertical-slide {
    display: none;
}
.main-slider .main-slide-bg-container .swiper-container .swiper-wrapper {position: absolute;top: 0;right: 0;left: 0;bottom: 0;-webkit-transform: translate(0, 0) !important;-ms-transform: translate(0, 0) !important;transform: translate(0, 0) !important;/* transition: none !important; */}

.main-slider .main-slide-bg-container .tablet-slide,
.main-slider .main-slide-bg-container .mobil-slide{ display: none; }
.main-slider .main-slide-bg-container .mobile-slide-helper-wrapper { display: none;  position: absolute; justify-content: center; z-index: 10000; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none;}
.main-slider .main-slide-bg-container .mobile-slide-helper-wrapper:before { content: ""; position: absolute; width: 100%; height: calc(100% + 20px); background: rgb(0 0 0 / 30%); border-radius: 30px;}

.main-slider .main-slide-bg-container .mobile-slide-helper-wrapper svg{ max-width: 45px; transform: rotate(90deg); position: relative; fill: #fff }
.main-slider .main-slide-link { position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.main-slider .main-slide-link a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: 1.5s; -o-transition: 1.5s; transition: 1.5s; z-index: 1; }
.main-slider .main-slide-link a.active { opacity: 1; visibility: visible; }
.main-slider .main-slide-bg{position: absolute;top: 0;right: 0;left: 0;bottom: 0;border-bottom: 0;background-size: cover;background-position: center;opacity: 0;border-radius: 30px;-webkit-transform: translateX(500px) scale(1.5, 1);-ms-transform: translateX(500px) scale(1.5, 1);transform: translateX(500px) scale(1.5, 1);-webkit-filter: blur(10px);filter: blur(10px);-webkit-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s;}
.main-slider .main-slide-bottom{position: absolute;bottom: 35px;left: 80px;right: 80px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;z-index: 1;}
.main-slider .main-slide-bottom .main-slide-pagi{font-weight: normal;font-size: 20px;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.main-slider .main-slide-bottom .main-slide-pagi span { display: block; width: 80px; height: 1px; background: #FFFFFF; margin: 0 13px; }
.main-slider .main-slide-bottom .main-slide-arrow{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.main-slider .main-slide-bottom .main-slide-arrow .arrow-prev,
.main-slider .main-slide-bottom .main-slide-arrow .arrow-next{cursor: pointer;opacity: 1;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.main-slider .main-slide-bottom .main-slide-arrow .arrow-prev.in-active,
.main-slider .main-slide-bottom .main-slide-arrow .arrow-next.in-active { opacity: 0.5; pointer-events: none; }
.main-slider .main-slide-bottom .main-slide-arrow .arrow-prev.p-none,
.main-slider .main-slide-bottom .main-slide-arrow .arrow-next.p-none { pointer-events: none; }
.main-slider .main-slide-bottom .main-slide-arrow .arrow-prev{margin-right: 50px;}
.main-slider .main-slide-scrolldown{position: absolute;bottom: 2px;left: 0;right: 0;text-align: center;z-index: 1;}
.main-slider .main-slide-scrolldown svg {position: relative;top: 5px;left: 16px;cursor: pointer;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.main-slider .main-slide-scrolldown:before {content: "";position: absolute;top: 0;bottom: -11px;left: 0;right: -30px;background-image: url(../img/main/slide-bottom-bg.png);background-size: contain;pointer-events: none;background-position: top center;}
.main-slider .main-slide-bg.active {-webkit-transform: translateX(0) scale(1);-ms-transform: translateX(0) scale(1);transform: translateX(0) scale(1);-webkit-filter: blur(0);filter: blur(0);opacity: 1;}
.main-slider .main-slide-bg.active-2 {-webkit-transform: translateX(-500px) scale(1.5, 1);-ms-transform: translateX(-500px) scale(1.5, 1);transform: translateX(-500px) scale(1.5, 1);-webkit-filter: blur(10px);filter: blur(10px);opacity: 0;}
.main-slider .main-slide-bottom .main-slide-arrow > div svg path,
.main-slider .main-slide-bottom .main-slide-arrow > div svg { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

@media (hover:hover){
    .main-slider .main-slide-bottom .main-slide-arrow .arrow-prev:hover svg { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); }
    .main-slider .main-slide-bottom .main-slide-arrow > div:hover svg path { fill: #0f290e; }
    .main-slider .main-slide-scrolldown svg:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
    .main-slider .main-slide-bottom .main-slide-arrow .arrow-next:hover svg { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }   
}

@media only screen and (max-width: 1500px){
    .main-slider .s-container { margin: 132px 50px 0; }
}

@media only screen and (max-width: 1450px){
    .main-slider .main-slide-bottom { right: 60px; left: 60px; }
}

@media only screen and (max-width: 1370px){
    .main-slider .main-slide-scrolldown:before {background-size: cover;}
}

@media only screen and (max-width: 1199px){
    .main-slider {height: 450px;}
    .main-slider .s-container {margin: 110px 30px 0;}
}

@media only screen and (max-width: 991px){
    .main-slider .main-slide-bottom { right: 30px; left: 30px; bottom: 30px; }
    .main-slider .main-slide-bottom .main-slide-pagi { font-size: 16px; }

    .main-slider .main-slide-bg-container .tablet-slide { display: block; }
}

@media only screen and (max-width: 767px){
    .main-slider .main-slide-bg-container .dekstop-slide { display: none; }
    .main-slider .main-slide-bg-container .vertical-slide { display: block; height: 100%; }
    .main-slider .main-slide-bg-container .mobile-slide-helper-wrapper{ display: flex; }
    .main-slider .s-container {margin: 0 30px 0;/* overflow: initial; */}
    .main-slider .main-slide-bottom .main-slide-pagi { display: none; }
    .main-slider .main-slide-bottom .main-slide-arrow { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    .main-slider .main-slide-bottom {right: 20px;left: 20px;bottom: 20px;display: none;}
    .main-slider .main-slide-scrolldown { display: none; }
    .main-slider .main-slide-bg-container {border-radius: 30px;/* overflow: initial; */}
    .main-slider {height: 400px;margin-top: 0;padding-top: 100px;}
    .main-slider .main-slide-bottom .main-slide-arrow .arrow-prev, .main-slider .main-slide-bottom .main-slide-arrow .arrow-next { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

    /**/

    .main-slider .main-slide-bg-container{ overflow: initial }
  
    .main-slider .s-container {
        overflow: initial;
        opacity: 0;
        transition: 0.4s;
    }
    .main-slider .s-container.active {
    opacity: 1;
}
    .main-slider .main-slide-bg {
        transform: translateX(0) scale(1);
        opacity: 1;
        filter: blur(0);
        transition: 0.5s;

    }

.main-slider .s-container:before {visibility: hidden;}
    .main-slider .main-slide-bg.hidden.in-active {
        transform: translate(0, 0) scale(1.1);
        opacity: 0;
        
    }
    .main-slider .main-slide-bg.get-ready {
        transform: translate(0, 0) scale(1) !important; 
        opacity: 1 !important;
    }
    .main-slider .main-slide-bg.hidden {
        opacity: 0;
        transform: translate(0, 105px) scale(0.5);
        z-index: -1;
    }
    .main-slider .main-slide-bg.active {
        transform: translate(0, 0) scale(1) ;
        opacity: 1;
        
    }
    .main-slider .main-slide-bg.active.hide-slide {
        transform: translate(0, -10px) scale(1.2) ;
        opacity: 0;
    }

    .main-slider .main-slide-bg:nth-child(2) {
        transform: translate(0, 25px) scale(0.9);
        opacity: 0.5;
    }

    .main-slider .main-slide-bg:nth-child(3) {
        transform: translate(0, 50px) scale(0.8);
        opacity: 0.2;
    }

    .main-slider .main-slide-bg:nth-child(4) {
        transform: translate(0, 75px) scale(0.7);
        opacity: 0;
    }
}

/* Main About */
.main-about{padding: 200px 0 260px;position: relative;overflow: hidden;margin-bottom: -100px;}
.main-about:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: -200px;background-image: url(../img/main/main-about-bg.png);background-size: cover;background-repeat: no-repeat;background-position: bottom;pointer-events: none;z-index: -1;}
.main-about .main-about-content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding: 0 17.3vw 0 16.8vw;}
.main-about .main-about-content h1{font-size: 4.9vw;text-align: left;color: #7e570f;margin-bottom: 0;margin-right: 140px;position: relative;font-family: gautreaux, sans-serif;font-weight: bold;}
.main-about .main-about-content h1:before{content: "";position: absolute;bottom: 6px;left: -10px;right: 20px;height: 25px;background: #D6EDD3;border-radius: 25px 10px 25px 10px;z-index: -1;pointer-events: none;}
.main-about .main-about-content .about-content-text{max-width: 650px;position: relative;z-index: 1;-webkit-transform: translateY(90px);-ms-transform: translateY(90px);transform: translateY(90px);}
.main-about .main-about-content .about-content-text h2{font-weight: bold;font-size: 2.6vw;line-height: 3.6vw;text-align: left;color: #0f290e;margin-bottom: 30px;}
.main-about .main-about-content .about-content-text p{font-weight: 300;font-size: 20px;line-height: 40px;text-align: left;color: #0f290e;margin-bottom: 0;}
.main-about .main-about-bg {position: absolute;top: 0;right: 0;left: 0;bottom: 0;pointer-events: none;}
.main-about .main-about-bg .about-img { position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.main-about .main-about-bg .about-img:nth-child(1) {top: 250px;left: 6.8vw;width: 120px;height: 110px;-webkit-transform: translateY(250px);-ms-transform: translateY(250px);transform: translateY(250px);}
.main-about .main-about-bg .about-img:nth-child(2) {width: 300px;height: 210px;left: 26.4vw;top: 390px;-webkit-transform: translateY(250px);-ms-transform: translateY(250px);transform: translateY(250px);}
.main-about .main-about-bg .about-img:nth-child(3) {width: 275px;height: 186px;top: 40px;left: 650px;-webkit-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);}
.main-about .main-about-bg .about-img:nth-child(4) {width: 100px;height: 110px;right: 13.6vw;top: 170px;-webkit-transform: translateY(150px);-ms-transform: translateY(150px);transform: translateY(150px);}
.main-about .main-about-bg .about-img:nth-child(5) {width: 300px;height: 300px;right: -180px;top: 310px;-webkit-transform: translateY(200px);-ms-transform: translateY(200px);transform: translateY(200px);}

@media only screen and (max-width:1370px){
    .main-about .main-about-content{ padding-right:14vw;}
    .main-about{ padding-top:150px;}
    .main-about .main-about-bg .about-img:nth-child(2){ width:240px; height:170px;}
    .main-about .main-about-bg .about-img:nth-child(3){ width:200px; top:-10px;}
    .main-about .main-about-bg .about-img:nth-child(4){ right:6vw;}
    .main-about .main-about-bg .about-img:nth-child(1){ width:90px; height:90px; left:6vw;}
}

@media only screen and (max-width:1199px){
    .main-about .main-about-bg .about-img:nth-child(2){ top:280px; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); width:170px;}
    .main-about .main-about-content .about-content-text{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
    .main-about .main-about-bg .about-img:nth-child(1){ width:70px; height:70px; top:210px; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
    .main-about .main-about-bg .about-img:nth-child(3){ width:150px; top:-10px; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); left:500px;}
    .main-about .main-about-bg .about-img:nth-child(4){ right:4vw; top:0; width:70px; height:70px;}
    .main-about .main-about-bg .about-img:nth-child(5){ width:260px; right:-150px; top:100px;}
}

@media only screen and (max-width:991px){
    .main-about .main-about-content h1{ font-size:40px; margin-right:70px; margin-top:20px;}
    .main-about .main-about-content h1:before{ height:10px; right:-10px;}
    .main-about{ margin-bottom:-130px;}
    .main-about .main-about-content{ padding-left:11vw;}
    .main-about .main-about-content .about-content-text p{ font-size:18px; line-height:35px;}
    .main-about .main-about-content .about-content-text h2{ font-size:23px; line-height:30px;}
    .main-about .main-about-bg .about-img:nth-child(1){ top:60px;}
    .main-about .main-about-bg .about-img:nth-child(2){ left:20vw; width:150px;}
    .main-about .main-about-bg .about-img:nth-child(3){ left:50vw; width:110px;}
    .main-about .main-about-bg .about-img:nth-child(5){ width:210px; height:210px;}
}

@media only screen and (max-width:767px){
    .main-about .main-about-content{ display:block; text-align:center; padding:0 20px;}
    .main-about .main-about-content h1:before{ height:8px; bottom:7px; right:-20px; left:0;}
    .main-about .main-about-content h1{ margin:0 0 40px; display:inline-block; font-size:38px;}
    .main-about{ padding:60px 0 100px; margin-bottom:0;}
    .main-about:before{ bottom:0; top:0;}
    .main-about .main-about-bg .about-img:nth-child(2){ left:20px; width:80px; top:270px;}
    .main-about .main-about-content .about-content-text{ display:-webkit-box; display:-ms-flexbox; display:flex;}
    .main-about .main-about-content .about-content-text h2{ padding-top:30px; text-align:right; margin-bottom:0; font-size:17px; line-height:24px; margin-right:25px;}
    .main-about .main-about-content .about-content-text p{ text-align:left; font-weight:300; font-size:14px; line-height:25px;}
    .main-about .main-about-bg .about-img:nth-child(1){ right:-20px; left:auto; width:60px; height:60px; top:100px;}
    .main-about .main-about-bg .about-img:nth-child(3){ display:none;}
    .main-about .main-about-bg .about-img:nth-child(4){ left:20px; right:auto; -webkit-transform:translateY(0) rotate(25deg); -ms-transform:translateY(0) rotate(25deg); transform:translateY(0) rotate(25deg); top:110px; width:53px; height:53px;}
    .main-about .main-about-bg .about-img:nth-child(5){ display:none;}
}

/* Main Product Group */
.main-product-group{margin-bottom: 200px;position: relative;}
.main-product-group .s-container {margin: 0 240px;}
.main-product-group .product-group-header{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 90px;}
.main-product-group .product-group-header .main-title{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;}
.main-product-group .product-group-header .main-title h2 span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 4.7vw;
    /* color: #0f290e; */
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.main-product-group .product-group-header .main-title h2 {
    height: 108px;
    width: 100%;
    font-size: initial;
    color: initial;
}

.main-product-group .product-group-header .main-title h2:before {
    visibility: hidden;
}

.main-product-group .product-group-header .main-title h2 span:before {
    content: "";
    position: absolute;
    bottom: 14px;
    left: 0;
    right: -5px;
    height: 14px;
    border-radius: 10px 4px;
    background: #d6edd3;
    z-index: -1;
}

.main-product-group .product-group-header .main-title h2 span.active {
    opacity: 1;
}

.main-product-group .product-group-header .group-header-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;overflow: hidden;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.main-product-group .product-group-header .group-header-item .group-tab-menu{/* width: 170px; *//* margin: 0 auto; *//* position: relative; *//* z-index: 1; */width: 75%;}
.main-product-group .product-group-header .group-header-item .group-tab-menu .swiper-container a {
    font-weight: normal;
    font-size: 16px;
    display: block;
    text-align: center;
}
.main-product-group .product-group-header .group-header-item .group-tab-menu ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.main-product-group .product-group-header .group-header-item .group-tab-menu ul li{position: relative;height: 20px;width: 110px;}
.main-product-group .product-group-header .group-header-item .group-tab-menu ul li + li{margin-left: 3.2vw;}
.main-product-group .product-group-header .group-header-item .group-tab-menu ul li a{font-weight: normal;font-size: 15px;display: block;opacity: 0;visibility: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: absolute;left: 0;top: 0;right: 0;}
.main-product-group .product-group-header .group-header-item .group-tab-menu ul li a.active {opacity: 1;visibility: visible;}
.main-product-group .product-group-header .group-header-item .group-slide-arrow{margin-left: 2.7vw;overflow: hidden;position: relative;width: 34px;height: 76px;}
.main-product-group .product-group-header .group-header-item .group-slide-arrow .slide-arrow {position: absolute;top: 0;left: 0;/* opacity: 0; *//* visibility: hidden; */-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.main-product-group .product-group-header .group-header-item .group-slide-arrow .slide-arrow.active { opacity: 1; visibility: visible; }
.main-product-group .product-group-header .group-header-item .group-slide-arrow .slide-button{cursor: pointer;opacity: 0.5;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.main-product-group .product-group-header .group-header-item .group-slide-arrow .next-button{margin-bottom: 25px;}
.main-product-group .slide-tab-content { height: 680px; position: relative; }
.main-product-group .slide-tab-content .slide-pane { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.main-product-group .slide-tab-content .slide-pane.active { opacity: 1; visibility: visible; }
.main-product-group .product-group-body .group-slider-pagination .swiper-pagination-total.zero:before { content: "0"; }
.main-product-group .product-group-body .group-slider-pagination .swiper-pagination-current.zero:before {content: "0";}
.main-product-group .product-group-body .group-slider-pagination .swiper-pagination-current:after {content: "";position: absolute;top: 100%;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 1px;height: 50px;background: red;}
.main-product-group .product-group-body{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative;}
.main-product-group .product-group-body .group-slider-pagination {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);bottom: 0;left: -120px;color: transparent;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 40px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.main-product-group .product-group-body .group-slider-pagination .swiper-pagination-current {font-weight: bold;font-size: 25px;color: #0f290e;display: block;-webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mode: vertical-lr;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);padding-bottom: 15px;}
.main-product-group .product-group-body .group-slider-pagination .swiper-pagination-total { font-weight: 300; font-size: 25px; color: #c1c1c1; display: block; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-bottom: 45px; }
.main-product-group .product-group-body .group-body-item{-webkit-box-flex: 0;-ms-flex: 0 0 21vw;flex: 0 0 21vw;}
.main-product-group .product-group-body .group-body-slide{margin: 0;/* overflow: hidden; */-webkit-box-flex: 0;-ms-flex: 0 0 70%;flex: 0 0 70%;margin-bottom: -90px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-top: 60px;margin-left: 100px;}
.main-product-group .product-group-body .group-body-slide .slide-item + .slide-item {
    margin-left: -20px;
}
.main-product-group .product-group-body .group-body-slide .product-item {width: 18.4vw;max-width: 350px;padding-bottom: 50px;margin-top: -90px;}
.main-product-group .product-group-body .group-body-slide .product-item .product-extra {
    right: 0;
    -webkit-transform: translate(-20%, -50%);
        -ms-transform: translate(-20%, -50%);
            transform: translate(-20%, -50%);
}

.main-product-group .product-group-body .group-body-slide .product-item .product-category {
    left: 0;
    -webkit-transform: translate(20%, -50%);
        -ms-transform: translate(20%, -50%);
            transform: translate(20%, -50%);
}
.main-product-group .product-group-body .group-body-slide .swiper-container {padding: 80px 50px 100px;}

@media (hover:hover){
    .main-product-group .product-group-body .group-body-slide .product-item:hover .product-extra {
        -webkit-transform: translate(-10%, -50%);
            -ms-transform: translate(-10%, -50%);
                transform: translate(-10%, -50%);
    }
    .main-product-group .product-group-body .group-body-slide .product-item:hover .product-category {
        -webkit-transform: translate(10%, -50%);
            -ms-transform: translate(10%, -50%);
                transform: translate(10%, -50%);
    }
    .main-product-group .product-group-header .group-header-item .group-slide-arrow .slide-button:hover { opacity: 1; }
    .main-product-group .product-group-header .group-header-item .group-tab-menu ul li a:hover { opacity: 1; }
}

@media only screen and (max-width:1650px){
    .main-product-group .s-container{ margin:0 150px;}
    .main-product-group .product-group-body .group-slider-pagination{ left:-70px;}
}

@media only screen and (max-width:1550px){
    .main-product-group .s-container{ margin:0 200px;}
    .main-product-group .product-group-body .group-body-slide .product-item{ margin:0 auto;}
    .main-product-group .product-group-body .group-body-slide .swiper-container{ margin-left:3vw;}
}

@media only screen and (max-width:1450px){
    .main-product-group .product-group-body .group-body-slide .product-item .product-item-img img{ max-width:80%;}
    .main-product-group .product-group-body .group-body-slide{margin-top:0;margin-bottom: -90px;padding-top: 0;margin-left: 70px;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
    .main-product-group{ margin-bottom:30px;}
    .main-product-group .product-group-body .group-body-slide .product-item {
        width: 25vw;
    }
    .main-product-group .s-container{ margin:0 170px;}
    .main-product-group .product-group-body .group-body-slide .product-item .product-item-img{ height:330px;}
    .main-product-group .product-group-body .group-body-slide .product-item .product-item-img .product-item-bg{ width:13vw; height:13vw;}
    .main-product-group .product-group-body .group-body-slide .product-item .product-item-info h3{ font-size:21px;}
}

 @media only screen and (max-width:1370px){
    .main-product-group .product-group-body .group-slider-pagination .swiper-pagination-current{ font-size:20px;}
    .main-product-group .product-group-body .group-slider-pagination .swiper-pagination-total{ font-size:20px;}
}

@media only screen and (max-width: 1199px){
    .main-product-group .product-group-header{/* display:block; */margin-bottom:30px;}
    .main-product-group .product-group-header .main-title h2 {
        height: 35px;
    }
    .main-product-group .product-group-body .group-body-slide .product-item .product-item-img {
        height: 260px;
    }
    .main-product-group .product-group-header .group-header-item{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
    .main-product-group .s-container{margin: 0 90px 0 140px;}
    .main-product-group .slide-tab-content{ height:530px;}
    .main-product-group .product-group-header .main-title{ margin-bottom:20px;}
    .main-product-group .product-group-body .group-body-slide .swiper-container{ padding:0; margin-left:0;}
    .main-product-group .product-group-body .group-body-slide{margin:0;transform: scale(0.9) translate(30px, 20px);}
    .main-product-group .product-group-body .group-body-slide .product-item .product-item-img .product-item-bg{ width:16vw; height:16vw;}
}

@media only screen and (max-width:991px){
    .main-product-group .s-container{ margin:0 80px;}
    .main-product-group .product-group-body .group-body-slide {
        margin-left: -80px;
        margin-top: 20px;
        margin-bottom: -20px;
    }
    .main-product-group .product-group-body .group-body-slide .product-item {
        width: 180px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 180px;
                flex: 0 0 180px;
    }
    .main-product-group .product-group-body .group-body-slide .slide-item + .slide-item {
        margin-left: 10px;
    }
    .main-product-group .product-group-header .main-title {
        margin-bottom: 0;
    }
    .main-product-group .product-group-header .main-title h2 span:before {
        height: 10px;
        bottom: 10px;
    }
    .main-product-group .product-group-body .group-body-slide .product-item .product-item-img img{max-width: 100%;}
    .main-product-group .product-group-body .group-body-slide .product-item .product-item-img{height: 230px;}
    .main-product-group .product-group-body .group-body-slide .product-item .product-item-info h3{ font-size:17px; max-width:140px;}
    .main-product-group .product-group-body .group-body-item{ margin-left:40px;}
    .main-product-group .product-group-body .group-slider-pagination{ left:-30px; -webkit-transform:translateY(-50%) scale(0.8); -ms-transform:translateY(-50%) scale(0.8); transform:translateY(-50%) scale(0.8);}
    .main-product-group .slide-tab-content{ height:420px;}
}

@media only screen and (max-width: 767px){
    .main-product-group .s-container{ margin:0;}
    .main-product-group .product-group-header .main-title h2{/* font-size:30px; */height: 40px;}
    .main-product-group .product-group-header .group-header-item{display:block;overflow: initial;-webkit-box-flex: 0;-ms-flex: none;flex: none;max-width: initial;}
    .main-product-group .product-group-header .group-header-item .group-slide-arrow{ margin-left:0; height:30px; width:100%; margin-top:30px; display:none;}
    .main-product-group .product-group-header .main-title h2 span {
        font-size: 30px;
        right: 0;
        max-width: 200px;
        margin: 0 auto;
    }
    .main-product-group .product-group-body .group-body-slide .product-item .product-item-img img {
        max-width: 100%;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    .main-product-group .product-group-header .main-title h2 span:before {
        bottom: 6px;
        height: 5px;
        left: 2px;
        right: 6px;
    }
    .main-product-group .product-group-header .group-header-item .group-slide-arrow .slide-arrow{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; right:0;}
    .main-product-group{ overflow:hidden; margin-bottom:50px;}
    .main-product-group .product-group-header .main-title{text-align:center;margin-bottom: 20px;}
    .main-product-group .product-group-body .group-body-slide .product-item .product-item-img .product-item-bg{ width:35vw; height:35vw;}
    .main-product-group .product-group-body .group-body-slide .product-item{width: 200px;-webkit-box-flex: 0;-ms-flex: none;flex: none;}
    .main-product-group .product-group-body .group-body-slide .swiper-container{padding: 0 80px;}
    .main-product-group .product-group-body .group-body-slide .slide-item + .slide-item {
        margin-left: 0;
    }
    .main-product-group .product-group-header .group-header-item .group-slide-arrow .next-button{ margin-bottom:0; margin-left:30px;}
    .main-product-group .product-group-header .group-header-item .group-tab-menu ul.active{ opacity:1; visibility:visible; pointer-events:all;}
    .main-product-group .product-group-header .group-header-item .group-tab-menu ul li a{opacity:1;font-size:15px;height: 0;visibility: visible;position: relative;}
    .main-product-group .product-group-header .group-header-item .group-tab-menu ul li {height: auto;}
    .main-product-group .product-group-header .group-header-item .group-tab-menu ul li + li{ margin-left:0; margin-top:10px;}
    .main-product-group .product-group-body{ display:block;}
    .main-product-group .product-group-body .group-body-item{ margin-left:0; text-align:center; margin-bottom:30px; display:none;}
    .main-product-group .product-group-body .group-body-item img{ max-height:320px;}
    .main-product-group .product-group-body .group-body-slide .product-item .product-item-img{ padding-top:0; height:170px;}
    .main-product-group .product-group-body .group-body-slide .product-item .product-item-img .product-item-bg{bottom: -8px;}
    .main-product-group .slide-tab-content{ height:300px; overflow:hidden;}
    .main-product-group .product-group-header{padding:0 30px;margin-bottom:50px;display: block;}
    .main-product-group .product-group-body .group-body-slide{-webkit-transform:scale(1) translate(0);-ms-transform:scale(1) translate(0);transform:scale(1) translate(0);display: block;-webkit-box-flex: 0;-ms-flex: none;flex: none;padding-top: 20px;margin: 0;}
    .main-product-group .product-group-header .main-title h2:before{ height:5px; bottom:5px;}
    .main-product-group .product-group-header .group-header-item .group-tab-menu{width:170px;margin:0 auto;position:relative;/* z-index: 99999; */-webkit-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);transform: scale(1) translateY(0);-webkit-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
    .main-product-group .product-group-header .group-header-item .group-tab-menu ul{display:block;background:#fff;-webkit-box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1);box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1);padding: 21px 20px 10px;border-radius: 20px;position:absolute;top: 0%;left:0;right:0;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
    .main-product-group .product-group-header .group-header-item .group-tab-menu .select-first a{font-size:15px;position: relative;z-index: 1;display: block;}
    .main-product-group .product-group-header .group-header-item .group-tab-menu .select-first{margin-bottom:0;padding:10px 20px;background:#fff;border-radius:100px;-webkit-box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1);box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
    .main-product-group .product-group-header .group-header-item .group-tab-menu .arrow-icon{position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(0);-ms-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0);right:20px;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;pointer-events: none;}
    .main-product-group .product-group-header .group-header-item .group-tab-menu.active ul{opacity:1;visibility:visible;pointer-events:all;padding-top: 50px;}
    .main-product-group .product-group-header .group-header-item .group-tab-menu.active .arrow-icon{ -webkit-transform:translateY(-50%) rotate(180deg); -ms-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg);}
    .main-product-group .product-group-header .group-header-item .group-tab-menu .arrow-icon svg path{ -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}

    .main-product-group .product-group-header .group-header-item .group-tab-menu.in-active {
        z-index: 1;
    }
    .main-product-group .product-group-header .group-header-item .group-tab-menu.active ul li a {
        height: 25px;
    }

    .main-product-group .product-group-header .group-header-item .group-tab-menu.active {
        -webkit-transform: scale(1.2) translateY(-30px);
        -ms-transform: scale(1.2) translateY(-30px);
        transform: scale(1.2) translateY(-30px);
        z-index: 9999999999;
    }

    body:before {content: "";position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: #fff;z-index: 99999999;opacity: 0;visibility: hidden;-webkit-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
    body.group-select-active:before {
        opacity: 0.95;
        visibility: visible;
    }
}

/* Product Item */
.product-item{-webkit-box-flex: 0;-ms-flex: 0 0 240px;flex: 0 0 240px;position: relative;display: block;z-index: 1;}
.product-item > a {display: block;}
.product-item .product-item-img{height: 20.4vw;max-height: 388px;overflow: hidden;padding-top: 70px;text-align: center;border-radius: 200px;position: relative;}
.product-item .product-item-img .product-item-bg{position: absolute;bottom: -5px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 12vw;height: 12vw;border-radius: 100%;z-index: -1;pointer-events: none;}
.product-item .product-item-img img{ -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.product-item .product-item-img-container {position: relative;margin-bottom: 30px;}
.product-item .product-item-subtitle{font-weight: 300;font-size: 15px;text-align: center;color: #000;width: 100px;position: absolute;top: 68%;opacity: 0;visibility: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.product-item .product-item-subtitle:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;right: 0;height: 1px;background: #D9D9D9;z-index: -1;}
.product-item .product-category{left: -44px;-webkit-transform: translate(60%, -50%);-ms-transform: translate(60%, -50%);transform: translate(60%, -50%);}
.product-item .product-extra{right: -44px;-webkit-transform: translate(-60%, -50%);-ms-transform: translate(-60%, -50%);transform: translate(-60%, -50%);}
.product-item .product-item-info{text-align: center;/* margin-top: 10px; */position: relative;/* padding-top: 30px; */}
.product-item .product-item-info .product-item-tag{font-weight: bold;font-size: 12px;text-align: center;border-radius: 100px;display: inline-block;padding: 2px 12px;margin-bottom: 5px;position: absolute;top: -24px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);opacity: 1;visibility: visible;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.product-item .product-item-info .product-item-tag.discount { color: #8ab78a; border: 1px solid #8AB78A; }
.product-item .product-item-info h3{font-weight: 300;font-size: 1.3vw;color: rgba(15, 41, 14, 0.6);text-align: center;max-width: 210px;margin: 0 auto;/* background: white; */position: relative;z-index: 1;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.product-item .product-price{position: absolute;top: calc(100% - 45px);left: 70px;right: 70px;opacity: 0;visibility: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;text-align: center;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 8px 20px;flex-direction: column;gap: 8px;}
.product-item .product-price .price{font-size: 23px;color: #96bf94;-webkit-transform: translateY(-60px);-ms-transform: translateY(-60px);transform: translateY(-60px);-webkit-transition: 0.5s 0.3s;-o-transition: 0.5s 0.3s;transition: 0.5s 0.3s;-webkit-box-flex: 1;-ms-flex: 1 0 50%;flex: 1 0 50%;position: relative;}
.product-item .product-price .basket{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;-webkit-transform: translateY(-60px);-ms-transform: translateY(-60px);transform: translateY(-60px);-webkit-transition: 0.5s 0.2s;-o-transition: 0.5s 0.2s;transition: 0.5s 0.2s;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;flex: 1 0 50%;max-width: 130px;margin-left: auto;margin-right: auto;border-radius: 100px;background: #96BF94;box-shadow: 0px 6px 8px rgba(150, 191, 148, 0.55);height: auto;min-height: auto;padding: 10px 20px;white-space: nowrap;margin: 0!important;}
.product-item .product-price .basket svg{width: 15px;height: 15px;}
.product-item .product-price .basket span{font-weight: bold;font-size: 12px;display: block;text-align: left;margin-left: 12px;color: #fff;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.product-item .product-price .old-price{font-weight: normal;font-size: 20px;color: #d3d3d3;display: flex;align-items: center;justify-content: center;position: relative;margin-top: 0;-webkit-transform: translateY(-100px);-ms-transform: translateY(-100px);transform: translateY(-100px);-webkit-transition: 0.5s 0.1s;-o-transition: 0.5s 0.1s;transition: 0.5s 0.1s;-webkit-box-flex: 1;-ms-flex: 1 0 50%;flex: 1 0 100%;line-height: 1.9;}
.product-item .product-price .old-price .discount {
    font-size: 15px;
    color: #e62733;
    margin-right: 10px;
}
.product-item .product-price .old-price .sale-price {
    position: relative;
}
.product-item .product-price .old-price .sale-price:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 20px;right: 20px;height: 1px;background: #d3d3d3;}
.product-item .product-price .price:before {content: "";position: absolute;right: -3px;top: 5px;bottom: 5px;width: 1px;background: #F2F2F2;}
.product-item .product-price > div:nth-child(3) {
    margin-top: 10px;
}

.product-item.out-stock .product-item-info .product-item-tag { background: #FFA7A7; border-color: #FFA7A7; color: #ffffff; }
.product-item.out-stock .product-item-info h3 { opacity: 0.3; }
.product-item.out-stock:hover .product-price {opacity: 0.3;}

.product-item .product-price .basket svg path {fill: #ffffff;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}

.product-list  .product-item{-webkit-box-flex: 0;-ms-flex: 0 0 19%;flex: 0 0 19%;/* max-width:240px; */}
.product-list .product-item + .product-item{margin-left: 7%;}
.product-list .product-item:nth-child(4n+1){ margin-left:0;}
.product-list .product-item:nth-child(n+5){ margin-top:100px;}

.product-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 30px; }
.product-list .product-item {-webkit-box-flex: 0;-ms-flex: 0 0 27%;flex: 0 0 27%;/* height: 600px; */padding-bottom: 50px;}
.product-list .product-item:nth-child(3n+2), .product-list .product-item:nth-child(3n+3) { margin-left: 7%; }
.product-list .product-item:nth-child(3n+1) { margin-left: 0; }
.product-list .product-item:nth-child(n+4) {margin-top: 40px;}

@media (hover:hover){
    .product-item:hover:not(.out-stock) .product-item-info .product-item-tag{opacity:0;/* visibility:hidden; */}
    .product-item:hover:not(.out-stock) .product-extra{-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
    .product-item:hover:not(.out-stock) .product-category{-webkit-transform: translate(50%, -50%);-ms-transform: translate(50%, -50%);transform: translate(50%, -50%);}
    .product-item:hover:not(.out-stock) .product-item-subtitle{ opacity:1; visibility:visible;}
    .product-item:hover:not(.out-stock) .product-item-img img{ -webkit-transform:translateY(-45px); -ms-transform:translateY(-45px); transform:translateY(-45px);}
    .product-item:hover:not(.out-stock) .product-price{ opacity:1; visibility:visible;}
    .product-item:hover:not(.out-stock) .product-price .price{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    .product-item:hover:not(.out-stock) .product-price .basket{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;visibility: visible;}
    .product-item:hover:not(.out-stock) .product-price .old-price{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    .product-item:hover:not(.out-stock) .product-item-info h3{ color:rgba(15, 41, 14, 1);}
    .product-item.out-stock:hover .product-item-subtitle { opacity: 0.3; }
    .product-item .product-price .basket:hover {
        background: #0f290e;
        box-shadow: 0px 6px 8px rgb(15 41 14 / 0.55);
    }
}

@media only screen and (max-width: 1700px){
    .product-item .product-item-img .product-item-bg {width: 12vw;height: 12vw;}
    .product-item .product-price {
        left: 3.6vw;
        right: 3.6vw;
    }
}

@media only screen and (max-width: 1450px){
    .product-item .product-item-img img {margin: 0 auto;}
    .product-item .product-price .price {
        font-size: 18px;
    }
    .product-item .product-price .old-price {
        font-size: 17px;
    }
}

@media only screen and (max-width: 1199px){
    .product-item .product-item-img {
        height: 270px;
    }

    .product-item .product-item-info h3 {
        font-size: 15px;
    }
    .product-list .product-item { -webkit-box-flex: 0; -ms-flex: 0 0 28%; flex: 0 0 28%; padding-bottom: 0; }
    .product-item .product-item-img .product-item-bg {width: 18vw;height: 18vw;}
    .product-list .product-item:nth-child(n+4) { margin-top: 20px; }
    .product-list .product-item:nth-child(3n+1) { margin-left: 0; }
    .product-list .product-item:nth-child(3n+2), .product-list .product-item:nth-child(3n+3) { margin-left: 7%; }
}

@media only screen and (max-width: 991px){
    .product-item .product-item-img {
        height: 300px;
    }
    .product-list .product-item:nth-child(2n+1) { margin-left: 0; }
    .product-list .product-item:nth-child(2n+2) { margin-left: 7%; }
    .product-list .product-item{ -webkit-box-flex: 0; -ms-flex: 0 0 43%; flex: 0 0 43%; }
    .product-item .product-item-img .product-item-bg {width: 25vw;height: 25vw;}
}

@media only screen and (max-width: 767px){
    .product-list .product-item { -webkit-box-flex: 0; -ms-flex: 0 0 46%; flex: 0 0 46%; }
    .product-item .product-item-img .product-item-bg {width: 120px;height: 120px;}
    .product-item .product-item-img {height: 200px;}
    .product-item .product-item-info h3 {font-size: 16px;max-width: 130px;background: #fff0;}
    .product-list .product-item:nth-child(n+3) { margin-top: -10px; }
    .product-item .product-item-info .product-item-tag { padding: 2px 10px; font-size: 9px; }
}

/* Main Ad */
.main-cuff-container{position: relative;}
.main-cuff-container .s-container{margin: 0 14.7vw;}
.main-cuff-container .swiper-container{border-radius: 30px;}
.main-cuff-container .s-container .main-ad-mobil { display: none; }
.main-cuff-container .slide-arrow { position: absolute; top: 50%; left: 50%; width: 85%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.main-cuff-container .slide-arrow .slide-button.swiper-button-disabled { opacity: 0.3; pointer-events: none; }
.main-cuff-container .slide-arrow .slide-button {opacity: 1;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;cursor: pointer;}
.main-cuff-container .main-ad-item{height: 24.7vw;position: relative;}
.main-cuff-container .main-ad-item .ad-item-img{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-size: cover;background-position: center;border-radius: 30px;}
.main-cuff-container .slide-arrow .slide-button svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

@media (hover:hover){
    .main-cuff-container .slide-arrow .slide-button:hover svg path { fill: #0f290e; }
}

@media only screen and (max-width: 991px){
    .main-cuff-container .slide-arrow .slide-button { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
}

@media only screen and (max-width: 767px){
    .main-cuff-container .s-container{ margin:0;}
    .main-cuff-container .main-ad-item{height: 100px;opacity:0.3;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
    .main-cuff-container .main-ad-item .ad-item-img{ border-radius:20px;}
    .main-cuff-container .swiper-slide-active .main-ad-item{ opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
    .main-cuff-container .slide-arrow{ z-index:2; width:90%; display:none;}
    .main-cuff-container .slide-arrow .slide-button svg path{ fill:#4c4c4c;}
    .main-cuff-container .s-container .swiper-container{ padding:0 50px; border-radius:0;}
    .main-cuff-container .s-container .main-ad-dekstop{ display:none;}
    .main-cuff-container .s-container .main-ad-mobil{ display:block;}
}

/* Main For You */
/*.main-for-you{ margin:260px 0 300px; position:relative;}*/
.main-for-you:before{ content:""; position:absolute; top:0; right:0; left:0; bottom:0; background-image:url(../img/main/main-foryou-bg.png); background-size:contain; background-repeat:no-repeat; background-position:left; z-index:-1; pointer-events:none;}
.main-for-you .s-container{margin: 0 15.7vw;}
.main-for-you .for-you-body .for-you-body-content {position: relative;min-height: 1100px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;margin-top: 40px;}
.main-for-you .for-you-body .for-you-body-content .for-you-item.active { opacity: 1; visibility: visible; }
.main-for-you .for-you-body .for-you-body-content .for-you-item { position: absolute; top: 0; right: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.main-for-you .for-you-header{ text-align:center;}
.main-for-you .for-you-header .main-title{ margin-bottom:25px;}
.main-for-you .for-you-header p{ font-weight:normal; font-size:30px; color:#7fb57c; margin-bottom:0;}
.main-for-you .for-you-header .for-you-tabmenu{ display:inline-block; margin-top:40px;}
.main-for-you .for-you-header ul{display: -webkit-box;display: -ms-flexbox;display: flex;border:1px solid #CECECE;border-radius:100px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:17px 50px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.main-for-you .for-you-header ul li + li{ margin-left:40px; padding-left:40px; border-left:1px solid #FED294;}
.main-for-you .for-you-header ul li a{font-weight:300;font-size:20px;color:#959595;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.main-for-you .for-you-header ul li a.active{ color:#000000;}
.main-for-you .for-you-list{padding-left:30px;margin-top:60px;}

@media (hover:hover){
    .main-for-you .for-you-header ul li a:hover { color: #000000; }
}

@media only screen and (max-width: 1700px){
    .main-for-you .s-container {
        margin: 0 13vw;
    }
}

@media only screen and (max-width: 1199px){
    .main-for-you .for-you-header ul li + li { margin-left: 20px; padding-left: 20px; }
    .main-for-you .s-container {margin: 0 7vw;}
}

@media only screen and (max-width: 991px){
    .main-for-you{ margin:150px 0 -200px;}
    .main-for-you .for-you-header p{ font-size:22px;}
    .main-for-you .for-you-header ul li a{ font-size:17px;}
    .main-for-you .for-you-header ul{ padding:10px 30px;}
    .main-for-you .for-you-header .for-you-tabmenu{ margin-top:20px;}
    .main-for-you .for-you-list{ -webkit-transform:scale(0.8) translateY(-290px); -ms-transform:scale(0.8) translateY(-290px); transform:scale(0.8) translateY(-290px);}
}

@media only screen and (max-width: 767px){
    .main-for-you .for-you-body .for-you-body-content {
        margin-top: 0;
    }
    .main-for-you .for-you-list{ -webkit-transform:scale(1) translateY(0); -ms-transform:scale(1) translateY(0); transform:scale(1) translateY(0); margin:0; padding-left:0px;}
    .main-for-you{ margin-bottom:100px; margin-top:80px; overflow:hidden;}
    .main-for-you .for-you-header .main-title h2{ font-size:47px;}
    .main-for-you .for-you-header .main-title h2:before{ height:5px; bottom:5px;}
    .main-for-you .for-you-header .main-title{ margin-bottom:10px;}
    .main-for-you .for-you-header .for-you-tabmenu{position:relative;/* z-index: 99999; */width:170px;text-align:left;-webkit-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);transform: scale(1) translateY(0);-webkit-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
    .main-for-you .for-you-header .for-you-tabmenu .select-first{margin-bottom:0;padding:10px 20px;background:#fff;border-radius:100px;-webkit-box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1);box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
    .main-for-you .for-you-header .for-you-tabmenu .select-first a{font-size:15px;color:rgba(15, 41, 14, 0.5);display: block;position: relative;z-index: 1;}
    .main-for-you .for-you-header .for-you-tabmenu .arrow-icon{opacity:0.5;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:20px;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;z-index: 1;pointer-events: none;}
    .main-for-you .for-you-header .for-you-tabmenu.active ul{opacity:1;visibility:visible;pointer-events:all;padding-top: 50px;}
    .main-for-you .for-you-header .for-you-tabmenu.active .arrow-icon{ -webkit-transform:translateY(-50%) rotate(180deg); -ms-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg);}
    .main-for-you .for-you-header p{ font-size:18px; display:none;}
    .main-for-you .for-you-header ul{display:block;text-align:left;border:none;padding: 11px 20px 10px;position:absolute;top: 0;left:0;right:0;border-radius: 20px;background:#fff;-webkit-box-shadow:0px 13px 16px rgba(0, 0, 0, 0.1);box-shadow:0px 13px 16px rgba(0, 0, 0, 0.1);opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
    .main-for-you .for-you-header ul li{padding:5px 0;}
    .main-for-you .for-you-header ul li a{font-size: 13px;display:block;height: 0;}
    .main-for-you .for-you-header ul li a.active{ color:#959595;}
    .main-for-you .for-you-header ul li + li{ margin:0; border-left:none; padding-left:0;}
    .main-for-you .for-you-header .for-you-tabmenu.active {
        -webkit-transform: scale(1.2) translateY(-30px);
        -ms-transform: scale(1.2) translateY(-30px);
        transform: scale(1.2) translateY(-30px);
        z-index: 99999;
    }
    .main-for-you .for-you-header .for-you-tabmenu.active ul li a {
        height: 25px;
    }
    .main-for-you .for-you-header .for-you-tabmenu.in-active {
        z-index: 1;
    }
    .main-for-you .for-you-header ul li:nth-child(3n){ margin-top:10px; border-left:none;}
}

/* About */
.trigger { position: absolute; top: 0; left: 0; right: 0; height: 1px; /* background: red; */ pointer-events: none; z-index: 99; }

.trigger.about-trigger { top: -70%; }
.about{padding: 210px 0 80px;}
.about .about-first-content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0 10.5vw;}
.about .about-first-content .about-bg { position: absolute; top: 200px; right: 0; left: 0; bottom: 0; background-size: contain; background-repeat: no-repeat; background-position: left; z-index: -1; pointer-events: none; }
.about .about-first-content .about-content{-webkit-box-flex: 0;-ms-flex: 0 0 600px;flex: 0 0 600px;/* max-width: 600px; */text-align: center;}
.about .about-first-content .about-content .main-title{margin-bottom: 5.2vw;}
.about .about-first-content .about-content .main-title h2{font-family: gautreaux, sans-serif;font-weight: bold;color: #7e570f;}
.about .about-first-content .about-content .about-text-container .about-text p{font-size: 20px;line-height: 30px;color: #0f290e;margin-bottom: 0;text-align: center;}
.about .about-first-content .about-content .about-text-container .about-arrow{margin-top: 70px;}
.about .about-first-content .about-content .about-text-container .about-arrow svg{cursor: pointer;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.about .about-first-content .about-content .about-text-container .about-arrow svg path{-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.about .about-first-content .about-img{-webkit-box-flex: 0;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 600px;position: relative;z-index: 1;}
.about .about-card{background: #ffffff;padding: 250px 0 340px;position: relative;}
.about .about-card .about-card-row{display: -webkit-box;display: -ms-flexbox;display: flex;/* flex-wrap: wrap; *//* max-width: 1280px; */-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0 auto;}
.about .about-card .about-card-row .about-card-item{text-align: center;-webkit-box-flex: 0;-ms-flex: 0 0 16%;flex: 0 0 16%;max-width: 200px;border: 1px solid #FED294;border-radius: 30px;height: 250px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;position: relative;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);opacity: 0;}
.about .about-card .about-card-row .about-card-item span {
    /* position: absolute; */
    /* top: 7px; */
    /* left: 50%; */
    font-size: 98px;
    text-align: center;
    color: #99af98;
    opacity: 0.28;
    /* transform: translateX(-50%); */
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.about .about-card .about-card-row .about-card-item .about-card-item-img {
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
    position: relative;
}
.about .about-card .about-card-row .about-card-item img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1;}
.about .about-card .about-card-row .about-card-item h3{font-weight: bold;font-size: 28px;color: #7c9a7b;margin: 12px 0 30px;}
.about .about-card .about-card-row .about-card-item:nth-child(even) {
    margin: 200px -20px 0;
}
.about .about-card .about-card-row .about-card-item:nth-child(even):after {
    right: 0;
    left: auto;
    background-image: url(../img/main/about-card-img-2.png);
}
.about .about-card .about-card-row .about-card-item:nth-child(even):before, .about .about-card .about-card-row .about-card-item:nth-child(even):after {
    content: "";
    position: absolute;
    top: 0;
    width: 20px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.about .about-card .about-card-row .about-card-item:nth-child(even):before {
    left: 0;
    background-image: url(../img/main/about-card-img-1.png);
}
.about .about-big-img .big-img-container { position: absolute; top: 0; right: 0; left: 0; bottom: 0; overflow: hidden; }
.about .about-big-img{height: 33vw;position: relative;}
.about .about-big-img .big-img{position: absolute;top: -130px;right: 0;left: 0;bottom: 0;background-size: cover;background-position: center;}
.about .about-big-img .big-img.mobil-img {
    display: none;
}
.about .about-big-img:before {content: "";position: absolute;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 2px;height: 250px;background: #0F290E;z-index: 1;}
.about .about-vm-container{margin: 110px 0 140px;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0 140px;margin-left: -70px;margin-right: -70px;}
.about .about-vm-container .about-vm-item{width: 33.3%;padding: 0 70px;border-right: 1px solid #E6E6E6;}
.about .about-vm-container .about-vm-item:last-child {
    border: none;
}
.about .about-vm-container .about-vm-item h4{font-weight: bold;font-size: 33px;color: #0f290e;position: relative;display: inline-block;margin-bottom: 30px;}
.about .about-vm-container .about-vm-item h4:before {content: "";position: absolute;bottom: 5px;left: -5px;right: 1px;height: 5px;border-radius: 25px 10px;background: #d6edd3;z-index: -1;}
.about .about-vm-container .about-vm-item p{font-weight: 300;font-size: 20px;color: #a2a2a2;margin-bottom: 0;}

@media (hover:hover){
    .about .about-first-content .about-content .about-text-container .about-arrow svg:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
    .about .about-first-content .about-content .about-text-container .about-arrow svg:hover path { fill: #000000; }
}


@media only screen and (max-width: 1450px){
    .about .about-first-content { padding: 0 7vw; }
    .about .about-first-content .about-content { -webkit-box-flex: 0; -ms-flex: 0 0 500px; flex: 0 0 500px; }
    .about .about-card .about-card-row { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); }
    .about .about-card { padding-bottom: 200px; }
}

@media only screen and (max-width: 1370px){
    .about { padding-top: 160px; }
}

@media only screen and (max-width: 1199px){
    .about .about-vm-container .about-vm-item { display: block; }
    .about .about-vm-container .about-vm-item p {margin-left: 0;}
    .about .about-vm-container{padding: 0 50px;margin-left: -30px;margin-right: -30px;overflow: hidden;}
    .about .about-card .about-card-row{ max-width:100%; -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8);}
    .about .about-card .about-card-row .about-card-item{ opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
    .about .about-card .about-card-row .about-card-item h3{ font-size:25px;}
    .about .about-card{ padding-top:100px;}
    .about{ padding-top:200px;}
    .about .about-first-content .about-content{ -webkit-box-flex:0; -ms-flex:0 0 45%; flex:0 0 45%;}
    .about .about-vm-container .about-vm-item {
        padding: 0 30px;
    }
    .about .about-vm-container .about-vm-item h4 {
        font-size: 27px;
    }
}

@media only screen and (max-width:991px){
    .about .about-first-content .about-img{ display:none;}
    .about .about-first-content .about-content{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%;}
    .about .about-first-content .about-content .main-title h2{ font-size:50px;}
    .about .about-first-content .about-content .about-text-container .about-text p{ font-size:18px; padding:0 61px;}
    .about .about-big-img .big-img{ top:0;}
    .about .about-big-img:before{ height:120px;}
    .about .about-card .about-card-row{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0 50px;}
    .about .about-card .about-card-row .about-card-item{-webkit-box-flex: 0;-ms-flex: 0 0 22%;flex: 0 0 22%;margin-bottom: 20px;}
    .about .about-card .about-card-row .about-card-item:nth-child(even) {
        margin: 0;
    }

    .about .about-card .about-card-row .about-card-item + .about-card-item {margin-left: 20px;}

    .about .about-card .about-card-row .about-card-item:nth-child(4n+1) {
        margin-left: 0;
    }

    .about .about-card .about-card-row .about-card-item:nth-child(even):before, .about .about-card .about-card-row .about-card-item:nth-child(even):after {
        visibility: hidden;
    }
}

@media only screen and (max-width:767px){
    .about .about-vm-container{display:block;padding: 70px 30px 20px;margin:0;}
    .about .about-first-content .about-img{display:block;/* position:absolute; *//* top:200px; *//* right:0; */max-width: 210px;/* transform:rotate(10deg); *//* opacity:0.2; */margin-bottom: 40px;}
    .about .about-first-content .about-content{ position:relative; z-index:1;}
    .about .about-vm-container .about-vm-item + .about-vm-item{ border-top:1px solid #E6E6E6; margin-left:0; padding-left:0; border-left:none; margin-top:30px; padding-top:30px;}
    .about .about-vm-container .about-vm-item {
        padding: 0;
        width: 100%;
        border-right: none;
    }
    .about .about-vm-container .about-vm-item h4{font-size: 33px;}
    .about .about-vm-container .about-vm-item p{font-size: 20px;line-height: 27px;}
    .about .about-big-img{height: 300px;}
    .about .about-card .about-card-row{display: block;max-width: 370px;padding: 0 30px;}
    .about .about-card .about-card-row .about-card-item{-webkit-box-flex: 0;-ms-flex: none;flex: none;max-width: 165px;height: 200px;margin-left: 0;margin-bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 30px 0 20px;}
    .about .about-card .about-card-row .about-card-item:nth-child(n+5){ margin-top:0; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
    .about .about-card .about-card-row .about-card-item:nth-child(n+5):before,
    .about .about-card .about-card-row .about-card-item:nth-child(n+5):after{ visibility:hidden;}
    .about .about-card .about-card-row .about-card-item + .about-card-item{margin-left: 0;/* margin-left: auto; */}
    .about{ padding-top:120px; position:relative; overflow:hidden;}
    .about .about-first-content .about-content .main-title h2{font-size: 45px;}
    .about .about-first-content .about-content .main-title h2:before{ height:5px; bottom:10px;}
    .about .about-first-content .about-content .about-text-container .about-text p{padding: 0 10px;font-size: 15px;line-height: 20px;}
    .about .about-first-content .about-content .about-text-container .about-arrow{margin-top: 50px;/* display:none; */}
    .about .about-card{padding-top: 70px;padding-bottom: 150px;}
    .about .about-first-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .about .about-card .about-card-row .about-card-item span {
        font-size: 73px;
        position: absolute;
        right: -38vw;
        top: 10px;
        left: auto;
    }
    .about .about-card .about-card-row .about-card-item:nth-child(even):before, .about .about-card .about-card-row .about-card-item:nth-child(even):after {
        visibility: visible;
    }

    .about .about-card .about-card-row .about-card-item:nth-child(even):after {
        left: 0;
        bottom: -2px;
        top: auto;
    }
    .about .about-big-img .big-img.dekstop-img {
        display: none;
    }

    .about .about-big-img .big-img.mobil-img {
        display: block;
    }
    .about .about-card .about-card-row .about-card-item:nth-child(even):before {
        top: 0;
        left: -1px;
    }
    .about .about-card .about-card-row .about-card-item .about-card-item-img {
        position: initial;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }

    .about .about-card .about-card-row .about-card-item img {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);
        max-width: 80%;
    }

    .about .about-card .about-card-row .about-card-item:nth-child(even) {
        margin-left: auto;
        margin-top: -50px;
        margin-bottom: -50px;
    }

    .about .about-card .about-card-row .about-card-item:nth-child(even) span {
        left: -38vw;
        right: auto;
        top: 12px;
    }

    .about .about-card .about-card-row .about-card-item:first-child span {
        top: -10px;
    }

    .about .about-card .about-card-row .about-card-item:last-child span {
        top: 30px;
    }

    .about .about-big-img:before {
        width: 1px;
        height: 180px;
    }
    .about .about-first-content .about-bg {
        display: none;
    }

    .about .about-first-content .about-content .main-title {
        margin-bottom: 50px;
    }

    .about .about-first-content .about-content .about-text-container .about-arrow svg {
        width: 18px;
        height: 18px;
    }
    .about .about-card .about-card-row .about-card-item h3{font-size: 22px;line-height: 30px;margin: 0;}
}

/* News */
.news{padding: 250px 0;}
.news .news-row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.news .news-row .news-list-row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-flex: 0;-ms-flex: 0 0 80%;flex: 0 0 80%;}
.news .news-row .news-list-row .new-item{border-radius: 20px;background: #fafafa;display: -webkit-box;display: -ms-flexbox;display: flex;height: 140px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.news .news-row .news-list-row .new-item .new-item-img{max-width: 140px;height: 100%;-webkit-box-flex: 0;-ms-flex: 0 0 60%;flex: 0 0 60%;border-radius: 20px 0 0 20px;overflow: hidden;}
.news .news-row .news-list-row .new-item .new-item-info{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 47px 0 35px;}
.news .news-row .news-list-row .new-item .new-item-info span{font-weight: 300;font-size: 15px;color: #0f290e;display: block;margin-right: 15px;padding-right: 15px;border-right: 1px solid #D6D6D6;}
.news .news-row .news-list-row .new-item .new-item-info time{font-weight: 300;font-size: 15px;color: #0f290e;}
.news .news-row .news-list-row .new-item .new-item-text{
    margin-left: 2vw;
    width: 100%;
}
.news .news-row .news-list-row .new-item .new-item-text h3:before {content: "";position: absolute;bottom: 4px;left: -10px;right: -5px;height: 4px;border-radius: 2.86px 1.14px;background: #d6edd3;pointer-events: none;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}



.news .news-row .news-list-row .new-item .new-item-img .item-img {
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 20px 0 0 20px;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.news .news-row .news-list-row .last-news h4:before {content: "";position: absolute;bottom: 5px;left: -10px;right: -5px;height: 5px;border-radius: 25px 10px 25px 10px;background: #d6edd3;pointer-events: none;z-index: -1;}

.news .news-row .news-list-row .last-news-list .new-item + .new-item {
    margin-top: 18px;
}
.news .news-row .news-list-row .new-item.new-item-big {max-width: 31.5vw;height: auto;-webkit-box-flex: 0;-ms-flex: 0 0 65%;flex: 0 0 65%;display: block;border-radius: 30px;position: -webkit-sticky;position: sticky;top: 250px;}

.news .news-row .news-list-row .new-item.new-item-big .new-item-img {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    height: 370px;
    border-radius: 30px 30px 0 0;
}

.news .news-row .news-list-row .new-item.new-item-big .new-item-img .item-img {
    border-radius: 30px 30px 0 0;
}

.news .news-row .news-list-row .new-item.new-item-big .new-item-text {
    margin-left: 0;
    text-align: center;
    padding: 0 50px 70px;
    border-radius: 0 0 30px 30px;
}
.news .news-row .news-list-row .new-item.new-item-big .new-item-text h3 {
    margin-bottom: 30px;
    /* width: 100%; */
    max-width: 100%;
}
.news .news-row .news-list-row .new-item.new-item-big .new-item-text p {
    font-size: 20px;
}
.news .news-row .news-list-row .new-item .new-item-text h3 span {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    max-width: 100%;
    display: block;
}
.news .news-row .news-list-row .new-item .new-item-text h3{font-weight: normal;font-size: 20px;color: #0f290e;margin-bottom: 15px;position: relative;display: inline-block;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;max-width: 300px;}

.news .news-row .news-list-row .new-item .new-item-text p{font-weight: 300;font-size: 15px;line-height: 24px;color: #0f290e;margin-bottom: 0;}
.news .news-row .news-list-row .last-news{max-width: 560px;-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;margin-left: 9.4vw;position: relative;}
.news .news-row .news-list-row .last-news .last-news-bg {
    position: absolute;
    top: -130px;
    right: 0;
    left: 0;
    height: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ffffff00));
    background: -o-linear-gradient(top, white, #ffffff00);
    background: linear-gradient(to bottom, white, #ffffff00);
    z-index: 1;
    pointer-events: none;
}
.news .news-row .news-list-row .last-news h4{font-weight: bold;font-size: 33px;color: #0f290e;margin-bottom: 50px;position: relative;display: inline-block;}

@media (hover:hover){

    .news .news-row .news-list-row .new-item:hover .new-item-img .item-img {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }

    .news .news-row .news-list-row .new-item:hover .new-item-text h3 {
        color: #000000;
    }

    .news .news-row .news-list-row .new-item:hover .new-item-text h3:before {
        background: #abc5a8;
    }
}


@media only screen and (max-width: 1700px){
    .news .news-row .news-list-row .last-news {
        margin-left: 6vw;
    }
}

@media only screen and (max-width: 1600px){
    .news .news-row .news-list-row .last-news {
        max-width: 480px;
        margin-left: 5vw;
    }

    .news .last-news .last-news-list {
        width: 100%;
    }

    .news .s-container {
        margin: 0 30px 0 60px;
    }
}

@media only screen and (max-width: 1450px){
    .news .news-row .news-list-row .new-item.new-item-big .new-item-img {
        height: 300px;
    }

    .news .news-row .news-list-row .last-news {
        -webkit-transform: scale(0.9) translateY(-100px);
            -ms-transform: scale(0.9) translateY(-100px);
                transform: scale(0.9) translateY(-100px);
        margin-left: 3vw;
    }
}

@media only screen and (max-width: 1370px){
    .news .news-row .news-list-row .new-item.new-item-big .new-item-img {
        height: 200px;
    }

    .news .news-row .news-list-row .new-item .new-item-info {
        margin: 20px 0;
    }

    .news .news-row .news-list-row .new-item.new-item-big .new-item-text {
        padding-bottom: 40px;
    }

    .news .news-row .news-list-row .new-item.new-item-big {
        top: 210px;
    }
}

@media only screen and (max-width: 1199px){
    .news .last-news .last-news-list {
        overflow: hidden;
        /* width: 80%; */
        /* margin: 0 auto; */
    }

    .news .news-row .news-list-row .last-news {
        -webkit-transform: scale(0.8) translateY(-230px);
            -ms-transform: scale(0.8) translateY(-230px);
                transform: scale(0.8) translateY(-230px);
        margin-left: 0vw;
    }

    .news {
        padding: 210px 0;
    }

    .news .news-row .news-list-row {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 70%;
                flex: 0 0 70%;
    }
}

@media only screen and (max-width: 991px){
    .news .news-row {
        display: block;
    }
}

@media only screen and (max-width: 991px){
    .news {
        padding: 160px 0;
    }

    .news .s-container {
        margin: 0;
    }

    .news .news-row .news-list-row {
        display: block;
        margin: 50px 90px;
    }

    .news .news-row .news-list-row .new-item.new-item-big {
        position: relative;
        top: 0;
        max-width: 100%;
        margin: 0 30px;
    }

    .news .news-row .news-list-row .last-news .last-news-bg {
        visibility: hidden;
    }

    .news .news-row .news-list-row .last-news {
        -webkit-transform: scale(1) translateY(0);
            -ms-transform: scale(1) translateY(0);
                transform: scale(1) translateY(0);
        max-width: 100%;
        margin-top: 60px;
    }

    .news .news-row .news-list-row .last-news h4 {
        font-size: 30px;
    }

    .news .news-row .news-list-row .new-item.new-item-big .new-item-img {
        height: 300px;
    }

    .news .news-row .news-list-row .new-item {
        height: 120px;
    }

    .news .news-row .news-list-row .new-item .new-item-text {
        padding-left: 20px;
    }

    .news .news-row .news-list-row .new-item .new-item-text h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .news .news-row .news-list-row .new-item .new-item-text p {
        font-size: 14px;
        max-width: 90%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 767px){
    .news {
        padding: 120px 0 70px;
    }

    .news .news-row .news-list-row {
        margin: 30px 0;
    }

    .news .news-row .news-list-row .new-item.new-item-big .new-item-img {
        height: 200px;
    }

    .news .news-row .news-list-row .new-item .new-item-info time {
        font-size: 12px;
    }

    .news .news-row .news-list-row .new-item .new-item-info span {
        font-size: 12px;
    }

    .news .news-row .news-list-row .new-item.new-item-big .new-item-text {
        padding: 0 30px 30px;
    }

    .news .news-row .news-list-row .new-item.new-item-big .new-item-text h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .news .news-row .news-list-row .new-item.new-item-big .new-item-text p {
        font-size: 15px;
    }

    .news .news-row .news-list-row .last-news h4 {
        font-size: 23px;
        margin: 0 30px 30px;
    }

    .news .news-row .news-list-row .last-news {
        margin-top: 40px;
    }
    .news .news-row .news-list-row .last-news .swiper-container {
        padding: 0 60px;
    }
    .news .news-row .news-list-row .new-item {
        display: block;
        border-radius: 20px 20px 0 0;
        height: auto;
    }

    .news .news-row .news-list-row .new-item .new-item-img {
        height: 120px;
        max-width: 100%;
        border-radius: 20px 20px 0 0;
    }

    .news .news-row .news-list-row .new-item .new-item-img .item-img {
        border-radius: 20px 20px 0 0;
    }

    .news .news-row .news-list-row .new-item .new-item-text {
        padding: 10px 10px 20px;
        margin-left: 0;
        text-align: center;
    }

    .news .news-row .news-list-row .new-item .new-item-text p {
        text-align: center;
    }

    .news .news-row .news-list-row .new-item .new-item-text h3 {
        margin: 10px 0;
        max-width: 210px;
        font-size: 16px;
    }

    .news .last-news .last-news-list {
        overflow: visible;
    }

    .news .news-row .news-list-row .last-news-list .new-item + .new-item {
        margin-top: 0;
    }
}

/* Page Menu */
.page-menu{-webkit-box-flex: 0;-ms-flex: 0 0 250px;flex: 0 0 250px;padding: 50px 0 200px;margin-top: -50px;position: -webkit-sticky;position: sticky;top: 200px;}
.page-menu:before {content: "";position: absolute;top: 0;bottom: 0;right: 1px;width: 1px;background: #E6E9E6;}
.page-menu-item:before, .page-menu-item:after {
    content: "";
    position: absolute;
    top: 80px;
    left: 0;
    right: 5px;
    height: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ffffff00));
    background: -o-linear-gradient(top, white, #ffffff00);
    background: linear-gradient(to bottom, white, #ffffff00);
    z-index: 99;
    pointer-events: none;
}
.page-menu-item:after {
    top: auto;
    bottom: 200px;
    background: -webkit-gradient(linear, left bottom, left top, from(white), to(#ffffff00));
    background: -o-linear-gradient(bottom, white, #ffffff00);
    background: linear-gradient(to top, white, #ffffff00);
}
.page-menu .page-text h2 {
    margin-left: 45px;
    margin-bottom: 70px;
}
.single-page .page-menu {
    max-width: 330px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 330px;
            flex: 0 0 330px;
}
.page-text h2,
.page-text h3{font-weight: bold;font-size: 33px;color: #0f290e;position: relative;display: inline-block;z-index: 99;margin-left: 0;margin-bottom: 0;}
.page-text h2:before,
.page-text h3:before {content: "";position: absolute;bottom: 5px;left: -5px;right: -5px;height: 4px;border-radius: 2.86px 1.14px;background: #d6edd3;z-index: -1;pointer-events: none;}

.page-menu .page-menu-item ul li{padding: 0 0 0 40px;position: relative;border: 1px solid #ffffff00;border-radius: 50px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.page-menu .page-menu-item ul li + li{margin-top: 40px;/* padding-top: 20px; */}
.page-menu .page-menu-item ul li a{font-weight: 300;font-size: 20px;color: #a2a2a2;display: block;position: relative;z-index: 9;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.page-menu .page-menu-item ul li a:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;width: 10px;height: 13px;background-image: url(../img/main/list-img.png);opacity: 0;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.page-menu .page-menu-item ul li a.active {padding-left: 23px;}
.page-menu .page-menu-item ul li a.active:before { opacity: 1; }
.page-menu .page-menu-item ul li a .number {font-weight: bold;display: block;margin-right: 10px;}
.page-menu .page-menu-item ul li a .count {
    font-weight: bold;
    font-size: 12px;
    display: block;
    margin-left: 5px;
    margin-top: -10px;
}

.page-menu .page-menu-item ul li.active{padding-top:20px;border-color: #E6E9E6;border-top-color: #ffffff00;margin-bottom:-21px;padding-bottom:20px;}
.page-menu .page-menu-item ul li.active:before{content:"";position:absolute;top: 1px;bottom:-4px;right:-15px;width:50px;background:#ffffff;}

.page-menu .page-menu-item ul li.active-next{border-top-color: #E6E9E6;border-radius:0 30px;border-right-color: #E6E9E6;/* border-bottom-color: transparent; */}
.page-menu .page-menu-item ul li.active-next:after{ content:""; position:absolute; top:-1px; bottom:0; left:0; width:27px; background:#ffffff;}
.page-menu .page-menu-item ul li.active-next:before{content:"";position:absolute;top: -94px;bottom:26px;right:-7px;width:7px;background:#ffffff;}
.page-menu .page-menu-list {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 395px);
    padding: 50px 0 90px;
    margin-top: -50px;
}

.page-menu-circle {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    height: 70px;
    border-bottom: none;
    border-right: none;
    border-radius: 100px 0 0 100px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    pointer-events: none;
}

.page-menu.in-active .page-menu-circle {
    opacity: 0;
}

.page-menu .page-menu-list::-webkit-scrollbar {
  width: 0px;
}
.page-menu .page-menu-list::-webkit-scrollbar-thumb {
  background: #d4d4d4;
}
.page-menu-circle .circle-sup:before {content: "";position: absolute;top: -1px;bottom: -28px;right: -20px;background: #ffffff;width: 48px;}

.page-menu-circle .sup-top:before,
.page-menu-circle .sup-top:after {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0px;/* border: 1px solid red; */border-radius: 100px;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);}

.page-menu-circle .sup-bottom:before,
.page-menu-circle .sup-bottom:after{content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0px;/* border: 1px solid red; */border-radius: 100px;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);}

.page-menu-circle.in-active {
    opacity: 0;
}
.page-menu-circle .circle-sup:after {
    content: "";
    position: absolute;
    top: -27px;
    bottom: 0;
    right: -19px;
    background: #ffffff;
    width: 20px;
}

.page-menu-circle .sup-top:after {
    border-color: #ffffff;
    top: -1px;
    left: -10px;
    right: 1px;
    border-top-right-radius: 0;
    background: #ffffff;
}

.page-menu-circle .sup-bottom:after {
    border-color: #ffffff;
    top: 0;
    left: -10px;
    right: 1px;
    bottom: -1px;
    border-bottom-right-radius: 0;
    background: #ffffff;
}

.page-menu-circle, .page-menu-circle .sup-top:before, .page-menu-circle .sup-bottom:before {
    border: 1px solid #E6E9E6;
}

@media only screen and (max-width: 1450px){
    .page-text h2, .page-text h3 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1370px){
    .page-menu .page-menu-list {
        max-height: 50vh;
    }   
}

@media only screen and (max-width: 991px){
    .page-menu .page-text h2 {
        margin: 0 40px 30px;
    }
   .page-menu {
        max-width: 100%;
        padding: 0;
        position: relative;
        top: 0;
        margin-top: 0;
        border-bottom: 1px  solid #E6E9E6;
        margin-bottom: 10px;
        padding-bottom: 30px;
        overflow: hidden;
    }
    .page-menu-item:before {visibility: hidden;}
    .page-menu .page-menu-item ul li {
        padding: 0;
        width: auto;
    }

    .page-menu .page-menu-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .page-menu .page-menu-item ul li + li {
        margin: 0;
    }


    .page-menu .page-menu-list .swiper-container {
        padding: 0 40px;
    }
    .page-menu-circle {
        visibility: hidden;
    }

    .page-menu .page-menu-list {
        max-height: initial;
        overflow: visible;
        padding: 0;
        margin-top: 0;
    }

    .page-menu:before {
        visibility: hidden;
    }


    .page-menu .page-menu-item ul li a {
        border: 1px solid #ffffff00;
        border-radius: 100px;
        padding: 10px 30px;
    }

    .page-menu .page-menu-item ul li a.active {
        padding-left: 40px;
        padding-right: 25px;
        border-color: #E6E9E6;
    }

    .page-menu .page-menu-item ul li a:before {
        left: 20px;
    }
}

@media only screen and (max-width: 767px){
    .page-menu .page-text h2 {
        margin-left: 30px;
    }

    .page-menu .page-menu-item ul li a {
        font-size: 14px;
        padding: 10px 10px;
    }
    .page-text h2, .page-text h3 {
        font-size: 23px;
    }
    .page-menu .page-menu-item ul li a.active {
        padding-right: 20px;
    }
}

/* Certificates */
.certificates {padding: 240px 0;}
.certificates .main-title{text-align: center;margin-bottom: 100px;}
.certificates .main-title h2{font-weight: bold;font-size: 48px;}
.certificates .certificates-list{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0 15.2vw;}
.certificates .certificates-list .certificates-item{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(32% - 37.7px);
            flex: 0 0 calc(32% - 37.7px);
    padding: 0 0 35px;
    display: block;
    position: relative;
    border-radius: 25px;
}
.certificates .certificates-list .certificates-item + .certificates-item{margin-left: 5.4%;}
.certificates .certificates-list .certificates-item .item-img{width: 260px;height: 370px;background-size: cover;background-position: center;border-radius: 10px;position: relative;-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);margin: 0 auto 30px;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.certificates .certificates-list .certificates-item .item-img .icon{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.7);-ms-transform: translate(-50%, -50%) rotate(45deg) scale(0.7);transform: translate(-50%, -50%) rotate(45deg) scale(0.7);opacity: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.certificates .certificates-list .certificates-item .item-text{position: relative;text-align: center;overflow: hidden;}
.certificates .certificates-list .certificates-item .item-text h3{font-weight: normal;font-size: 20px;color: #0f290e;max-width: 150px;margin: 0 auto;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);opacity: 1;visibility: visible;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.certificates .certificates-list .certificates-item .item-text span{font-weight: normal;font-size: 20px;color: #0f290e;display: block;position: absolute;top: 50%;left: 100%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;visibility: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}


.certificates .main-title h2:before {
    height: 8px;
    bottom: 8px;
}

.certificates .certificates-list .certificates-item .item-img:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: #000000;border-radius: 10px;opacity: 0;pointer-events: none;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}

.certificates .certificates-list .certificates-item:before {content: "";position: absolute;top: 100px;right: 0;left: 0;bottom: 0;background: #FAFAFA;border-radius: 25px;pointer-events: none;}

.certificates .certificates-list .certificates-item:nth-child(3n+1) {
    margin-left: 0;
}

.certificates .certificates-list .certificates-item:nth-child(n+4) {
    margin-top: 100px;
}

@media (hover:hover){
    .certificates .certificates-list .certificates-item:hover .item-img:before {
        opacity: 0.5;
    }

    .certificates .certificates-list .certificates-item:hover .item-img .icon {
        -webkit-transform: translate(-50%, -50%) rotate(0) scale(1);
            -ms-transform: translate(-50%, -50%) rotate(0) scale(1);
                transform: translate(-50%, -50%) rotate(0) scale(1);
        opacity: 1;
    }

    .certificates .certificates-list .certificates-item:hover .item-img {
        -webkit-transform: translateY(-13px);
            -ms-transform: translateY(-13px);
                transform: translateY(-13px);
    }

    .certificates .certificates-list .certificates-item:hover .item-text h3 {
        -webkit-transform: translateX(-80%);
            -ms-transform: translateX(-80%);
                transform: translateX(-80%);
        opacity: 0;
        visibility: hidden;
    }

    .certificates .certificates-list .certificates-item:hover .item-text span {
        opacity: 1;
        visibility: visible;
        left: 50%;
    }

}

@media only screen and (max-width: 1700px){
    .certificates .certificates-list {
        padding: 0 10vw;
    }
}

@media only screen and (max-width: 1370px){
    .certificates .certificates-list {
        padding: 0 4vw 0 6vw;
    }
}

@media only screen and (max-width: 1199px){
    .certificates {
        padding: 190px 0;
    }

    .certificates .main-title h2 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 991px){
    .certificates {
        padding: 190px 0;
    }

    .certificates .main-title h2 {
        font-size: 40px;
    }
    .certificates .main-title h2 {
        font-size: 35px;
    }

    .certificates {
        padding: 170px 0;
    }

    .certificates .main-title {
        margin-bottom: 70px;
    }

    .certificates .certificates-list .certificates-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 46%;
                flex: 0 0 46%;
    }

    .certificates .certificates-list .certificates-item:nth-child(2n+1) {
        margin-left: 0;
    }

    .certificates .certificates-list .certificates-item:nth-child(2n+2) {
        margin-left: 5.4%;
    }

    .certificates .certificates-list .certificates-item:nth-child(n+3) {
        margin-top: 80px;
    }

    .certificates .certificates-list .certificates-item .item-img {
        -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
                transform: scale(0.9);
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px){
    .certificates .main-title h2 {
        font-size: 27px;
    }

    .certificates .main-title h2:before {
        height: 5px;
        bottom: 5px;
    }

    .certificates {
        padding: 120px 0 150px;
    }

    .certificates .main-title {margin-bottom: 30px;}

    .certificates .certificates-list .certificates-item {
        margin-left: 0 !important;
    }

    .certificates .certificates-list .certificates-item:nth-child(n+2) {
        margin-top: 20px;
    }

    .certificates .certificates-list {
        padding: 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .certificates .certificates-list .certificates-item .item-img {
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
        margin-bottom: -10px;
    }

    .certificates .certificates-list .certificates-item .item-text h3 {
        font-size: 18px;
    }
}

/* FAQ */
.faq{padding: 250px 0 250px 80px;}
header.faq-header {
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0);
}
.faq .faq-container .faq-row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.faq .faq-container .faq-row .page-menu{-webkit-box-flex: 0;-ms-flex: 0 0 430px;flex: 0 0 430px;/* max-width: 430px; *//* top: 0; */}
.faq .faq-container .faq-row .page-menu ul li a {max-width: 98%;display: block;}
.faq .faq-container .faq-row .faq-list-row{display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: 8.9vw;-webkit-box-flex: 0;-ms-flex: 0 0 70%;flex: 0 0 70%;overflow: hidden;}
.faq .faq-container .faq-row .faq-list-row .faq-list{max-width: 620px;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;position: relative;}
.faq .faq-container .faq-row .faq-list-row .faq-list .faq-item + .faq-item{margin-top: 80px;}
.faq .faq-container .faq-row .faq-list-row .faq-list .faq-item .page-text{margin-bottom: 40px;}
.faq .faq-container .faq-row .faq-list-row .faq-list .faq-item p{font-weight: 300;font-size: 20px;color: #5f7b5e;margin-bottom: 0;}

.faq .faq-container .faq-row .faq-list-row .faq-img {
    width: 31.5vw;
    background-image: url(../img/main/faq-img.png);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    /* margin-left: 180px; */
    position: fixed;
    height: 54.2vw;
    top: 170px;
    right: -140px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.faq .faq-container .faq-row .faq-list-row .faq-img.in-active {
    position: absolute;
}

@media only screen and (max-width: 1700px){
    .faq .faq-container .faq-row .faq-list-row .faq-img {
        width: 29vw;
        height: 47vw;
    }
}

@media only screen and (max-width: 1550px){
    .faq .faq-container .faq-row .faq-list-row .faq-img {
        width: 24vw;
    }

    .faq .faq-container .faq-row .faq-list-row {
        margin-left: 7vw;
    }
}

@media only screen and (max-width: 1450px){
    .faq .faq-container .faq-row .faq-list-row .faq-list {
        max-width: 500px;
    }
}

@media only screen and (max-width: 1370px){
    .faq {
        padding-left: 50px;
    }
}

@media only screen and (max-width: 1199px){
    .faq .faq-container .faq-row .faq-list-row .faq-img {
        display: none;
    }

    .faq .faq-container .faq-row .page-menu {-webkit-box-flex: 0;-ms-flex: 0 0 400px;flex: 0 0 400px;padding-bottom: 0;}

    .faq .faq-container .faq-row .page-menu ul li a {
        max-width: 80%;
    }

    .faq .faq-container .faq-row .faq-list-row {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 45%;
                flex: 0 0 45%;
        padding-bottom: 300px;
    }

    .faq {
        padding-top: 200px;
    }

    .faq .faq-container .faq-row .faq-list-row .faq-list:before {
        top: 100px;
        width: 500px;
        left: 400px;
    }
}

@media only screen and (max-width: 991px){
    .faq .faq-container .faq-row {
        display: block;
    }

    .faq {
        padding: 160px 20px;
    }

    .faq .faq-container .faq-row .page-menu {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .faq .faq-container .faq-row .page-menu ul li a {max-width: 100%;}

    .faq .faq-container .faq-row .faq-list-row {
        margin-left: 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-bottom: 100px;
    }

    .faq .faq-container .faq-row .faq-list-row .faq-list:before {
        visibility: hidden;
    }
}

@media only screen and (max-width: 767px){
    .faq {
        padding: 120px 0;
    }

    .faq .page-text h3 {
        font-size: 20px;
    }

    .faq .faq-container .faq-row .faq-list-row .faq-list .faq-item .page-text {
        margin-bottom: 20px;
    }

    .faq .faq-container .faq-row .faq-list-row .faq-list .faq-item p {
        font-size: 17px;
    }
    .faq .faq-container .faq-row .page-menu {
        position: -webkit-sticky;
        position: sticky;
        top: 50px;
        background: #ffff;
        z-index: 11;
        padding-top: 30px;
        margin-top: -30px;
    }
    .faq .faq-container .faq-row .faq-list-row {
        padding: 0 30px;
    }

    .faq .faq-container .faq-row .faq-list-row .faq-list .faq-item + .faq-item {
        margin-top: 50px;
    }
}

/* Footer */
footer { position: relative; background: #ffffff; }
footer > .footer-container{margin: 0 30px;background: #FAFAFA;border-radius: 30px;padding-bottom: 50px;}
footer .footer-container .footer-basket-info{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transform: translateY(-90px);-ms-transform: translateY(-90px);transform: translateY(-90px);margin-bottom: -20px;}
footer .footer-container .footer-basket-info .basket-info-item{ -webkit-box-flex: 0; -ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 387px; height: 190px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #FFFCF5; position: relative; }
footer .footer-container .footer-basket-info .basket-info-item:first-child { border-radius: 37px 0 0 37px; }
footer .footer-container .footer-basket-info .basket-info-item:last-child { border-radius: 0 37px 37px 0; }
footer .footer-container .footer-basket-info .basket-info-item:before {content: "";position: absolute;top: -20px;right: -20px;left: -20px;bottom: -20px;background: white;z-index: -1;}
footer .footer-container .footer-basket-info .basket-info-item:first-child:before { border-radius: 37px 0 0 37px; }
footer .footer-container .footer-basket-info .basket-info-item:last-child:before { border-radius: 0 37px 37px 0; }
footer .footer-container .footer-basket-info .basket-info-item + .basket-info-item{margin-left: 15px;}
footer .footer-container .footer-basket-info .basket-info-item .info-icon{margin-bottom: 30px;}
footer .footer-container .footer-basket-info .basket-info-item h5{font-size: 15px;color: #1a2138;margin-bottom: 5px;}
footer .footer-container .footer-basket-info .basket-info-item span{color: #3D455A;opacity: 0.5;font-size: 15px;}

footer .footer-container .footer-menu{margin-bottom: 20px;}
footer .footer-container .footer-menu ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
footer .footer-container .footer-menu ul li + li{margin-left: 30px;}
footer .footer-container .footer-menu ul li a{font-weight: 300;font-size: 15px;color: #0f290e;display: block;}

footer .footer-container .footer-contact ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
footer .footer-container .footer-contact ul li + li{margin-left: 20px;padding-left: 20px;border-left: 1px solid #DEDEDE;}
footer .footer-container .footer-contact ul li a{font-weight: 300;font-size: 20px;color: #0f290e;display: block;}

footer .biltek {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
footer > .footer-copyright{background: #ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 20px 18.4vw;}
footer .footer-copyright p{font-size: 15px;color: #a3a3a3;margin-bottom: 0;}
footer .footer-copyright .footer-card{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
footer .footer-copyright .footer-card .footer-card-item + .footer-card-item { margin-left: 15px; }
footer .footer-copyright .biltek a{color: #A3A3A3;font-size: 15px;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

@media (hover:hover){
    footer .footer-container .footer-menu ul li a:hover {
        color: #000;
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }

    footer .footer-container .footer-contact ul li a:hover {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
        color: #000;
    }
}

@media only screen and (max-width: 1199px){
    footer > .footer-copyright {
        padding: 20px 12vw;
    }

    footer .footer-container .footer-basket-info .basket-info-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 27%;
                flex: 0 0 27%;
    }

    footer .footer-container .footer-basket-info .basket-info-item h5 {
        font-size: 14px;
    }

    footer .footer-container .footer-menu {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 991px){
    footer > .footer-copyright {
        padding: 20px 50px;
    }

    footer > .footer-container {
        margin: 0 20px;
    }

    footer .footer-container .footer-basket-info .basket-info-item:before {
        bottom: -15px;
        left: -15px;
        right: -15px;
        top: -15px;
    }

    footer .footer-container .footer-basket-info .basket-info-item .info-icon {
        -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
                transform: scale(0.9);
        margin-bottom: 20px;
    }

    footer .footer-container .footer-basket-info .basket-info-item h5 {
        font-size: 13px;
    }

    footer .footer-container .footer-basket-info .basket-info-item span {
        font-size: 13px;
    }

    footer .footer-container .footer-basket-info .basket-info-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 30%;
                flex: 0 0 30%;
        height: 170px;
    }

    footer .footer-container .footer-menu {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px){
    footer .footer-container .footer-basket-info {
        display: none;
        -webkit-transform: translateY(-50px);
            -ms-transform: translateY(-50px);
                transform: translateY(-50px);
        margin-bottom: 0;
    }

    footer > .footer-container {
        padding-bottom: 25px;
    }

    footer .footer-container .footer-menu ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-transform: translateX(-13px);
        -ms-transform: translateX(-13px);
        transform: translateX(-13px);
        margin-bottom: 30px;
    }
    footer .footer-container .footer-contact {
        border: 1px solid #FED294;
        border-radius: 100px;
        padding: 12px 0;
        margin: 0 20px;
    }

    footer > .footer-container .footer-copyright {
        text-align: center;
        margin-top: 30px;
    }

    footer .footer-container .footer-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        max-width: 200px;
        margin: 0 auto -3px;
        background: #FFFCF5;
        border: 5px solid #fff;
        padding: 10px 0;
        border-radius: 100px;
        -webkit-transform: translateY(-26px);
            -ms-transform: translateY(-26px);
                transform: translateY(-26px);
    }

    footer .footer-container .footer-card .footer-card-item + .footer-card-item {
        margin-left: 15px;
    }
    footer .footer-container .footer-basket-info .basket-info-item .info-icon {
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
        margin-bottom: 10px;
    }

    footer .footer-container .footer-basket-info .basket-info-item span {
        font-size: 14px;
    }

    footer .footer-container .footer-basket-info .basket-info-item {
        max-width: 80%;
        margin: 0 auto !important;
        height: 140px;
    }

    footer .footer-container .footer-basket-info .basket-info-item + .basket-info-item {
        margin-left: 0;
    }

    footer .footer-container .footer-basket-info .basket-info-item:last-child:before {
        border-radius: 0 0 37px 37px;
    }

    footer .footer-container .footer-basket-info .basket-info-item:first-child:before {
        border-radius: 37px 37px 0 0;
    }

    footer .footer-container .footer-basket-info .basket-info-item:first-child {
        border-radius: 37px 37px 0 0;
    }

    footer .footer-container .footer-basket-info .basket-info-item:last-child {
        border-radius: 0 0 37px 37px;
    }

    /* Footer menü responsive düzenlemesi */
    footer .footer-container .footer-menu {
        margin-bottom: 20px;
        padding: 0 15px;
    }
    
    footer .footer-container .footer-menu ul {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 15px;
        transform: none;
    }
    
    footer .footer-container .footer-menu ul li {
        flex: 1;
        min-width: calc(50% - 10px);
        max-width: calc(50% - 10px);
        text-align: center;
        background: none;
        border-radius: 0;
        margin: 0;
        padding: 10px 15px;
        border: none;
    }
    
    footer .footer-container .footer-menu ul li + li {
        margin-left: 0;
    }
    
    footer .footer-container .footer-menu ul li:nth-child(2n) {
        text-align: center;
        border-left: none;
        padding-left: 15px;
        margin-left: 0;
    }
    
    footer .footer-container .footer-menu ul li a {
        padding: 8px 0;
        font-size: 14px;
        font-weight: 500;
        color: #0f290e;
        display: block;
        text-decoration: none;
        transition: all 0.3s ease;
    }
    
    footer .footer-container .footer-menu ul li:hover {
        background: none;
        transform: none;
    }

    footer .footer-container .footer-contact ul li a {
        font-size: 15px;
    }

    footer .footer-container .footer-contact ul li + li {
        margin-left: 10px;
        padding-left: 10px;
    }

    footer > .footer-copyright {
        padding: 20px 0;
        display: block;
        text-align: center;
    }

    footer .footer-copyright .footer-card {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 15px 0 20px;
    }

    footer .footer-copyright p {
        font-size: 14px;
    }

    footer .biltek {
        /* position: absolute; */
        /* bottom: 0; */
        /* left: 0; */
        /* right: 0; */
        /* background: #f1f1f1; */
        /* padding: 8px 0; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

/**/

.franc {
    padding: 230px 0;
}

.franc .franc-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.franc .franc-row .franc-text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 620px;
    border-right: 1px solid rgba(15, 41, 14, 0.1);
    padding-right: 40px;
    margin-right: 7.3vw;
    padding-top: 40px;
    padding-bottom: 60px;
    margin-top: -40px;
}


.franc .franc-row .franc-text .franc-content::-webkit-scrollbar {
  width: 3px;
}
.franc .franc-row .franc-text .franc-content::-webkit-scrollbar-thumb {
  background: #d6d6d6; 
}

.franc .franc-row .franc-text .page-text {
    margin-bottom: 50px;
}

.franc .franc-row .franc-text p {
    font-size: 20px;
    color: #5f7b5e;
    margin-bottom: 0;
    font-weight: 300;
}

.franc .franc-row .franc-form {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 820px;
            flex: 0 0 820px;
    position: relative;
}
.franc .franc-row .franc-form .from-bg {
    position: fixed;
    top: 130px;
    right: 8%;
    left: 40%;
    height: 120px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%);
}
.franc .franc-row .franc-form .alert {
    margin: 0 auto 40px;
    width: 90%;
    border-radius: 100px;
}
.franc .franc-row .franc-form .form-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 100px;
    background: #d6edd3;
    padding: 13px 35px;
    margin: 0 60px 90px;
}

.franc .franc-row .franc-form .form-info .icon {
    margin-right: 40px;
}

.franc .franc-row .franc-form .form-info p {
    font-weight: normal;
    font-size: 20px;
    color: #0f290e;
    margin-bottom: 0;
}

.franc.dealers .franc-row .franc-form .form-item-container .form-item .form-input + .form-input {
    margin-top: 30px;
}

.franc.dealers .franc-row .franc-form .form-item-container {
    width: 90%;
    margin: 0 auto;
}

.franc .franc-row .franc-form .form-item-container .form-item {
    border: 1px solid rgba(15, 41, 14, 0.1);
    border-radius: 23px;
    position: relative;
    padding: 40px 33px;
}

.franc .franc-row .franc-form .form-item-container .form-item .page-text h3 {
    font-size: 20px;
    font-weight: normal;
}

.franc .franc-row .franc-form .form-item-container .form-item .page-text {
    position: absolute;
    top: -13px;
    left: 26px;
    background: white;
    padding: 0 15px;
}

.franc .franc-row .franc-form .form-item-container .form-item .form-item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 10px);
            flex: 0 0 calc(33% - 10px);
}
.franc .franc-row .franc-form .form-item-container .form-item .form-input .form-control::-webkit-input-placeholder {
  color: rgba(15, 41, 14, 0.54);
}

.franc .franc-row .franc-form .form-item-container .form-item .form-input .form-control:-ms-input-placeholder {
  color: rgba(15, 41, 14, 0.54);
}

.franc .franc-row .franc-form .form-item-container .form-item .form-input .form-control::-moz-placeholder {
  color: rgba(15, 41, 14, 0.54);
}

.franc .franc-row .franc-form .form-item-container .form-item .form-input .form-control::-ms-input-placeholder {
  color: rgba(15, 41, 14, 0.54);
}

.franc .franc-row .franc-form .form-item-container .form-item .form-input .form-control::placeholder {
  color: rgba(15, 41, 14, 0.54);
}
.franc .franc-row .franc-form .form-item-container .form-item .form-input .form-control {
    border: 2px solid #d6edd300;
    font-weight: 300;
    font-size: 19px;
    text-align: left;
    color: rgba(15, 41, 14, 0.54);
    height: 50px;
    border-radius: 5px;
    background: #fafafa;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    padding: 0 20px;
}
.franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input > span.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    -webkit-transform: translate(0, -50%) rotate(0);
        -ms-transform: translate(0, -50%) rotate(0);
            transform: translate(0, -50%) rotate(0);
    top: 50%;
    background-image: url(../img/svg/select-arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    right: 20px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.franc .franc-row .franc-form .form-item-container .form-item .form-item-center .form-item-row .form-input .form-control {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 2.5px);
            flex: 0 0 calc(50% - 2.5px);
    text-align: center;
}

.franc .franc-row .franc-form .form-item-container .form-item .form-item-el.textarea-item .form-input {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;}

.franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input .form-row .form-control + .form-control {
    margin-left: 5px;
}
.franc .franc-row .franc-form .form-item-container .form-item .form-item-center .form-item-row .form-input h3 {
    text-align: center;
}

.franc .franc-row .franc-form .form-item-container .form-item  .form-input .form-row textarea.form-control {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    resize: none;
    height: 130px;
    padding: 10px 20px;
}
.franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input + .form-input {
    margin-left: 20px;
}

.franc .franc-row .franc-form .form-item-container .form-item + .form-item {
    margin-top: 80px;
}

.franc .franc-row .franc-form .form-item-container .form-item  .form-input h3 {
    font-size: 20px;
    color: #0f290e;
    margin-bottom: 18px;
}

.franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input .select2-container--default .select2-selection--single {
    border-radius: 5px;
    background: #fafafa;
    border: none;
    height: 50px;
}

.franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 300;
    font-size: 19px;
    color: rgba(15, 41, 14, 0.54);
    line-height: 49px;
    padding: 0 20px;
}

.franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input .form-select-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input .form-select-box .select-box-item {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 2.5px);
            flex: 0 0 calc(50% - 2.5px);
    text-align: center;
    height: 50px;
}

.franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input .form-select-box .select-box-item input[type="radio"] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input .form-select-box .select-box-item label {
    margin: 0;
    background: #FAFAFA;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 300;
    font-size: 19px;
    color: rgba(15, 41, 14, 0.54);
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.dealers .franc-row .franc-form .form-item-container .form-item .form-row .form-input {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
    position: relative;
    margin-top: 0 !important;
}

.dealers .franc-row .franc-form .form-item-container .form-item .form-row {
    margin: 20px 0;
}

.dealers .franc-row .franc-form .form-item-container .form-item .form-row .form-input > input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.dealers .franc-row .franc-form .form-item-container .form-item .form-row .form-input .custom-file-label::after {
    display: none;
}
.dealers .franc-row .franc-form .form-item-container .form-item .form-row .form-input label {
    font-weight: 300;
    font-size: 19px;
    text-align: left;
    color: rgba(15, 41, 14, 0.54);
    margin-bottom: 0;
    width: 100%;
    height: 65px;
    border-radius: 5px;
    background: #fafafa;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 20px;
    cursor: pointer;
    line-height: normal;
    border: none;
}

.dealers .franc-row .franc-form .form-item-container .form-item .form-row .form-input label span {
    display: block;
}

.dealers .franc-row .franc-form .form-item-container .form-item .form-row .form-input label svg path {
    fill: #0f290e;
}

.dealers .franc-row .franc-form .form-item-container .form-item .form-row .form-input + .form-input {
    margin-left: 20px;
}

.dealers .franc-row .franc-form .form-item-container .form-item .form-row .form-input > svg {
    opacity: 0.5;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.dealers .franc-row .franc-form .form-item-container .form-item .form-row .form-input:hover > svg {
    opacity: 1;
}
.dealers .franc-row .franc-form .form-item-container .form-item .form-row .form-input > svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 20px;
    z-index: 1;
    opacity: 0.5;
}
.franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input .form-select-box .select-box-item + .select-box-item {
    margin-left: 5px;
}

.franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input .form-select-box .select-box-item input[type="radio"]:checked ~ label {
    background: #d6edd3;
    color: #000;
}

.select2-search--dropdown {
    padding: 5px 3px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #cbe4c8;
    color: #000;
}

.select2-results__option {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.select2-dropdown {
    background: #fafafa;
    border: none;
}
.user-screen.user-screen-table .user-screen-container .user-screen-content .select2-container {
    width: 100%
 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    background: transparent;
    border-radius: 5px;
    border-color: #c4c4c4;
}

.product-select-dp span.select2-search { display: none; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow {
    -webkit-transform: translate(0, -50%) rotate(180deg);
        -ms-transform: translate(0, -50%) rotate(180deg);
            transform: translate(0, -50%) rotate(180deg);
}

.franc .franc-row .franc-form .form-item-container .form-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 70px;
    margin-top: 60px;
}

.franc .franc-row .franc-form .form-item-container .form-button {
    max-width: 170px;
    margin-left: 40px;
}

.franc .franc-row .franc-form .form-item-container .form-button button {
    font-weight: bold;
    font-size: 28px;
    color: #0f290e;
    border: 2px solid #d6edd300;
    border-radius: 5px;
    background: #fafafa;
    padding: 0 40px;
    width: 100%;
    height: 100%;
    outline: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.franc .franc-row .franc-form .form-item-container .form-submit .captcha input {
    font-weight: 300;
    font-size: 28px;
    color: rgba(15, 41, 14, 0.54);
    height: 100%;
    border-radius: 5px;
    background: #fafafa;
    border: 2px solid #d6edd300;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-align: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.captcha img.captcha_img {
    /* height: 100%; */
    /* max-height: 100%; */
    width: 90%;
}

.franc .franc-row .franc-form .form-item-container .form-submit .captcha {
    padding: 0;
    max-width: 170px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 20px);
            flex: 0 0 calc(50% - 20px);
    background: #fafafa;
    border-radius: 5px;
}
.franc .franc-row .franc-form .form-item-container .form-item .form-input .form-control:focus, .franc .franc-row .franc-form .form-item-container .form-item .form-input.active .form-control, .franc .franc-row .franc-form .form-item-container .form-item .form-row.active .form-control {
    color: #0F290E;
    background: #F1F1F1;
    border-color: #d6edd3;
}

.franc .franc-row .franc-form .form-item-container .form-submit .captcha input:focus, .franc .franc-row .franc-form .form-item-container .form-submit .captcha.active input {
    color: #0F290E;
    background: #F1F1F1;
    border-color: #d6edd3;
}

.franc .franc-row .franc-form .form-item-container .form-submit .captcha + .captcha {
    margin-left: 40px;
}

@media (hover:hover){
    .franc .franc-row .franc-form .form-item-container .form-button button:hover {
        background: #F1F1F1;
        border-color: #d6edd3;
    }
    .franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input .form-select-box .select-box-item label:hover {
        background: rgba(214, 237, 211, 0.5);
    }
}


@media only screen and (max-width: 1650px){
    .franc .franc-row .franc-text {
        margin-right: 4vw;
    }
}

@media only screen and (max-width: 1550px){
    .franc .franc-row .franc-form {
        -webkit-transform: scale(0.9) translateY(-80px);
            -ms-transform: scale(0.9) translateY(-80px);
                transform: scale(0.9) translateY(-80px);
    }
    .franc .franc-row .franc-text {
        margin-right: 2vw;
    }
}

@media only screen and (max-width: 1450px){
    .franc .franc-row .franc-text {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 37%;
                flex: 0 0 37%;
    }

    .franc .franc-row .franc-text .franc-content {
        max-height: calc(100vh - 420px);
    }
}

@media only screen and (max-width: 1370px){
    .franc .franc-row .franc-form {
        -webkit-transform: scale(0.8) translateY(-180px);
            -ms-transform: scale(0.8) translateY(-180px);
                transform: scale(0.8) translateY(-180px);
    }

    .franc .franc-row .franc-text {
        margin-right: 0;
    }
    .franc.dealers .franc-row .franc-form {
        -webkit-transform: scale(0.8) translateY(-130px);
            -ms-transform: scale(0.8) translateY(-130px);
                transform: scale(0.8) translateY(-130px);
    }
}

@media only screen and (max-width: 1199px){
    .franc .franc-row {
        display: block;
    }

    .franc .franc-row .franc-text {
        max-width: 100%;
        margin: 0;
        padding: 0 60px 20px;
        position: relative;
        top: 0;
    }
    .franc.dealers .franc-row .franc-form {
        -webkit-transform: scale(0.9) translateY(0);
            -ms-transform: scale(0.9) translateY(0);
                transform: scale(0.9) translateY(0);
    }
    .franc .franc-row .franc-text {
        border-right: none;
    }
    .franc {
        padding: 170px 0;
    }
    .franc .franc-row .franc-form .from-bg {
        display: none;
    }
    .franc .franc-row .franc-text .franc-content {max-height: initial;padding-right: 0;}

    .franc .franc-row .franc-form {
        -webkit-transform: scale(0.9) translateY(0);
            -ms-transform: scale(0.9) translateY(0);
                transform: scale(0.9) translateY(0);
    }
}

@media only screen and (max-width: 767px){
    .franc {
        padding: 120px 0 90px;
        overflow: hidden;
    }
    .franc .franc-row .franc-form .form-item-container .form-submit .captcha + .captcha {
        margin-left: 20px;
    }

    .franc .franc-row .franc-form .form-item-container .form-submit .captcha {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(50% - 12px);
                flex: 0 0 calc(50% - 12px);
        max-width: initial;
    }
    .franc.dealers .franc-row .franc-form .form-item-container .form-submit .form-row.form-captcha {
        height: 100%;
    }
    .franc .franc-row .franc-form .form-item-container .form-submit .captcha a {
        width: 26px;
        height: 26px;
        font-size: 16px;
    }
    .franc .franc-row .franc-text {
        padding: 0 30px;
    }

    .franc .franc-row .franc-text p {
        font-size: 18px;
    }

    .franc .franc-row .franc-text .page-text {
        margin-bottom: 30px;
    }
    .dealers .franc-row .franc-form .form-item-container .form-item .form-row {
        display: block;
    }

    .dealers .franc-row .franc-form .form-item-container .form-item .form-row .form-input + .form-input {margin-left: 0;margin-top: 20px !important;}
    .franc .franc-row .franc-text .page-text h2 {
        font-size: 21px;
    }

    .franc .franc-row .franc-form {
        -webkit-transform: scale(0.9) translateY(0);
            -ms-transform: scale(0.9) translateY(0);
                transform: scale(0.9) translateY(0);
        margin-top: -40px;
    }

    .franc .franc-row .franc-form .form-info {
        margin: 0;
    }

    .franc .franc-row .franc-form .form-info .icon {
        -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
                transform: scale(0.9);
        margin-right: 20px;
    }
    .franc.dealers .franc-row .franc-form {
        -webkit-transform: scale(0.9) translateY(0);
            -ms-transform: scale(0.9) translateY(0);
                transform: scale(0.9) translateY(0);
        margin-top: 30px;
    }

    .franc .franc-row .franc-form .form-info {
        margin-bottom: 50px;
    }

    .franc .franc-row .franc-form .form-item-container .form-button button {
        padding: 0;
        font-size: 24px;
    }
    .franc .franc-row .franc-form .form-info p {
        font-size: 16px;
    }

    .franc .franc-row .franc-form .form-item-container {
        margin-top: 50px;
    }

    .franc .franc-row .franc-form .form-item-container .form-item .form-item-row {
        display: block;
    }

    .franc .franc-row .franc-form .form-item-container .form-item .form-item-row .form-input + .form-input {
        margin-left: 0;
        margin-top: 20px;
    }

    .franc .franc-row .franc-form .form-item-container .form-submit {
        display: block;
        -webkit-transform: scale(0.85);
            -ms-transform: scale(0.85);
                transform: scale(0.85);
        margin-top: 40px;
    }

    .franc .franc-row .franc-form .form-item-container .form-button {
        height: 70px;
        line-height: 69px;
        margin-left: auto;
        margin-top: 20px;
        max-width: 100%;
        margin-right: -2px;
    }
}


/* Prouctl ist */

.products {
    padding: 250px 0 280px;
}

.products .s-container {
    margin: 0;
}
.products .product-header.active {
    background: #fff;
    -webkit-box-shadow: 0px 3px 35px rgba(15, 41, 14, 0.05);
            box-shadow: 0px 3px 35px rgba(15, 41, 14, 0.05);
}
.products .product-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 80px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    padding: 20px 300px;
}
.products .product-header .product-category .slide-btn:before {content: "";position: absolute;top: -10px;bottom: -10px;width: 200px;right: -30px;background: -webkit-gradient(linear, right top, left top, color-stop(30%, white), to(#ffffff00));background: -o-linear-gradient(right, white 30%, #ffffff00);background: linear-gradient(to left, white 30%, #ffffff00);}

.products .product-header .product-category .slide-btn svg {
    position: relative;
    opacity: 0.7;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 16px;
    height: 27px;
}

.products .product-header .product-category .slide-btn.slide-btn-prev:before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, white), to(#ffffff00));
    background: -o-linear-gradient(left, white 30%, #ffffff00);
    background: linear-gradient(to right, white 30%, #ffffff00);
}

.products .product-header .product-category .slide-btn svg:hover {
    opacity: 1;
}
.products .product-header .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0;
}
.products .product-header .product-category {
    max-width: 77%;
}
.products .product-header .product-category .slide-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.products .product-header .product-category .slide-btn-prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}

.products .product-header .product-category .slide-btn-next {
    right: 20px;
}
.products .product-header .product-category .category-list.swiper-container {
    padding: 0 40px;
}

.products .product-header .product-category .slide-btn.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

.products .product-header .product-category .category-list a {
    font-weight: 300;
    font-size: 25px;
    display: block;
    color: #959595;
    width: auto;
}

.products .product-header .product-category .category-list a + a {
    margin-left: 0;
    padding-left: 0;
}

.products .product-header .product-category .category-list a + a:before {content: "";position: absolute;top: 0;bottom: 0;left: -30px;width: 1px;background: #FED294;}

.products .product-header .product-category .category-list a.active {
    color: #0F290E;
}

.products .product-list {
    /* display: flex; */
    /* flex-wrap: wrap; */
    margin: 0 300px;
}

.products .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 300;
    font-size: 25px;
    color: #959595;
}

.products .select2-container--default .select2-selection--single {
    border: none;
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.products .product-header .product-filter {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 250px;
}
.products .product-header .product-filter > span.select2 {
    width: 100% !important;
}

@media only screen and (max-width: 1700px){
    .products .product-list {
        margin: 0 200px;
    }
    .products .product-header{
        padding: 20px 200px;
    }
}

@media only screen and (max-width: 1550px){
    .products .product-list {
        margin: 0 140px;
    }
    .products .product-header{
        padding: 20px 150px;
    }
}

@media only screen and (max-width: 1199px){
    .products .product-list {
        margin: 0 100px 0 70px;
    }

    .products .product-header {
        padding: 20px 60px;
    }

    .products {
        padding-top: 190px;
    }

    .products .product-header .product-category {
        max-width: 70%;
    }
}

@media only screen and (max-width: 991px){
    .products .product-header .product-filter {
        display: none;
    }

    .products .product-header .product-category {
        max-width: 100%;
    }

    .products {
        padding: 160px 0 220px;
    }

    .products .product-header {
        padding: 20px 30px;
        margin-bottom: 30px;
    }

    .products .product-header .product-category .category-list a {
        font-size: 20px;
    }

    .products .product-list {
        margin: 0 60px;
    }
}

@media only screen and (max-width: 767px){
    .products {
        padding: 100px 0 140px;
    }
    .products .product-header .product-category .slide-btn:before {
        width: 100px;
    }
    .products .product-header {
        padding: 50px 0 20px;
        margin-bottom: -30px;
        top: 50px;
        background: #fff;
    }

    .products .product-header .product-category .category-list a {
        font-size: 16px;
    }

    .products .product-header .product-category .slide-btn-prev {
        left: 20px;
    }

    .products .product-list {
        margin: 0 30px;
        padding: 0;
    }
    .products .product-list > .alert {
        margin-top: 51px;
    }
}

/* Blog / New Detail */
.blog-detail{ padding:190px 0 200px;}
.blog-detail.full-active .blog-detail-row .blog-detail-content {
    max-width: 90%;
    margin: 0 auto;
}
.blog-detail .page-menu .page-menu-item ul li a{ max-width:300px; display:block; margin-right:30px;}
.blog-detail .blog-detail-row{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.blog-detail .blog-detail-row .blog-detail-content{ max-width:56.3vw; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; margin:0 7.8vw 0 auto;}
.blog-detail .blog-detail-row .blog-detail-content .detail-bg{ height:150px; margin-top:-100px; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0))); background:-o-linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%); background:linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%); position:-webkit-sticky; position:sticky; top:100px; z-index:9; pointer-events:none;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-img{ height:24.2vw; position:relative; border-radius:30px 30px 0 0; margin-bottom:35px;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-body .summary-text {
    margin-bottom: 70px;
}

.blog-detail .blog-detail-row .blog-detail-content .detail-content-body > p {
    position: relative;
    margin-bottom: 0;
}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-img .blog-header-img{ position:absolute; top:0; right:0; left:0; bottom:0; background-size:cover; background-position:center; border-radius:30px 30px 0 0;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding-bottom:35px; border-bottom:1px solid rgba(15, 41, 14, 0.1);}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-left span{ display:block; font-weight:300; font-size:15px; color:#0f290e;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-left{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-left time{font-weight:300;font-size:15px;color:#0f290e;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-left > div + div {
    border-left: 1px solid #D6D6D6;
    margin-left: 15px;
    padding-left: 15px;
}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-right{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-right .share{ font-weight:300; font-size:15px; color:#0f290e; display:block;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-right .social-media{ margin-left:30px;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-right .social-media ul li a{ opacity:1;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-right .social-media ul li a svg{
    width: 17px;
    height: 17px;
}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-right .social-media ul li + li{ margin-left:25px;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-body{ text-align:center; max-width:910px; margin:0 auto; padding:50px 30px 0;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-body .page-text{ margin-bottom:60px;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-body .page-text h3{ font-weight:normal;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-body .summary-text p{ font-weight:normal; font-size:20px; line-height:24px; color:#0f290e; margin-bottom:0;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-body .content-text p{ font-weight:300; font-size:15px; line-height:25px; color:#717171; margin-bottom:0;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-body .content-text iframe {
    width: 100%;
}
.blog-detail .album .album-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -50px;
    right: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.blog-detail .album .album-button .swiper-button-next, .blog-detail .album .album-button .swiper-button-prev {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 0;
    height: auto;
}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-body .content-text{ margin-top:80px;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-body .content-img{ height:320px; position:relative; margin-top:60px; border-radius:30px;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-body img{border-radius: 20px;-o-object-fit: cover;object-fit: cover;height: 280px;}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-body img + img {
    margin-top: 40px;
}
.blog-detail .blog-detail-row .blog-detail-content .detail-content-body img.fake{ position:absolute; top:60px; right:0; left:0; bottom:0; opacity:0.79; -webkit-filter:blur(40px); filter:blur(40px); -webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9); z-index:-1; pointer-events:none;}

@media (hover:hover){
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-right .share:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); color: #000000; }
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-right .social-media ul li a:hover svg path { fill: #000000; }
}

@media only screen and (max-width: 1700px){
    .blog-detail .blog-detail-row .blog-detail-content {
        margin-right: 3vw;
    }
}

@media only screen and (max-width: 1600px){
    .blog-detail .blog-detail-row .blog-detail-content {
        margin-right: 0;
    }   
}

@media only screen and (max-width: 1470px){
    .blog-detail .blog-detail-row .blog-detail-content {margin-right: -30px;}    
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body img {
        height: 230px;
    }
}

@media only screen and (max-width: 1199px){
    .blog-detail .blog-detail-row .blog-detail-content{margin:0;max-width: 55%;-webkit-box-flex: 0;-ms-flex: 0 0 55%;flex: 0 0 55%;}
    .blog-detail .s-container{ margin:0 60px;}
    .blog-detail{ padding-top:150px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body img {
        height: 200px;
    }
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body .page-text h3{ font-size:26px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body .page-text{ margin-bottom:40px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body .content-img{ height:220px;}
}

@media only screen and (max-width: 991px){
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body img {
        height: 260px;
    }
    .blog-detail .blog-detail-row { display: block; }
    .blog-detail .blog-detail-row .blog-detail-content .detail-bg { display: none; }
    .blog-detail .s-container { margin: 0; }
    .blog-detail .blog-detail-row .blog-detail-content { max-width: 90%; margin: 40px auto 0; }
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-img { height: 300px; }
}

@media only screen and (max-width: 767px){
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-img{ height:160px; margin-bottom:20px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info{ display:block;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-right{ margin-top:20px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-left span{ font-size:13px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-header .content-header-info .info-left time{ font-size:13px; margin-left:10px; padding-left:10px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body .page-text h3{ font-size:20px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body .page-text h3:before{ visibility:hidden;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body{ max-width:100%; padding:30px 10px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body .summary-text p{ font-size:17px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body .page-text{ margin-bottom:20px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body .content-img{ height:120px; border-radius:20px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body .content-img img{ border-radius:20px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body .content-text{ margin-top:50px;}
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body .content-img img.fake{ top:30px;}
    .blog-detail{ padding:120px 0 100px;}
    .blog-detail .blog-detail-row .blog-detail-content {
        max-width: 84%;
    }
    .blog-detail .album .album-button {
        right: -35px;
        left: -35px;
    }
    .blog-detail .blog-detail-row .blog-detail-content .detail-content-body img {
        height: 200px;
    }
}

/* POS */
.pos{ padding:220px 0;}
.pos .pos-row{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
.pos .pos-row .pos-content{ max-width:62vw; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; margin:0 auto;}
.pos .pos-row .pos-content .pos-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;position:-webkit-sticky;position:sticky;top:130px;padding: 100px 10px 60px;background:#fff;z-index:9;margin-top:-100px;}
.pos .pos-row .pos-content .pos-header:before{ content:""; position:absolute; top:0; right:0; left:0; bottom:-200px; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0))); background:-o-linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%); background:linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%); z-index:2; opacity:0; pointer-events:none; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.pos .pos-row .pos-content .pos-header.active:before{ opacity:1;}
.pos .pos-row .pos-content .pos-header .pos-header-item{font-size:20px;color:#a2a2a2;font-weight:300;position:relative;border:1px solid rgba(15, 41, 14, 0.1);border-radius:100px;padding:8px 30px;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;z-index:9;}
.pos .pos-row .pos-content .pos-header .pos-header-item input{ font-weight:normal; font-size:20px; color:#a2a2a2; border:none; padding:0; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; background:transparent; width:90%; transition:0.4s;}
.pos .pos-row .pos-content .pos-header .pos-header-item input:focus{ color:#000;}
.pos .pos-row .pos-content .pos-header .pos-header-item.active{ background:#F1F1F1;}
.pos .pos-row .pos-content .pos-header .pos-header-item.active input{ color:#000;}
.pos .pos-row .pos-content .pos-header .pos-header-item input::-webkit-input-placeholder{ color:#A2A2A2;}
.pos .pos-row .pos-content .pos-header .pos-header-item input:-ms-input-placeholder{ color:#A2A2A2;}
.pos .pos-row .pos-content .pos-header .pos-header-item input::-moz-placeholder{ color:#A2A2A2;}
.pos .pos-row .pos-content .pos-header .pos-header-item input::-ms-input-placeholder{ color:#A2A2A2;}
.pos .pos-row .pos-content .pos-header .pos-header-item input::placeholder{ color:#A2A2A2;}
.pos .pos-row .pos-content .pos-header .pos-header-item svg{ position:absolute; right:30px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.pos .pos-row .pos-content .pos-header .pos-header-item.pos-search{ max-width:500px; -webkit-box-flex:0; -ms-flex:0 0 45%; flex:0 0 45%;}
.pos .pos-row .pos-content .pos-header .pos-header-item.pos-selected {
    text-align: center;
    min-width: 210px;
}

.pos .pos-row .pos-content .pos-header .pos-header-item.total-result > span {
    display: block;
    margin: 0 5px 0px 6px;
    min-width: 13px;
}

.pos .pos-row .pos-content .pos-header .pos-header-item.total-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.pos .pos-row .pos-content .pos-body{
    margin-left: 0;
}
.pos .pos-row .pos-content .pos-body .pos-list{/* display:flex; *//* flex-wrap:wrap; */max-width: 1210px;}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item{/* border-radius:15px; *//* border:1px solid #DDDDDD; */padding: 0 15px;width: 50%;/* float: left; */margin-bottom: 30px;min-height: 250px;}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-title{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #FED294;position: relative;}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-title span{display:block;font-weight:bold;font-size: 18px;min-height: 50px;color:#0f290e;/* text-align: right; */}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-title span.tag-number {
    position: absolute;
    top: 0;
    left: 0;
}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item .pos-item-content {
    border-radius: 15px;
    border: 1px solid #DDDDDD;
    padding: 25px 55px;
    min-height: 250px;
    display: flex;
    flex-direction: column;
}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-title span.picture-item__tags {
    /* padding-left: 28px; */
}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-info{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-info p{font-weight:normal;font-size:15px;line-height:25px;color:#000;margin-bottom:0;max-width: 260px;}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-info .info-item{ margin-left:20px;}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-info .info-item a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-info .info-item a span{ font-size:15px; color:#454545; display:block; margin-left:13px; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item + .pos-item{margin-left: 0;}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item:nth-child(2n+1){ margin-left:0;}
.pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-info .info-item a + a{ margin-top:8px;}

@media (hover:hover){
    .pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-info .info-item a:hover span {color: #fed294;}
}

@media only screen and (max-width: 1550px){
 .pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-info {
    display: block;
}

.pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-info p {
    max-width: 100%;
}

.pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-info .info-item {
    margin-left: 0;
    margin-top: 10px;
}

.pos .pos-row .pos-content .pos-body .pos-list .pos-item .pos-item-content {}
}

@media only screen and (max-width: 1450px){
    .pos .pos-row .pos-content .pos-header .pos-header-item.pos-search { max-width: 350px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; }
    .pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-info { display: block; }
    .pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-info .info-item { margin-left: 0; margin-top: 20px; }
    .pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-info p { max-width: 100%; }
    .pos .pos-row .pos-content .pos-header { padding-top: 90px; padding-bottom: 40px; }
 .pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-title span {
    font-size: 16px;
}

}

@media only screen and (max-width: 1370px){
    .pos .pos-row .pos-content .pos-header .pos-header-item { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }   
    .pos .pos-row .pos-content .pos-body .pos-list .pos-item .pos-item-content {padding: 25px 35px;}
}

@media only screen and (max-width: 1199px){
    .pos { padding: 150px 0; }
 .pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-title span {
    font-size: 1.5vw;
    min-height: 7vw;
}
    .pos .pos-row .pos-content .pos-header { padding-top: 50px; padding-bottom: 50px; top: 110px; }
    .pos .pos-row .pos-content .pos-header .pos-header-item { font-size: 16px; }
    .pos .pos-row .pos-content .pos-header .pos-header-item input { font-size: 18px; }
}

@media only screen and (max-width: 991px){
    .pos .pos-row { display: block; }
 .pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-title span {
    font-size: 2vw;
    min-height: 9vw;
}
    .pos .pos-row .pos-content .pos-header { margin: 0 0 30px; top: 110px; padding: 0; padding: 30px 0; }
    .pos .pos-row .pos-content { max-width: 100%; margin: 0 40px; }
    .pos .pos-row .pos-content .pos-header .pos-header-item { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}

@media only screen and (max-width: 767px){
    .pos{ padding:110px 0 130px;}
    .pos .pos-row .pos-content .pos-header{ -ms-flex-wrap:wrap; flex-wrap:wrap; padding-top:20px; position:relative; top:0; margin-bottom:10px;}
    .pos .pos-row .pos-content{ margin:0 20px;}
    .pos .pos-row .pos-content .pos-header .pos-header-item.pos-search{ max-width:initial; margin-top:15px;}
    .pos .pos-row .pos-content .pos-header .pos-header-item.total-result{ -webkit-box-flex:1; -ms-flex:1 1 50%; flex:1 1 50%; padding-left:15px;margin-top:15px;height:46px;}
    .pos .pos-row .pos-content .pos-header .pos-header-item{ -webkit-box-flex:1; -ms-flex:1 1 50%; flex:1 1 50%; font-size:14px; padding:10px 0; text-align:center;}
    .pos .pos-row .pos-content .pos-header .pos-header-item{height:46px;}
    .pos .pos-row .pos-content .pos-header .pos-header-item input{ font-size:16px;}
    .pos .pos-row .pos-content .pos-header .pos-header-item svg{ width:17px; height:17px; right:20px;}
    .pos .pos-row .pos-content .pos-body .pos-list .pos-item{width: 100%;}
    .pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-title span{ font-size:17px;}
    .pos .pos-row .pos-content .pos-body .pos-list .pos-item .item-title{ margin-bottom:20px; padding-bottom:20px;}
    .pos .pos-row .pos-content .pos-header:before{ visibility:hidden;}
}

/* Contact */
.contact{ height:100vh; position:relative; margin-bottom:130px; overflow:hidden;}
.contact .contact-map{ position:absolute; top:0; right:0; left:0; bottom:0; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.contact .contact-map iframe{ width:100%; height:100%;}
.contact .contact-bottom{ display:-webkit-box; display:-ms-flexbox; display:flex; position:absolute; bottom:0; left:0; right:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.contact .contact-bottom:before{ content:""; position:absolute; top:-20px; right:0; left:0; bottom:0; background-image:url(../img/main/contact-bg.png); background-size:cover; background-position:top; background-repeat:no-repeat; pointer-events:none;}
.contact .contact-bottom .contact-title{ text-align:center; max-width:430px; -webkit-box-flex:0; -ms-flex:0 0 23%; flex:0 0 23%; position:relative; z-index:1;}
.contact .contact-bottom .contact-title .page-text h2{ font-size:50px; margin-bottom:130px;}
.contact .contact-bottom .contact-title .social-media{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative;}
.contact .contact-bottom .contact-title .social-media a{ opacity:0.5; display:block;}
.contact .contact-bottom .contact-info{ padding:70px 6.3vw; position:relative; z-index:1;}
.contact .contact-bottom .contact-info address{ display:-webkit-box; display:-ms-flexbox; display:flex; margin:0;}
.contact .contact-bottom .contact-info address .contact-info-item + .contact-info-item{ margin-left:6.3vw;}
.contact .contact-bottom .contact-info address .contact-info-item > span{font-size:15px;color:#0f290e;font-weight:300;margin-bottom:25px;display: block;}
.contact .contact-bottom .contact-info address .contact-info-item p{ font-size:15px; color:#000; max-width:190px; margin-bottom:35px;}
.contact .contact-bottom .contact-info address .contact-info-item .info-item-link a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.contact .contact-bottom .contact-form{ border-left:1px solid #E6E9E6; padding:30px 0 30px 4.2vw; position:relative; z-index:1;}
.contact .contact-bottom .contact-form h2{ font-weight:bold; font-size:15px; color:#0f290e; margin-bottom:25px;}
.contact .contact-bottom .contact-form .form-group-row{ display:-webkit-box; display:-ms-flexbox; display:flex;}
.contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group{ margin-bottom:0; margin:0;}
.contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group .form-control{ font-weight:300; font-size:16px; color:rgba(15, 41, 14, 0.54); height:40px; border-radius:5px; background:#fafafa; border:2px solid #d6edd300; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; -webkit-box-shadow:none; box-shadow:none; outline:none;}
.contact .contact-bottom .contact-title .page-text h2:before{ bottom:10px;}
.contact .contact-bottom .contact-title .social-media a + a{ margin-left:40px;}
.contact .contact-bottom .contact-info address .contact-info-item .info-item-link a span{ font-size:15px; color:#454545; display:block; margin-left:14px; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.contact .contact-bottom .contact-info address .contact-info-item .info-item-link a + a{ margin-top:8px;}
.contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group + .form-group{ margin-top:13px;}
.contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group textarea.form-control{ height:90px; resize:none;}
.contact .contact-bottom .contact-form .form-group-row .form-group-item + .form-group-item{ margin-left:23px; max-width:330px;}
.contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group .col.captcha{border-radius: 7px;padding:0;height:40px;background: #fafafa;}
.contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group.form-captcha > div{ -webkit-box-flex:0; -ms-flex:0 0 calc(33% - 6px); flex:0 0 calc(33% - 6px);}
.contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group.form-captcha > div input[type="submit"]{ width:100%; height:100%; border:none; font-weight:bold; font-size:16px; color:#0f290e; border-radius:5px; background:#fafafa; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group.active .form-control, .contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group .form-control:focus{ color:#000; background:#f1f1f1; border-color:#d6edd3;}
.contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group .col.captcha input{ text-align:center;}
.contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group.form-captcha > div + div{ margin-left:10px;}
.contact .captcha a{ width:17px; height:17px; font-size:10px; right:0; margin-top:-7px;}

@media (hover:hover){
    .contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group.form-captcha > div input[type="submit"]:hover { background: #f1f1f1; }
    .contact .contact-bottom .contact-info address .contact-info-item .info-item-link a:hover span { color: #4e604c; }
    .contact .contact-bottom .contact-title .social-media a:hover { opacity: 1; }
}

@media only screen and (max-width: 1800px){
    .contact .contact-bottom .contact-info { padding: 70px 5vw; }
}

@media only screen and (max-width: 1700px){
    .contact .contact-bottom .contact-info { padding: 70px 4vw; }
    .contact .contact-bottom .contact-info address .contact-info-item + .contact-info-item { margin-left: 5vw; }
}

@media only screen and (max-width: 1600px){
    .contact .contact-bottom .contact-info address .contact-info-item + .contact-info-item { margin-left: 3vw; }
}

@media only screen and (max-width: 1550px){
    .contact .contact-bottom .contact-form .form-group-row { display: block; }
    .contact .contact-bottom .contact-form .form-group-row .form-group-item + .form-group-item { margin-left: 0; margin-top: 10px; }
    .contact .contact-bottom .contact-title { max-width: 400px; -webkit-box-flex: 0; -ms-flex: 0 26%; flex: 0 26%; margin-top: -100px; }
    .contact .contact-bottom:before { top: 0; bottom: 130px; }
    .contact .contact-bottom:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 140px;background: #ffffff;}
}


@media only screen and (max-width: 1450px){
    .contact { height: 120vh; }
}

@media only screen and (max-width: 1370px){
    .contact { height: 150vh; }
}

@media only screen and (max-width: 1199px){
    .contact { height: 90vh; }
    .contact .contact-bottom {-ms-flex-wrap: wrap;flex-wrap: wrap;background: #ffffff;padding-top: 40px;}
    .contact .contact-bottom .contact-title .page-text h2 { margin-bottom: 40px; margin-right: 0; }
    .contact .contact-bottom .contact-title { max-width: inherit; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 0; text-align: center; margin-bottom: 50px; }
    .contact .contact-bottom .contact-info { margin-left: 6vw; }
    .contact .contact-bottom:before {bottom: 0;top: -40px;background-image: none;}
}

@media only screen and (max-width: 991px){
    .contact{ height:auto;}
    .contact .contact-bottom{ position:relative; padding-bottom:40px;}
    .contact .contact-map{ position:relative; height:700px;}
    .contact .contact-bottom .contact-title{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:0 40px; margin-bottom:30px;}
    .contact .contact-bottom .contact-title .page-text h2{ margin-bottom:0; font-size:40px;}
    .contact .contact-bottom .contact-title .social-media a{ -webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9);}
    .contact .contact-bottom .contact-title .social-media a + a{ margin-left:30px;}
    .contact .contact-bottom .contact-info{ margin:0 0 0 5vw; padding:0; -webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40%;}
    .contact .contact-bottom .contact-info address .contact-info-item{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; padding-top:20px; padding-bottom:20px;}
    .contact .contact-bottom .contact-info address .contact-info-item p{ max-width:80%;}
    .contact .contact-bottom .contact-info address .contact-info-item .info-item-link a span{ margin-left:10px;}
    .contact .contact-bottom .contact-info address .contact-info-item + .contact-info-item{ margin-left:0;}
    .contact .contact-bottom .contact-form{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; padding-left:50px;}
    .contact .contact-bottom .contact-info address{ display:block;}
}

@media only screen and (max-width: 767px){
    .contact .contact-map{ height:600px;}
    .contact .contact-bottom .contact-title .page-text h2{ font-size:30px;}
    .contact .contact-bottom .contact-title{ padding:0; margin-bottom:20px;}
    .contact .contact-bottom .contact-title .social-media a{ -webkit-transform:scale(0.7); -ms-transform:scale(0.7); transform:scale(0.7);}
    .contact .contact-bottom .contact-title .social-media a + a{ margin-left:10px;}
    .contact .contact-bottom .contact-info{ margin:0; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%;}
    .contact .contact-bottom .contact-form{ padding:30px 0 0; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; border-left:0; border-top:1px solid #E6E9E6; margin-top:10px;}
    .contact .contact-bottom{ padding:30px 30px;}
    .contact .contact-bottom .contact-info address .contact-info-item p{ margin-bottom:20px;}
    .contact .contact-bottom .contact-info address .contact-info-item .info-item-link{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
    .contact .contact-bottom .contact-info address .contact-info-item .info-item-link a + a{ margin-top:0; margin-left:20px;}
    .contact{ margin-bottom:60px;}
    .contact .contact-bottom .contact-form .form-group-row .form-group-item + .form-group-item{ max-width:100%;}
    .contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group .col.captcha{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 6px); flex:0 0 calc(50% - 6px); height:50px;}
    .contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group.form-captcha > div input[type="submit"]{ height:50px; margin-left:auto;}
    .contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group.form-captcha > div.submit{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; margin-left:0; margin-top:15px; text-align:right;}
    .contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group .form-control{ height:50px;}
    .contact .contact-bottom .contact-form .form-group-row .form-group-item .form-group .col.captcha{ background:#fafafa; border-radius:5px;}
    .contact .captcha a{ width:19px; height:19px; font-size:12px;}
}

/* Cookies */
body .cc-window.in-active { opacity: 0; visibility: hidden; }
body .cc-window {bottom: 50px !important;left: 80px !important;max-width: 420px !important;height: 93px;border-radius: 100px;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);background-color: rgba(10, 27, 9, 0.8) !important;padding: 0 30px !important;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;opacity: 1;visibility: visible;-webkit-box-orient: horizontal !important;-webkit-box-direction: normal !important;-ms-flex-direction: row !important;flex-direction: row !important;}
body .cc-window .cc-message {font-size: 15px;color: #fff;line-height: normal;margin: 0 !important;padding-right: 40px;}
body .cc-window .cc-message a{opacity: 1;outline: none;text-decoration: none;}
body .cc-compliance a.cc-btn.cc-dismiss {width: 56px;height: 56px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: transparent;border: 1px solid #d6edd3;border-radius: 100px;position: relative;padding: 0;color: transparent;display: block;outline: none;}
body .cc-compliance a.cc-btn.cc-dismiss:before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-image: url(../img/svg/check-icon.svg);width: 20px;height: 15px;background-size: contain;background-position: center;background-repeat: no-repeat;}
.cc-floating.cc-theme-edgeless .cc-message {margin: 0 !important;}

@media (hover:hover){
    body .cc-compliance a.cc-btn.cc-dismiss:hover {background: #0f290e;border-color: #0f290e;}
    body .cc-banner.cc-theme-edgeless .cc-message a.cc-link:hover {color: #d6edd3;/* text-decoration: underline; */}
}

@media only screen and (max-width: 991px){
    body .cc-window { left: 50px !important; }
}

@media only screen and (max-width: 767px){
  body .cc-window {width: 100%;max-width: 100% !important;-webkit-box-orient: horizontal !important;-webkit-box-direction: normal !important;-ms-flex-direction: row !important;flex-direction: row !important;-webkit-box-align: center;-ms-flex-align: center;align-items: center;left: 50% !important;right: auto !important;-webkit-transform: translateX(-50%) scale(0.9);-ms-transform: translateX(-50%) scale(0.9);transform: translateX(-50%) scale(0.9);bottom: 30px !important;height: 100px;padding: 0 30px !important;}
  .cc-floating.cc-theme-edgeless .cc-message {margin: 0 !important;padding-right: 0;}
}

/* Defult Page */
.single-page { padding: 250px 0; }
.single-page { padding: 160px 0; }
.single-page .single-container { margin-left: 4.7vw; }
.single-page .single-container .single-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.single-page .single-content {max-width: 900px;-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;margin-left: 6.3vw;padding-top: 85px;}
.single-page .single-content .single-content-bg {width: 100%;height: 160px;margin-top: -160px;position: -webkit-sticky;position: sticky;top: 120px;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0)));background: -o-linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%);z-index: 99;pointer-events: none;}
.single-page .single-content .page-text { margin-bottom: 40px; }
.single-page .single-content p, .single-page .single-content td { font-weight: 300; font-size: 25px; color: #a2a2a2; }
.single-page .single-content li {
    font-weight: 300;
    font-size: 20px;
    color: #a2a2a2;
    list-style-type: inherit;
}.single-page .single-content p a {
    color: #a7a7a7;
    font-weight: 600;
}

.single-page .single-content ul, .single-page .single-content ol {
    padding-left: 22px;
}
.single-page .single-container .single-row .single-img { -webkit-transform: translate(90px, -60px); -ms-transform: translate(90px, -60px); transform: translate(90px, -60px); position: -webkit-sticky; position: sticky; top: 250px; }
@media screen and (max-width: 1681px) {
    .single-page .single-container {
        margin-left: 4vw;
    }
} 
@media only screen and (max-width: 1450px){
    .single-page .single-content p, .single-page .single-content td { font-size: 22px; }
    .single-page .single-content { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; }    
}

@media only screen and (max-width: 1199px){
    .single-page .single-container .single-row .single-img { display: none; }
    .single-page .single-content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }
}

@media only screen and (max-width: 991px){
    .single-page .single-container .single-row { display: block; }
    .single-page .page-menu { max-width: 100%; padding: 0; position: relative; top: 0; margin-top: 0; border-bottom: 1px  solid #E6E9E6; margin-bottom: 30px; padding-bottom: 30px; }
    .single-page .single-container { margin: 0; }
    .single-page { overflow: hidden; }
    .single-page .single-content .single-content-bg { visibility: hidden; }
    .single-page .single-content { margin-left: 0; max-width: 100%; margin: 0 auto; padding: 0 40px; }
    .single-page .single-content p, .single-page .single-content td { font-size: 20px; }
}

@media only screen and (max-width: 767px){
    .single-page { padding: 110px 0; }
    .single-page .single-content { padding: 0 30px; }
    .single-page .single-content p, .single-page .single-content td { font-size: 17px; }
    .single-page .single-content .page-text { margin-bottom: 25px; }
}

/* Product Detail */
.product-detail{padding: 240px 0;}
.product-detail .product-detail-row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.product-detail .product-detail-img{-webkit-box-flex: 0;-ms-flex: 0 0 51%;flex: 0 0 51%;max-width: 970px;margin-left: -200px;position: -webkit-sticky;position: sticky;top: 240px;}

.product-detail .product-detail-img:before {content: "";position: absolute;bottom: -170px;top: -140px;right: 34px;width: 1px;background: rgba(15, 41, 14, 0.1);}
.product-detail .product-detail-img .detail-img{text-align: center;position: relative;}
.product-detail .product-detail-img .detail-img a { display: block; }
.product-detail .product-detail-img .detail-img > img{height: 68vh;}
.product-detail .product-detail-img .detail-img .product-basket{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 1px;border-radius: 100px;background: #fff;-webkit-box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.1);box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.1);padding: 24px 18px 25px;}

.product-detail .product-detail-img .detail-img .product-basket.no-product { background: #ffa7a7; -webkit-box-shadow: 0px 3px 36px rgba(255, 167, 167, 0.6); box-shadow: 0px 3px 36px rgba(255, 167, 167, 0.6); padding: 60px 18px; right: -5px; }
.product-detail .product-tag.campaign {background: #507AAC;-webkit-box-shadow: 0px 6px 6px rgba(80, 122, 172, 0.4);box-shadow: 0px 6px 6px rgba(80, 122, 172, 0.4);}
.product-detail .product-tag {
    font-weight: bold;
    font-size: 10px;
    color: #fff;
    padding: 6px 20px;
    border-radius: 100px;
    position: relative;
    margin-left: 30px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.product-detail .product-tag.active {
    cursor: pointer;
}
.product-detail .product-tag.reduced {background: #89b789;-webkit-box-shadow: 0px 6px 6px rgba(137, 183, 137, 0.4);box-shadow: 0px 6px 6px rgba(137, 183, 137, 0.4);}
.product-detail .product-detail-img .detail-img .product-basket.no-product span {font-weight: bold;font-size: 29px;color: white;-webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mode: vertical-lr;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.product-detail .product-detail-content .qty-container {
    display: flex;
}
.product-detail .product-detail-content .qty-container #product-options {width: 190px;margin-right: 20px;}
.product-detail .product-detail-content .qty-container .qty-item{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #fff;border: 1px solid rgba(15, 41, 14, 0.1);border-radius: 100px;padding: 0 20px;height: 60px;}
.product-detail .product-detail-content .qty-container .qty-item .qty-button{cursor: pointer;padding: 5px;}
.product-detail .product-detail-content .qty-container .qty-item .qty-button svg line { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.product-detail .product-detail-content .qty-container .qty-item input{font-weight: bold;font-size: 25px;color: #0f290e;text-align: center;width: 30px;border: none;outline: none;margin: 0 5px 0 6px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;}
.product-detail .product-detail-content .qty-container  .product-add-basket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 20px;
    border-radius: 100px;
    background: #fff;
    -webkit-box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.1);
    padding: 0 40px;
    height: 60px;
    cursor: pointer;
}
.product-detail .product-detail-content .qty-container .product-add-basket svg {
    width: 24px;
}
.product-detail .product-detail-content .qty-container .product-add-basket span {
    display: block;
    font-weight: bold;
    font-size: 20px;
    color: #0f290e;
    margin-left: 15px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.product-detail .product-detail-content .qty-container > form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.product-detail .product-detail-content .product-notification a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 100px;background: #fff;-webkit-box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.1);box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.1);padding: 18px 45px;}

.product-detail .product-detail-content .qty-container .product-notification {
    position: relative;
}
.product-detail .product-detail-content .qty-container div#stock_track > div {
    margin-bottom: 30px;
}
.product-detail.out-stock .product-detail-content .qty-container .product-notification {
    display: inline-block;
}
.product-detail .product-detail-content .product-notification a span {
    display: block;
    font-weight: bold;
    font-size: 20px;
    color: #0f290e;
    margin-left: 15px;
}

.product-detail  .product-notification .product-out-stock {
    position: absolute;
    top: -15px;
    left: 20px;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    background: #d05959;
    -webkit-box-shadow: 0px 6px 6px rgba(208, 89, 89, 0.4);
            box-shadow: 0px 6px 6px rgba(208, 89, 89, 0.4);
    padding: 7px 17px;
    z-index: 1;
}
.product-detail .product-detail-content{max-width: 550px;-webkit-box-flex: 0;-ms-flex: 0 0 30%;flex: 0 0 30%;margin-left: 130px;}
.product-detail .product-detail-content .detail-content-bg { position: -webkit-sticky; position: sticky; top: 110px; margin-top: -100px; margin-bottom: -100px; width: 100%; height: 170px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%); z-index: 9; pointer-events: none; }
.product-detail .product-detail-content .content-category{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 2vh;position: relative;z-index: 9;}
.product-detail .product-detail-content .content-category span{display: block;font-weight: 300;font-size: 2.5vh;color: #0f290e;opacity: 0.6;}
.product-detail .product-detail-content .content-category .content-info{font-weight: normal;font-size: 15px;background: #FED294;color: #0f290e;border-radius: 100px;padding: 5px 20px;margin-left: 30px;}
.product-detail .product-detail-content .content-text{ margin-bottom: 3vh; }
.product-detail .product-detail-content .content-price .price-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.product-detail .product-detail-content .content-text h2{font-weight: bold;font-size: 5vh;color: #0f290e;margin-bottom: 5vh;max-width: 440px;min-height: 12.2vh;}
.product-detail .product-detail-content .content-text p{font-weight: 300;font-size: 15px;line-height: 25px;color: #717171;margin-bottom: 0;min-height: 110px;}

.product-detail .product-detail-content .content-price{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 5vh;}
.product-detail .product-detail-content .product-tag-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 12vh;
}

.product-detail .product-tag + .product-tag {
    margin-left: 10px;
}

.product-detail.out-stock .product-detail-content .content-price {
    opacity: 0.5;
}

.product-detail .product-detail-content .qty-container.option-active {
    display: flex;
    align-items: center;
}

.product-detail .product-detail-content .qty-container .product-options {flex: 0 0 40%;max-width: 220px;margin-right: 20px;}

.product-detail .product-detail-content .qty-container .product-options .select2-container {
    width: 100% !important;
}

.product-detail .product-detail-content .qty-container .product-options .select2-container .select2-selection__rendered {
    font-weight: normal;
    font-size: 15px;
    line-height: 55px;
    color: #0f290e;
    padding: 0 20px 0 0;
    text-align: center;
}

.product-detail .product-detail-content .qty-container .product-options .select2-container--default .select2-selection--single {
    height: 60px;
    border-radius: 100px;
    border: 1px solid rgb(15 41 14 / 0.1);
    background: #fff0;
}

.product-detail .product-detail-content .qty-container #product-options > span.select2.select2-container {
    width: 100% !important;
}

.product-detail .product-detail-content .qty-container #product-options > span.select2.select2-container .select2-selection__rendered {
    padding-right: 0;
}

.product-detail .product-detail-content .qty-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 20px;
    width: 13px;
    height: 13px;
}
.product-detail .product-detail-content .qty-container.option-active .qty-item {
    flex-direction: column-reverse;
    padding: 0 2px 3px 4px;
    height: auto;
}

.product-detail .product-detail-content .qty-container.option-active .qty-item .qty-button svg {
    width: 13px;
    height: 13px;
}

.product-detail .product-detail-content .qty-container.option-active .qty-item input {
    font-size: 20px;
    margin: -3px 0 -5px;
    height: 20px;
}
.product-detail .product-detail-content .qty-container .product-options .select2-container--open.select2-container--default .select2-selection--single {
    border-radius: 30px 30px 0 0;
}
.product-detail .product-detail-content .content-price .product-notification { margin-right: 40px; }
.product-detail .product-detail-content .content-price .product-notification a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100px; background: #f1f1f1; padding: 18px 30px; }
.product-detail .product-detail-content .content-price .product-notification a span { font-weight: bold; font-size: 13px; color: #222; display: block; margin-left: 15px; }
.product-detail .product-detail-content .content-price .price-items > span{font-size: 6vh;color: #71844c;display: block;}
.product-detail .product-detail-content .content-price .old-price{font-size: 3.3vh;color: #939393;margin-left: 40px;}
.product-detail .product-detail-content .content-price .old-price .discount {
    font-size: 14px;
    display: block;
    color: #e62733;
    font-style: italic;
}
.product-detail .product-detail-img .detail-img > a img {
    max-height: 68vh;
}


.product-detail .content-card{/* display: flex; */position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: -15px;background: #fff;padding: 20px 0;}
.product-detail .product-detail-img .content-card .card-item{text-align: center;border: 1px solid #7C9A7B;border-radius: 100%;width: 100px;height: 100px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;margin: 0 auto;}
.product-detail .product-detail-img .content-card .card-item + .card-item{margin-top: 5vh;}
.product-detail .product-detail-img .content-card .card-item .icon{margin-top: -10px;}
.product-detail .product-detail-img .content-card .card-item span{position: absolute;bottom: -8px;right: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);font-weight: bold;font-size: 12px;color: #7c9a7b;border-radius: 100px;background: #F4FFF7;border: 5px solid #fff;padding: 5px;width: 140px;}

.product-detail .product-detail-content .content-more-btn{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 0;}
.product-detail .product-detail-content .content-more-btn span{font-size: 10px;color: #778677;display: block;margin-left: 10px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.product-detail .product-detail-content .content-tab-container{text-align: center;margin-top: 14vh;}
.product-detail .product-detail-content .content-tab-container > div > ul{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;position: relative;}
.product-detail .product-detail-content .content-tab-container > div > ul > li{position: relative;}
.product-detail .product-detail-content .content-tab-container ul li a{font-size: 15px;color: #a2a2a2;padding: 15px 30px;display: block;}

.product-detail .product-detail-content .content-tab-container .tab-content-list {
    position: relative;
    display: inline-block;
    background: #FAFAFA;
    border-radius: 100px;
    margin-bottom: 60px;
}
.product-detail .product-detail-content .qty-container .qty-item .qty-button svg path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    fill: #707070;
}

.product-detail .product-detail-content .qty-container .qty-item .qty-button:hover svg path {
    fill: #9cb79d;
}
.product-detail .product-detail-content .content-tab-container .active-bar { width: 184px; height: 60px; border-radius: 100px; background: #fff; -webkit-box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.1); box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.1); position: absolute; top: 50%; left: 0; -webkit-transform: translate(-12px, -50%); -ms-transform: translate(-12px, -50%); transform: translate(-12px, -50%); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.product-detail .product-detail-content .content-tab-container ul li a.active { color: #000000; }
.product-detail .product-detail-content .content-tab-container .tab-content{position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height: 250px;}
.product-detail .product-detail-content .content-tab-container .tab-content-item { position: absolute; top: 0; right: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.product-detail .product-detail-content .content-tab-container .tab-content-item.active { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.product-detail .product-detail-content .content-tab-container .tab-content-item.in-active { -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); }
.product-detail .product-detail-content .content-tab-container .expl-item p{font-weight: 300;font-size: 15px;line-height: 25px;color: #717171;margin-bottom: 0;}
.product-detail .product-detail-content .content-tab-container .product-features ul{border: 1px solid #F1F1F1;border-radius: 20px;}
.product-detail .product-detail-content .content-tab-container .product-features ul li{display: -webkit-box;display: -ms-flexbox;display: flex;background: #F1F1F1;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 13px 0;}
.product-detail .product-detail-content .content-tab-container .product-features ul li:first-child { border-radius: 20px 20px 0 0; }
.product-detail .product-detail-content .content-tab-container .product-features ul li:last-child { border-radius: 0 0 20px 20px; }
.product-detail .product-detail-content .content-tab-container .product-features ul li:nth-child(even){background: #ffffff;}
.product-detail .product-detail-content .content-tab-container .product-features ul li span{display: block;font-size: 15px;color: #0f290e;min-width: 100px;position: relative;}
.product-detail .product-detail-content .content-tab-container .product-features ul li span.value-center {
    text-align: center !important;
    margin-right: 0 !important;
}
.product-detail .product-detail-content .content-tab-container .product-features ul li span:nth-child(1){margin-right: 60px;text-align: right;}
.product-detail .product-detail-content .content-tab-container .product-features ul li span:nth-child(2):before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);LEFT: -30px;width: 0;height: 0;border-style: solid;border-width: 4px 0 4px 6px;border-color: transparent transparent transparent #FED294;}
.product-detail .product-detail-content .content-tab-container .product-features ul li span:nth-child(2){text-align: left;}

.product-detail .other-products{margin: 230px 0 70px;}
.product-detail .other-products .main-title{text-align: center;margin-bottom: 100px;}
.product-detail .other-products .main-title h2{font-size: 4.7vw;}
.product-detail .other-products .other-product-container{/* display: flex; *//* flex-wrap: wrap; */padding: 0 300px 0 320px;}
.product-detail .other-products .other-product-container .product-item{-webkit-box-flex: 0;-ms-flex: 0 0 28%;flex: 0 0 28%;}

@media (hover:hover){
    .product-detail .product-tag.reduced:hover {
        color: #89b789;
    }

    .product-detail .product-tag.campaign:hover {
        color: #507AAC;
    }
    .product-detail .product-detail-img .detail-img .product-basket .qty-item .qty-button:hover svg line {stroke: #0f290e;}
    .product-detail .product-detail-content .content-tab-container ul li a:hover { color: #000; }
}

@media only screen and (max-height: 850px){
    .product-detail .product-detail-content .product-tag-container {
        margin-top: 7vh;
    }
    .product-detail .product-detail-content .content-price { margin-bottom: 3vh; }
}

@media only screen and (max-width:1910px){ 
    .product-detail .product-detail-content .qty-container.option-active .product-add-basket span {
        font-size: 1vw;
    }
}

@media only screen and (max-width:1750px){ 
    .product-detail .product-detail-content .content-price .product-notification a { padding: 18px 25px; }
    .product-detail .product-detail-content .content-price .product-notification { margin-right: 2vw; }
    .product-detail .product-detail-content .qty-container .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 2vw;
    }
}

@media only screen and (max-width:1700px){ 
    .product-detail .product-detail-content .content-price .price-items span { font-size: 5.5vh; }
}

@media only screen and (max-width:1650px){ 
    .product-detail .product-detail-content .content-price .product-notification a span { font-size: 12px; margin-left: 10px; }
    .product-detail .product-detail-content .content-price .product-notification a svg { width: 13px; }
    .product-detail .product-detail-content .content-price .product-notification a { padding: 15px 25px; }
}

@media only screen and (max-width:1600px){ 
    .product-detail .product-detail-content .content-price .price-items span { font-size: 4.8vh; }
}

@media only screen and (max-width:1550px){ 
    .product-detail .product-detail-content .content-price { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
    .product-detail .product-detail-content .content-price .product-notification { margin-top: 20px; margin-right: 0; }
}

@media only screen and (max-width: 1450px){
    .product-detail .product-detail-content {
        margin-left: 60px;
        flex: 0 0 35%;
    }
    .product-detail .product-detail-content .content-card { -webkit-transform: scale(0.9) translate(-40px, 0px); -ms-transform: scale(0.9) translate(-40px, 0px); transform: scale(0.9) translate(-40px, 0px); }
    .product-detail .product-detail-content .product-tag-container {
        margin-top: 5vh;
    }
    .product-detail .product-detail-img .detail-img > img { margin-top: -5vh; }
    .product-detail .other-products .other-product-container { padding: 0 200px 0 220px; }
}

@media only screen and (max-width: 1370px){
    .product-detail .product-detail-img .content-card .card-item + .card-item {
        margin-top: 2vh;
    }
    .product-detail .product-detail-content .product-notification {
        -webkit-transform: scale(0.8) translate(-50px, 5px);
            -ms-transform: scale(0.8) translate(-50px, 5px);
                transform: scale(0.8) translate(-50px, 5px);
    }
    .product-detail .content-card {
        top: 43%;
    }
    .product-detail .product-detail-content {max-width: 500px;margin-left: 90px;}   
    .product-detail .product-detail-img .detail-img  > a img { margin-top: -7vh; }
}

@media only screen and (max-width: 1199px){
    .product-detail .product-detail-content .qty-container .product-add-basket span {
        font-size: 17px;
    }
    .product-detail .product-detail-content .qty-container.option-active .product-add-basket span {
        font-size: 15px;
    }
    .product-detail .product-detail-content .qty-container .product-add-basket svg {
        width: 18px;
    }
    .product-detail .product-detail-img .detail-img > a img{ height:500px; margin-top:0;}
    .product-detail .product-detail-content .content-text h2{ font-size:40px; max-width:370px; margin-bottom:40px;}
    .product-detail .product-detail-content .content-category span{ font-size:20px;}
    .product-detail .product-detail-content .content-category{ margin-bottom:20px;}
    .product-detail .product-detail-content{max-width: 480px;margin-left: 30px;flex: 0 0 50%;}
    .product-detail .product-detail-img{ margin-left:-100px;}
    .product-detail .product-detail-content .content-price .price-items span{ font-size:40px;}
    .product-detail .product-detail-content .content-price .old-price{ font-size:27px; margin-left:40px;}
    .product-detail .product-detail-content .content-card{ -webkit-transform:scale(1) translate(0, 0px); -ms-transform:scale(1) translate(0, 0px); transform:scale(1) translate(0, 0px);}
    .product-detail .product-detail-content .content-price{ margin-bottom:30px;}
    .product-detail .product-detail-content .content-card .card-item{ width:80px; height:80px;}
    .product-detail .product-detail-content .content-card .card-item .icon{ -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8);}
    .product-detail .product-detail-content .content-card .card-item + .card-item{ margin-left:20px;}
    .product-detail .product-detail-content .content-tab-container{ margin-top:60px;}
    .product-detail .other-products .main-title{ margin-bottom:20px;}
    .product-detail .other-products .other-product-container{ padding:0 100px 0 120px;}

    .product-detail .product-detail-content .qty-container.option-active {
        flex-wrap: wrap;
    }
    .product-detail .product-detail-content .qty-container.option-active .qty-item {flex-direction: row;height: 60px;padding: 0 20px;}
    .product-detail .product-detail-content .qty-container.option-active .qty-item input {
        font-size: 25px;
        height: auto;
        margin: 0 5px 0 6px;
    }
    .product-detail .product-detail-content .qty-container .product-options {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .product-detail .product-detail-content .qty-container .product-options .select2-container--default .select2-selection--single {
        padding: 0 30px;
    }
}

@media only screen and (max-width: 991px){
    .product-detail .product-detail-img .detail-img .product-basket{ -webkit-transform:scale(0.8) translateY(-50%); -ms-transform:scale(0.8) translateY(-50%); transform:scale(0.8) translateY(-50%);}
    .product-detail{ padding:210px 0;}
    .product-detail .product-detail-img .content-card .card-item {
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
    }

   .product-detail .content-card {
        display: none;
    }

    .product-detail .product-detail-img .content-card .card-item + .card-item {
        margin-top: 0;
    }
    .product-detail .product-detail-img{ margin-left:-70px; max-width:100%; -webkit-box-flex:0; -ms-flex:0 0 330px; flex:0 0 330px; top:220px;}
    .product-detail .product-detail-img .detail-img > a img{ height:410px;}
    .product-detail .product-detail-img .detail-img{ padding-bottom:0;}
    .product-detail .product-detail-content .content-category span{ font-size:18px;}
    .product-detail .product-detail-content .content-text h2{ font-size:33px; max-width:300px; margin-bottom:20px;}
    .product-detail .product-detail-content .content-text{ margin-bottom:20px;}
    .product-detail .product-detail-content .content-more-btn{ display:none;}
    .product-detail .product-detail-content{ margin-left:60px; max-width:400px; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%;}
    .product-detail .product-detail-content .content-card .card-item{ -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8);}
    .product-detail .product-detail-content .content-tab-container .tab-content-list{ -webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9);}
    .product-detail .other-products .other-product-container .product-item:nth-child(3n), .product-detail .other-products .other-product-container .product-item:nth-child(3n+2){ margin-left:7%;}
    .product-detail .other-products .other-product-container .product-item:nth-child(3n+1){ margin-left:0;}
    .product-detail .other-products .other-product-container .product-item .product-item-img .product-item-bg{ width:20vw; height:20vw;}
    .product-detail .other-products .other-product-container .product-item .product-item-img{ height:300px;}
    .product-detail .other-products .other-product-container .product-item .product-item-info h3{ font-size:20px;}
    .product-detail .other-products .other-product-container{ padding:0 80px 0 100px;}
}

@media only screen and (max-width: 767px){
    .product-detail .product-detail-img .detail-img .product-basket{ left:35%; right:auto; -webkit-transform:scale(0.6) translate(-50%, 0); -ms-transform:scale(0.6) translate(-50%, 0); transform:scale(0.6) translate(-50%, 0); top:auto; bottom:-36px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:18px 40px;}
    .product-detail .product-detail-img .detail-img .product-basket.no-product {padding: 18px 40px;left: 0;right: 0;-webkit-transform: scale(0.6) translateX(0);-ms-transform: scale(0.6) translateX(0);transform: scale(0.6) translateX(0);text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;max-width: 250px;margin: 0 auto;}
    .product-detail .product-detail-img .detail-img .product-basket.no-product span {
        -webkit-writing-mode: initial;
            -ms-writing-mode: initial;
                writing-mode: initial;
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
                transform: rotate(0);
        display: block;
    }
    .product-detail.out-stock .product-detail-img .detail-img > a img {
        opacity: 0.2;
    }
    .product-detail .product-detail-img .detail-img .product-basket .qty-item{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
    .product-detail .product-detail-img .detail-img .product-basket .qty-item input{ margin:0 20px -3px;}
    .product-detail .product-detail-img .detail-img .product-basket .product-add-basket{ margin-top:0; margin-left:50px;}
    .product-detail .product-detail-img .detail-img .product-basket .qty-item:before{ top:-18px; bottom:-18px; right:-25px; left:auto; height:auto; width:1px;}
    .product-detail .product-tag{margin-left: 0;}
    .product-detail .product-detail-content .content-price .product-notification{ margin-top:0; margin-right:15px;}
    .product-detail .product-detail-content .content-price .product-notification a{ padding:10px 15px;}
    .product-detail .product-detail-content .content-price .product-notification a svg{ width:10px;}
    .product-detail .product-detail-content .content-price .product-notification a span{ margin-left:8px; font-size:11px;}
    .product-detail .product-detail-img:before{visibility: hidden;}
    .product-detail .product-detail-img .detail-img .product-basket .qty-item{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
    .product-detail .product-detail-img .detail-img .product-basket .qty-item input{ margin:0 20px -3px;}
    .product-detail .product-detail-img .detail-img .product-basket .product-add-basket{ margin-top:0; margin-left:50px;}
    .product-detail .product-detail-img .detail-img .product-basket .qty-item:before{ top:-18px; bottom:-18px; right:-25px; left:auto; height:auto; width:1px;}
    .product-detail .product-detail-content .detail-content-bg{ display:none;}
    .product-detail .product-detail-row{ display:block;}
    .product-detail .product-detail-content .qty-container {
        justify-content: center;
    }
    .product-detail .product-detail-img{ margin:0; position:relative; top:0;}
    .product-detail .product-detail-img .content-info {
        font-weight: normal;
        font-size: 15px;
        color: #0f290e;
        width: 90px;
        height: 32px;
        background: #FED294;
        border-radius: 100px;
        text-align: center;
        line-height: 31px;
        margin: 10px auto 20px;
    }

    .product-detail .product-detail-img .content-text h1 {
        font-weight: bold;
        font-size: 22px;
        text-align: center;
        color: #0f290e;
        max-width: 200px;
        margin: 0 auto 4vh;
    }
    .product-detail{ padding:100px 0;}
    .product-detail .product-detail-content .qty-container .product-notification {-webkit-transform: scale(1) translate(0, 0);-ms-transform: scale(1) translate(0, 0);transform: scale(1) translate(0, 0);}

    .product-detail .product-detail-content .product-notification a span {
        font-size: 15px;
    }

    .product-detail .product-detail-content .product-notification a {
        padding: 12px 30px;
    }

    .product-detail .product-detail-img .detail-img .product-notification {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, 30%);
            -ms-transform: translate(-50%, 30%);
                transform: translate(-50%, 30%);
    }

    .product-detail .product-detail-img .detail-img .product-notification .product-out-stock {
        position: relative;
        top: 0;
        left: 0;
    }
    .product-detail .product-detail-img .detail-img > a img{height: 36vh;}
    .product-detail .product-detail-content{margin:0;max-width:100%;padding: 4vh 30px 40px;}
    .product-detail .product-detail-content .content-category span{font-size: 25px;}
    .product-detail .product-detail-content .content-category .content-info{ margin-left:10px; -webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9);}
    .product-detail .product-detail-content .content-text h2{ font-size:25px; max-width:230px;}
    .product-detail .product-detail-content .content-price .price-items span{ font-size:30px;}
    .product-detail .product-detail-content .content-price .old-price{ font-size:20px; margin-left:20px;}
    .product-detail .product-detail-content .content-price{margin-bottom: 1vh;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .product-detail .product-detail-content .content-card .card-item{ height:65px;}
    .product-detail .product-detail-content .content-card .card-item .icon{ -webkit-transform:scale(0.7); -ms-transform:scale(0.7); transform:scale(0.7);}
    .product-detail .product-detail-content .content-card .card-item span{ bottom:-15px;}
    .product-detail .product-detail-content .content-tab-container > .tab-content-list{ margin-bottom:40px;}
    .product-detail .product-detail-content .content-tab-container ul li a{ padding:15px 30px; font-size:14px;}
    .product-detail .product-detail-content .content-tab-container .expl-item p{ font-size:14px;}
    .product-detail .product-detail-content .content-tab-container .product-features ul li span{ font-size:13px;}
    .product-detail .product-detail-content .content-tab-container .product-features ul li{ padding:10px 0;}
    .product-detail .other-products{ margin:20px 0 40px;}
    .product-detail .other-products .main-title h2{ font-size:25px;}
    .product-detail .other-products .main-title h2:before{ bottom:5px; height:5px;}
    .product-detail .other-products .other-product-container{ padding:0 50px;}
    .product-detail .other-products .other-product-container .product-item{ -webkit-box-flex:0; -ms-flex:0 0 46%; flex:0 0 46%;}
    .product-detail .other-products .other-product-container .product-item .product-item-img .product-item-bg{ width:30vw; height:30vw;}
    .product-detail .other-products .other-product-container .product-item .product-item-img{ height:250px;}
    .product-detail .other-products .other-product-container .product-item .product-item-info h3{ font-size:16px;}
    .product-detail .other-products .other-product-container .product-item:nth-child(2n+1){ margin-left:0;}
    .product-detail .other-products .other-product-container .product-item:nth-child(2n+2){ margin-left:7%;}
    .product-detail.out-stock .product-detail-content .content-price {
        opacity: 1;
    }
    .product-detail .content-card {
        display: none;
    }

    .product-detail .product-detail-content .qty-container .product-add-basket span {
        font-size: 13px;
        margin-left: 13px;
    }

    .product-detail .product-detail-content .qty-container .product-add-basket {
        padding: 0 20px;
        height: 45px;
    }

    .product-detail .product-detail-content .qty-container.option-active  .product-add-basket {
        margin-top: 20px;
    }
    .product-detail .product-detail-content .qty-container .product-add-basket svg {
        width: 17px;
    }

    .product-detail .product-detail-content .qty-container .qty-item input {
        font-size: 19px;
        margin: 0px 5px;
    }

    .product-detail .product-detail-content .qty-container .qty-item .qty-button svg {
        width: 15px;
    }

    .product-detail .product-detail-content .qty-container .qty-item {
        height: 45px;
        padding: 0 20px;
    }

    .product-detail .product-detail-content .qty-container > form {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 25px 0 5vh;
    }

    .product-detail .product-detail-content .content-category {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 35px;
    }

    .product-detail .product-detail-content .content-text p {
        text-align: center;
    }

    .product-detail .product-detail-content .content-more-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 60px;
        margin-top: 30px;
    }

    .product-detail .product-detail-content .product-tag-container {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 60px;
    }

    .product-detail .product-detail-content .qty-container.option-active .qty-item {padding: 0 20px;height: 45px;}

    .product-detail .product-detail-content .qty-container .product-options {
        margin: 10px auto 0;
    }

    .product-detail .product-detail-content .qty-container.option-active {
        justify-content: center;
    }

    .product-detail .product-detail-content .qty-container .product-options .select2-container--default .select2-selection--single {
        height: 45px;
        padding: 0 40px 0 20px;
    }

    .product-detail .product-detail-content .qty-container .product-options .select2-container .select2-selection__rendered {
        line-height: 40px;
        padding: 0;
    }

    .product-detail .product-detail-content .qty-container .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 10px;
    }
}

/* Basket */
.basket-overlay{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.48);z-index: 9999;opacity: 0;visibility: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;cursor: pointer;}
.basket-menu{position: fixed;top: 0;right: 0;bottom: 0;width: 670px;background: #ffffff;z-index: 99999;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);pointer-events: none;-webkit-transition: 0.5s 0.3s;-o-transition: 0.5s 0.3s;transition: 0.5s 0.3s;}
.basket-menu .basket-container{padding: 30px 60px 50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 100%;}
.basket-menu .basket-container .basket-header{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 4.2vw;}
.basket-menu .basket-container .basket-header span{font-weight: normal;font-size: 30px;display: block;color: #0f290e;}
.basket-menu .basket-container .basket-header .basket-close{cursor: pointer;}
.basket-menu .basket-container .basket-header .basket-close svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

.basket-menu .basket-container .basket-body{max-height: calc(100vh - 370px);overflow-y: auto;overflow-x: hidden;margin-top: 0px;padding-bottom: 50px;padding-right: 30px;margin-right: -30px;}
.basket-menu .basket-container .basket-body::-webkit-scrollbar { width: 3px; }
.basket-menu .basket-container .basket-body::-webkit-scrollbar-thumb { background: #d0d0d0; }
.basket-menu .basket-container .basket-body form:first-child .basket-item { border-top: none; margin-top: 0; padding-top: 0; }
.basket-menu .basket-container .basket-body .basket-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.basket-menu .basket-container .basket-body .basket-item + .basket-item {
    border-top: 1px solid #F1F1F1;
    margin-top: 35px;
    padding-top: 35px;
}
.basket-menu .basket-container .basket-body .basket-item .basket-item-el{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;min-width: 360px;}
.basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-img{width: 130px;height: 130px;position: relative;text-align: center;overflow: hidden;border-radius: 100px;padding-top: 20px;}
.basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-img .basket-img-circle{position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);right: 0;bottom: 0;width: 90px;height: 90px;background: -webkit-gradient(linear, left top, left bottom, color-stop(-30%, rgba(241, 203, 255, 0.8)), color-stop(80%, rgba(148, 246, 254, 0.2)));background: -o-linear-gradient(top, rgba(241, 203, 255, 0.8) -30%, rgba(148, 246, 254, 0.2) 80%);background: linear-gradient(180deg, rgba(241, 203, 255, 0.8) -30%, rgba(148, 246, 254, 0.2) 80%);border-radius: 100%;z-index: -1;}
.basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-info{margin-left: 30px;}
.basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-info h2{font-weight: 300;font-size: 25px;color: #0f290e;opacity: 0.6;max-width: 200px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 5px;}
.basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-info .basket-item-price{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-info .basket-item-price > span{font-size: 23px;display: block;color: #96bf94;}
.basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-info .basket-item-price .old-price{font-size: 20px;color: #d1d1d1;margin-left: 10px;}

.basket-menu .basket-container .basket-body .basket-item .basket-item-count .qty-minus{-webkit-transform: rotate(90deg) translate(0px, -3px);-ms-transform: rotate(90deg) translate(0px, -3px);transform: rotate(90deg) translate(0px, -3px);}
.basket-menu .basket-container .basket-body .basket-item .basket-item-count > div svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

.basket-menu .basket-container .basket-body .basket-item .basket-item-count input[type="number"]{font-weight: 300;font-size: 25px;text-align: center;color: #0f290e;width: 40px;border: none;outline: none;margin: 0px 0 4px;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.basket-menu .basket-container .basket-body .basket-item .basket-item-delete{cursor: pointer;-webkit-transform: translateY(-45px);-ms-transform: translateY(-45px);transform: translateY(-45px);}
.basket-menu .basket-container .basket-body .basket-item .basket-item-delete svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.basket-menu .basket-container .basket-footer .basket-total-price{font-size: 2.5vw;color: #0f290e;text-align: center;margin-bottom: 30px;}
.basket-menu .basket-container .basket-footer .basket-buttons{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.basket-menu .basket-container .basket-footer .basket-buttons .basket-btn{display: block;text-align: center;border-radius: 100px;-webkit-box-flex: 0;-ms-flex: 0 0 247px;flex: 0 0 247px;height: 70px;line-height: 70px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.basket-menu .basket-container .basket-footer .basket-buttons .basket-btn + .basket-btn{margin-left: 25px;}
.basket-menu .basket-container .basket-footer .basket-buttons .basket-continue{font-size: 20px;color: #0f290e;border: 1px solid #FED294;}
.basket-menu .basket-container .basket-footer .basket-buttons .basket-pay{font-size: 30px;color: #fff;background: #0F290E;border: 1px solid #0F290E;}

.basket-menu.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); pointer-events: all; }
.basket-overlay.active { opacity: 1; visibility: visible; }

@media (hover:hover){
    .basket-menu .basket-container .basket-footer .basket-buttons .basket-pay:hover { background: #ffffff; color: #0F290E; }
    .basket-menu .basket-container .basket-footer .basket-buttons .basket-continue:hover { background: #FED294; }
    .basket-menu .basket-container .basket-header .basket-close:hover svg path { fill: #0f290e; }
    .basket-menu .basket-container .basket-body .basket-item .basket-item-count > div:hover svg path { fill: #0f290e; }
    .basket-menu .basket-container .basket-body .basket-item .basket-item-delete:hover svg path { fill: #0f290e; }
}

@media only screen and (max-width: 1450px){
    .basket-menu .basket-container .basket-footer .basket-buttons .basket-continue { font-size: 18px; }
    .basket-menu .basket-container .basket-footer .basket-buttons .basket-btn { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; height: 60px; line-height: 59px; }
    .basket-menu .basket-container .basket-footer .basket-buttons .basket-pay { font-size: 24px; }
}

@media only screen and (max-width: 991px){
    .basket-menu .basket-container .basket-footer .basket-total-price { font-size: 5vw; }
    .basket-overlay {
        display: none;
    }
    .basket-menu {
        width: 100%;
    }
}

@media only screen and (max-width: 767px){
    .basket-menu{width:100%;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;backdrop-filter: blur(4.7px);-webkit-backdrop-filter: blur(4.7px);background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), to(rgba(255, 255, 255, 0.67)));background: -o-linear-gradient(#ffffff 50%, rgba(255, 255, 255, 0.67) 100%);background: linear-gradient(#ffffff 50%, rgba(255, 255, 255, 0.67) 100%);}
    .basket-menu .basket-container .basket-body::-webkit-scrollbar{ width:0px;}
    .basket-menu .basket-container{padding: 100px 30px 100px 0;}
    .basket-menu .basket-container .basket-header span{font-size: 25px;position: relative;font-weight: bold;}
    .basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-info h2{ font-size:18px; max-width:150px;}
    .basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-info .basket-item-price > span{ font-size:18px;}
    .basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-info .basket-item-price .old-price{ font-size:15px;}
    .basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-img .basket-img-circle{width: 70px;height: 70px;margin:0 auto;bottom: -3px;}
    .basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-img{height: 130px;width: 130px;}
    .basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-info{margin-left: -10px;}
    .basket-menu .basket-container .basket-body .basket-item .basket-item-count{ -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); margin-bottom:0px;}
    .basket-menu .basket-container .basket-body .basket-item .basket-item-delete{ -webkit-transform:translateY(-35px); -ms-transform:translateY(-35px); transform:translateY(-35px);}
    .basket-menu .basket-container .basket-body .basket-item{ margin-top:20px; padding-top:0px;}
    .basket-menu .basket-container .basket-footer .basket-total-price{ font-size:25px; margin-bottom:20px;}
    .basket-menu .basket-container .basket-footer .basket-buttons .basket-btn{ -webkit-box-flex:0; -ms-flex:0 0 46%; flex:0 0 46%; height:50px; line-height:49px;}
    .basket-menu .basket-container .basket-footer .basket-buttons .basket-continue{font-size:14px;background: #fff;}
    .basket-menu .basket-container .basket-footer .basket-buttons .basket-pay{ font-size:18px;}
    .basket-menu .basket-container .basket-body{max-height: calc(100vh - 154px);padding-right:0;margin-right:0;padding-bottom: 300px;}
    
    .basket-menu .basket-container .basket-header {
        margin-left: 30px;
        margin-bottom: -10px;
    }
    .basket-menu .basket-container .basket-header span:before {content: "";position: absolute;bottom: 9px;left: 0;right: 0;height: 5px;border-radius: 3.57px 1.43px;background: #d6edd3;z-index: -1;}
    .basket-menu .basket-container .basket-body .basket-item .basket-item-el {
        min-width: 220px;
    }
    .basket-menu .basket-container .basket-footer {
        position: absolute;
        bottom: 7vh;
        left: 30px;
        right: 30px;
        z-index: 1;
    }
    .basket-menu .basket-top {
        position: relative;
    }
    .basket-menu .basket-top:before {content: "";position: absolute;bottom: 0;left: -30px;right: -30px;height: 400px;background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, white), to(#ffffff00));background: -o-linear-gradient(bottom, white 40%, #ffffff00);background: linear-gradient(to top, white 40%, #ffffff00);z-index: 1;pointer-events: none;}
}

/* Search */
.search-overlay{position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 9999;background: rgba(0, 0, 0, 0.48);opacity: 0;visibility: hidden;cursor: pointer;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.search{position: fixed;top: 0;right: 0;bottom: 0;width: 700px;background: #ffffff;z-index: 99999;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: 0.5s 0.4s;-o-transition: 0.5s 0.4s;transition: 0.5s 0.4s;}
.search .search-container{padding: 40px 60px;}
.search .search-container .search-close{text-align: center;}
.search .search-container .search-close svg{width: 50px;height: 40px;cursor: pointer;}
.search .search-container .search-input{margin: 40px 0 30px;}
.search .search-container .search-input input{font-weight: 300;font-size: 15px;text-align: center;color: #b2b2b2;background: #fafafa;border-radius: 100px;width: 100%;border: 2px solid #d6edd300;height: 65px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.search .search-container .search-input input::-webkit-input-placeholder { color: #B2B2B2; }
.search .search-container .search-close svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.search .search-container .search-input input:-ms-input-placeholder { color: #B2B2B2; }
.search .search-container .search-input input::-webkit-input-placeholder { color: #B2B2B2; }
.search .search-container .search-input input::-moz-placeholder { color: #B2B2B2; }
.search .search-container .search-input input::-ms-input-placeholder { color: #B2B2B2; }
.search .search-container .search-input input::placeholder { color: #B2B2B2; }
.search .search-container .search-result{opacity: 0;visibility: hidden;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;margin-right: -50px;}
.search .search-container .search-result .total-result{font-weight: 300;font-size: 15px;text-align: center;color: #b4b4b4;margin-right: 50px;padding-bottom: 20px;}
.search .search-container .search-result .result-list{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;max-height: calc(100vh - 300px);overflow-y: auto;overflow-x: hidden;padding-bottom: 10px;padding-right: 60px;padding-left: 40px;margin-left: -30px;}
.search .search-container .result-item{-webkit-box-flex: 0;-ms-flex: 0 0 calc(50% - 40px);flex: 0 0 calc(50% - 40px);}
.search .search-container .result-item .product-item{-webkit-box-flex: 0;-ms-flex: none;flex: none;}
.search .search-container .result-item .product-item .product-item-img img {max-width: 100%;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
.search .search-container .result-item + .result-item{ margin-left:80px;}
.search .search-container .result-item .product-item .product-item-img .product-item-bg{ width:150px; height:150px;}
.search .search-container .result-item .product-item .product-item-img{ height:260px; padding-top:50px;}
.search .search-container .result-item .product-item .product-item-info h3{ font-size:15px; max-width:130px;}
.search .search-container .result-item .product-item .product-item-subtitle{font-size: 12px;}
.search .search-container .result-item .product-item .product-extra {
    right: -60px;
}
.search .result-item .product-item .product-item-img-container {
    margin-bottom: 30px;
}
.search .search-container .result-item .product-item .product-category {
    left: -70px;
}
.search .search-container .result-item:nth-child(2n+1){ margin-left:0;}
.search .search-container .result-item .product-item .product-item-info .product-item-tag{ font-size:10px;}
.search .search-container .result-item .product-item .product-item-info .product-price .price{ font-size:15px;}
.search .search-container .result-item .product-item .product-item-info .product-price .basket{ margin-left:20px; width:65px;}
.search .search-container .result-item .product-item .product-item-info .product-price .basket svg{ width:15px;}
.search .search-container .result-item .product-item .product-item-info .product-price .basket:before{ left:-10px;}
.search .search-container .result-item .product-item .product-item-info .product-price .old-price{ font-size:15px;}
.search .search-container .result-item .product-item .product-item-info{padding-top: 1px;}
.search .search-container .result-item:nth-child(n+3){ margin-top:-10px;}
.search .search-container .search-input.active input,
.search .search-container .search-input input:focus { background: #F1F1F1; color: #0F290E; border-color: #d6edd3; }
.search .search-container .search-result.active { opacity: 1; visibility: visible; }
.search .search-container .search-result .result-list::-webkit-scrollbar { width: 2px; }
.search-overlay.active { opacity: 1; visibility: visible; }
.search.active {opacity: 1;visibility: visible;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}

@media (hover:hover){
    .search .search-container .result-item .product-item:hover .product-item-img img {
        -webkit-transform: translateY(0px);
            -ms-transform: translateY(0px);
                transform: translateY(0px);
    }
    .search .search-container .search-close svg:hover path { fill: #265b23; }
    .search .search-container .result-item .product-item:hover .product-item-info .product-price .price{ -webkit-transform:translateY(60px); -ms-transform:translateY(60px); transform:translateY(60px);}
    .search .search-container .result-item .product-item:hover .product-item-info .product-price .basket{ -webkit-transform:translateY(60px); -ms-transform:translateY(60px); transform:translateY(60px);}
    .search .search-container .result-item .product-item:hover .product-item-info .product-price .old-price{ -webkit-transform:translateY(60px); -ms-transform:translateY(60px); transform:translateY(60px);}
}

@media only screen and (max-width: 1450px){
    .search .search-container .search-close svg { width: 40px; }
    .search .search-container .search-input input { height: 55px; }
}

@media only screen and (max-width: 991px){
    .search {
        width: 100%;
    }
    .search .search-container .mobil-menu-close {
        position: absolute;
        bottom: 10vh;
        left: 0;
        right: 0;
        z-index: 2;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    .search .search-container .search-title {
        font-weight: bold;
        font-size: 25px;
        color: #0f290e;
        margin-bottom: 2vh;
        display: inline-block;
        position: relative;
        text-align: center;
    }

    .search .search-container .search-close {
        display: none;
    }
    .search-overlay {
        display: none;
    }
    .search .search-container .search-result:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 300px;z-index: 2;background: -webkit-gradient(linear, left bottom, left top, from(white), to(#ffffff00));background: -o-linear-gradient(bottom, white, #ffffff00);background: linear-gradient(to top, white, #ffffff00);pointer-events: none;}
    .search .search-container {
        height: 100%;
        padding-top: 130px;
        text-align: center;
    }
}

@media only screen and (max-width: 767px){
    .search{width:100%;backdrop-filter: blur(4.7px);-webkit-backdrop-filter: blur(4.7px);/* background-color: rgba(255, 255, 255, 0.15); */background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), to(rgba(255, 255, 255, 0.67)));background: -o-linear-gradient(#ffffff 50%, rgba(255, 255, 255, 0.67) 100%);background: linear-gradient(#ffffff 50%, rgba(255, 255, 255, 0.67) 100%);padding-top: 20vh;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
    .search .search-container{padding: 20px 30px;text-align: center;}
    .search .search-container .search-close svg{ width:33px;}
    .search .search-container .search-input{margin-top:20px;margin-bottom: 40px;}
    .search .search-container .search-result{ margin-right:0;}
    .search .search-container .search-result .result-list::-webkit-scrollbar{ width:0px;}
    .search .search-container .search-result .total-result{margin-right:0;font-size:14px;display: none;}
    .search .search-container .search-result .result-list{padding: 0 0 180px;margin-left:0;max-height: calc(100vh - 209px);}
    .search .search-container .result-item + .result-item{ margin-left:50px;}
    .search .search-container .result-item{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 25px); flex:0 0 calc(50% - 25px);}
    .search .search-container .result-item .product-item .product-item-img .product-item-bg{ width:130px; height:130px;}
    .search .search-container .result-item .product-item .product-item-img{ padding-top:0; height:190px;}
    .search .search-container .result-item:nth-child(2n+1){ margin-left:0;}
    .search .search-container .result-item:nth-child(n+3){ margin-top:20px;}
    .search .search-container .search-title {
        font-weight: bold;
        font-size: 25px;
        color: #0f290e;
        margin-bottom: 7vh;
        display: inline-block;
        position: relative;
    }

    .search .search-container .mobil-menu-close svg path {
        fill: rgb(182, 182, 182);
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .search .search-container .search-title:before {content: "";position: absolute;bottom: 9px;left: 0;right: 0;height: 5px;border-radius: 3.57px 1.43px;background: #d6edd3;z-index: -1;}

    .search.search-active {
        padding-top: 0;
        top: -20px;
    }
    
    .search .search-container .search-input.active input, .search .search-container .search-input input:focus {
        background: #fff;
    }

    .search.search-active .search-container .mobil-menu-close {
        bottom: 7vh;
    }
    .search.search-active .search-container .mobil-menu-close svg path {
        fill: #727272;
    }
    .search .search-container .search-input input {
        background: #fff;
        -webkit-box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.1);
        font-weight: 300;
        border: navajowhite;
    }
}

/* User Scren */
.user-screen{ padding:0 0 200px;}
.user-screen .user-screen-container .alert {
    max-width: 1100px;
    margin: 50px auto;
}
.user-screen .user-screen-menu{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:40px 0;width: 1345px;border-radius:45px;background:#fff;-webkit-box-shadow:0px 53px 56px rgba(15, 41, 14, 0.1);box-shadow:0px 53px 56px rgba(15, 41, 14, 0.1);margin:-90px auto 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.user-screen .user-screen-menu a .menu-title{ margin-top:18px; display:block; font-weight:300; font-size:13px; color:#0f290e;}
.user-screen .user-screen-menu a.active{ background:#FFFBF5;}
.user-screen .user-screen-menu a .icon{ width:30px; height:30px; position:relative; display:block; margin:0 auto;}
.user-screen .user-screen-menu a + a{ margin-left:15px;}
.user-screen .user-screen-menu a.active .menu-title:before{ opacity:1;}
.user-screen .user-screen-menu a.active:before{ opacity:1;}
.user-screen .user-screen-container .ser-screen-content{ width:100%;}
.user-screen .user-screen-container .form-control{font-weight:300;font-size:19px;color:rgba(15, 41, 14, 0.54);height:48px;border-radius:5px;background:#fafafa;border: 2px solid #d6edd300;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.user-screen .user-screen-container .form-control:focus, .user-screen .user-screen-container .active .form-control {
    color: #000;
    background: #f1f1f1;
    border-color: #d6edd3;
}
.user-screen .user-screen-container .form-control[disabled] {
    background: #e3e3e3;
}
.user-screen .user-screen-container textarea.form-control{ height:100px; resize:none;}
.user-screen.user-home .user-screen-container .user-screen-content{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:150px 0; padding:0 50px;}
.user-screen.user-home .user-screen-container .user-screen-content h3 .name-text{ position:relative; font-weight:bold; font-size:35px; color:#0f290e;}
.user-screen.user-home .user-screen-container .user-screen-content h3 .name-text:before{ content:""; position:absolute; bottom:7px; left:-5px; right:-10px; height:5px; border-radius:3.57px 1.43px; background:#d6edd3; z-index:-1;}
.user-screen.user-home .user-screen-container .user-screen-content p{ font-weight:300; font-size:25px; color:#6e7b91; margin-bottom:0; max-width:550px; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.user-screen.user-home .user-screen-container .user-screen-content p:before{ content:""; position:relative; display:block; min-width:130px; height:1px; background:#101A2B; margin:0 50px 0 70px; opacity:0.10;}
.user-screen.user-home .user-screen-container .user-screen-content h3{ margin-bottom:0;}
.user-screen.user-home .user-screen-container .user-screen-content h3 .welcome{ font-weight:normal; color:#FED294; font-size:30px; display:block; margin-top:10px;}
.user-screen .user-screen-container .user-screen-content .form-gender{ height:48px;}
.user-screen .user-screen-container .user-screen-content .form-gender label{ line-height:38px;}
.user-screen .user-screen-container .user-screen-content .submit button{font-weight:bold;font-size:15px;color:#0f290e;border: 2px solid #fff0;line-height:45px;height:48px;border-radius:5px;background:#fafafa;width:145px;margin-top:20px;outline:none;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.user-screen .user-screen-container .user-screen-content .submit{ text-align:right;}
.user-screen .user-screen-container .custom-file-label{ font-weight:300; font-size:19px; color:rgba(15, 41, 14, 0.54); height:48px; border-radius:5px; background:#fafafa; border:none;}
.user-screen .user-screen-container .custom-file-input{ height:48px;}
.user-screen .user-screen-container .custom-file-label:after{ height:100%; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.user-screen .user-screen-container .user-screen-content .select2-container--default .select2-selection--single .select2-selection__rendered{ font-weight:300; font-size:19px; line-height:45px; color:rgba(15, 41, 14, 0.54);}
.user-screen .user-screen-container .user-screen-content .select2-container--default .select2-selection--single{ height:48px; border-radius:5px; background:#fafafa; border:none;}
.user-screen .user-screen-container .user-screen-content{ padding:0; width:100%;}
.user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive{ border-radius:20px; border:1px solid rgba(15, 41, 14, 0.10);}
.user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table{ margin-bottom:0;}
.user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table td,.user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table th{border-top:1px solid rgba(15, 41, 14, 0.10);padding:20px 40px;border-left:1px solid rgba(15, 41, 14, 0.10);border-right:none !important;border-bottom:none !important;vertical-align:inherit;}
.user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table td:first-child,.user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table th:first-child{ border-left:none !important;}
.user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table td a{font-size:16px;color:#5d765c;}
.user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table td a > svg {
    margin-top: -6px;
}
.user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table tr:first-child td,.user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table tr:first-child th{ border-top:none !important;}
.user-screen.user-screen-table .user-screen-container .user-screen-content{max-width: 1220px;margin:100px auto 20px;}
.user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table th {
    background: #f5f5f5;
}
.user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table td {
    font-weight: 300;
}
.user-screen.user-screen-table .user-screen-container .user-screen-content .control-checkbox{ position:relative;}
.user-screen.user-screen-table .user-screen-container .user-screen-content .form-row{ border:none; padding:0; margin:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.user-screen.user-screen-table .user-screen-container .user-screen-content .control-checkbox input{ position:absolute; top:0; left:0; opacity:0; visibility:hidden;}
.user-screen.user-screen-table .user-screen-container .user-screen-content .control-checkbox label{ position:relative; margin-bottom:0; padding-left:30px; cursor:pointer;}
.user-screen.user-screen-table .user-screen-container .user-screen-content .control-checkbox label:before{ content:""; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; width:20px; height:20px; border:1px solid #5D765C; border-radius:5px; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.user-screen.user-screen-table .user-screen-container .user-screen-content .control-checkbox input:checked ~ label:before{ background:#5D765C;}
.user-screen.user-notes .user-screen-container .addnote-item{ background:#FAFAFA; padding:20px 30px; font-size:16px;}
.user-screen.user-pass .user-screen-container .user-screen-content .form-row{ -ms-flex-wrap:wrap; flex-wrap:wrap;}
.user-screen.user-pass .user-screen-container .user-screen-content .form-row > div{ -webkit-box-flex:1; -ms-flex:1 0 50%; flex:1 0 50%;}
.user-screen.user-pass .user-screen-container .user-screen-content .form-row > .form-row{ -webkit-box-flex:1; -ms-flex:1 0 100%; flex:1 0 100%; margin:20px 0 0;}
.user-screen.user-pass .user-screen-container .user-screen-content .form-row > .form-row > div{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 10px); flex:0 0 calc(50% - 10px);}
.user-screen.user-pass .user-screen-container .user-screen-content{ max-width:900px; margin:100px auto 20px;}
.user-screen .user-screen-container .user-screen-content .form-group{ position:relative; border:1px solid rgba(15, 41, 14, 0.10); border-radius:25px; margin:0 auto 80px; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:50px 60px; -ms-flex-wrap:nowrap; flex-wrap:nowrap;}
.user-screen .user-screen-container .user-screen-content .form-group .form-div-title{ position:absolute; top:0; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:#fff; padding:0 20px;}
.user-screen .user-screen-container .user-screen-content .form-group .form-div-title span{ font-weight:normal; font-size:20px; color:#0f290e; display:block;}
.user-screen.user-edit .user-screen-container .user-screen-content{ margin:110px 0;}
.user-screen.user-edit .user-screen-container .submit{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.user-screen.user-edit .user-screen-container .submit button{ font-weight:bold; font-size:28px; color:#0f290e; border:2px solid #d6edd300; border-radius:5px; background:#fafafa; padding:10px 40px; outline:none; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; width:auto; height:auto; line-height:normal; margin-top:0;}
.user-screen.user-edit .user-screen-container .user-screen-content{ max-width:1000px; margin:130px auto 0;}
.user-screen .user-screen-container .user-screen-content .form-group .form-div{ -webkit-box-flex:1; -ms-flex:1 0 calc(33% - 11px); flex:1 0 calc(33% - 11px);}
.user-screen .user-screen-container .user-screen-content .form-group .form-div + .form-div{ margin-left:20px;}
.user-screen .user-screen-container .user-screen-content .form-group.submit-row{ border:none; padding:0; margin:0; border-radius:0;}
.user-screen .user-screen-container .user-screen-content .form-group .form-div-title span:before{ content:""; position:absolute; bottom:6px; left:10px; right:10px; height:4px; border-radius:2.86px 1.14px; background:#d6edd3; z-index:-1;}
.user-screen .user-screen-container .user-screen-content .form-group:nth-child(3) .form-div:nth-child(2){ -webkit-box-flex:0; -ms-flex:0 0 calc(25% - 11px); flex:0 0 calc(25% - 11px);}
.user-screen.user-notes .user-screen-container .addnote-item h5{ font-size:17px;}
.user-screen.user-notes .user-screen-container .addnote-item h6{ font-size:16px;}
.user-screen.user-notes .user-screen-container .addnote-item .note-buttons{ margin-top:20px;}
.user-screen.user-notes .user-screen-container .addnote-item .note-buttons a + a{ margin-left:10px;}
.user-screen.user-notes .user-screen-container .notes-user-select{ width:230px;}
.user-screen.user-notes .user-screen-container .notes-form-container .notes-user-select > span.select2{ width:100% !important;}
.user-screen.user-notes .user-screen-container .add-not{ font-size:15px; color:#0f290e; height:40px; border-radius:5px; background:#fafafa; display:inline-block; text-align:center; line-height:38px; width:110px; margin:10px 0 30px;}
.user-screen.user-notes .user-screen-container .notes-form-container{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-bottom:30px;}
.user-screen.user-notes .user-screen-container .notes-form-container > input{ font-weight:bold; font-size:15px; text-align:center; color:#0f290e; width:145px; border:none; border-radius:5px; background:#fafafa; margin-left:10px;}
.user-screen .user-screen-menu a{ position:relative; z-index:1; text-align:center; -webkit-box-flex:0; -ms-flex:0 0 127px; flex:0 0 127px; height:127px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; background:rgba(255, 251, 245, 0); border-radius:20px;}
.user-screen .user-screen-menu h2{ font-weight:normal; font-size:25px; color:#0f290e; margin-bottom:20px;}
.user-screen .user-screen-menu a .icon:before{ content:""; position:absolute; top:46%; left:55%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background-image:url(../img/main/list-img.png); background-size:contain; width:20px; height:30px; background-repeat:no-repeat; background-position:center;}
.user-screen .user-screen-menu a .icon svg{ position:relative; width:30px; height:30px;}
.user-screen .user-screen-bg{ height:35vh; background-size:cover; background-position:center; position:relative;}
.user-screen.login-signup .user-screen-bg{ height:55vh;}
.user-screen .user-screen-bg:before{ content:""; position:absolute; top:0; right:0; left:0; bottom:0; background:#0F290E; opacity:0.75;}
header.login-header:before{ background-image:url(../img/main/header-login-bg.png); background-size:cover; bottom:-20px;}
header.login-header{height:160px;margin-top:-20px;position:absolute;background: transparent;}
header.login-header .header-extra-menu .menu-item.basket-item .basket-count {
    background: #a19c86;
}
.login-header .social-media ul li a svg path{ fill:#ffffff;}
header.login-header .header-menu > ul > li > a{ color:#ffffff;}
header.login-header .header-extra-menu .menu-item > svg path{ fill:#ffffff; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
header.login-header .header-menu ul li a img:nth-child(1){ display:none;}
header.login-header .header-menu ul li a img:nth-child(2){ display:block;}
.user-screen.login-signup .user-form{ margin-top:-25vh;}
.user-screen .user-form .user-form-content .content-item.login-item .form-row.form-captcha{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.user-screen .user-form .user-form-content .content-item.login-item .form-row.form-captcha .submit{ -webkit-box-flex:0; -ms-flex:0 0 130px; flex:0 0 130px;}
.user-screen .user-form .user-form-content .content-item .form-div.form-captcha{ margin:15px 0 0; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;}
.user-screen .user-form .user-form-content .content-item.signup-item .form-div.form-captcha > div{ padding:0; -webkit-box-flex:0; -ms-flex:0 0 calc(33% - 8.5px); flex:0 0 calc(33% - 8.5px); background:#fafafa; border-radius:5px;}
.user-screen .user-form .user-form-content .content-item .form-div.form-captcha input{ text-align:center;}
.user-screen .user-form .user-form-content .content-item.signup-item .form-div.form-captcha > div + div{ margin-left:15px;}
.user-screen .user-form .user-form-content .content-item .form-div.active .form-control, .user-screen .user-form .user-form-content .content-item .form-div .form-control:focus{ background:#f1f1f1; color:#0F290E; border-color:#d6edd3;}
.user-screen .user-form .user-form-content .content-item .form-div.form-captcha .submit input:hover{ background:#f1f1f1; color:#000; border-color:#d6edd3;}
.user-screen .user-form .user-form-content .content-item .form-div.form-captcha .captcha.active input{ background:#f1f1f1; color:#0F290E;}
.user-screen .user-form .user-form-content .content-item .form-div.form-captcha .submit input{ font-weight:bold; font-size:15px; color:#0f290e; border-radius:5px; background:#fafafa; width:100%; height:50px; border:2px solid #ffffff00; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.user-screen .user-form .user-form-content .content-item .event-facebook{ text-align:center; margin-top:50px;}
.user-screen .user-form .user-form-content .content-item .event-facebook a span{ font-size:15px; color:#fff; display:block; margin-left:10px; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.user-screen .user-form .user-form-content .content-item .event-facebook a{ border-radius:100px; background:#5e78b2; border:1px solid #5e78b2; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; padding:8px 20px; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.user-screen .user-form .user-form-content .content-item .event-facebook a .icon{ display:-webkit-box; display:-ms-flexbox; display:flex;}
.user-screen .user-form .user-form-menu ul li.active a{ color:#0F290E;}
.user-screen .user-form .user-form-content .content-item.active{ opacity:1; visibility:visible;}
.user-screen .user-form{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; max-width:1079px; border-radius:45px; background:#fff; -webkit-box-shadow:0px 53px 56px rgba(15, 41, 14, 0.1); box-shadow:0px 53px 56px rgba(15, 41, 14, 0.1); margin:-30vh auto 0; position:relative; padding:60px 0;}
.user-screen .user-form .user-form-menu{ margin-right:100px; padding:100px 100px 100px 0; position:relative;}
.user-screen .user-form .user-form-menu:before{ content:""; position:absolute; top:0; right:0; bottom:0; width:20px; background-image:url(../img/main/border-img.png); background-size:contain; background-repeat:no-repeat; background-position:center;}
.user-screen .user-form .user-form-menu ul li{ position:relative; text-align:center;}
.user-screen .user-form .user-form-menu ul li a{ font-weight:300; font-size:30px; color:#838383; display:block; position:relative;}
.user-screen .user-form .user-form-menu ul li + li{ margin-top:50px;}
.user-screen .user-form .user-form-menu ul li:before{ content:""; position:absolute; bottom:8px; left:-10px; right:-10px; height:8px; border-radius:5.71px 2.29px; background:#d6edd3; opacity:0; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.user-screen .user-form .user-form-menu ul li.active:before{ opacity:1;}
.user-screen .user-form .user-form-content{ width:460px; height:360px; position:relative; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.user-screen .user-form .user-form-content .content-item{ position:absolute; top:0; right:0; left:0; opacity:0; visibility:hidden; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.user-screen .user-form .user-form-content .content-item h2{ text-align:center; margin-bottom:50px;}
.user-screen .user-form .user-form-content .content-item .form-row{ margin:0;}
.user-screen .user-form .user-form-content .content-item .form-div .form-control{ font-weight:300; font-size:19px; color:rgba(15, 41, 14, 0.54); height:50px; border-radius:5px; background:#fafafa; border:2px solid #ffffff00; outline:none; -webkit-box-shadow:none; box-shadow:none; padding:0 20px; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.user-screen .user-form .user-form-content .content-item.login-item .form-div + .form-div{ margin-top:15px;}
.user-screen .user-form .user-form-content .content-item .form-div .captcha{ height:50px;}
.user-screen .user-form .user-form-content .content-item.signup-item .form-row + .form-row{ margin-top:10px;}
.user-screen .user-form .user-form-content .content-item.signup-item .form-row .form-div{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 5px); flex:0 0 calc(50% - 5px);}
.user-screen .user-form .user-form-content .content-item.signup-item .form-row .form-div + .form-div{ margin-left:10px;}
.user-screen .user-form .user-form-content .content-item .checkbox-item{ position:relative;}
.user-screen .user-form .user-form-content .content-item .checkbox-item input[type="checkbox"]{ position:absolute; opacity:0; visibility:hidden; left:0; top:0;}
.user-screen .user-form .user-form-content .content-item .checkbox-item label{ margin:0; font-size:19px; color:rgba(15, 41, 14, 0.54); position:relative; padding-left:35px; cursor:pointer;}
.user-screen .user-form .user-form-content .content-item .checkbox-item label a{ color:rgba(15, 41, 14, 0.54);}
.user-screen .user-form .user-form-content .content-item .checkbox-item label a:hover{ color:rgba(15, 41, 14, 1);}
.user-screen .user-form .user-form-content .content-item .checkbox-item + .checkbox-item{ margin-top:13px;}
.user-screen .user-form .user-form-content .content-item .form-checkbox{ margin:20px 0;}
.user-screen .user-form .user-form-content .content-item .checkbox-item label:before{ content:""; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; width:19px; height:19px; border-radius:5px; background:transparent; border:1px solid #ccc;}
.user-screen .user-form .user-form-content .content-item .checkbox-item input:checked ~ label:before{ background:#ccc;}
.user-screen .user-form .user-form-content .content-item .event-facebook a:hover{ background:#ffffff;}
.user-screen .user-form .user-form-content .content-item .event-facebook a:hover span{ color:#5e78b2;}
.user-screen .user-form .user-form-content .content-item .event-facebook a .icon svg path{ -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.user-screen .user-form .user-form-content .content-item .event-facebook a:hover .icon svg path{ fill:#5e78b2;}
.user-screen .user-form .user-form-content .content-item .form-div .captcha a{ width:20px; height:20px; font-size:13px; right:2px;}
.user-screen .forget-password{ text-align:center; margin-top:0; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.user-screen .forget-password.active{ opacity:1; visibility:visible;}
.user-screen .forget-password a{ font-weight:300; font-size:17px; color:#a2a2a2;}
.user-screen .forget-password a:hover{ color:#0F290E;}
.user-screen.user-edit .user-screen-container .submit .submit-checkbox{ position:relative;}
.user-screen.user-edit .user-screen-container .submit .submit-checkbox label:before{ content:""; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; width:20px; height:20px; border:1px solid #0f290e; border-radius:5px; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; background:transparent;}
.user-screen.user-edit .user-screen-container .submit .submit-checkbox input:checked ~ label:before{ background:#0f290e;}
.user-screen.user-edit .user-screen-container .submit .submit-checkbox input{ position:absolute; top:0; left:0; opacity:0; visibility:hidden;}
.user-screen.user-edit .user-screen-container .submit .submit-checkbox label{ margin-bottom:0; font-weight:normal; font-size:17px; color:#0f290e; position:relative; padding-left:30px; cursor:pointer;}
.user-screen.user-address .user-screen-container .user-screen-content{ max-width:1050px; margin:120px auto 90px;}
.user-screen.user-address .user-screen-container .user-screen-content .form-group{ -ms-flex-wrap:wrap; flex-wrap:wrap;}
.user-screen.user-address .user-screen-container .user-screen-content .form-group.submit-row{ -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; margin-top:-40px;}
.user-screen.user-address .user-screen-container .user-screen-content .form-group .form-div .btn-group{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; display:-webkit-box; display:-ms-flexbox; display:flex;}
.user-screen.user-address .user-screen-container .user-screen-content .form-group .form-div .btn-group label{width:100%;margin-bottom:0;height:50px;line-height:49px;text-align:center;position:relative;background:#FAFAFA;border-radius:5px;cursor:pointer;border:none;font-weight:normal;font-size:17px;color:#0f290e;padding:0;outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.user-screen.user-address .user-screen-container .user-screen-content .form-group .form-div .btn-group label + label{ margin-left:20px;}
.user-screen.user-address .user-screen-container .user-screen-content .form-group .form-div .btn-group label.active{ color:#000; background:#d6edd3;}
.user-screen.user-address .user-screen-container .user-screen-content .form-group .form-div.form-textarea{ -webkit-box-flex:1; -ms-flex:1 0 100%; flex:1 0 100%; margin-left:0; margin-top:20px;}
.user-screen.user-address .user-screen-container .user-screen-content .form-group .form-div .btn-group label inpu ~ checked{ background:#d6edd3;}
.user-screen.user-address .user-screen-container .user-screen-content .no-add-address{ font-weight:normal; font-size:20px; color:#0f290e; margin-bottom:100px; display:block; text-align:center;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count{ max-width:950px;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item{ height:360px; -webkit-box-flex:0; -ms-flex:0 0 450px; flex:0 0 450px; border-radius:36px; background:#fff; -webkit-box-shadow:0px 7px 56px rgba(0, 0, 0, 0.1); box-shadow:0px 7px 56px rgba(0, 0, 0, 0.1); position:relative; border:none;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item + .address-item{ margin-left:40px;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item:nth-child(2n+1){ margin-left:0;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item:nth-child(n+3){ margin-top:70px;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item.add-address{ background:#FAFAFA; -webkit-box-shadow:none; box-shadow:none; border-radius:20px; width:auto; -webkit-box-flex:0; -ms-flex:0 0 450px; flex:0 0 450px; margin:0 0 0 40px;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-title{ font-weight:300; font-size:20px; color:#6f6f6f; border-radius:20px; background:#fff; -webkit-box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1); box-shadow:0px 7px 16px rgba(0, 0, 0, 0.1); text-align:center; max-width:180px; margin:0 auto -10px; padding:7px 0; -webkit-transform:translateY(-21px); -ms-transform:translateY(-21px); transform:translateY(-21px);}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-profile{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:30px; background:#fafafa; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:20px 30px; margin:25px 30px 35px;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item-row{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-profile .item-info{ margin-left:30px;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-profile .item-info .info-tel{ font-size:15px; color:#0f290e; display:block; max-width:150px; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-profile .item-info .info-title{ font-size:30px; color:#0f290e; display:block; white-space:nowrap; max-width:150px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-profile .item-btn{ margin-left:50px;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-profile .item-btn .button{width:30px;height:30px;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-profile .item-btn .button.btn-edit{ background:#BCC8E0;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-profile .item-btn .button.btn-delete{ background:#E0BCBC; margin-top:10px;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-body span{ font-size:20px; text-align:center; color:#5d765c; display:block; margin-bottom:23px;}
.user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-body p{ font-weight:300; font-size:20px; text-align:center; color:#6f6f6f; margin-bottom:0; padding:0 40px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.user-screen.user-address .user-screen-container .user-screen-content .add-address{width:500px;height:240px;border-radius:40px;background:#fafafa;border:1px dashed #c9c9c9;margin:0 auto;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.user-screen.user-address .user-screen-container .user-screen-content .add-address a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:100%;}
.user-screen.user-address .user-screen-container .user-screen-content .add-address a p{font-weight:300;font-size:34px;color:#5d765c;margin-bottom:0;margin-left:70px;max-width:80px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.user-screen.user-address .user-screen-container .user-screen-content .add-address a .icon svg line {-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
    .user-screen.user-address .user-screen-container .user-screen-content .message a {color: #0f290e;}


.user-screen.forgot-pass .user-form .user-form-content .content-item .form-row {
    width: 100%;
}

.user-screen.forgot-pass .user-form .user-form-content .content-item .form-row .form-div:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 69%;
            flex: 0 0 69%;
}

.user-screen.forgot-pass .user-form .user-form-content .content-item .form-div .form-control {
    width: 100%;
}

.user-screen.forgot-pass .user-form .user-form-content .content-item.login-item .form-row.form-captcha {
    width: auto;
    margin-top: 0;
    margin-left: 10px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
            flex: 0 0 130px;
}

.user-screen.forgot-pass .forget-password {
    margin-top: 10px;
}

    
@media (hover:hover){
    header.login-header .header-extra-menu .menu-item.basket-item:hover .basket-count {
        background: #ffffff;
        color: #0f290e;
    }
    .user-screen.user-address .user-screen-container .user-screen-content .add-address:hover {
        background: #c9c9c9;
    }
    .user-screen.user-edit .user-screen-container .submit .submit-checkbox label:hover:before {
        background: rgba(15, 41, 14, 0.3);
    }
    .user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-profile .item-btn .button.btn-edit:hover {
        background: #436cbd;
    }
    .user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item.add-address:hover {
        background: #c9c9c9;
    }
    .user-screen.user-address .user-screen-container .user-screen-content .form-group .form-div .btn-group label:hover {
        background: rgba(214, 237, 211, 0.5);
    }
    .user-screen .user-screen-menu a:hover {
        background: rgba(255, 251, 245, 0.6);
    }
    .user-screen .user-screen-container .user-screen-content .submit button:hover {
        background: #f1f1f1;
        color: #000;
        border-color: #d6edd3;
    }
    .user-screen.user-address .user-screen-container .user-screen-content .add-address:hover a p {
        color: #ffffff;
    }
    .user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table td a:hover {
        color: #000;
    }
    .user-screen.user-address .user-screen-container .user-screen-content .add-address:hover a .icon svg line {
        stroke: #ffffff;
    }
    .user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-profile .item-btn .button.btn-delete:hover {
        background: #b23e3e;
    }
    .user-screen.user-edit .user-screen-container .submit button:hover {
        color: #000;
        background: #f1f1f1;
        border-color: #d6edd3;
    }
}

@media only screen and (max-width: 1450px){
    .user-screen .user-form { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); margin-top: -250px; }
    .user-screen .user-screen-menu { -webkit-transform: scale(0.9) translateX(-4vw); -ms-transform: scale(0.9) translateX(-4vw); transform: scale(0.9) translateX(-4vw); }
    .user-screen .user-screen-bg { height: 42vh; }
    .user-screen.user-address .user-screen-container .user-screen-content.address-count { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
    .user-screen.user-home .user-screen-container .user-screen-content h3 .name-text { font-size: 30px; }
}

@media only screen and (max-width: 1370px){
    .user-screen .user-form { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); margin-top: -220px; }
}

@media only screen and (max-width: 1199px){
    .user-screen .user-screen-bg{ height:30vh;}
    .user-screen.user-edit .user-screen-container .user-screen-content{ max-width:85%;}
    .user-screen.user-address .user-screen-container .user-screen-content{ max-width:85%;}
    .user-screen.user-pass .user-screen-container .user-screen-content{ max-width:700px;}
    .user-screen.user-screen-table .user-screen-container .user-screen-content{ max-width:85%;}
    .user-screen{ padding-bottom:300px;}
    .user-screen .user-screen-menu{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); width:auto; padding:20px 0; margin:-90px 30px 0; overflow:hidden;}
    .user-screen .user-screen-menu .swiper-container{margin:0;width:100%;padding:0 40px;}
    .user-screen.user-home .user-screen-container .user-screen-content p{ max-width:500px;}
    .user-screen.user-home .user-screen-container .user-screen-content p:before{ min-width:70px;}
    .user-screen .user-screen-menu a + a{ margin-left:0;}
}

@media only screen and (max-width: 991px){
    .user-screen.user-screen-table .user-screen-container .user-screen-content{ max-width:80%;}
    .user-screen.user-home .user-screen-container .user-screen-content h3 .name-text{ font-size:28px;}
    .user-screen.user-home .user-screen-container .user-screen-content h3 .welcome{ font-size:25px;}
    .user-screen.user-home .user-screen-container .user-screen-content p:before{ min-width:50px;}
    .user-screen.user-home .user-screen-container .user-screen-content p{ max-width:400px; font-size:23px;}
    .user-screen.user-home .user-screen-container .user-screen-content h3 .name-text:before{ visibility:hidden;}
    .mobile-menu.login-page-mobil .hamburger-menu .bar{ background:#ffffff;}
    header.login-header.fixed-active .header-extra-menu .menu-item > svg path{ fill:rgba(15, 41, 14, 0.5);}
    .mobile-menu.login-page-mobil.fixed-active .hamburger-menu .bar{ background:#0f290e;}
    .mobile-menu.login-page-mobil .hamburger-menu{ top:31px;}
    header.login-header .header-extra-menu .menu-item > svg{ opacity:1;}
    .user-screen .user-form{ -webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9); max-width:100%; margin-top:-230px;}
    .user-screen .user-form .user-form-menu{ padding-right:70px; margin-right:40px;}
    .user-screen .user-form .user-form-menu ul li a{ font-size:25px;}
    .user-screen .user-form .user-form-menu ul li:before{ height:5px; bottom:8px;}
    .user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item{ -webkit-box-flex:0 !important; -ms-flex:none !important; flex:none !important; margin-left:0 !important; margin-bottom:40px;}
    .user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item.add-address{ -webkit-box-flex:0; -ms-flex:0 0 300px; flex:0 0 300px;}
    .user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item-row{ display:block; margin:0 140px;}
    .user-screen .user-screen-bg{ height:40vh;}
    .user-screen.user-address .user-screen-container .user-screen-content .form-group:nth-child(6) .form-div:Nth-child(4),
    .user-screen.user-address .user-screen-container .user-screen-content .form-group:nth-child(7) .form-div:Nth-child(4){ margin-left:0; -webkit-box-flex:1; -ms-flex:1 0 100%; flex:1 0 100%; margin-top:20px;}
    .user-screen.user-pass .user-screen-container .user-screen-content{ max-width:600px;}
    .user-screen.user-address .user-screen-container .user-screen-content .add-address{ width:430px; height:220px;}
    .user-screen{ padding-bottom:200px;}
    header.login-header{position:fixed;height:130px;margin-top:-10px;z-index: 9999;}
    header.login-header .header-extra-menu .menu-item > svg path{ fill:#869385;}
    header.login-header .header-extra-menu .menu-item > a svg path{ fill:#0f290e;}
    header.login-header.fixed-active .s-container .header-logo img:nth-child(2){ opacity:0; visibility:hidden;}
    header.login-header.fixed-active .s-container .header-logo img:nth-child(1){ opacity:1; visibility:visible;}
}

@media only screen and (max-width: 767px){
    .user-screen .user-form{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); margin-top:-200px; display:block; padding:30px 0; max-width:90%;}
    .user-screen.user-address .user-screen-container .user-screen-content .add-address{ width:80%; height:160px;}
    .user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table td,
    .user-screen.user-screen-table .user-screen-container .user-screen-content .table-responsive .table th{ padding:5px 30px;}
    .user-screen.user-address .user-screen-container .user-screen-content .no-add-address{ font-size:18px; margin-bottom:60px;}
    .user-screen.user-address .user-screen-container .user-screen-content .add-address a .icon svg{ width:50px; height:50px;}
    .user-screen.user-screen-table .user-screen-container .user-screen-content .form-row{ display:block;}
    .user-screen.user-screen-table .user-screen-container .user-screen-content .control-checkbox{ margin-bottom:30px;}
    .user-screen.user-screen-table .user-screen-container .user-screen-content{ margin-top:70px; margin-bottom:0;}
    .user-screen.user-address .user-screen-container .user-screen-content .add-address a p{ font-size:25px; max-width:60px; margin-left:50px;}
    .user-screen.user-address .user-screen-container .user-screen-content .form-group .form-div .btn-group{ -ms-flex-wrap:wrap; flex-wrap:wrap;}
    .user-screen.user-address .user-screen-container .user-screen-content .form-group .form-div .btn-group label + label{ margin-left:0; margin-top:20px;}
    .user-screen.user-address .user-screen-container .user-screen-content{margin: 120px auto 0;}
    .user-screen .user-form .user-form-menu ul li a{ display:inline-block; font-size:20px;}
    .user-screen.user-home .user-screen-container .user-screen-content{ display:block; margin:70px 0 0;}
    .user-screen .user-screen-bg{ height:280px;}
    .user-screen.user-pass .user-screen-container .user-screen-content{ max-width:85%; margin:80px auto 0;}
    .user-screen .user-screen-container .user-screen-content .form-group .form-div-title span{ font-size:17px;}
    .user-screen.user-edit .user-screen-container .submit{display:block;text-align: center;}
    .user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item-row{ margin:0 20px;}
    .user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-profile .item-img{ display:none;}
    .user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-profile .item-info .info-title{ font-size:22px;}
    .user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-profile .item-info{ margin-left:10px;}
    .user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-body span{ font-size:18px; margin-bottom:18px;}
    .user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item .address-item-body p{ font-size:18px;}
    .user-screen.user-address .user-screen-container .user-screen-content.address-count .address-item.add-address{ height:200px;}
    .user-screen.user-edit .user-screen-container .submit .submit-checkbox{text-align: center;}
    .user-screen.user-edit .user-screen-container .submit button{font-size:20px;margin-top: 30px;}
    .user-screen.user-edit .user-screen-container .user-screen-content{ margin-top:110px;}
    .user-screen.user-pass .user-screen-container .user-screen-content .form-row{ margin-bottom:30px;}
    .user-screen .user-screen-container .user-screen-content .form-group{ padding:30px 30px; display:block; margin-bottom:50px;}
    .user-screen.user-pass .user-screen-container .user-screen-content .form-row{ display:block;}
    .user-screen .user-screen-container .user-screen-content .form-group .form-div + .form-div{ margin-left:0; margin-top:20px;}
    .user-screen.user-screen-table .user-screen-container .user-screen-content form{ display:block !important;}
    .user-screen .user-screen-menu a{ height:100px; -webkit-box-flex:0; -ms-flex:0 0 120px; flex:0 0 120px;}
    .user-screen.slider-active .user-screen-menu a {
        -webkit-transform: translateX(-80px);
            -ms-transform: translateX(-80px);
                transform: translateX(-80px);
    }
    .user-screen.forgot-pass .user-form .user-form-content .content-item .form-row .form-div:first-child {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }

    .user-screen.forgot-pass .user-form .user-form-content .content-item.login-item .form-row.form-captcha {
        margin-left: auto;
        margin-top: 10px;
    }

    .user-screen.forgot-pass .forget-password {
        position: absolute;
        bottom: 15px;
        left: 0;
    }
    .user-screen.user-home .user-screen-container .user-screen-content h3 .name-text{ font-size:25px;}
    .user-screen.user-home .user-screen-container .user-screen-content h3 .welcome{ font-size:23px;}
    .user-screen.user-home .user-screen-container .user-screen-content p{ max-width:100%; margin-top:20px; padding-top:20px; border-top:1px solid rgba(135, 148, 135, 0.2);}
    .user-screen.user-home .user-screen-container .user-screen-content p:before{ display:none;}
    .user-screen .user-form .user-form-menu ul li{ display:inline-block;}
    .user-screen .user-form .user-form-menu ul li + li{ margin-top:0; margin-left:50px;}
    .user-screen .user-form .user-form-menu:before{ visibility:hidden;}
    .user-screen .user-form .user-form-menu{ padding:0 0 30px; margin:0 20px; text-align:center; margin-bottom:30px; border-bottom:1px solid #e6e6e6;}
    .user-screen .user-form .user-form-content{ width:85%; margin:0 auto;}
    .user-screen .user-form .user-form-content .content-item h2{ font-size:26px; margin-bottom:40px;}
    .user-screen .forget-password a{ font-size:15px; margin-left:3px;}
    .user-screen{ padding-bottom:120px;}
    .user-screen .user-form .user-form-content .content-item.signup-item .form-row .form-div{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%;}
    .user-screen .user-form .user-form-content .content-item.signup-item .form-row .form-div + .form-div{ margin-left:0; margin-top:10px;}
    .user-screen .user-form .user-form-content .content-item .checkbox-item label{ font-size:15px; padding-left:30px;}
    .user-screen .user-form .user-form-content .content-item .checkbox-item label:before{ width:16px; height:16px;}
    header.login-header{ height:80px; margin-top:0;}
    .mobile-menu.login-page-mobil .hamburger-menu{ top:26px;}
    .user-screen .user-form .user-form-content .content-item.signup-item .form-div.form-captcha > div{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 8px); flex:0 0 calc(50% - 8px);}
    .user-screen .user-form .user-form-content .content-item .form-div .captcha a{ font-size:12px;}
    .user-screen .user-form .user-form-content .content-item.signup-item .form-div.form-captcha > div.submit{ margin-top:15px; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%;}
    .user-screen .user-form .user-form-content .content-item .form-div .form-control{ font-size:16px;}
}

/* Basket Steps */
.sepetScreen { padding: 200px 0; }
.sepetScreen > .container > .row > img { min-width: 30px; height: 30px; margin: -2px 8px 0 10px; }
.sepetScreen > .container > .row > br { display: none; }
.sepetScreen > .container > .row > a { margin: 0 10px; color: #4c9560; }

/* Select2 */
.select2-container--default .select2-selection--single .select2-selection__rendered { font-weight: 300; font-size: 19px; color: rgba(15, 41, 14, 0.54); line-height: 48px; }
.select2-container--default .select2-selection--single { height: 50px; border-radius: 5px; background: #fafafa; border: none; padding: 0 15px; }

/* Pagination */
.pagination{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin: 90px 0 30px;}
.pagination li a{ padding:5px 10px; border:none; border-radius:5px; color:#0F290E; font-size:15px; display:block; background:#FAFAFA; -webkit-box-shadow:none !important; box-shadow:none !important;}
.pagination li + li a{ margin-left:10px;}
.pagination .page-item.active .page-link{ background-color:#0F290E;}
.pagination li{ -webkit-box-shadow:none !important; box-shadow:none !important; outline:none !important;}
.pagination .page-item.active .page-link:hover{ color:#fff;}

/* Quit Modal */
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2){position:absolute;left:0;right:0;top:-45px;width:90px;height:90px;background: #8aad85;border-radius:100%;visibility:visible !important;color:transparent;padding:0;margin:0 auto;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2):before, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2):after{ content:""; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%) rotate(45deg); -ms-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg); width:4px; height:35px; background:#fff; border-radius:100px;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2):after{ -webkit-transform:translate(-50%, -50%) rotate(-45deg); -ms-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg);}
.jconfirm .jconfirm-box-container{-webkit-box-flex: 0;-ms-flex: 0 0 53.333333%;flex: 0 0 53.333333%;max-width: 53.333333%;padding:0;border-radius: 30px !important;text-align:center;-webkit-transition: 0.4s !important;-o-transition: 0.4s !important;transition: 0.4s !important;}
.jconfirm .jconfirm-box{border: none !important;padding:0;overflow:initial;padding:90px 0 30px;border-radius: 30px !important;text-align: center;-webkit-transition: 0.4s !important;-o-transition: 0.4s !important;transition: 0.4s !important;-webkit-animation: none !important;animation: none !important;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{ display:none;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{ font-weight:500; font-size:30px; color:#101a2b; display:block;}
.jconfirm .jconfirm-box .jconfirm-content div{font-size:25px;color:#6e7b91;max-width:320px;margin: 0 auto;}
.jconfirm .jconfirm-box div.jconfirm-content-pane{margin:0;}
.jconfirm .jconfirm-box div.jconfirm-title-c{ padding-bottom:0; margin-bottom:23px;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(1){float:none;border: 1px solid #8aad85;background:#fff;border-radius:100px;padding:10px 15px 10px 15px;font-weight:500;font-size:15px;letter-spacing:0.15em;text-align:center;color:transparent;position:relative;text-transform:none;width:148px;}
html[lang="tr"] .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(1):before{content:"Evet";color:#101a2b;position:absolute;left: 38%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
html[lang="en"] .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(1):before{ content:"Yes"; color:#101a2b; position:absolute; left:42%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(1) span.countdown{color: #8aad85;position:absolute;right: 32px;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{ padding:0; float:none; margin:35px 0 5px;}

@media only screen and (max-width: 991px){
  .jconfirm .jconfirm-box-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 60%;
              flex: 0 0 60%;
      max-width: 60%;
  }

  .jconfirm .jconfirm-holder {
      -webkit-transform: scale(0.85);
          -ms-transform: scale(0.85);
              transform: scale(0.85);
  }
}

@media only screen and (max-width: 767px){
  .jconfirm .jconfirm-box-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
  }

  .jconfirm .jconfirm-holder {
      -webkit-transform: scale(0.75);
          -ms-transform: scale(0.75);
              transform: scale(0.75);
  }
}


.loading-screen { position: relative; background-color: #f9fff5; width: 0; height: 100%; }
.load-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; z-index: 1000; pointer-events: none; }

/* Product Detail  Tag */
.product-tag-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.45)), to(#ffffff00));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.45), #ffffff00);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.45), #ffffff00);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-text .tag-text-container::-webkit-scrollbar {
  width: 0px;
}
.product-detail .product-tag .tag-item > svg {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 11px;
}

.product-detail .product-tag.reduced .tag-item > svg {
    fill: #89B789;
}
.product-detail .product-tag.campaign .tag-item > svg {
    fill: #507aac;
}
.product-tag-overlay.active {
    opacity: 1;
    visibility: visible;
}

.product-detail .product-tag .tag-item {position: absolute;bottom: 25px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);right: 0;width: 585px;height: 274px;opacity: 0;visibility: hidden;pointer-events: none;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.product-detail .product-tag .tag-item .tag-container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-radius: 25px;background: #ffffff;height: 100%;padding: 15px 50px 15px 20px;-webkit-transform: translateY(-25px);-ms-transform: translateY(-25px);transform: translateY(-25px);}
.product-detail .product-tag .tag-item .tag-container .tag-img {-webkit-box-flex: 0;-ms-flex: 0 0 180px;flex: 0 0 180px;height: 225px;position: relative;}
.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-container { height: 100%; position: relative; }
.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-container .swiper-pagination {
    bottom: 0;
}
.product-detail .product-tag.full-active .tag-item {
    opacity: 1;
    visibility: visible;
}
.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-container .swiper-pagination > span {
    width: 7px;
    height: 7px;
    border: 1px solid  #0f290e;
    opacity: 1;
    background: #fff0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-container .swiper-pagination > .swiper-pagination-bullet-active {
    background: #0f290e;
}
.product-detail .product-tag:hover {
    z-index: 999;
    background: #fff;
    -webkit-box-shadow: 0px 6px 6px rgba(137, 183, 137, 0);
            box-shadow: 0px 6px 6px rgba(137, 183, 137, 0);
}

.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-pagination span:hover {
    background: #fff;
}
.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-pagination span + span {
    margin-left: 10px;
}

.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-pagination span.active {
    background: #fff;
}
.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-container .tag-real-img .tag-img-item.fake-img {
    -webkit-filter: blur(15px);
            filter: blur(15px);
    -webkit-transform: translateY(20px) scale(0.9);
        -ms-transform: translateY(20px) scale(0.9);
            transform: translateY(20px) scale(0.9);
    z-index: -1;
}
.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-container .tag-real-img {position: absolute;top: 0;right: 0;left: 0;bottom: -5px;}
.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-container .tag-real-img .tag-img-item.active {
    opacity: 1;
    visibility: visible;
}
.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-container .tag-real-img .tag-img-item {position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-size: contain;background-position: center;background-repeat: no-repeat;border-radius: 20px;}
.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-container .tag-fake-img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-container .tag-fake-img .fake-img-item {position: absolute;top: 20px;right: 0;left: 0;bottom: -20px;background-size: cover;background-position: center;background-repeat: no-repeat;border-radius: 20px;opacity: 0;visibility: hidden;-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);-webkit-filter: blur(15px);filter: blur(15px);z-index: -1;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.product-detail .product-tag .tag-item .tag-container .tag-img .tag-img-container .tag-fake-img .fake-img-item.active {
    opacity: 1;
    visibility: visible;
}
.product-detail .product-tag .tag-item .tag-container .tag-content {-webkit-box-flex: 0;-ms-flex: 0 0 270px;flex: 0 0 270px;max-width: 270px;padding: 0 0 25px;}
.product-detail .product-tag .tag-item .tag-container .tag-content .tag-title h5 {font-weight: bold;font-size: 18px;color: #0f290e;margin-bottom: 25px;}
.product-detail .product-tag .tag-item .tag-container .tag-content .tag-text { position: relative; }
.product-detail .product-tag .tag-item .tag-container .tag-content .tag-text .tag-text-container {height: 120px;overflow: auto;padding-bottom: 100px;}
.product-detail .product-tag .tag-item .tag-container .tag-content .tag-text .tag-text-container p { font-weight: 300; font-size: 15px; line-height: 25px; color: #717171; margin-bottom: 0; display: inline-block; }
.product-detail .product-tag .tag-item .tag-container .tag-content .tag-text .tag-text-container a { display: inline-block; font-weight: 300; font-size: 15px; line-height: 25px; color: #2a4129; }
.product-detail .product-tag .tag-item .tag-container .tag-content .tag-text.active:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 70px;pointer-events: none;background: -webkit-gradient(linear, left bottom, left top, from(white), to(transparent));background: -o-linear-gradient(bottom, white, transparent);background: linear-gradient(to top, white, transparent);}
.product-detail .product-tag .tag-item .tag-container:before {content: "";position: absolute;top: -1px;left: 30px;height: 2px;width: 52px;/* background: #BCBCBC; *//* background: red; */visibility: hidden;}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-container {
    position: relative;
    height: 206px;
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-container .tag-content-item {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-container .tag-content-item.active {
    opacity: 1;
    visibility: visible;
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu {
    margin: 0 0 20px;
    padding: 0 10px;
}
.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu .slide-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 9;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu .slide-btn-prev {
    left: 0;
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu .slide-btn-next {
    right: 0;
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu .slide-btn svg {
    width: 10px;
    height: 13px;
    position: relative;
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu .slide-btn-prev svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu .slide-btn:before {content: "";position: absolute;top: -10px;bottom: -10px;left: 0;width: 40px;background: -webkit-gradient(linear, left top, right top, from(white), to(#ffffff00));background: -o-linear-gradient(left, white, #ffffff00);background: linear-gradient(to right, white, #ffffff00);}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu .slide-btn-next:before {
    right: 0;
    left: auto;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu .slide-btn.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}
.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu ul li {
    font-size: 12px;
    color: #a2a2a2;
    padding: 8px 20px;
    border-radius: 100px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
    width: auto;
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu ul li + li {
    margin-left: 0;
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu ul li.active {
    background: #F1F1F1;
    color: #000000;
}

.product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu ul li:hover {
    background: #F1F1F1;
    color: #000000;
}

.product-detail .product-tag:hover .tag-item {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

@media only screen and (max-width: 1199px){
    .product-detail .product-tag .tag-item {left: -220%;}

    .product-detail .product-tag .tag-item > svg {
        right: 0;
        left: auto;
    }

    .product-detail .product-tag.campaign .tag-item > svg {
        right: 6px;
    }

    .product-detail .product-tag.reduced .tag-item > svg {
        right: 45px;
    }
}

@media only screen and (max-width: 991px){
    .product-detail .product-tag .tag-item {
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 75%;
        z-index: 999;
    }
    .product-detail .product-tag .tag-item .tag-container .tag-content .tag-content-menu ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .product-detail .product-tag .tag-item .tag-container {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}

    .product-detail .product-tag .tag-item > svg {
        display: none;
    }

    .product-detail .product-tag.campaign:hover {
        background: #507AAC;
    }

    .product-detail .product-tag:hover {
        z-index: initial;
    }

    .product-detail .product-tag.reduced:hover {
        background: #89b789;
    }

    .product-detail .product-tag .tag-item .tag-container .tag-content {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
    }
}

@media only screen and (max-width: 767px){
    .product-detail .product-tag .tag-item .tag-container {
        display: block;
        padding: 20px;
        text-align: center;
        height: auto;
    }

    .product-detail .product-tag .tag-item .tag-container .tag-img {
        width: 180px;
        margin: 0 auto;
    }

    .product-detail .product-tag .tag-item {height: calc(100vh - 300px);}

    .product-detail .product-tag .tag-item .tag-container .tag-content .tag-text .tag-text-container {
        max-height: calc(100vh - 690px);
        padding-bottom: 10vh;
    }

    .product-detail .product-tag .tag-item .tag-container .tag-content {
        padding-top: 40px;
    }
}

[disabled],
.disabled {
    opacity: 0.5
}

/* Bank */
.bank-accounts { padding: 240px 0 200px; }
.bank-item {padding: 18px;border: 1px solid rgba(133, 149, 131, 0.43);border-radius: 5px;margin: 18px 0px;}
.bank-img { width: 195px; display: inline-block; float: left; height: 165px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.bank-content { width: calc(100% - 200px); float: left; }
.bank-content h5 { margin-bottom: 20px; text-transform: uppercase; font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #0f290e; }
.bank-bilgi p span:after { display: none; }
p.ibans { width: 100%; display: block; }
.bank-bilgi p { font-size: 10px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #231f20; margin-bottom: 2px; display: inline-block; }
span.title { font-weight: normal !important; }
.bank-bilgi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bank-img img { max-width: 180px; }
span.title { font-weight: 500; }
.bank-bilgi p span { position: relative; font-size: 12px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #231f20; padding: 0; border: 0; -webkit-user-select: inherit !important; -moz-user-select: inherit !important; -ms-user-select: inherit !important; user-select: inherit !important; }

@media only screen and (max-width: 767px){
    .bank-accounts {
        padding: 120px 0;
    }
}

/**/
.fancybox-is-open .fancybox-bg {opacity: 0.5;}
button.fancybox-button.fancybox-button--zoom { display: none; }
.fancybox-bg {background-color: rgb(255 255 255);}
.fancybox-container {background-color: rgb(255 255 255 / 0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}

/* New */

@media only screen and (max-width: 1199px){
    .award {display: none;}
    
}
@media only screen and (max-width:769px){
    .contact .contact-bottom .contact-title .page-text h2:before{
        bottom:5px;
    }
    .page.sepetScreen .container .row .col-12.col-md-4.col-lg-3{
        margin-top:20px;
    }
    .basket-nav .step .stepIcon a{
        width:75px;
        height:75px;
    }
    .sepetUrunItem{
        flex-wrap:wrap;
    }
    .sepetUrunImg{
        float:none;
        width:100%;
        margin-left:0;
        order:1;
        margin:auto;
        margin-bottom:4%;
    }
    .sepetUrunImg a{
        display:flex;
        justify-content: center;
    }
    .sepetUrunImg a img{
        width:auto;
        height:auto;
    }
    .sepetUrunName{
        float:none;
        width:100%;
        order:2;
        display:flex;
        justify-content: space-between;
        padding:0;
        margin-bottom:4%;
    }
    .sepetUrunBilgi .qty{
        width:50%;
        order:3;
        float:none;
    }
    .sepetUrunBilgi .qty input{
        padding:0;
    }
    .single{
        display:flex;
        justify-content: space-between;
        margin-top:4%;
        width:47%;
        text-align: center;
        order:5;
    }
    .sub-total{
        display:flex;
        width:47%;
        text-align: center;
        order:6;
        display: flex;
        justify-content: space-between;
        margin-left:4%;
        margin-top:4%;
    }
    .sub-total h6{
        margin:0;
    }
    .delete{
        float:none;
        width:50%;
        text-align: center;
        order:3;
        height:50px;
    }
    .delete a{
        width:100%;
        height:100%;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .delete a i{
        margin-right:6px;
    }
}

footer .footer-copyright .biltek a:first-child {
    margin: 0 0 -2px;
}
.biltek #biltek-signature img {
    opacity: 0.6;
}

.product-detail .product-detail-img .content-card .card-item.small-card-item {
    width: 65px;
    height: 65px;
}

.product-detail .content-card {
    right: 0;
}

.product-detail .product-detail-img .content-card .card-item.small-card-item span {
    font-size: 11px;
    border-width: 3px;
    padding: 2px;
}

/* Footer menü çok küçük ekranlar için */
@media only screen and (max-width: 480px) {
    footer .footer-container .footer-menu {
        padding: 0 10px;
        margin-bottom: 15px;
    }
    
    footer .footer-container .footer-menu ul {
        gap: 10px;
    }
    
    footer .footer-container .footer-menu ul li {
        min-width: calc(50% - 5px);
        max-width: calc(50% - 5px);
        padding: 8px 12px;
        border-radius: 0;
    }
    
    footer .footer-container .footer-menu ul li a {
        font-size: 13px;
        padding: 6px 0;
    }
}

@media only screen and (max-width: 360px) {
    footer .footer-container .footer-menu {
        padding: 0 8px;
        margin-bottom: 12px;
    }
    
    footer .footer-container .footer-menu ul {
        gap: 8px;
    }
    
    footer .footer-container .footer-menu ul li {
        min-width: calc(50% - 4px);
        max-width: calc(50% - 4px);
        padding: 6px 10px;
        border-radius: 0;
    }
    
    footer .footer-container .footer-menu ul li a {
        font-size: 12px;
        padding: 5px 0;
    }
}