@-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; 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; 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; 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}
.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; transition-duration:1ms !important; -webkit-animation-iteration-count:1 !important; animation-iteration-count:1 !important }
}
@-ms-viewport{ width:device-width}
::-moz-selection{ background:#f7783c; color:#fff}
::selection{ background:#f7783c; color:#fff}
html{ -ms-overflow-style:scrollbar; scroll-behavior:smooth !important; height:100%}
a:hover{ text-decoration: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}
button{ outline:none !important}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0;}
/* Firefox */
input[type=number]{ -moz-appearance:textfield;}
[type="search"]::-webkit-search-cancel-button{ -webkit-appearance:none}
/*::-webkit-scrollbar{ width:8px; height:8px}
 */
/*::-webkit-scrollbar-track{ background:#2c3033}
::-webkit-scrollbar-thumb{ background:#23c4f4}
 */
@media only screen and (max-width: 767px){
    main{overflow:hidden;}
}

@media (hover: hover) {
    .button-shadow:hover:after { opacity: 0.7; }
}

@font-face{ font-family:'voltebold_italic'; src:url("../fonts/volte-font/volte_bold_italic-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_bold_italic-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltebold'; src:url("../fonts/volte-font/volte_bold-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_bold-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltelight_italic'; src:url("../fonts/volte-font/volte_light_italic-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_light_italic-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltelight'; src:url("../fonts/volte-font/volte_light-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_light-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltemedium_italic'; src:url("../fonts/volte-font/volte_medium_italic-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_medium_italic-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltemedium'; src:url("../fonts/volte-font/volte_medium-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_medium-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'volteregular_italic'; src:url("../fonts/volte-font/volte_regular_italic-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_regular_italic-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltesemibold_italic'; src:url("../fonts/volte-font/volte_semibold_italic-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_semibold_italic-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltesemibold'; src:url("../fonts/volte-font/volte_semibold-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_semibold-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'volteregular'; src:url("../fonts/volte-font/volte-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte-webfont.woff") format("woff"); font-weight:normal; font-style:normal }

@font-face { font-family: 'ocr-aregular'; src: url('../fonts/ocr/ocr-a_bt-webfont.eot'); src: url('../fonts/ocr/ocr-a_bt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ocr/ocr-a_bt-webfont.woff2') format('woff2'), url('../fonts/ocr/ocr-a_bt-webfont.woff') format('woff'), url('../fonts/ocr/ocr-a_bt-webfont.ttf') format('truetype'), url('../fonts/ocr/ocr-a_bt-webfont.svg#ocr-aregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ocr-aregular'; src: url('../fonts/ocr/ocr-a_regular-webfont.eot'); src: url('../fonts/ocr/ocr-a_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ocr/ocr-a_regular-webfont.woff2') format('woff2'), url('../fonts/ocr/ocr-a_regular-webfont.woff') format('woff'), url('../fonts/ocr/ocr-a_regular-webfont.ttf') format('truetype'), url('../fonts/ocr/ocr-a_regular-webfont.svg#ocr-aregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ocr-aregular'; src: url('../fonts/ocr/ocr-abt-webfont.eot'); src: url('../fonts/ocr/ocr-abt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ocr/ocr-abt-webfont.woff2') format('woff2'), url('../fonts/ocr/ocr-abt-webfont.woff') format('woff'), url('../fonts/ocr/ocr-abt-webfont.ttf') format('truetype'), url('../fonts/ocr/ocr-abt-webfont.svg#ocr-aregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ocr-aregular'; src: url('../fonts/ocr/ocr-aregular-webfont.eot'); src: url('../fonts/ocr/ocr-aregular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ocr/ocr-aregular-webfont.woff2') format('woff2'), url('../fonts/ocr/ocr-aregular-webfont.woff') format('woff'), url('../fonts/ocr/ocr-aregular-webfont.ttf') format('truetype'), url('../fonts/ocr/ocr-aregular-webfont.svg#ocr-aregular') format('svg'); font-weight: normal; font-style: normal; }

.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:focus{ color:#ffffff}

@media (hover: hover) {
    .map-scope .map-info a:hover{ color:#ffffff}
}

.nf404{ position:relative; text-align:center; line-height:75px}
.nf404 h2{ font-weight:500; font-size:65px}
.nf404 h3{ font-weight:200; font-size:23px}
.nf404 i.fa-exclamation-triangle{ position:absolute; font-size:25rem; -webkit-transform:rotate(-27deg); transform:rotate(-27deg); top:-10rem; left:19rem; opacity:0.1; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}

ol.breadcrumb li a{ color:#fff}
ol.breadcrumb li+li:before{ color:#fff}
ol.breadcrumb .breadcrumb-item.breadcrumb-item:before{ color:#fff; margin:0 8px 0 3px; padding:0;}
.breadcrumb-item+.breadcrumb-item::before{ content:""; background-image:url(../img/main/classic-arrow.svg); width:7px; height:11px; background-size:contain; background-position:center; background-repeat:no-repeat;}

@media (hover: hover) {
    ol.breadcrumb li a:hover{ color:#ececec}
}
.fancybox-bg { background-color: #e0e0e0;}
/* .fancybox-navigation .fancybox-button--arrow_left {
    left: 10%;
    width: 50px !important;
    height: 50px !important;
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 10%;
    width: 50px !important;
    height: 50px !important;
} */

.fancybox-button {
    border-radius: 50%;
    border: 2px solid #7c7c7c;
    background: none;    
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #7c7c7c;
}
button.fancybox-button.fancybox-button--zoom {
    display: none !important;
}

button.fancybox-button.fancybox-button--thumbs {
    display: none !important;
}

button.fancybox-button.fancybox-button--close {
    position: relative;
    right: 0;
    top: 0;
}

button.fancybox-button.fancybox-button--close:before {
    content: "";
    position: absolute;
    right: -180px;
    top: -180px;
    height: 300px;
    width: 300px;
    background: #d1d1d1;
    border-bottom-left-radius: 50%;
    transition: 0.4s;
}

button.fancybox-button.fancybox-button--close:after {
    content: "";
    position: absolute;
    font-size: 50px;
    top: 25px;
    right: 25px;
    background: url(../img/svg/close.svg) no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

button.fancybox-button.fancybox-button--close svg {
    display: none;
}
.fancybox-navigation {
    display: none;
}
.fancybox-caption:before {display: none;}

.fancybox-caption:after {
    display: none;
}

.fancybox-caption {
    bottom: auto;
    top: 0;
    text-align: center;
    pointer-events: none;
}

.fancybox-caption span {
    font-size: 17px;
    text-align: left;
    color: #7d8990;
    font-family: 'voltemedium';
    position: relative;
    top: 30px;
}
.fancybox-slide--image .fancybox-content:before {content: "";right: -10px;left: -10px;top: -10px;bottom: -10px;background: #fff;position: absolute;border-radius: 20px;box-shadow: 0 20px 30px 0 rgb(0 0 0 / 10%);}
button.fancybox-button.fancybox-button--close:hover:before {
    background: #b1b1b1;
}
img.fancybox-image {
    border-radius: 10px;
}
.alert .icon span{ width:25px}
.alert .close{position:absolute;font-size:1.538rem;right:1.385rem;text-shadow:none;opacity:.2;right: 0px;top: 50%;transform: translateY(-50%);}
.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>.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;color: #032840;}
.alert.alert-spec>.message strong {font-weight: 600;font-family: "voltesemibold";color: #032840;margin-right: 5px;}
.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; -moz-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-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:hover{ color:#103319; opacity:0.5}
.alert.alert-dismissible.alert-info .close:hover{ color:#0050d1; opacity:0.5}
.alert.alert-dismissible.alert-warning .close{}
.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 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 div.icon span:before{color: #f78c37;}
.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{}
.captcha a:hover{ -webkit-transform:rotate(360deg); transform:rotate(360deg)}
a.button.button-facebook{ background:#3b5998; color:#fff; padding:11px 73px; border-radius:4px; display:table; text-transform:uppercase; margin:auto; width:auto !important}
textarea:focus{ -webkit-box-shadow:none; box-shadow:none}
textarea::-webkit-scrollbar {
  width: 0px;
}
b,strong {font-family: 'voltesemibold';}
.form-group .col-form-label{ display:block}
.form-group .form-control:focus{ -webkit-box-shadow:none; box-shadow:none}
.form-group .input-group .input-group-prepend .input-group-text{ font-size:.875rem}
.form-group .input-group .custom-file .custom-file-label::after{ display:none}
.form-group .submit{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end}
.form-group .submit .btn{ display:block; font-size:.875rem}
.select2-container{ display:block;}
.modal-select-dp .select2-search--dropdown {
    display: none;
}
.select2-dropdown {
    z-index: 99999;
}
.basket-select-dp .select2-search--dropdown {
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:calc(1.5em + .75rem); padding-left:1rem}
.select2-container--default .select2-selection--single .select2-selection__arrow{ top:5px}
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background:#122c48}
.select2-results__option{ padding:.5rem 1rem; font-size:13px;}
.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; transition:.4s; -webkit-transform:rotate(90deg); transform:rotate(90deg)}
.accordion .btn-link.collapsed .mdi{ -webkit-transform:rotate(0); transform:rotate(0)}
.accordion .btn-link.collapsed:hover .mdi{ -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.tooltip-inner{ background:#56666f; padding:10px 15px; border-radius:100px; font-family:voltemedium; font-size:12px; letter-spacing:0.05em; color:#fff; -webkit-transform:translateX(-15px); transform:translateX(-15px)}
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{ border-width:13px 0 13px 15px; left:-22px; border-left-color:#56666F; top:-7px}
.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.7); -webkit-transition:all .2s ease; transition:all .2s ease; z-index:2}
.section-loader .section-loader-spinner{ display:none; position:absolute; top:50%; right:50%; margin-top:-20px; margin-right:-20px; 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:#4285f4}
.section-loader .section-loader-spinner svg .circle{ stroke-dasharray:187; stroke-dashoffset:0; -webkit-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 be-spinner-rotation{ 0%{ -webkit-transform:rotate(0); transform:rotate(0) }
 100%{ -webkit-transform:rotate(270deg); transform:rotate(270deg) }
}
@keyframes be-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) }
}
@-webkit-keyframes be-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 be-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}
.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%}
.album .swiper-container .swiper-slide a img{ display:block; -o-object-fit:cover; object-fit:cover; height:100%; -webkit-transition:.4s; transition:.4s; -webkit-transform:scale(1); transform:scale(1)}
.album .swiper-container .swiper-slide a:after{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.1); opacity:1; -webkit-transition:.4s; transition:.4s}
.album .swiper-container .swiper-slide a:hover img{ -webkit-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}
nav ul.pagination{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top: 35px;}
nav ul.pagination li.page-item.active a.page-link{ border-color:#BAC8D0; color:#000}
@media only screen and (max-width:991px){ nav ul.pagination{ transform:scale(0.8);}
}
@media only screen and (max-width:767px){ nav ul.pagination{ transform:scale(0.9);}
}
label.custom-control-label{ line-height:18px !important; cursor:pointer; font-size: 13px; text-align: left;}
.custom-radio .custom-control-label::before {
    top: 0;
}
label.custom-control-label.check-box-disable {color: #adbbc1; font-family:'voltemedium';}
label.custom-control-label.check-box-disable:before { display: none; }
label.custom-control-label.check-box-disable a {
    color: #9ba4a9 !important;
    font-family: 'voltesemibold';
}
input:checked ~ label.custom-control-label::after {
    opacity: 1;
}

label.custom-control-label::before {
    background: none;
    border: 1px solid #104260;
    box-shadow: none !important;
}

input:checked ~ label.custom-control-label::before {
    background: #fff !important;
    border: 1px solid #104260 !important;
}

input:active ~ label.custom-control-label::before, input:focus ~ label.custom-control-label::before {
    background: #fff !important;
    border: 1px solid #104260 !important;
}

label.custom-control-label::after {
    transition: .4s;
    width: 10px;
    height: 10px;
    left: -21px;
    top: 3px;
    background: #104260;
    border-radius: 35px;
    background-image: none !important;
    opacity: 0;
}
.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-family: 'voltesemibold';font-size: 17px;text-align: center;color: #104260;}
h3.user-head span{ float:right}
h3.user-head i{ font-size:20px}
.table-info-table {
    padding: 0 20px 30px;
}
.account-info-detail .table-responsive {border-radius: 20px;border: 1px solid #dee2e6 !important;}

.account-info-detail .table-responsive .table {
    margin-bottom: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F7FAFC;
}
.table tr:first-child td, .table tr:first-child th {
    border: none;
}

.table tr td:first-child {
    border-right: 1px solid #dee2e6 !important;
}
.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{ padding:30px !important; min-height:455px; display:inline-block; width:100%}
.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; 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; transition:all .4s}
.adres-item.adres-ekle a i:before{ color:#eaeaea; display:inline-block; font-size:110px; -webkit-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; 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{ 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; 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; 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%}

.sepet-back a {
    font-family: "voltesemibold";
    font-size: 18px;
    color: #fff;
    background: #BAC5CC;
    border: none;
    border-radius: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    box-shadow: none !important;
    outline: 0 !important;
    position: relative;
    margin-left: 2px;
    transition: .4s;
    height: 50px;
    justify-content: center;
    padding: 0 30px;
}

.sepet-back a span:first-child {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.sepet-back a:hover {
    background: #94a2ac;
}

.sepet-back a i {
    margin-right: 10px;
}

.sepet-back a:before {
    /* content: ""; */
    position: absolute;
    z-index: -1;
    bottom: -6px;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    border-radius: 3rem;
    -webkit-filter: blur(9px);
    pointer-events: none;
    filter: blur(9px);
    -webkit-transition: .8s;
    transition: .8s;
}

.sepet-back a:hover:before {
    opacity: .7;
}

@media only screen and (max-width: 991px) {
    body.mobile-menu-open { overflow: hidden; position: fixed; top: 0; left: 0; right: 0; }
}

.sepetScreen .page.basket .table-responsive h4 {
    color: #104260;
    margin: 20px 0;
}

.sepetScreen .page.basket .table-responsive table {border-radius: 15px;overflow: hidden;background: #dee2e6;}

.sepetScreen .page.basket .table-responsive table tbody tr th {
    background: #fff;
    color: #5e6d76;
    padding: 15px 20px;
}

.sepetScreen .page.basket .table-responsive table tbody tr th:first-child {
    border-top-left-radius: 16px;
}

.sepetScreen .page.basket .table-responsive table tbody tr th:last-child {
    border-top-right-radius: 16px;
}

.sepetScreen .page.basket .table-responsive table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 16px;
}

.sepetScreen .page.basket .table-responsive table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 16px;
}

.sepetScreen .page.basket .table-responsive table tbody tr td {
    color: black;
    padding: 17px 24px;
}

.sepetScreen .alert.alert-spec.alert-dismissible.alert-warning {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
    left: 5px;
}

.sepetScreen .basket-step-4 .alert.alert-spec.alert-dismissible.alert-warning {
    max-width: 100%;
    left: 0;
    width: 99%;
}
/* Checkbox */
.contact-us .form-row.checkbox-row .form-group .custom-control.last-custom-checkbox { max-width: 220px; }
.custom-control.last-custom-checkbox label {font-size: 14px;line-height: 17px !important;text-align: left;color: #56666F;}
.custom-control.last-custom-checkbox label a {color: #56666F;font-family: "voltemedium";}
.custom-control.last-custom-checkbox label:before { box-shadow: none !important; border-color: #BAC3CE !important; background: #fff !important; border-radius: 20px; top: 50%; transform: translateY(-50%); margin-top: 1px; }
.custom-control.last-custom-checkbox label:after { box-shadow: none !important; top: 50%; transform: translateY(-45%); }


@media only screen and (max-width: 1199px) {
    header.header { position: fixed; transition: 0.4s; }
}

@media only screen and (max-width: 991px) {
    header.header { position: fixed; left: 0; right: 0; top: 0; }
    header.header .login { display: none; }
}

header.header .header-top { border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: none }

@media only screen and (max-width: 991px) {
    header.header .header-top { display: none }
}

header.header .extra-services {position: relative;margin-right: 0;cursor: pointer;z-index: 1;}
header .user-btn, header .basket-btn { min-width: 47.74px; height: 47.74px; background: transparent; border: 2px solid rgba(170, 188, 198, 0.65); border-radius: 100%; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; transition: 0.4s; }
header .basket-btn { margin-left: 20px; }
header.main-header:before {content: "";position: absolute;top: 0;right: 0;left: 0;height: 100px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);pointer-events: none;}
header .user-btn, header .basket-btn { border-color: rgba(170, 188, 198, 0.65); }
header.inner-header .user-btn:hover, header.inner-header .basket-btn:hover { background: #104260; border-color: #104260; }
header.inner-header .basket-btn:hover svg path { fill: #ffffff; }
header.inner-header .user-btn:hover svg path {stroke: #ffffff; fill: #ffffff;}
header.inner-header .extra-services:hover svg path { fill: #ffffff; }
header.inner-header .extra-services svg { z-index: 1; }
header.main-header .user-btn svg path{ fill:#d5dbde; stroke:#d5dbde;}
header .user-btn{ margin-left:20px;}
header.header .extra-services svg path{ fill:#fff !important;}
header.main-header .user-btn:hover, header.main-header .basket-btn:hover{ border-color:#fff !important;}
header.main-header .user-btn:hover svg path, header.main-header .basket-btn:hover svg path{ fill:#fff;}
header .user-btn svg path, header .basket-btn svg path{ transition:0.4s;}
header.fixed-active.header{ background-color:#fff; box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);}
header.fixed-active.header.main-header .extra-services:hover svg path{ fill:#8296A0 !important;}
header.fixed-active.main-header .user-btn:hover, header.fixed-active.main-header .basket-btn:hover{ border-color:rgba(170, 188, 198, 0.6) !important;}
header.fixed-active.main-header:before{ opacity:0;}
header.fixed-active.header .container{ padding-top:10px; padding-bottom:10px;}
header.fixed-active.header nav.header-scope .menu ul.navbar-nav li:hover>a{ color:#104260;}
header.fixed-active.header nav.header-scope .logo a.navbar-brand svg path.one-color{ fill:#002840;}
header.fixed-active.header nav.header-scope .menu ul.navbar-nav li a{ color:#104260;}
header.fixed-active.main-header .extra-services span{ border-color:rgba(170, 188, 198, 0.6) !important; color:#8296A0 !important;}
header.fixed-active.main-header .extra-services svg path{ fill:#8296A0;}
header.fixed-active .user-btn svg path{ fill:#8296A0 !important; stroke:#8296A0 !important;}
header.fixed-active .user-btn, header.fixed-active .basket-btn{ border-color:rgba(170, 188, 198, 0.6) !important;}
header.fixed-active.main-header .basket-btn svg path{ fill:#AABCC6 !important;}
header.header .extra-services svg{ width:20px; height:17px; position:absolute; left:2rem; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:.4s; transition:.4s}
header.header .extra-services svg path{ fill:#56666F; -webkit-transition:.4s; transition:.4s;}
header.header .extra-services span{color:#fff;border-color: #fff0;}
header.header .extra-services:hover svg path{fill: #ffffff;}
header.header .extra-services span{white-space:nowrap;display:inline-block;font-size:16px;height:44px;line-height:28px;-webkit-transition:.4s;transition:.4s;font-family:"voltemedium";color:#56666F;padding:.4rem .9rem .4rem 2.9rem;border-radius:2rem;border:2px solid rgba(170, 188, 198, 0.65);position:relative;user-select: none;}
header.header .extra-services span{border-color: rgba(170, 188, 198, 0);color: #ffffff;}
header.main-header .extra-services svg path{ fill:#d5dbde;}
header.header .login a:hover{ color:#fff; border-color:#fff}
header.header .login a:hover svg path{ fill:#fff}
header.inner-header.fixed .login:hover a { background: #104260; border-color: #104260; color: #ffffff; }
header.inner-header.fixed .login:hover a svg path { fill: #ffff; }
header .extra-services span { color: #fff; border-color: #ffffff00; }
header.header .extra-services span:before { opacity: 1; }
header .extra-services span:before {content: "";position: absolute;top: -2px;right: -2px;left: -2px;bottom: -2px;background: linear-gradient(90deg, #f76046 0%, #f6ac29 100%);border-radius: 100px;z-index: -1;opacity: 0;pointer-events: none;transition: 0.4s;}
header.main-header .extra-services:hver svg path { fill: #ffffff; }

@media only screen and (min-width:992px) and (max-width:1199px){
    header.header .login{ width:110px; min-width:110px; display:none;}
    header.header .login a{ padding:.4rem .5rem .4rem 2rem }
    header.header .login a svg{ left:1.25rem }
}

header.header .language{ height:52px}
header.header .language ul{ height:100%; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
header.header .language ul li{ height:100%; -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0}
header.header .language ul li a{ color:#07101b; font-weight:700; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; padding:0 0 0 20px}
header.header .language ul li a:hover{ color:#4c6177}

@media only screen and (max-width:991px){
    header.header nav.header-scope .logo{ max-width:10rem }
}

header.header nav.header-scope .menu ul.navbar-nav li a{ display:block; font-size:1rem; color:#d5dbde; padding:1rem; position:relative; text-transform:uppercase;}
header.header nav.header-scope .menu ul.navbar-nav li ul{ padding:1.3rem 0; border-radius:5px; position:absolute; top:100%; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); opacity:0; min-width:100px; background:#fff; -webkit-transition:.4s; transition:.4s; pointer-events:none; -webkit-box-shadow:0 4px 10px rgba(0, 0, 0, 0.2); box-shadow:0 4px 10px rgba(0, 0, 0, 0.2); text-align:center;}
header.header nav.header-scope .menu ul.navbar-nav li ul li{ width:100%; position:relative}
header.header nav.header-scope .menu ul.navbar-nav li ul li a{ padding:0 1.5rem; display:block; position:relative; background:rgba(0, 0, 0, 0); color:#104260; white-space:nowrap; text-transform:none;}
header.header nav.header-scope .menu ul.navbar-nav li ul li a i{ margin-right:7px}
header.header nav.header-scope .menu ul.navbar-nav li ul li ul{ right:0; left:100%; top:0; border-radius:5px}
header.header nav.header-scope .menu ul.navbar-nav li ul li ul li a{ padding:0 15px}
header.header nav.header-scope .menu ul.navbar-nav li ul li ul li:before{ display:none}
header.header nav.header-scope .menu ul.navbar-nav li ul>li + li{ margin-top:13px;}
header.header nav.header-scope .menu ul.navbar-nav li ul li:nth-child(1):before{ content:""; position:absolute; left:50%; top:-21px; -webkit-transform:translate(-50%, -100%); transform:translate(-50%, -100%); width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff;}
header.header nav.header-scope .menu ul.navbar-nav li ul li:nth-child(n+8)>ul{ top:initial; bottom:0}
header.header nav.header-scope .menu ul.navbar-nav li ul li:hover a{ color:#104260}
header.header nav.header-scope .menu ul.navbar-nav li ul>li{ position:relative}
header.header nav.header-scope .menu ul.navbar-nav li ul>li>ul{ position:absolute; opacity:0; top:0}
header.header nav.header-scope .menu ul.navbar-nav li:hover>a{ color:#fff}
header.header nav.header-scope .menu ul.navbar-nav li:hover>ul{ opacity:1; pointer-events:auto}

@media only screen and (min-width:992px) and (max-width:1199px){
    header.header nav.header-scope .menu>ul.navbar-nav>li>a{ padding:1rem .75rem }
}

header.header nav.header-scope .menu>ul.navbar-nav>li:hover:after{ opacity:1; left:1rem; right:1rem}
header.header .search{ position:relative; right:0; top:0; width:350px; display:none}
header.header .search form.nav_search{ position:relative}
header.header .search form.nav_search input#search-input{ width:100%}
header.header .search form.nav_search input#search-input:focus{ -webkit-box-shadow:none; box-shadow:none; border:1px solid #3b5673}
header.header .search form.nav_search button.btn.btn-search{ position:absolute; right:0; background:none; pointer-events:none; padding:0; margin:0; right:10px}
header.header .search form.nav_search .result-wrap{ position:absolute; z-index:99; right:0; min-width:20rem; display:none; top:100%; margin-top:-2px; -webkit-box-shadow:0px 10px 16px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 10px 16px 0px rgba(0, 0, 0, 0.3)}
header.header .search form.nav_search .result-wrap .result{ position:relative}
header.header .search form.nav_search .result-wrap .result .not-found{ padding:1rem; background:#fff}
header.header .search form.nav_search .result-wrap .result .list-group a.list-group-item img{ width:30px; display:inline-block; margin-right:.1rem}

@media only screen and (max-width:991px){
    header.header .search{ position:fixed; top:1rem; right:5rem; left:5rem; height:90px; width:auto }
    header.header .search form.nav_search{ height:100% }
    header.header .search form.nav_search input#search-input{ position:absolute; top:100%; margin-top:-3.5rem; height:0; padding:0; opacity:0; -webkit-transition:.4s; transition:.4s; width:auto; min-width:20rem; max-width:20rem; right:0 }
    header.header .search form.nav_search button.btn.btn-search{ top:0rem; right:0rem; width:3rem; height:3rem; background:#122c48; color:#fff; pointer-events:all; outline:none !important }
    header.header .search form.nav_search .result-wrap{ margin-top:.75rem }
    header.header .search.open form.nav_search input#search-input{ margin-top:-1.5rem; padding:.375rem .75rem; height:calc(1.5em + .75rem + 2px); opacity:1 }
}

@media only screen and (max-width:480px){
    header.header .search form.nav_search input#search-input{ width:100%; min-width:18rem; max-width:18rem; right:50%; -webkit-transform:translate(50%, 0); transform:translate(50%, 0) }
    header.header .search form.nav_search .result-wrap{ right:50%; -webkit-transform:translate(50%, 0); transform:translate(50%, 0); min-width:18rem }
}

header.header.fixed{ position:fixed;}
header.header.fixed .container{ padding:10px 12rem 10px 4rem}
header.header.fixed .header-container{ background-position:right bottom;}
header.header.fixed .login a{ color:#8296A0; border:2px solid rgba(170, 188, 198, 0.65)}
header.header.fixed .login a svg path{ fill:#8296A0}
header.header.fixed nav.header-scope .logo a.navbar-brand svg path.one-color{ fill:#002840}
header.header.fixed nav.header-scope .menu ul.navbar-nav li a{ color:#104260}
header.header.fixed nav.header-scope .menu ul.navbar-nav li:hover>a{ color:#104260}
header.header.fixed nav.header-scope .menu ul.navbar-nav li ul{ background:#104260}
header.header.fixed nav.header-scope .menu ul.navbar-nav li ul li a{ color:#fff}
header.header.fixed nav.header-scope .menu ul.navbar-nav li ul li:hover a{ color:#fff}
header.header.fixed nav.header-scope .menu ul.navbar-nav li ul li:nth-child(1):before{ border-bottom-color:#104260}

@media only screen and (max-width:991px){ 
    header.header.fixed .container{ padding-left:4vw; padding-right:4vw;}
}

body.extra-services-active { overflow: hidden; padding-right: 15px; }
body.extra-services-active header { padding-right: 15px; }

.extra-services-menu{position:fixed;z-index: 99999;background:#fff;border-top-left-radius:100px;top:0;right:0;bottom:-3rem;max-width:600px;width:100%;transform:translateX(100%);transition:0.6s;}
.extra-services-menu.active{ transform:translateX(0);}
.extra-services-menu-overlay { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(16, 66, 96, 0.4); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); opacity: 0; visibility: hidden; pointer-events: none; cursor: pointer; z-index: 9999; transition: 0.4s; }
.extra-services-menu-overlay.active { opacity: 1; visibility: visible; pointer-events: all; }
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-info .icon{ margin-bottom:13px; display:flex; align-items:center;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-info .icon svg{ width:22px; height:26px;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .icon span{ font-family:'voltemedium'; font-size:18px; color:#56666f; margin-left:10px;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .icon p{ font-size:13px; color:#56666f;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-info{ border-bottom:3px solid #E9F2F7; margin-bottom:30px; padding:0 15px 10px;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav{ margin-top:0;}
.extra-services-menu .menu-bottom .user-content{position:absolute;top:30px;left:20px;right:20px;transform:translateX(110%);transition:0.5s;background: #fff;}
.extra-services-menu .menu-bottom{ position:relative; height:calc(100vh - 120px); overflow:hidden;}
.extra-services-menu .menu-bottom .user-content.active{ transform:translateX(0);}
.extra-services-menu .menu-bottom .user-content.in-active{ transform:translateX(-110%);}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul{height: calc(100vh - 310px);overflow-y:auto;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul::-webkit-scrollbar { width: 3px; }
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul::-webkit-scrollbar-thumb { background: #104260; border-radius: 10px; }
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .basket-item-title{ display:flex; align-items:center;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul{max-height:50vh;height:auto;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav .total{ border-radius:10px; background:#F2F6FA; display:flex; align-items:center; justify-content:space-between; padding:10px 40px;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav .total p:nth-child(1){ font-family:"voltesemibold"; font-size:17px; color:#3f4c53; margin-bottom:0;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav .total p:nth-child(2){ margin-bottom:0; text-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav .total p:nth-child(2) span{ font-family:"voltesemibold"; font-size:22px; color:#104260;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav .total p:nth-child(2) span sup{ font-family:"voltesemibold"; font-size:15px; transform:translateY(5px); display:inline-block;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav .completed-btn{box-shadow:none;font-size:17px;font-family:"voltesemibold";display:block;background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);color:#fff;padding:0.9rem 4rem;border-radius:3rem;text-align:center;margin-top:30px;position: relative;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li{padding:0 20px;opacity: 1;transition: 0.4s;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li{ padding:40px 40px 40px 20px;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li{ border-top:none; border-bottom:1px solid #E9F2F7;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li + li{ border-top:1px solid #E9F2F7; margin-top:28px; padding-top:28px;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li + li{ border-top:none; margin-top:0px; padding-top:0;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li a.pointer-none { pointer-events: none; }
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li a{ display:flex; align-items:center;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li a .icon{ position:relative; margin-right:30px;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li a .icon svg{
    width: 35px;
}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text p span{ font-family:"voltemedium"; font-size:16px; color:#56666f;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text > span:nth-child(2){ font-size:13px; color:#56666f; margin-bottom:0;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .text p span{ font-size:18px; color:#104260; font-family:"voltesemibold";}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .text > span:nth-child(2){ font-family:"voltemedium"; display:flex; align-items:center;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text .info { position: relative; cursor: pointer; margin-left: 9px; }
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text .info span { padding: 15px 20px; border-radius: 5px; background: #56666f; box-shadow: 0px 6px 10px rgb(0 0 0 / 22%); position: absolute; width: 350px; right: auto; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; font-family: "voltemedium"; font-size: 12px; line-height: 13px; color: #fff; margin-bottom: 0; text-align: left; transition: 0.4s; left: calc(100% + 10px);}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text .info span:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); left: -2px; width: 20px; height: 20px; background: #56666f; }
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text .info:hover > span { opacity: 1; visibility: visible; }
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .text p:nth-child(2) svg{ margin-left:10px;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item{ display:flex; align-items:center; justify-content:space-between;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .basket-close svg path{fill:#AABCC6;transition: 0.4s;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .basket-close:hover svg path { fill: #f68338; }
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .basket-close svg{ width:12px; height:12px;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .basket-close{margin-right:18px;cursor: pointer;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .price{text-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);display: flex;flex-direction: column;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .price > span:first-child {
    position: relative;
    top: 0;
    left: 0;
    font-size: 15px;
    color: #909aa0;
    width: fit-content;
    margin-left: auto;
}

.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .price > span:first-child sup {
    color: #909aa0;
    display: inline-block;
    font-family: "voltesemibold";
    font-size: 12px;
    transform: translateY(5px);
}

.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .price > span:first-child:before {content: "";position: absolute;right: -5px;left: -5px;height: 1px;background: #6c7479;top: 50%;transform: translateY(-50%);}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .price > span{font-family:"voltesemibold";font-size:22px;color:#000;display: inline-block;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .price > span sup{ font-family:"voltesemibold"; font-size:15px; color:#000; transform:translateY(5px); display:inline-block;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .price > span sup span{ font-family:'Barlow', sans-serif; font-weight:600;}
.extra-services-menu .extra-services-content .menu-bottom .services-content .user-nav ul li .text p span{ color:#104260;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text p:nth-child(1){ margin-bottom:0;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text p:nth-child(2) { font-size: 13px; color: #56666f; margin-bottom: 0; }
.extra-services-menu .extra-services-content .menu-bottom .user-content-real .user-nav ul li a .icon:before{ content:""; position:absolute; bottom:-10px; left:-5px; width:40.23px; height:40.23px; background:#ffeae0; border-radius:100%; z-index:-1;}
.menu-bottom{ padding:30px 20px;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-info p{ font-size:13px; line-height:20px; color:#56666f;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-info .icon svg path{ fill:#56666F;}
.extra-services-menu .extra-services-content .menu-top{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: flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:30px;position: relative;height: 122px;}
.extra-services-menu .extra-services-content .menu-top .close{width: 101px;height: 100%;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;background:rgba(128, 128, 128, 0.65);border-top-left-radius:100px;border-bottom-right-radius:85px;transition: 0.4s;cursor: pointer;float: none;position: absolute;top: 0;left: 0;}
.extra-services-menu .extra-services-content .menu-top .close svg{ width:22px; height:22px}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.extra-services-btn{flex:0 0 160px;max-width:160px;height:43px;color:#56666F;font-size:16px;font-family:"voltemedium";border-radius: 100px;}
.extra-services-menu .extra-services-content .menu-top .extra-services-btn svg{ width:16px; height:21px; margin-right:8px;}
.extra-services-menu .extra-services-content .menu-top .login-btn{-webkit-box-flex:0;-ms-flex:0 0 46px;flex:0 0 46px;max-width:46px;height:46px;border-radius:46px;/* background:#104260; */border: 2px solid rgba(128, 128, 128, 0.65);background: white;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;}
.extra-services-menu .extra-services-content .menu-top .login-btn svg{width:18px;height:21px;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn{position:relative;flex:0 0 46px;max-width:46px;height:46px;border-radius:46px;border:2px solid rgba(128, 128, 128, 0.65);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;transition:0.4s;cursor:pointer;margin-right: 30px;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn:hover{ background:#104260; border-color:#104260;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.extra-services-btn:hover{ color:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.extra-services-btn:hover svg path{ fill:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn svg path{ transition:0.4s;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.login-btn:hover svg path{ stroke:#ffffff; fill:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.basket-btn:hover svg path{ fill:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.extra-services-btn.active{ color:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.active{ background:#104260; border-color:#104260;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.extra-services-btn.active svg path{ fill:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.login-btn.active svg path{ stroke:#ffffff; fill:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.basket-btn.active svg path{ fill:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .log-out-btn:hover{ border-color:#ea5d5d;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li.in-active{ opacity:0.5;}
.extra-services-menu .extra-services-content .menu-top .log-out-btn{width:112px;height:43px;border-radius:31px;background:transparent;border:2px solid rgba(170, 188, 198, 0.65);display:flex;align-items:center;justify-content:center;transition: 0.4s;cursor: pointer;}
.extra-services-menu .extra-services-content .menu-top .log-out-btn span{ font-family:"voltemedium"; font-size:16px; color:#ea5d5d; display:block; margin-left:8px;}
.extra-services-menu .extra-services-content .menu-top .basket-btn svg{ width:19px; height:18px}
.extra-services-menu .extra-services-content .menu-top .basket-btn span.count{ width:29px; height:29px; border-radius:29px; line-height:21px; font-size:12px; font-family:"voltebold"; text-align:center; background:#F7783C; border:4px solid #fff; position:absolute; right:-15px; top:0; color:#fff}
.extra-services-menu .extra-services-content .menu-bottom .services-content .user-nav ul li + li{ margin-top:20px; padding-top:20px;}
.extra-services-menu .extra-services-content .menu-bottom .services-content .user-nav ul li{ padding:0 30px;}
.extra-services-menu.open{ right:0}

@media only screen and (max-width:991px){
    header.main-header:before{ height:70px;}
}

@media only screen and (max-width:767px){
    header.main-header:before{ height:40px;}
}

/* [MOBILE MENU]  */
.mobile-menu{display:none;position:fixed;right:-110%;top:0;background: #ffffff;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;z-index: 99999;width:100%;max-width:100%;bottom:0;min-height:100vh;padding-bottom:0;}

@media only screen and (max-width:767px){
    .mobile-menu{display:block;top: 80px;}
}

@media only screen and (max-width:767px){
    .mobile-menu{width:100%;top: 49px;}
}

.mobile-menu .mobile-nav-title a { display: flex; align-items: center; }
.mobile-menu .mobile-nav-title h3{ position:absolute; top:25px; left:45px; display:none; font-weight:600; font-size:18px; color:#fff; 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 }
}

.basket-contract .contracts .contract span.continue { display: none; }

@media only screen and (max-width:767px){
    .mobile-menu .mobile-nav-title h3{ display:block; top:25px; left:25px }
}

.mobile-menu .hamburger-menu { position: fixed; right: 60px; top: 47px; width: 30px; height: 20px; z-index: 53; transition: 0.4s; }
.mobile-menu .hamburger-menu .bar {display: block;position: absolute;width: 100%;height: 3px;background: #fff;left: 50%;top: 50%;margin-top: -1px;margin-left: -10px;transition: 0.3s;border-radius: 100px;}
.mobile-menu.fixed-active .hamburger-menu .bar { background: #002840; }
.mobile-menu.fixed-active .hamburger-menu {/* right: 15px; */top: 7px;}
.mobile-menu .hamburger-menu .bar.first { margin-top: -10px; }
.mobile-menu .hamburger-menu .bar.third { margin-top: 8px; }
.mobile-menu.inner-mobilmenu .hamburger-menu .bar { background: #27495d; }
@media only screen and (max-width:767px){ .mobile-menu .hamburger-menu{right: 1.8rem;top:1.3rem;}
}
@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 .user-menu ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.mobile-menu .mobile-nav .mobile-row{ padding-top:30px; position:relative;}
.mobile-menu .mobile-nav .mobile-row-title{ height:20px; position:relative; margin:24px 0 -3px 25px;}
.mobile-menu .mobile-nav .mobile-row-title .mobile-title-item{ position:absolute; top:0; left:0; right:0; opacity:0;}
.mobile-menu .mobile-nav .mobile-row-title .mobile-title-item span{ font-family:"voltesemibold"; font-size:16px; color:#56666f; position:relative; background:#fff; padding-right:8px;}
.mobile-menu .mobile-nav .mobile-row-title .mobile-title-item:before{ content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; height:1px; background:#EAF0F4;}
.mobile-menu .mobile-nav .mobile-row-title .mobile-title-item.active{ opacity:1;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item{ position:absolute; top:30px; right:17px; left:17px; bottom:0; transform:translateX(0); max-width:initial; border-radius:0; width:auto; opacity:0; visibility:hidden; height:70vh; overflow-y:auto; overflow-x:hidden; padding-bottom:110px;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu .total p span sup span{ color:#104260; font-family:'Barlow', sans-serif; font-size:14px; font-weight:600;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li{ border-bottom:1px solid #EAF0F4; margin-bottom:20px; padding:0 10px 20px;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-item-title{ display:flex; align-items:center;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-item-title .text p span{ font-family:"voltesemibold"; font-size:16px; color:#104260; font-style:normal;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .price span sup{ font-size:14px; top:-4px;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .price span sup span{ font-family:'Barlow', sans-serif; font-size:14px; font-weight:600;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-close{ margin-right:20px;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-close svg path{ fill:#AABCC6;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-close svg { width: 15px; height: 15px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu .total { display: flex; align-items: center; justify-content: space-between; border-radius: 10px; background: #f2f6fa; padding: 10px 20px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu .total p { font-family: "voltesemibold"; font-size: 17px; color: #3f4c53; margin-bottom: 0; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu .total p > span { font-family: "voltesemibold"; font-size: 22px; color: #104260; text-shadow: 0px 15px 15px rgba(170, 188, 198, 0.15); }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu .total p span sup { font-size: 14px; top: -4px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu .completed-btn { background: linear-gradient(90deg, #f76046 0%, #f6ac29 100%); font-family: "voltesemibold"; font-size: 16px; color: #fff; width: 100%; display: block; text-align: center; padding: 10px 10px; border-radius: 100px; margin-top: 25px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.extra-services-menu ul li a { justify-content: flex-start; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.extra-services-menu ul li a .title { font-family: "voltesemibold"; font-size: 16px; color: #104260; display: block; margin-left: 15px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.extra-services-menu ul li a .icon svg { max-width: 33px; max-height: 30px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.user-menu ul li a .icon svg { max-width: 33px; max-height: 30px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.user-menu ul li a .title { font-family: "voltemedium"; font-size: 16px; color: #56666f; margin-left: 15px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.user-menu ul li a .icon:before {content: "";position: absolute;bottom: -6px;left: -4px;width: 30px;height: 30px;background: #FFEAE0;z-index: -1;border-radius: 100%;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.user-menu ul li a .icon { position: relative; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.active { opacity: 1; visibility: visible; }
.mobile-menu .mobile-nav.login-active { border-radius: 0px 94px 0px 0px; background: #fff; box-shadow: 0px -4px 7px rgba(154, 168, 177, 0.13); top: 90px; }
.mobile-menu .mobile-nav.login-active .mobile-row .mobile-row-item { height: 60vh; }
.mobile-menu .mobile-nav .mobile-nav-login-bar { display: flex; justify-content: flex-start; padding-top: 26px; padding-left: 25px; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item { width: 52px; height: 52px; background: transparent; border-radius: 100%; border: 2px solid #AABCC6; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; transition: 0.4s; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item + .login-bar-item {margin-left: 30px;}
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.mobil-bar svg path { fill: #56666F; transition: 0.4s; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon { border: none; background: linear-gradient(#f6c221 0%, #f75849 100%); }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon img:nth-child(2) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: 0.4s; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon:before {content: "";position: absolute;top: 2px;right: 2px;left: 2px;bottom: 2px;background: #ffff;border-radius: 100%;opacity: 1;transition: 0.4s;}
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon img:nth-child(1) {position: relative;transition: 0.4s;}
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.active { background: #104260; border-color: #104260; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.mobil-basket span { position: absolute; top: -8px; right: -4px; background: #ffffff; width: 25px; height: 25px; border-radius: 100%; font-family: "voltesemibold"; font-size: 10px; color: #fff; z-index: 1; display: flex; align-items: center; justify-content: center; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.mobil-basket span:before {content: "";position: absolute;top: 3px;right: 3px;left: 3px;bottom: 3px;background: #F7783C;border-radius: 100%;z-index: -1;}
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.active svg path { fill: #ffffff; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon.active { background: linear-gradient(#f6c221 0%, #f75849 100%); border-color: transparent; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon.active:before {opacity: 0;}
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon.active img:nth-child(2) { opacity: 1; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon.active img:nth-child(1) { opacity: 0; }
.mobile-menu.main-mobile-menu .hamburger-menu .bar { background: #fff; }
.mobile-menu-open header.header .header-bottom { background: #fff; border: none; -webkit-box-shadow: 0px 5px 64px -31px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 64px -31px rgba(0, 0, 0, 0.2); }
.mobile-menu-open header.header nav.header-scope .logo a.navbar-brand svg { fill: #004374; }
.mobile-menu-open header.header .search-lang .search svg, .mobile-menu-open header.inner-header .search-lang .search svg { fill: #000; }
.mobile-menu-open .mobile-menu.main-mobile-menu .hamburger-menu .bar { background: #004374; }
.fixed-active.mobile-menu.main-mobile-menu .hamburger-menu .bar { background: #004374; }
.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: #86ccff;}
.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 .mobile-row-item>ul{position:relative;padding: 10px 0px;width:100%;}
.mobile-menu .mobile-nav .mobile-row-item >ul>li:first-child>a{ padding-top:0}
.mobile-menu .mobile-nav .mobile-row-item>ul>li:first-child>a:before,.mobile-menu .mobile-nav .mobile-row-item>ul>li:first-child>a:after{ top:30%}
.mobile-menu .mobile-nav .mobile-row-item >ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 35px;font-weight:600;font-size:16px;color: #002840;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 .mobile-row-item>ul{padding:0;flex-direction: column;}
    .mobile-menu .mobile-nav .mobile-row-item >ul li a{padding: 15px 5px;justify-content: start;}
}

.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: #f87d61;}
.mobile-menu .mobile-nav ul li a.sub-item.active:before,.mobile-menu .mobile-nav ul li a.sub-item.active:after{background: #f87d61;}
.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: 2px;height:12px;background: #002840;-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: #f9f9f9;padding:0 0 5px;display:none;}
.mobile-menu .mobile-nav .mobile-row-item ul li ul li a{border-top:none;font-size:15px;padding: 15px 30px;font-weight:500;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.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 li a{padding: 15px 45px;}
.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 .mobile-row-item >ul > li + li > a {border-top: 1px solid #EAF0F4;}
.mobil-menu-search { display: none; }
.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.open{ right:0}
.mobile-menu.open .hamburger-menu{/* right: 5px; *//* top: 14px; */}
.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.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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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}
.mobile-menu .mobile-nav-title .login a .text { font-family: "voltemedium"; font-size: 12px; color: #64727b; display: block; margin-left: 10px; }
.mobile-menu .mobile-nav-title .login a .icon svg { width: 13px; height: 16px; }
.mobile-nav-title { display: flex; align-items: center; background: #F4F7FA; border-radius: 100px; padding: 10px 20px; width: 95%; margin: 15px auto 0; }
.mobile-nav-title > span { font-family: "voltemedium"; font-size: 10px; color: #bbc3cb; display: block; margin: 0 15px; }
.mobile-nav-title .sign-up a .text { font-family: "voltesemibold"; font-size: 12px; color: #64727b; }
.mobile-nav-title .log-out { display: flex; align-items: center; border-radius: 100px; background: transparent; border: 2px solid rgba(170, 188, 198, 0.65); padding: 5px 20px; }
.mobile-nav-title .log-out span { font-family: "voltesemibold"; font-size: 15px; color: #ea5d5d; display: block; margin-left: 6px; }
.mobile-nav-title.login-bar { justify-content: space-between; padding: 10px 10px 10px 20px; }
.mobile-menu .mobile-nav-title .login a .text { font-size: 14px; }

@media only screen and (max-width: 767px){
    .mobile-menu .mobile-nav { top: 60px; max-height: initial; padding-bottom: 0; overflow: visible; }
    .mobile-menu .mobil-footer { padding: 25px 25px 140px; background: #F4F7FA; position: absolute; bottom: 0; left: 0; right: 0; }
    .mobile-menu .mobil-footer .mobil-footer-title { margin-bottom: 17px; border-bottom: 1px solid #E9EDF2; padding: 0 10px 17px; }
    .mobile-menu .mobil-footer .mobil-footer-title h5 { font-family: "voltesemibold"; font-size: 14px; color: #a7b6c0; margin-bottom: 0; }
    .mobile-menu .mobil-footer ul { display: flex; flex-wrap: wrap; padding: 0 10px; }
    .mobile-menu .mobil-footer ul li { flex: 0 0 50%; margin-bottom: 8px; }
    .mobile-menu .mobil-footer ul li a { font-family: "voltemedium"; font-size: 13px; color: #a4b4be; }
}
/* /[MOBILE MENU]  */

section .title{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:1rem}
section .title h4{ display:inline-block}
section .title a{ display:inline-block}

section.home-announcements{ margin-bottom:0}
section.home-announcements .home-announcements-swiper{ height:auto; max-height:140px}
section.home-announcements .home-announcements-swiper .card{ height:140px; max-height:140px}
section.home-announcements .home-announcements-swiper .card .card-body{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
section.home-announcements .home-announcements-swiper .card .card-body-centered .card-title{ display:inline-block}
section.home-announcements .home-announcements-swiper .card .card-body-centered time{ display:inline-block; padding:.5rem 1rem}
section.home-announcements .home-announcements-swiper .card .card-body-centered .card-text{ display:block; margin-bottom:.5rem; line-height:1rem; min-height:1rem}

section.home-news{ padding:4rem 0 2rem; margin-bottom:0}
section.home-news .title{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:1rem}
section.home-news .title h4{ margin-bottom:0}
section.home-news .home-news-swiper{ padding-bottom:2rem}
section.home-news .home-news-swiper .swiper-slide a.card img{ height:100%; -o-object-fit:cover; object-fit:cover}
section.home-news .home-news-swiper .swiper-slide a.card .card-body h5.card-title{ color:#07101b}
section.home-news .home-news-swiper .swiper-slide a.card .card-body summary{ color:#07101b}
section.home-news .home-news-swiper .swiper-slide a.card .card-body p.card-text{ color:#07101b}

section.home-contents{ padding:4rem 0}
section.home-content-modules{ padding:4rem 0}
section.home-content-modules .swiper-container .swiper-slide .card .img{ height:250px}
section.home-content-modules .swiper-container .swiper-slide .card .img img{ display:block; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover}
section.home-content-modules .swiper-container .swiper-slide .card .card-body .card-title{ color:#07101b}
section.home-content-modules .swiper-container .swiper-slide .card .card-body .card-text{ color:#07101b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

section.home-services{ padding:4rem 0; margin-bottom:0}
section.home-services .swiper-container .swiper-slide .card .img{ height:250px}
section.home-services .swiper-container .swiper-slide .card .img img{ display:block; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover}
section.home-services .swiper-container .swiper-slide .card .card-body .card-title{ color:#07101b}
section.home-services .swiper-container .swiper-slide .card .card-body .card-text{ color:#07101b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
section.home-projects{ padding:4rem 0}

section.home-blogs{ padding:4rem 0; margin-bottom:0}
section.home-blogs .swiper-container .swiper-slide .card .img{ height:250px}
section.home-blogs .swiper-container .swiper-slide .card .img img{ display:block; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover}
section.home-blogs .swiper-container .swiper-slide .card .card-body .card-title{ color:#07101b}
section.home-blogs .swiper-container .swiper-slide .card .card-body .card-text{ color:#07101b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

section.home-references{ padding:4rem 0; margin-bottom:0}
section.home-quickforms{ padding:4rem 0}
section.home-special-file{ padding:4rem 0; margin-bottom:0}
section.home-exchange{ padding:4rem 0}
section.home-premo{ padding:4rem 0; margin-bottom:0}
section.home-faq{ padding:4rem 0}

section.home-products{ padding:4rem 0}
section.home-products .nav.nav-pills{ margin-bottom:1rem}
section.home-products .tab-content .tab-pane .col-12{ margin-bottom:10px}
section.home-products .tab-content .tab-pane .card{ height:100%}
section.home-products .tab-content .tab-pane .card .card-img-top{ max-height:250px; -o-object-fit:cover; object-fit:cover}
section.home-products .tab-content .tab-pane .card .card-body .btn-group{ padding:1rem 0 0 0; -ms-flex-wrap:wrap; flex-wrap:wrap}
section.home-products .tab-content .tab-pane .card .card-body .btn-group a{ display:inline-block; text-align:center; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; padding:.375rem .75rem}
section.home-products .tab-content .tab-pane .card .card-body .btn-group a+a{ margin-top:.5rem}
section.home-brands{ margin-bottom:0}

section.slider .slider-container .slider-content{ position:relative; margin-top:90px; width:500px;}
section.slider .slider-container .slider-content .content-title h1{ color:#fff; font-size:46px; font-family:"voltesemibold"; max-width:600px; margin-bottom:0; position:absolute; top:0; left:0; opacity:0; visibility:hidden; transition:0.7s 0.1s; transform:translateY(30px);}
section.slider .slider-container{ display:flex; align-items:center; position:relative; height:100%; padding:0 120px; justify-content:space-between;}
section.slider .slider-container .slider-bg .slider-bg-item.active{ opacity:1; transform:scale(1);}
section.slider .slider-container .slider-images .slider-img-item.prev{ transform:translateX(-60px) scaleX(1.1);}
section.slider .slider-container .slider-content .content-subtitle p{ margin:0; color:#fff; font-size:20px; font-family:"volteregular"; max-width:400px; position:absolute; padding:0; left:0; opacity:0; visibility:hidden; transition:0.7s 0.2s; transform:translateY(30px);}
section.slider .slider-container .slider-content .content-link a:hover:before{ opacity:0.7;}
section.slider .slider-container .slider-content .content-title{ position:relative; height:165px; margin-bottom:50px; transition:0.4s;}
section.slider .slider-container .slider-content .content-subtitle{ position:relative; height:60px; transition:0.4s;}
section.slider .slider-container .slider-content .content-subtitle p.active{ opacity:1; visibility:visible; transform:translateY(0);}
section.slider .slider-container .slider-content .content-title h1.active{ opacity:1; visibility:visible; transform:translateY(0);}
section.slider .main-slide .swiper-slide .slide-img{ position:absolute; right:200px; bottom:0}
section.slider .main-slide .swiper-slide.swiper-slide-active .slider-content{ display:block}
section.slider .main-slide .slide-nav{ display:none}
section.slider .main-slide .swiper-pagination{ display:none}
section.slider .main-slide .swiper-pagination-bullet{ width:15px; height:15px; cursor:pointer; margin:0 4px}
section.slider .main-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#5490d0}
section.slider .slide-mask{ position:absolute; z-index:1; left:0; top:0; min-width:100%; width:calc(100% + 1px); height:100%; pointer-events:none;}
section.slider .main-img-slide{ pointer-events:none; z-index:58; height:820px; position:absolute; width:820px; height:820px; right:5rem; bottom:0}
section.slider .main-img-slide .swiper-slide{ pointer-events:none}
section.slider .main-img-slide .swiper-slide .slide-img{ position:absolute; right:200px; bottom:0}
section.slider .main-img-slide .swiper-slide .slide-img img{ max-width:initial}
section.slider .main-img-slide .swiper-slide-shadow-left,section.slider .main-img-slide .swiper-slide-shadow-right,section.slider .main-img-slide .swiper-cube-shadow{ display:none !important}
section.slider .container{ padding:100px 225px 0 120px}

section.home{ padding:3rem 0}
section.home .container{ padding:100px 225px 0 120px}
section.home .home-head{ text-align:center; width:40rem; max-width:100%; margin:0 auto; padding:2rem 0 3.4vw;}
section.home .home-head h2{ color:#104260; font-size:30px; line-height:48px; font-family:"voltesemibold"}
section.home .home-head p{ color:#000000; font-size:18px; line-height:25px; font-family:"volteregular"; padding:0 40px}
section.home.home-front-informations{background:url(../img/home-part-1-bg-line.svg) center 75%/contain no-repeat;padding-bottom:6.7vw;}
section.home.home-front-informations .container{ padding:0 3.5rem}
section.home.home-front-informations .row .col-12{ position:relative}
section.home.home-front-informations span.bg{ position:absolute; left:50%; top:75%; -webkit-transform:translate(-45%, -60%); transform:translate(-45%, -60%); width:100%}
section.home.home-front-informations .img{ position:relative; z-index:10}
section.home.home-front-informations .img span.bg{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -45%); transform:translate(-50%, -45%); width:100%}
section.home.home-front-informations .img span.bg img{ max-width:100%}
section.home.home-front-informations .img img{ display:block; margin:0 auto; max-width:60%; position:relative}
section.home.home-front-informations .text{ text-align:center; position:relative; padding:.5rem 5vw 0; z-index:99}
section.home.home-front-informations .text h3{ font-size:18px; color:#002840; font-family:"voltesemibold"; position:relative}
section.home.home-front-informations .text p{ font-size:14px; color:#4D4E4E; font-family:"volteregular"; position:relative; padding:0 10px}

@media screen and (max-width:1650px) and (min-width:1550px){
    section.slider .slider-container .slider-pagination {
    bottom: 95px;
    left: 4.2vw;
}

section.slider .slider-container .slider-content {
    margin-top: 0;
}

section.slider .slider-container .slider-content .content-title {
    margin-bottom: 20px;
}
}

@media only screen and (max-width:1199px){
    section.slider .slider-container .slider-pagination{bottom:125px; left:4.5vw;}
}

@media only screen and (max-width:1370px){
    section.home .home-head{ transform:scale(0.9);}
}

@media only screen and (min-width:1367px) and (max-width:1640px){
    section.home.home-front-informations .text{ padding:.5rem 4vw 0 }
}

@media only screen and (min-width:1200px) and (max-width:1366px){
    section.home.home-front-informations .text{ padding:.5rem 0vw 0 3vw;}
    section.home.home-front-informations .text span.bg{ width:110%; top:60% }
}

section.home.home-themes .container{ position:relative; padding:5.2vw 50px 0;}
section.home.home-themes .button-group .button:hover{ color:#104260;}
section.home.home-themes .button-group .button .button-origin{ font-size:19px; opacity:0;}
section.home.home-themes .button-group .button .button-nylon{ font-size:18px; position:absolute; display:block; left:50%; top:50%; width:100%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:.4s; transition:.4s; user-select:none;}
section.home.home-themes .button-group .button.active{ pointer-events:none;}
section.home.home-themes .button-group .button.is-checked{ color:#104260; pointer-events:none;}
section.home.home-themes .button-group .button.is-checked .button-nylon{ font-size:19px}
section.home.home-themes .isotope{ margin-bottom:3rem; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; /* height:400px; */ overflow:visible !important; margin:0 100px;} section.home.home-themes .isotope .element-item{ /* margin:0 25px 50px; */ /* flex:0 0 calc(33.33% - 50px); */ width:33.33%; /* border-top-left-radius:10px; */ /* border-top-right-radius:10px; */ padding:15px;}
section.home.home-themes .isotope .element-item .img{ position:relative; overflow:hidden; padding:10px 10px 0 10px; height:22.1vw; background:#fff; border-top-left-radius:10px; border-top-right-radius:10px;}
section.home.home-themes .isotope .element-item .img img{ display:block; margin:0 auto; -webkit-filter:blur(0); filter:blur(0); -webkit-transition:.4s; transition:.4s}
section.home.home-themes .isotope .element-item .img:before{ content:""; z-index:10; position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/home-theme-item-img-bg.png) center center repeat-x}
section.home.home-themes .isotope .element-item .img .hover{ opacity:0; -webkit-transition:.4s; -o-transition:.4s; transition:.4s; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../img/home-theme-detail-icon.png) center center no-repeat rgba(255, 255, 255, 0.7); /* background-size:110px; */ -webkit-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3);}
section.home.home-themes .isotope .element-item .img .hover span{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(0.7); font-size:14px; font-family:"voltesemibold"; color:#104260; letter-spacing:3px; -webkit-transition:.4s; transition:.4s;}
section.home.home-themes .isotope .element-item .text{ background:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; -webkit-box-shadow:0 10px 30px rgba(121, 141, 152, 0.2); box-shadow:0 10px 30px rgba(121, 141, 152, 0.2); z-index:999}
section.home.home-themes .isotope .element-item .text .name{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; text-align:right; max-width:50%; font-size:15px; font-family:"voltesemibold"; color:#606F77; -webkit-box-sizing:border-box; box-sizing:border-box; padding:.75rem 65px .75rem 1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
section.home.home-themes .isotope .element-item .text .basket{ -webkit-transition:.3s; transition:.3s; background:#f76046; background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29)); background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%); border-radius:100px; -webkit-box-flex:0; -ms-flex:0 0 50px; flex:0 0 50px; width:50px; height:50px; position:absolute; top:50%; left:50%; cursor:pointer; -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1);}
section.home.home-themes .isotope .element-item .text .basket svg{ width:30px; height:30px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:.3s; transition:.3s}
section.home.home-themes .isotope .element-item .text .basket svg path{ fill:#fff}
section.home.home-themes .isotope .element-item .text .basket span{ opacity:0; -webkit-transition:.3s; transition:.3s; background:#104260; color:#fff; font-size:14px; font-family:"voltemedium"; padding:.5rem 1rem; border-radius:1rem; position:absolute; top:-2rem; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); white-space:nowrap}
section.home.home-themes .isotope .element-item .text .basket span:before{ content:""; position:absolute; -webkit-transition:.3s; transition:.3s; left:50%; bottom:0; -webkit-transform:translate(-50%, 90%); transform:translate(-50%, 90%); width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #104260}
section.home.home-themes .isotope .element-item .text .basket:hover span{ opacity:1}
section.home.home-themes .isotope .element-item .text .basket:before{ -webkit-transition:.4s; transition:.4s; opacity:1; content:""; background:#92A3AC; position:absolute; display:block; top:0; left:0; right:0; bottom:0; border-radius:150px}
section.home.home-themes .isotope .element-item .text .price{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; display:-webkit-box; display:-ms-flexbox; align-items:center; display:flex; -webkit-box-sizing:border-box; box-sizing:border-box; padding:.75rem 1rem .75rem 65px;}
section.home.home-themes .isotope .element-item .text .price .old-price{ color:#616E76; position:relative; font-size:15px; font-family:"volteregular"; line-height:30px}
section.home.home-themes .isotope .element-item .text .price .new-price > span{ font-family:'Barlow', sans-serif; font-weight:500;}
section.home.home-themes .isotope .element-item .text .price .old-price > span{ font-family:'Barlow', sans-serif; font-weight:300;}
section.home.home-themes .isotope .element-item .text .price .old-price:before{ content:""; display:block; background:#616E76; width:100%; position:absolute; top:50%; height:1px}
section.home.home-themes .isotope .element-item .text .price .new-price{ color:#000; position:relative; font-size:20px; font-family:"voltesemibold"; margin-left:44px}
section.home.home-themes .isotope .element-item .text .price .new-price:before{ content:""; display:block; background:#DDDDDD; width:24px; height:1px; position:absolute; left:-36px; top:50%}
section.home.home-themes .isotope .element-item:hover .img img{ -webkit-filter:blur(4px); filter:blur(4px)}
section.home.home-themes .isotope .element-item:hover .img .hover{ opacity:1; /* background-size:73px; */ transform:scale(1);}
section.home.home-themes .isotope .element-item:hover .img .hover span{ letter-spacing:0; transform:translate(-50%, -50%) scale(1);}
section.home.home-themes .isotope .element-item:hover .text .basket{ -webkit-transform:translate(-50%, -50%) scale(1.2); transform:translate(-50%, -50%) scale(1.2)}
section.home.home-themes .isotope .element-item:hover .text .basket span{ -webkit-transform:translate(-50%, -50%) scale(0.8); transform:translate(-50%, -50%) scale(0.8)}
section.home.home-themes .isotope .element-item:hover .text .basket:before{ opacity:0}
section.home.home-steps{ position:relative; padding-top:1rem;}
section.home.home-steps:before{ content:""; position:absolute; width:70vw; height:60vw; top:-300px; left:-500px; background:url(../img/home-steps-bg.png) 100% center/contain no-repeat; z-index:-1;}
section.home.home-steps .home-head h2{ font-size:35px}
section.home.home-steps .container{ position:relative; padding:0 10.5vw; max-width:1700px !important;}
section.home.home-steps .img{ height:24rem; position:relative}
section.home.home-steps .img span.bg{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%}
section.home.home-steps .img span.bg img{ display:block; margin:0 auto; max-width:100%}
section.home.home-steps .img>img{ display:block; margin:0 auto; max-width:90%; position:absolute; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
section.home.home-steps .img.img1 span.bg{width: calc(100% - 15px);margin-left:-4px;}
section.home.home-steps .img.img1>img{ right:0; -webkit-transform:translate(0%, -35%); transform:translate(0%, -35%)}
section.home.home-steps .img.img2 span.bg{ width:calc(100% + 37px); margin:10px 0 0 -12px}
section.home.home-steps .img.img2>img{ left:50%; -webkit-transform:translate(-55%, -34%); transform:translate(-55%, -34%)}
section.home.home-steps .img.img3 span.bg{ width:calc(100% + 30px); margin-top:20px}
section.home.home-steps .img.img3>img{ left:0; -webkit-transform:translate(-3%, -37%); transform:translate(-3%, -37%)}
section.home.home-steps .text{ text-align:center; margin-top:15px}
section.home.home-steps .text h3{ color:#445864; font-size:25px; font-family:"voltebold"; padding-bottom:1rem}
section.home.home-steps .text p{ color:#445864; font-size:17px; line-height:20px; font-family:"volteregular"}

@media only screen and (max-width:1680px){
    section.home.home-themes .isotope .element-item .text .price {
    padding: .75rem 1rem .75rem 14px;
    }
    .extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li + li {
        margin-top: 20px;
    }
}

@media only screen and (max-width:1500px){
    section.home.home-themes .isotope{ margin:20px;}
}

@media only screen and (max-width:1370px){
    section.home.home-steps .container{ transform:scale(0.9);}
}

@media only screen and (max-width:1199px){
    section.home.home-themes{ overflow:hidden;}
    section.home.home-themes .isotope .element-item .img{ height:33vw;}
}

section.home .btn-group{ text-align:center; padding:4rem 0 3rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%;}
section.home .btn-group a{ border:none; -webkit-box-shadow:none; box-shadow:none; outline:none; outline-color:rgba(0, 0, 0, 0); font-size:20px; font-family:"voltesemibold"; letter-spacing:1px; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; display:block; background:#f76046; background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29)); background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%); color:#fff; padding:1rem 4rem; border-radius:3rem}
section.home .btn-group a:after{ content:""; position:absolute; z-index:-1; bottom:-6px; left:0; height:100%; width:100%; opacity:0; border-radius:3rem; background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%); -webkit-filter:blur(9px); filter:blur(9px); -webkit-transition:.8s; transition:.8s;}
section.home .btn-group a:hover:after{ opacity:.7;}

.choose-form{ position:fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 99999;opacity: 0;visibility: hidden;transition-delay: 0.4s;}
.choose-form.active-3 {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
body.choose-control .choose-form .choose-form-overlay{ display:block;}
.choose-form-btn-text span{ font-size:18px; color:#104260; display:inline-block; opacity:1; visibility:visible; transition:0.5s; user-select:none;}
.choose-form-btn-text:before{ content:""; position:absolute; right:-10px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:0; height:0; border-style:solid; border-width:7px 0 7px 16px; border-color:transparent transparent transparent #ffffff}
.choose-form-btn-icon .btn-icon.btn-icon-2{ transform:translate(-50%, -50%) scale(0);}
.choose-form-btn-icon.active .btn-icon.btn-icon-1{ transform:translate(-50%, -50%) scale(0);}
.choose-form-btn-icon .btn-icon.btn-icon-1{ transform:translate(-50%, -50%) scale(1);}
.choose-form-btn-icon.active .btn-icon.btn-icon-2{ transform:translate(-50%, -50%) scale(1);}
.choose-form-btn-icon.hover-active .btn-icon.btn-icon-2{ transform:translate(-50%, -50%) scale(1.1);}
.choose-form-btn-icon{ width:85px; height:85px; border-radius:100%; text-align:center; line-height:85px; cursor:pointer; background:transparent linear-gradient(137deg, #F6CE1C 0%, #F77F3A 100%) 0% 0% no-repeat padding-box; -webkit-box-shadow:0px 10px 15px #F68D3471; box-shadow:0px 10px 15px #F68D3471; position:relative;}
.choose-form-btn-icon .btn-icon{ position:absolute; top:50%; left:50%; transition:0.5s;}
.choose-form-btn-icon.in-active{ pointer-events:none;}
.choose-form .choose-submit-trigger{ width:85px; height:85px; border-radius:100%; position:absolute; right:0; opacity:0; pointer-events:none;}
.choose-form .choose-submit-trigger.active{ pointer-events:all; cursor:pointer;}
.choose-form-btn-icon svg path{ fill:#fff}
.choose-form-btn-icon:hover .btn-icon-1{ transform:translate(-50%, -50%) scale(1.1);}
.choose-form .form-item{}
.choose-form .form-item-close:hover{ opacity:1;}
.choose-form .form-item-close{ position:absolute; right:20px; top:15px; z-index:1; cursor:pointer; opacity:0.7; transition:0.5s;}
.choose-form .form-item-close.pointer-none{ pointer-events:none;}
.choose-form .form-item-close svg path{ fill:#fff}
.choose-form .form-item-title{ 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:50px 0 60px; border-radius:30px 30px 0 0; position:relative; overflow:hidden;}
.choose-form .form-item-title h2{ font-family:"voltemedium"; font-size:21px; line-height:29px; color:#fff; opacity:0; transition:0.5s 0.4s;}
.choose-form .form-item-title h2 span{ font-family:"voltesemibold"; text-shadow:0px 3px 6px #e06801; display:block;}
.choose-form .form-item form{ padding:25px 30px}
.choose-form .form-item form .form-el.submit{ position:absolute; right:-40px; bottom:-58px; opacity:0; visibility:hidden;}
.choose-form .form-item form .form-el+.form-el{ margin-top:15px}
.choose-form .form-item form .form-el input,.choose-form .form-item form .form-el textarea{ height:45px; border-radius:22.5px; background:#fcfbfa; border:1px solid #f4ccba; box-shadow:none; font-size:14px; color:#a88f83; padding:0 25px; transition:0.4s;}
.choose-form .form-item form .captcha.active .form-control, .choose-form .form-item form .form-el.active .form-control, .choose-form .form-item form .form-el .form-control:focus{ border-color:#f78637;}
.choose-form .form-item form .form-el textarea{ resize:none; height:90px; padding:10px 25px;}
.choose-form .form-item form .form-el .col.captcha{ padding:0}
.choose-form .form-item form .form-el .col.captcha+.col.captcha{ margin-left:15px}
.choose-form .form-item form .form-el .col.captcha img{ border-radius:22.5px; background:#fcfbfa; border:1px solid #f4ccba; height:45px; max-height:inherit;}
.choose-form .form-item form .form-el .form-control::-webkit-input-placeholder{ color:#a88f83;}
.choose-form .form-item form .form-el .form-control:-ms-input-placeholder{ color:#a88f83;}
.choose-form .form-item form .form-el .form-control::placeholder{ color:#a88f83;}
.choose-form .form-item form .form-el .col.captcha a{}
.choose-form .form-item form .form-el button{}
.choose-form .form-item form .form-el button svg path,.choose-form .form-item form .form-el button svg rect{ fill:#fff}
.choose-form-btn-text{ background:#fff; padding:10px 15px; border-radius:10px; position:relative; margin-right:20px; box-shadow:0px 5px 25px rgba(186, 195, 206, 0.45); transform:translate(0, 0) rotate(0); transition:0.5s 0.4s;}
.choose-form.in-active .choose-form-btn-text{ transition-delay:1.5s;}
.choose-form.active .choose-form-btn-text{ transform:translate(30px, -86px) rotate(38deg);}
.choose-form.in-active-2 .choose-form-btn-text{ transition-delay:0.4s;}
.choose-form.active .choose-form-btn-text span{ opacity:0; visibility:hidden;}
.choose-form.active.active-2 .choose-form-btn-text{ transform:translate(130px, -9px) rotate(38deg) scaleX(0); transition-delay:0s;}
.choose-form .form-item{}
.choose-form .form-item form .form-el:not(.submit){ opacity:0; visibility:hidden; transform:translateY(20px); transition:0.5s;}
.choose-form .form-item-title .title-bg{ position:absolute; top:0; right:0; left:0; bottom:0; background-size:cover; background-repeat:no-repeat; background-position:bottom; transform:translate(0, -110%) scaleY(1.2); transition:0.5s 0.4s; z-index:-1;}
.choose-form .form-item-close svg{ opacity:0; transition:0.5s 0.4s;}
.choose-form.active-3 .form-item-title .title-bg{ transform:translate(0, 0) scaleY(1);}
.choose-form.active-3 .form-item-close svg{ opacity:1;}
.choose-form.active-3 .form-item-title h2{opacity:1;}
.choose-form.active-3 .form-item form .form-el:not(.submit){ opacity:1; visibility:visible; transform:translateY(0);}
.choose-form .form-item form .form-el .form-row{ margin:0;}
.choose-form .form-item form .form-el:nth-child(4){ transition-delay:0.5s;}
.choose-form .form-item form .form-el:nth-child(5){ transition-delay:0.6s;}
.choose-form .form-item form .form-el:nth-child(6){ transition-delay:0.7s;}
.choose-form .form-item form .form-el:nth-child(7){ transition-delay:0.8s;}
.choose-form .form-item form .form-el:nth-child(8){ transition-delay:0.9s;}
.choose-form .form-item form .form-el:nth-child(9){ transition-delay:1s;}
.choose-form.in-active .form-item-close svg{ transform:scale(0); transition-delay:0.9s;}
.choose-form.in-active .form-item-title .title-bg{ transform:translate(0, -110%) scaleY(1.2); transition-delay:0.8s;}
.choose-form.in-active .form-item-title h2{ opacity:0; transition-delay:0.7s;}
.choose-form.in-active .form-item form .form-el:nth-child(9){ transition-delay:0.1s;}
.choose-form.in-active .form-item form .form-el:nth-child(8){ transition-delay:0.2s;}
.choose-form.in-active .form-item form .form-el:nth-child(7){ transition-delay:0.3s;}
.choose-form.in-active .form-item form .form-el:nth-child(6){ transition-delay:0.4s;}
.choose-form.in-active .form-item form .form-el:nth-child(5){ transition-delay:0.5s;}
.choose-form.in-active .form-item form .form-el:nth-child(4){ transition-delay:0.6s;}
.choose-form.in-active .form-item form .form-el:not(.submit){ opacity:0; visibility:hidden; transform:translateY(-20px);}
.choose-form.in-active .form-item{ transform:translate(165px, -335px) scale(0); transition-delay:1s;}

@media only screen and (max-height: 760px){
    .choose-form .form-item-title { padding: 30px 0 40px; }
    .choose-form .form-item-title .title-bg {background-position: bottom;}
    .choose-form .form-item form .form-el input { height: 40px; }
    .choose-form .form-item form .form-el .col.captcha img { height: 40px; }
    .choose-form .form-item { height: 580px; }
}

@media only screen and (max-height: 700px){
    .choose-form .form-item form { max-height: 270px; overflow-y: auto; overflow-x: hidden; padding-bottom: 70px; }
    .choose-form .form-item { height: 450px; }
    .choose-form .form-item:before {content: "";position: absolute;bottom: 40px;left: 0;right: 0;height: 100px;pointer-events: none;background: linear-gradient(to top, white, #ffffff00);z-index: 9;}
    .choose-form .form-item form::-webkit-scrollbar{ width: 0; }
}

@media only screen and (max-height: 560px){
    .choose-form .form-item form { height: 180px; }
    .choose-form .form-item { height: 400px; }
    .choose-form .form-item:before { bottom: 80px; }
}

@media only screen and (max-height: 500px){
    .choose-form .form-item form { height: 120px; }
    .choose-form .form-item { height: 320px; }
    .choose-form .form-item:before { bottom: 30px; }
}

@media only screen and (max-width: 1370px){
    .choose-form {}
}

@media only screen and (max-width: 991px){
    .choose-form-btn-text { padding: 8px 10px; }
}

@media only screen and (max-width: 767px){
    .choose-form-btn-text { display: none; }
    .choose-form .form-item { width: 280px; height: 580px; top: 40px; }
    .choose-form .form-item:before { visibility: hidden; }
    .choose-form .form-item form .form-el input { height: 40px; }
    .choose-form .form-item form .form-el input, .choose-form .form-item form .form-el textarea { font-size: 12px; }
    .choose-form .form-item form { padding: 10px 20px; max-height: initial; overflow: initial; }
    .choose-form .form-item-title h2 { font-size: 18px; line-height: 25px; margin-bottom: 0; }
    .choose-form .form-item form .form-el .col.captcha img { height: 40px; }
    .choose-form .form-item form .form-el input { padding: 0 20px; }
    .choose-form .form-item form .form-el textarea { padding: 10px 20px; }
}

/**/

.page-title .bread-bg { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.5; background-size: cover !important; background-repeat: no-repeat !important }
.about-page-title.page-title .title-first .breadcrumb li:nth-child(2) { display: none; }
.page-title .title-first .breadcrumb li a { color: #BAC8D0; -webkit-transition: .4s; transition: .4s }
.page-title .title-first .breadcrumb li svg { -webkit-transition: .4s; transition: .4s }
.page-title .title-first .breadcrumb li svg path { fill: #BAC8D0; stroke: #BAC8D0; -webkit-transition: .4s; transition: .4s; }
.page-title .title-first .breadcrumb li a:hover { color: #10427a; }
.page-title .title-first .breadcrumb li a:hover svg path { fill: #10427a; stroke: #10427a; }
.page-title .title-first .breadcrumb li:before { color: #BAC8D0 }

@media only screen and (max-width: 991px){
    .page-title {padding: 100px 30px 0;margin-bottom: 0;display: none;}
    .page-title .container { padding: 0; }
    .page-title .title-first .breadcrumb { justify-content: flex-start; }
}

@media only screen and (max-width: 767px){
    .page-title { padding: 70px 20px 0; }
    .page-title .title-first .breadcrumb li { font-size: 14px; position: relative; }
    .page-title .title-first .breadcrumb li:before { top: 50%; transform: translateY(-50%) scale(0.9); margin-top: 0; position: absolute; left: 0; }
    .page-title .title-first .breadcrumb li + li { margin-left: 10px; padding-left: 20px; }
    .page-title .title-first .breadcrumb li svg { transform: scale(0.9); }
}

.page{padding:0 0 100px;min-height:60vh;padding-top: 160px;}
.page .page-content .img img{ display:block; width:100%; -o-object-fit:cover; object-fit:cover}
section.page.single-page ul {
    text-align: left;
}
.page .page-tags{ padding:2rem 0}
.page .page-tags ul li{ display:inline-block; padding:.25rem}
.page .page-tags ul li a{ color:#fff; padding:.5rem; -webkit-transition:.4s; transition:.4s; background:#333232; border-radius:.25rem; font-size:.75rem}
.page .page-tags ul li a:hover{ background:#ececec; color:#07101b}
.blogs .blog-sidebar{ position:sticky; top:130px;}
.page .blog-sidebar .blog-search{ margin-bottom:3rem}
.blogs .blog-sidebar .side-part-container{ max-height:calc(100vh - 260px); overflow-y:auto; overflow-x:hidden; margin-right:-10px; padding-right:10px;}
.blogs .blog-sidebar .side-part-container::-webkit-scrollbar{ width:3px;}
.blogs .blog-sidebar .side-part-container::-webkit-scrollbar-thumb{ background:rgba(16, 66, 96, 0.54); border-radius:10px;}
.page .blog-sidebar .blog-search .form-group{ position:relative}
.page .blog-sidebar .blog-search .form-group .form-control{ padding-left:0; border:none; font-family:"voltesemibold"; border-bottom:1px solid #535353; color:#2e2923; height:3rem; background:transparent; border-radius:0; opacity:0.6; padding-bottom:0}
.page .blog-sidebar .blog-search .form-group .form-control::-webkit-input-placeholder{ color:#6C6C6C; font-weight:bold}
.page .blog-sidebar .blog-search .form-group .form-control:-ms-input-placeholder{ color:#6C6C6C; font-weight:bold}
.page .blog-sidebar .blog-search .form-group .form-control::-ms-input-placeholder{ color:#6C6C6C; font-weight:bold}
.page .blog-sidebar .blog-search .form-group .form-control::placeholder{ color:#6C6C6C; font-weight:bold}
.page .blog-sidebar .blog-search .form-group.active .btn svg{ transform:scale(0.8);}
.page .blog-sidebar .blog-search .form-group:hover .btn svg{ transform:scale(1.2);}
.page .blog-sidebar .blog-search .form-group .form-control:focus+.btn svg{ transform:scale(0.8);}
.page .blog-sidebar .blog-search .form-group .btn{ border:0; border-radius:0; background:rgba(0, 0, 0, 0); position:absolute; right:0; top:0; width:3rem; height:3rem; outline:none; -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0); box-shadow:0 0 0 rgba(0, 0, 0, 0); padding:.5rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-line-pack:center; align-content:center}
.page .blog-sidebar .blog-search .form-group .btn svg{ display:block; width:20px; height:20px; -webkit-transition:.4s; transition:.4s}
.page .blog-sidebar .blog-search .form-group .btn svg path{ fill:rgba(83, 83, 83, 0.6)}
.page .blog-sidebar .side-part{ margin-bottom:3rem}
.page .blog-sidebar .side-part h4{ margin-bottom:5px; padding-bottom:1rem; border-bottom:1px solid #104260; position:relative; color:#104260; font-size:14px; font-family:"voltesemibold"}
.page .blog-sidebar .side-part h4:before{ content:""; position:absolute; top:100%; margin-top:-1px; left:0; height:3px; width:5.5rem; background:#104260; -webkit-transition:.4s; transition:.4s}
.page .blog-sidebar .side-part .list-group a.list-group-item{ display:block; color:#56666F; -webkit-transition:.4s; transition:.4s; border:none; background:transparent; padding-left:0}
.page .blog-sidebar .side-part .list-group a.list-group-item.active {color: #000;font-weight: 600;}
.page .blog-sidebar .side-part .list-group a.list-group-item span{ display:none}
.page .blog-sidebar .side-part .list-group a.list-group-item+a{ border-top:1px solid #D8D8D8}
.page .blog-sidebar .side-part .list-group a.list-group-item:hover{ color:#104260;}
.page .blog-sidebar .side-part:hover h4:before{ width:100%}
.page.about{position:relative;text-align:center;padding-top: 290px;overflow:hidden;}
.page.about>.container{ width:1080px; margin:0 auto}
.page.about:before{ z-index:-1; pointer-events:none; content:""; position:absolute; left:0; top:40%; -webkit-transform:translate(-40%, -50%) rotate(16deg); transform:translate(-40%, -50%) rotate(16deg); width:1016px; height:1423px; max-width:100%; background:url(../img/home-steps-bg.png) center center no-repeat}
.page.about:after{ z-index:-1; pointer-events:none; content:""; position:absolute; right:0; top:75%; -webkit-transform:translate(50%, -50%) rotate(-10deg); transform:translate(50%, -50%) rotate(-10deg); width:1408px; height:1256px; max-width:100%; background:url(../img/home-themes-bg.png) center center no-repeat}
.page.about h2{ color:#104260; font-size:35px; font-family:"volteregular"; line-height:3rem}
.page.about p span.colored{ font-family:"voltesemibold"; color:#104260; position:relative; display:inline-block}
.page.about p span.colored:after{ content:""; opacity:1; position:absolute; left:0px; right:0px; bottom:0; height:3px; background:#f8006a; background:-webkit-gradient(linear, left top, right top, from(#f8006a), to(#f4c223)); background:linear-gradient(90deg, #f8006a 0%, #f4c223 100%); border-radius:3px}
.page.about .mini-popups{ padding:3.125rem 5rem; margin:50px 0 80px; display:inline-block; position:relative; -webkit-box-shadow:0 35px 35px rgba(170, 188, 198, 0.24); box-shadow:0 35px 35px rgba(170, 188, 198, 0.24); max-width:100%; border-radius:25px; background:#fff;}
.page.about .mini-popups svg{ width:65px; height:65px; display:block; position:absolute; top:0}
.page.about .mini-popups p{ margin-bottom:0; font-size:28px; font-family:"volteregular"; color:#104260}
.page.about .mini-popups p strong{ font-size:40px; font-family:"voltesemibold"}
.page.about .mini-popups p img{ width:227px; display:inline-block; margin-left:10px}
.page.about .mini-popups-left{ border-top-left-radius:0; border-bottom-left-radius:65px}
.page.about .mini-popups-left svg{ left:0; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
.page.about .mini-popups-right{ border-top-right-radius:0; border-bottom-right-radius:65px}
.page.about .mini-popups-right svg{ right:0; -webkit-transform:translate(50%, -50%); transform:translate(50%, -50%)}
.page.about .mini-popups-bg-navy{ background:#104260; padding:2.25rem 6rem; margin-bottom:6rem}
.page.about .mini-popups-bg-navy p{ font-size:30px; font-family:"voltemedium"; color:#fff}
.page.about .about-star-icon svg{ width:84px; height:77px}

@media only screen and (max-width:1370px){
    .page.about h2 { font-size: 2.1vw; }
    .page.about .mini-popups { transform: scale(0.8); margin-bottom: 4.2vw; margin-top: 1.5vw; }
}

@media only screen and (max-width:1199px){
    .page.about h2 { font-size: 2.7vw; margin-bottom: 20px; }    
}

@media only screen and (max-width: 991px){
    .page.about h2{ font-size:20px; line-height:1.7;}
    .page.about .mini-popups{ padding:30px 70px; margin-top:10px; margin-bottom:40px;}
    .page.about .mini-popups p{ font-size:25px; line-height:1.5;}
    .page.about .mini-popups p strong{ font-size:30px;}
    .page.about .about-star-icon svg{ width:60px; height:60px;}
    .page.about:after{ width:100vw; height:100vw; background-size:contain;}
    .page.about:before{ background-size:contain; width:100vw; height:170vw;}
    .page.about{ padding-bottom:70px; padding-top:50px;}
}

@media only screen and (max-width: 767px){
    .page.about{ padding:30px 30px 50px;}
    .page.about h2{ font-size:17px; line-height:1.5;}
    .page.about p{ font-size:15px; line-height:1.7;}
    .page.about .mini-popups{ transform:scale(1); padding:20px 30px; max-width:80%;}
    .page.about .mini-popups p{ font-size:16px; line-height:1.5;}
    .page.about .mini-popups p strong{ font-size:20px;}
    .page.about .mini-popups-left svg{ width:35px; height:35px;}
    .page.about .mini-popups svg{ width:35px; height:35px;}
    .page.about .mini-popups p img{ width:130px;}
    .page.about .mini-popups-bg-navy{ padding-left:45px; margin-top:20px;}
    .page.about .about-star-icon svg{ width:40px; height:40px;}
    .page.about .mini-popups-left {max-width: 90%;}
}

.page.career .accordion-cards{ padding-top:calc(.375rem + 1px)}
.page.career .form-group .input-group{ position:relative}
.page.career .form-group .input-group .input-group-prepend{ margin-bottom:1rem}
.page.career .form-group .input-group .input-group-text{ margin-bottom:1rem}
.page.career .form-group .input-group small{ position:absolute; right:0; top:100%}
.page.our-team .team-list{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.our-team .team-list li{ -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; padding:1rem}
.page.our-team .team-list li a{ display:block; border:1px solid #ececec; padding:1rem; color:#07101b; height:100%}
.page.our-team .team-list li a .person-img{ margin-bottom:1rem}
.page.our-team .team-list li a .person-img img{ display:block; width:100%; -o-object-fit:cover; object-fit:cover}
.page.our-team .team-list li a .person-text h4{ font-size:1rem}
.page.our-team .team-list li a .person-text p{ font-size:.875rem}
.page.personnel-detail .side-bar-personnel .sidebar h4{ font-size:1.25rem; padding:1rem; border:1px solid rgba(0, 0, 0, 0.2); border-bottom:0; margin-bottom:0}
.page.personnel-detail .side-bar-personnel .sidebar ul{ border:1px solid rgba(0, 0, 0, 0.2)}
.page.personnel-detail .side-bar-personnel .sidebar ul li a{ display:block; color:#07101b; padding:.5rem 1rem}
.page.personnel-detail .side-bar-personnel .sidebar ul li+li{ border-top:1px solid rgba(0, 0, 0, 0.2)}

@media only screen and (max-width: 767px) {
    .page.personnel-detail .side-bar-personnel { padding-bottom: 1rem }
}

.page.personnel-detail .personnel-detail-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.page.personnel-detail .personnel-detail-container .personnel-detail-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid rgba(0, 0, 0, 0.2); padding: .5rem; min-width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100% }
.page.personnel-detail .personnel-detail-container .personnel-detail-item>* { padding: .5rem }
.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-img { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px }
.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-img img { display: block; -o-object-fit: cover; object-fit: cover; width: 100% }
.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-text { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 200px); flex: 0 0 calc(100% - 200px); max-width: calc(100% - 200px) }
.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-text h3 { font-size: 1.25rem; margin-bottom: .75rem }
.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-text p { font-size: .875rem; margin-bottom: .5rem }

@media only screen and (max-width: 767px) {
    .page.personnel-detail .personnel-detail-container { padding-top: 1rem }
    .page.personnel-detail .personnel-detail-container .personnel-detail-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
}

.page.personnel-relation-news h3 { font-weight: 500; text-transform: uppercase; margin-bottom: 1rem }
.page.personnel-relation-news ul { border: 1px solid rgba(0, 0, 0, 0.2) }
.page.personnel-relation-news ul li a { display: block; color: #07101b; padding: 1rem }
.page.personnel-relation-news ul li+li { border-top: 1px solid rgba(0, 0, 0, 0.2) }
.page.references{margin-top:-20px;/* padding-top:0 */}
.page.references .container{padding: 0 9.6vw;}
.page.references .references-category ul li a{ display:block; font-size:.875rem; color:#07101b}
.page.references .references-category ul li a span{ padding-left:.5rem}
.page.references .references-category-left{ background:#f8f8f8; padding:1rem}
.page.references .references-category-left h2{ font-size:1.25rem; padding-bottom:1.5rem}
.page.references .references-category-left ul li a{ padding:.5rem 0}
.page.references .references-category-left ul li+li{ border-top:1px solid rgba(0, 0, 0, 0.2)}
.page.references .references-category-top ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.references .references-category-top ul li{ border:1px solid rgba(0, 0, 0, 0.1); margin-bottom:1rem}
.page.references .references-category-top ul li a{ padding:.875rem 2rem}
.page.references .references-category-top ul li:nth-of-type(1){ border-top-left-radius:3rem; border-bottom-left-radius:3rem}
.page.references .references-category-top ul li:nth-last-child(1){ border-top-right-radius:3rem; border-bottom-right-radius:3rem}
.page.references .references-category-top ul li+li{ margin-left:.5rem}
.page.references .references-list{ padding:.5rem 0}
.page.references .references-list ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:0 .5rem}
.page.references .references-list ul li{margin-bottom:70px;-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 50px);flex:0 0 calc(50% - 50px);max-width:calc(50% - 50px);-webkit-box-sizing:border-box;box-sizing:border-box;padding:.5rem;background:#fff;-webkit-box-shadow:0 15px 15px rgba(170, 188, 198, 0.15);box-shadow:0 15px 15px rgba(170, 188, 198, 0.15);border-radius:10px;height: 18.6vw;overflow: hidden;}
.page.references .references-list ul li .references-container{height:100%;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.page.references .references-list ul li .references-container .references-img{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%;margin-left:-1.5rem;margin-right:1.5rem;height: 100%;position: relative;}
.page.references .references-list ul li .references-container .references-img a{ display:block; padding-right:1rem}
.page.references .references-list ul li .references-container .references-img:before {content: "";position: absolute;top: 0;right: -79px;width: 140%;height: 100%;z-index: 1;background-image: url(../img/main/mask-laptop.png);background-size: contain;background-position: center;background-repeat: no-repeat;}
.page.references .references-list ul li .references-container .references-img a img{ display:block; -o-object-fit:cover; object-fit:cover; width:100%}
.page.references .references-list ul li .references-container .references-content{ -webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; text-align:center}
.page.references .references-list ul li .references-container .references-content .img{margin-bottom: 20px;}
.page.references .references-list ul li .references-container .references-content .img img{display:block;margin:0 auto;max-width:100%;filter: grayscale(1);opacity: 0.5;transition: 0.5s;max-height: 4.7vw;}
.page.references .references-list ul li .references-container .references-content h3{font-family: "voltemedium";font-size: 14px;color: #838383;transition: 0.5s;margin-bottom: 0;}
.page.references .references-list ul li .references-container .references-content-head h4{ font-size:1rem}
.page.references .references-list ul li .references-container .references-content-location{ font-size:.875rem}

@media only screen and (max-width:991px){
    .page.references .references-list ul li{ flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); margin-bottom: 40px; height: 23vw; }
    .page.references { margin-top: 20px; }
    .page.references .container { padding: 0 3vw; }
    .page.references .references-list ul li .references-container .references-content h3 { transform: scale(0.9); }
}

@media only screen and (max-width:767px){
    .page.references .references-list ul li{-webkit-box-flex:0;-ms-flex:0 0 50%;flex: 0 0 100%;max-width: 100%;height: auto;overflow: hidden;}
}

.page.references.references-outer-edges-none .references-list ul li{ padding:0}
.page.references.references-outer-edges-none .references-list ul li .references-container{ border-bottom:0; border-left:0}
.page.references.references-outer-edges-none .references-list ul li:nth-of-type(1) .references-container,.page.references.references-outer-edges-none .references-list ul li:nth-of-type(2) .references-container,.page.references.references-outer-edges-none .references-list ul li:nth-of-type(3) .references-container,.page.references.references-outer-edges-none .references-list ul li:nth-of-type(4) .references-container{ border-top:0}
.page.references.references-outer-edges-none .references-list ul li:nth-child(4n) .references-container{ border-right:0}
.page.references.references-outer-edges-none .references-list ul li:nth-last-child(1) .references-container{ border-right:0}

@media only screen and (max-width:991px){
    .page.references.references-outer-edges-none .references-list ul li:nth-of-type(4) .references-container{ border-top:1px solid rgba(0, 0, 0, 0.1) }
    .page.references.references-outer-edges-none .references-list ul li:nth-child(4n) .references-container{ border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.references.references-outer-edges-none .references-list ul li:nth-child(3n) .references-container{ border-right:0 }
    .page.references.references-outer-edges-none .references-list ul li:nth-last-child(1) .references-container{ border-right:0 }
}

@media only screen and (max-width:767px){ .page.references.references-outer-edges-none .references-list ul li:nth-child(3n) .references-container{ border-top:1px solid rgba(0, 0, 0, 0.1); border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.references.references-outer-edges-none .references-list ul li:nth-child(2n) .references-container{ border-right:0 }
}

@media only screen and (max-width:480px){ .page.references.references-outer-edges-none .references-list ul li .references-container{ border-right:0 !important }
    .page.references.references-outer-edges-none .references-list ul li:nth-child(2){ border-top:1px solid rgba(0, 0, 0, 0.1) }
}

.page.references.references-outer-edges-none .col+.col .references-list ul li:nth-of-type(4) .references-container{ border-top:1px solid rgba(0, 0, 0, 0.1)}
.page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(4n) .references-container{ border-right:1px solid rgba(0, 0, 0, 0.1)}
.page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(3n) .references-container{ border-right:0}
.page.references.references-outer-edges-none .col+.col .references-list ul li:nth-last-child(1) .references-container{ border-right:0}

@media only screen and (max-width:991px){
    .page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(3n) .references-container{ border-top:1px solid rgba(0, 0, 0, 0.1); border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(2n) .references-container{ border-right:0 }
}

@media only screen and (max-width:480px){
    .page.references.references-outer-edges-none .col+.col .references-list ul li .references-container{ border-right:0 !important }
    .page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(2){ border-top:1px solid rgba(0, 0, 0, 0.1) }
}

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

@media only screen and (max-width:767px){
    .page.references .col+.col{ padding-top:1rem }
}

.page.references .col+.col .references-list ul li{ -webkit-box-flex:0; -ms-flex:0 0 33%; flex:0 0 33%; max-width:33%}

@media only screen and (max-width:991px){
    .page.references .col+.col .references-list ul li{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
}

@media only screen and (max-width:480px){
    .page.references .col+.col .references-list ul li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.references .references-list ul li .references-container .references-img img {filter: grayscale(1);transition: 0.5s;height: 83%;object-fit: contain;object-position: top center;position: relative;top: 29px;right: 30px;}
.page.references .references-list ul li .references-container .references-img:after {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    width: 10px;
    height: 100%;
    background: white;
}
.page.references .references-list ul li:hover .references-container .references-img img { filter: grayscale(0); }
.page.references .references-list ul li:hover .references-container .references-content .img img { filter: grayscale(0); opacity: 1; }
.page.references .references-list ul li:hover .references-container .references-content h3 { color: #104260; }

@media only screen and (max-width:767px){ 
    .page.references .references-list ul li .references-container{ display:block;}
    .page.references .references-list ul li .references-container .references-img{ flex:0 0 100%; max-width:100%; text-align:center; height:200px; margin-left:-2.2rem;}
    .page.references .references-list ul li .references-container .references-content .img img{ max-height:40px;}
    .page.references .references-list ul li .references-container .references-content .img{ margin-bottom:0; margin-right:30px;}
    .page.references .references-list ul li .references-container .references-content{ flex:0 0 100%; max-width:100%; display:flex; align-items:center; justify-content:center; margin-top:20px;}
    .page.references{ padding-bottom:50px;}
    nav ul.pagination li.page-item a.page-link{ font-size:18px; padding:1px 8px;}
    nav ul.pagination li.page-item+li.page-item{ margin-left:5px;}
}

.page.references-detail .references-name{ margin-bottom:2rem}
.page.references-detail .references-text{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border:1px solid rgba(0, 0, 0, 0.1); margin-bottom:2rem}
.page.references-detail .references-text p{ padding:1rem 1rem 1rem 2rem; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; position:relative; margin-bottom:0}
.page.references-detail .references-text p b{ display:inline-block; padding-right:.5rem}
.page.references-detail .references-text p i{ position:absolute; left:1rem; top:1.875rem; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
.page.references-detail .references-text p a{ display:inline-block; color:#000}
.page.references-detail .references-text p+p+p{ border-top:1px solid rgba(0, 0, 0, 0.1)}
.page.references-detail .references-gallery ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -.5rem}
.page.references-detail .references-gallery ul li{ -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; padding:.5rem}
.page.references-detail .references-gallery ul li .gallery-item-content{ border:1px solid rgba(0, 0, 0, 0.1)}
.page.references-detail .references-gallery ul li .gallery-item-content .img{ padding:.5rem}
.page.references-detail .references-gallery ul li .gallery-item-content .img img{ display:block; width:100%; -o-object-fit:cover; object-fit:cover}
.page.references-detail .references-gallery ul li .gallery-item-content .text{ text-align:center; padding:.5rem; color:#07101b}
.page.references-detail .references-gallery ul li .gallery-item-content .text span{ display:inline-block}

@media only screen and (max-width:991px){
    .page.references-detail .references-gallery ul li{ -webkit-box-flex:0; -ms-flex:0 0 33.33%; flex:0 0 33.33%; max-width:33.33% }
}

@media only screen and (max-width:767px){
    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item {
        flex-direction: column;
    }

    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-item-title .text p {
        max-width: 250px;
    }

    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-item-title .text span .info {
        display: none;
        margin-top: 10px;
    }

    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-item-title .text > span.active:after {
        transform: rotate(-90deg);
        opacity: 0;
    }

    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-item-title .text > span {
        position: relative;
        top: 10px;
    }

    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-item-title {
        position: relative;
    }

    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-close {
        position: absolute;
        top: 50px;
    }

    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-item-title .text {
        padding-left: 35px;
    }

    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .price span:first-child {
        font-size: 15px;
        font-family: 'voltesemibold';
        position: relative;
        right: -30px;
        color: #aabcc6;
        top: 5px;
    }

    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .price span:first-child:before {content: "";position: absolute;top: 50%;left: -6px;right: 8px;height: 2px;background: #aabcc6;}


    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-item-title .text > span:before {content: "";position: absolute;top: 50%;right: -15px;width: 11px;height: 1px;background: #3f4c53;border-radius: 60px;transition: .4s;}

    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-item-title .text > span:after {content: "";position: absolute;right: -10px;top: 4px;height: 10px;width: 1px;background: #3f4c53;transition: .4s;}

    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .price {
        display: flex;
        flex-direction: column;
        padding-left: 40px;
    }
    .page.references-detail .references-gallery ul li{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
}

@media only screen and (max-width:480px){
    .page.references-detail .references-gallery ul li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.brands .brands-container ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.page.brands .brands-container ul li{ -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; padding:.75rem}
.page.brands .brands-container ul li .brand-img{ border:1px solid rgba(0, 0, 0, 0.1); -webkit-transition:.4s; transition:.4s; min-height:150px; height:100%; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.brands .brands-container ul li .brand-img a{ display:block; padding:.5rem}
.page.brands .brands-container ul li .brand-img img{ display:block; max-height:100%; max-width:100%; -o-object-fit:cover; object-fit:cover}
.page.brands .brands-container ul li:hover .brand-img{ -webkit-transform:scale(1.1); transform:scale(1.1)}

@media only screen and (max-width:991px){
    .page.brands .brands-container ul li{ -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; max-width:33.333% }
}

@media only screen and (max-width:767px){
    .page.brands .brands-container ul li{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
}

@media only screen and (max-width:480px){
    .page.brands .brands-container ul li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.brands .brands-container .swiper-container{ padding:1rem 0}
.page.brands .brands-container .swiper-container .swiper-slide{ padding:.75rem}
.page.brands .brands-container .swiper-container .swiper-slide .brand-img{ border:1px solid rgba(0, 0, 0, 0.1); -webkit-transition:.4s; transition:.4s; min-height:150px; height:100%; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.brands .brands-container .swiper-container .swiper-slide .brand-img a{ display:block; padding:.5rem}
.page.brands .brands-container .swiper-container .swiper-slide .brand-img img{ display:block; max-height:100%; max-width:100%; -o-object-fit:cover; object-fit:cover}
.page.brands .brands-container .swiper-container .swiper-slide:hover .brand-img{ -webkit-transform:scale(1.1); transform:scale(1.1)}
.page.brands .brands-container-swiper{ width:100%; padding:0 3rem; position:relative}
.page.brands .brands-pagination{ text-align:center; padding:2rem 0 0}
.page.brands .brands-pagination nav{ display:inline-block}
.page.brands.brands-outer-edges-none .brands-container ul li{ padding:0}
.page.brands.brands-outer-edges-none .brands-container ul li .brand-img{ border-bottom:0; border-left:0}
.page.brands.brands-outer-edges-none .brands-container ul li .brand-img a{ -webkit-transition:.4s; transition:.4s}
.page.brands.brands-outer-edges-none .brands-container ul li:hover .brand-img{ -webkit-transform:scale(1); transform:scale(1)}
.page.brands.brands-outer-edges-none .brands-container ul li:hover .brand-img a{ -webkit-transform:scale(0.9); transform:scale(0.9)}
.page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(1) .brand-img,.page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(2) .brand-img,.page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(3) .brand-img,.page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(4) .brand-img{ border-top:0}
.page.brands.brands-outer-edges-none .brands-container ul li:nth-child(4n) .brand-img{ border-right:0}
.page.brands.brands-outer-edges-none .brands-container ul li:nth-last-child(1) .brand-img{ border-right:0}

@media only screen and (max-width:991px){
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(4) .brand-img{ border-top:1px solid rgba(0, 0, 0, 0.1) }
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(4n) .brand-img{ border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(3n) .brand-img{ border-right:0 }
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-last-child(1) .brand-img{ border-right:0 }
}

@media only screen and (max-width:767px){
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(3n) .brand-img{ border-top:1px solid rgba(0, 0, 0, 0.1); border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(2n) .brand-img{ border-right:0 }
}

@media only screen and (max-width:480px){
    .page.brands.brands-outer-edges-none .brands-container ul li .brand-img{ border-right:0 !important }
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(2){ border-top:1px solid rgba(0, 0, 0, 0.1) }
}

.page.brands.brands-outer-edges-none .brands-container .swiper-container .swiper-slide{ padding:0}
.page.brands.brands-outer-edges-none .brands-container .swiper-container .swiper-slide .brand-img{ border:none}
.page.brands-detail .img{ margin-bottom:1rem; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.page.brands-detail .img a{ display:block; padding:.5rem; -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}
.page.brands-detail .img a img{ display:block; -webkit-transition:.4s; transition:.4s; width:100%; -o-object-fit:cover; object-fit:cover; border:1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 15px -3px rgba(0, 0, 0, 0.24); box-shadow:0 1px 15px -3px rgba(0, 0, 0, 0.24)}
.page.brands-detail .img a:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1)}

@media only screen and (max-width:991px){
    .page.brands-detail .img a{ -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; max-width:33.333% }
}

@media only screen and (max-width:767px){
    .page.brands-detail .img a{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
}

@media only screen and (max-width:480px){
    .page.brands-detail .img a{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.brands-detail .text{ border:1px solid rgba(0, 0, 0, 0.1)}
.page.brands-detail .text p{ padding:.5rem 1rem; margin-bottom:0}
.page.brands-detail .text p+p{ border-top:1px solid rgba(0, 0, 0, 0.1)}

.page.solution-partners .solution-partners-container ul.solution-partners-list{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.page.solution-partners .solution-partners-container ul.solution-partners-list li{ -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; padding:.75rem}
.page.solution-partners .solution-partners-container ul.solution-partners-list li .solution-partners-list-item{ border:1px solid rgba(0, 0, 0, 0.1); padding:.5rem; -webkit-transition:.4s; transition:.4s}
.page.solution-partners .solution-partners-container ul.solution-partners-list li .solution-partners-list-item .solution-partners-list-img{ overflow:hidden; border-radius:3px}
.page.solution-partners .solution-partners-container ul.solution-partners-list li .solution-partners-list-item .solution-partners-list-img img{ display:block; width:100%; -o-object-fit:cover; object-fit:cover}
.page.solution-partners .solution-partners-container ul.solution-partners-list li:hover .solution-partners-list-item{ -webkit-transform:scale(1.1); transform:scale(1.1)}

@media only screen and (max-width:991px){
    .page.solution-partners .solution-partners-container ul.solution-partners-list li{ -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; max-width:33.333% }
}

@media only screen and (max-width:767px){
    .page.solution-partners .solution-partners-container ul.solution-partners-list li{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
}

@media only screen and (max-width:480px){
    .page.solution-partners .solution-partners-container ul.solution-partners-list li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.solution-partners .solution-partners-container .swiper-container{ padding:1rem 0}
.page.solution-partners .solution-partners-container .swiper-container .swiper-slide{ padding:.75rem}
.page.solution-partners .solution-partners-container .swiper-container .swiper-slide .solution-partners-list-item{ border:1px solid rgba(0, 0, 0, 0.1); min-height:150px; height:100%; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.solution-partners .solution-partners-container .swiper-container .swiper-slide .solution-partners-list-item .solution-partners-list-img{ display:block; padding:.5rem; -webkit-transition:.4s; transition:.4s}
.page.solution-partners .solution-partners-container .swiper-container .swiper-slide .solution-partners-list-item img{ display:block; max-height:100%; max-width:100%; -o-object-fit:cover; object-fit:cover}
.page.solution-partners .solution-partners-container .swiper-container .swiper-slide:hover .solution-partners-list-img{ -webkit-transform:scale(1.1); transform:scale(1.1)}
.page.solution-partners .solution-partners-container-swiper{ width:100%; padding:0 3rem; position:relative}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li{ padding:0}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li .solution-partners-list-item{ border-bottom:0; border-left:0}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li .solution-partners-list-item img{ -webkit-transition:.4s; transition:.4s}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:hover .solution-partners-list-item{ -webkit-transform:scale(1); transform:scale(1)}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:hover .solution-partners-list-item img{ -webkit-transform:scale(0.9); transform:scale(0.9)}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(1) .solution-partners-list-item,.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(2) .solution-partners-list-item,.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(3) .solution-partners-list-item,.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(4) .solution-partners-list-item{ border-top:0}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(4n) .solution-partners-list-item{ border-right:0}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-last-child(1) .solution-partners-list-item{ border-right:0}

@media only screen and (max-width:991px){
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(4) .solution-partners-list-item{ border-top:1px solid rgba(0, 0, 0, 0.1) }
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(4n) .solution-partners-list-item{ border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(3n) .solution-partners-list-item{ border-right:0 }
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-last-child(1) .solution-partners-list-item{ border-right:0 }
}

@media only screen and (max-width:767px){
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(3n) .solution-partners-list-item{ border-top:1px solid rgba(0, 0, 0, 0.1); border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(2n) .solution-partners-list-item{ border-right:0 }
}

@media only screen and (max-width:480px){
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li .solution-partners-list-item{ border-right:0 !important }
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(2){ border-top:1px solid rgba(0, 0, 0, 0.1) }
}

.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none .swiper-container .swiper-slide{ padding:0}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none .swiper-container .swiper-slide .solution-partners-list-item{ border:none}
.page.branch .branch-container{ width:100%; margin-bottom:1rem}
.page.branch .branch-container .location-selection{ padding:1rem 0}
.page.branch .branch-container .location-selection ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.branch .branch-container .location-selection ul li{ width:12rem; padding:.5rem}
.page.branch .branch-container .location-selection ul li .form-group .select2 .select2-selection--single{ border-radius:0; -webkit-transition:.4s; transition:.4s}
.page.branch .branch-container .location-selection ul li .form-group .select2.select2-container--open .select2-selection--single{ border-radius:0 !important}
.page.branch .branch-container .location-selection ul li:nth-child(1) .form-group .select2 .select2-selection--single{ border-top-left-radius:3rem; border-bottom-left-radius:3rem}
.page.branch .branch-container .location-selection ul li:nth-last-child(1) .form-group .select2 .select2-selection--single{ border-top-right-radius:3rem; border-bottom-right-radius:3rem}
.page.branch .branch-container .location-list ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.page.branch .branch-container .location-list ul li{ -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; max-width:33.333%; padding:.375rem}
.page.branch .branch-container .location-list ul li .location-list-content{ border:1px solid rgba(0, 0, 0, 0.1); border-radius:.5rem; padding:1.5rem 2.5rem; height:100%; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.branch .branch-container .location-list ul li .location-list-content .img{ margin-bottom:1rem}
.page.branch .branch-container .location-list ul li .location-list-content .img img{ display:block; width:100%; -o-object-fit:cover; object-fit:cover}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-head h5{ font-size:1rem; margin-bottom:1rem}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-body{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:1rem}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .icon{ -webkit-box-flex:0; -ms-flex:0 0 2.25rem; flex:0 0 2.25rem; max-width:2.25rem}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .icon span,.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .icon i{ color:#07101b; font-size:1rem}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .text{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 2.25rem); flex:0 0 calc(100% - 2.25rem); max-width:calc(100% - 2.25rem)}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .text p{ margin-bottom:0; font-size:.875rem; color:#07101b}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .text p a{ color:#07101b}
.page.branch .branch-container .location-list ul li .location-list-content .map iframe{ width:100%}

@media only screen and (max-width:991px){
    .page.branch .branch-container .location-list ul li{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
}

@media only screen and (max-width:767px){
    .page.branch .branch-container .location-list ul li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.branch-detail .branch-container h3{ margin-bottom:1rem}
.page.branch-detail .branch-container .item{ padding:1rem; border-top:1px solid rgba(0, 0, 0, 0.1)}
.page.announcements .announcements-container ul.announcements-list li{ padding:1rem 0}
.page.announcements .announcements-container ul.announcements-list li .card h5.card-title{ font-size:1.25rem; text-transform:uppercase; margin-bottom:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.announcements .announcements-container ul.announcements-list li .card h5.card-title i{ 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; width:40px; height:40px; background:#d20e0e; border-radius:30px; margin-right:10px; font-size:14px; color:#fff}
.page.announcements .announcements-container ul.announcements-list li .card p{ font-size:1rem}
.page.announcements .announcements-container ul.announcements-list li .card .card-body{ padding:0 0 1rem 0}
.page.announcements .announcements-container ul.announcements-list li .card .time-line a{ color:#07101b; font-size:.875rem}
.page.announcements .announcements-container ul.announcements-list li .card .time-line a:hover{ color:red}
.page.bank-accounts .container{ padding:0 8.4vw;}
.page.bank-accounts .container .col-12{ padding:0 2vw;}
.page.bank-accounts .bank-item{ border:none; padding:1.6vw; margin-bottom:3vw; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background:#fff; border-radius:20px; -webkit-box-shadow:0 15px 15px rgba(170, 188, 198, 0.15); box-shadow:0 15px 15px rgba(170, 188, 198, 0.15);}
.page.bank-accounts .bank-item .bank-img{ background:#fff; -webkit-box-flex:0; -ms-flex:0 0 180px; flex:0 0 9.4vw; max-width:9.4vw; text-align:center; height:8.4vw; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:15px;    border: 1px solid #f7743e; padding: 15px;}
.page.bank-accounts .bank-item .bank-img img{ display:inline-block; max-width:100%; margin:0 auto;}
.page.bank-accounts .bank-item .bank-text{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 180px); flex:0 0 calc(100% - 9.4vw); max-width:calc(100% - 9.4vw);}
.page.bank-accounts .bank-item .bank-text h5{ margin-bottom:10px; text-transform:uppercase; font-size:19px; padding:0 .5rem 0 1.5rem; font-family:"voltesemibold";}
.page.bank-accounts .bank-item .bank-text .bank-info ul{ padding-left:1rem}
.page.bank-accounts .bank-item .bank-text .bank-info ul li p{ display:-ms-flexbox; display:-webkit-box; display:flex; justify-content:flex-start; margin:0; padding:.25rem .5rem; font-size:.875rem;}
.page.bank-accounts .bank-item .bank-text .bank-info ul li p span{ font-family:"voltesemibold"; color:#6F6F6F; height:auto; font-size:0.9vw; display:block;}
.page.bank-accounts .bank-item .bank-text .bank-info ul li p span+span{ font-family:"voltemedium"; color:#A2A2A2; padding-left:15px}
.page.bank-accounts .bank-item .bank-text .bank-info ul li p span:nth-child(1){ width:5.8vw;}
.page.bank-accounts .bank-item .bank-text .bank-info ul li p span:nth-child(1) strong{ float:right}

@media only screen and (max-width:1500px){
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p span:nth-child(1){ width:6.5vw;}
    .page.bank-accounts .bank-item .bank-text h5{ font-size:1.1vw;}
}

@media only screen and (max-width:1450px){
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p span{ font-size:1.1vw;}
}

@media only screen and (max-width:1370px){
    .page.bank-accounts .container{ padding:0 7vw;}
}

@media only screen and (max-width:1199px){
    .bank-accounts{ min-height:50vh;}
}

@media only screen and (max-width:991px){
    .page.bank-accounts .container{ padding:40px 4vw 20px;}
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p span{ font-size:1.3vw;}
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p span:nth-child(1){ font-size:1.1vw;}
    .page.bank-accounts .bank-item .bank-text h5{ font-size:1.2vw;}
}

@media only screen and (max-width:767px){
    .page.bank-accounts .bank-item{ -ms-flex-wrap:wrap; flex-wrap:wrap }
    .page.bank-accounts .bank-item .bank-img{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-bottom:1rem }
    .page.bank-accounts .bank-item .bank-text{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding:0 10px;}
    .page.bank-accounts .bank-item .bank-text h5{ font-size:14px; line-height:normal; padding-left:0;}
    .page.bank-accounts .bank-item .bank-img{ height:auto;}
    .page.bank-accounts .bank-item .bank-img img{ max-width:40%;}
    .page.bank-accounts .bank-item{ padding:10px; margin-bottom:30px;}
    .page.bank-accounts .bank-item .bank-text .bank-info ul{ padding-left:0;}
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p span{ font-size:13px;}
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p span:nth-child(1){ font-size:13px; width:85px;}
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p{ padding:3px 0;}
    .page.bank-accounts .container{padding: 23px 25px 20px;}
    .bank-accounts{ min-height:initial; padding-bottom:30px;}
}

.page.bank-accounts .form-group .select2-container{ width:100% !important}
.page.bank-accounts.border-none .bank-item{ border:none}
.page.bank-accounts.border-radius .bank-item{ border-radius:1rem}
.page.bank-accounts.border-radius .bank-item .bank-img{ border-radius:1rem; overflow:hidden}
.page.payment-notification .payment-form .form-group .select2-container{ width:100% !important}
.page.payment-notification .bank-list .bank-item{ border:1px solid rgba(0, 0, 0, 0.1); padding:1rem; margin-bottom:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.payment-notification .bank-list .bank-item .bank-img{ -webkit-box-flex:0; -ms-flex:0 0 180px; flex:0 0 180px; max-width:180px; text-align:center}
.page.payment-notification .bank-list .bank-item .bank-img img{ display:inline-block; max-width:100%}
.page.payment-notification .bank-list .bank-item .bank-text{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 180px); flex:0 0 calc(100% - 180px); max-width:calc(100% - 180px)}
.page.payment-notification .bank-list .bank-item .bank-text h5{ margin-bottom:1rem; text-transform:uppercase}
.page.payment-notification .bank-list .bank-item .bank-text .bank-info ul li p{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin:0; padding:.5rem}
.page.payment-notification .bank-list .bank-item .bank-text .bank-info ul li p span{ font-weight:bold}
.page.payment-notification .bank-list .bank-item .bank-text .bank-info ul li+li{ border-top:1px solid rgba(0, 0, 0, 0.1)}

@media only screen and (max-width:767px){
    .page.payment-notification .bank-list .bank-item{ -ms-flex-wrap:wrap; flex-wrap:wrap }
    .page.payment-notification .bank-list .bank-item .bank-img{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-bottom:1rem }
    .page.payment-notification .bank-list .bank-item .bank-text{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.ip-learn .ip-learn-container{ background:rgba(0, 0, 0, 0.1); padding:5rem 0}
.page.ip-learn .ip-learn-container h1{ text-align:center; font-size:4rem}
.page.ip-learn .ip-learn-container h1 code{ font-size:80%}
.page.technical-service .technical-service-container{ width:40rem; max-width:100%; margin:0 auto}
.page.ebulletin .ebulletin-container{ width:40rem; max-width:100%; margin:0 auto}
.page.news .news-container .col-12{ padding-bottom:2rem}
.page.news .news-container .news-item{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; height:100%; border:1px solid rgba(0, 0, 0, 0.1); -webkit-transition:.4s; transition:.4s; padding:10px; -ms-flex-line-pack:baseline; align-content:baseline}
.page.news .news-container .news-item .news-img{ height:200px}
.page.news .news-container .news-item .news-img img{ display:block; margin:0 auto; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover}
.page.news .news-container .news-item .news-text a{ display:block; width:100%; padding:8px 0; color:#000; font-weight:bold}
.page.news .news-container .news-item .news-text span{ font-weight:500}
.page.news .news-container .news-item:hover{ -webkit-transform:translateY(-10px); transform:translateY(-10px)}
.page.services{padding: 160px 6.6vw 60px;}
.page.services .services-list .col-12{ padding:0 2.3vw;}
.page.services .services-list .services-list-item{ padding:3.3vw 2.1vw; margin-bottom:60px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background:rgba(255, 255, 255, 0.4); border-radius:10px; -webkit-box-shadow:0 10px 20px rgba(170, 188, 198, 0.3); box-shadow:0 10px 20px rgba(170, 188, 198, 0.3);}
.page.services .services-list .services-list-item:hover{ background:#fff}
.page.services .services-list .services-list-item .icon{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding:0 1rem 0 0}
.page.services .services-list .services-list-item .icon svg{ width:4.6vw; height:4.6vw;}
.page.services .services-list .services-list-item .text{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.services .services-list .services-list-item .text p{ font-size:1.5vw; font-family:"voltesemibold"; color:#56666F; margin-bottom:0;}

@media only screen and (max-width:991px){
    .page.services{ padding-top:50px;}
    .page.services .services-list .services-list-item{ margin-bottom:40px;}
    .page.services .services-list .services-list-item .text p{ font-size:18px;}
    .page.services .services-list .services-list-item .icon svg{ width:50px; height:50px;}
}

@media only screen and (max-width:767px){
    .page.services .services-list .services-list-item{ padding:30px 20px;}
    .page.services{ padding:40px 25px 30px;}
    .page.services .services-list .services-list-item .icon svg{ width:40px; height:40px;}
    .page.services .services-list .services-list-item .text p{ font-size:16px;}
}
/*--*/
.page.services-detail .container{ padding:0 10vw;}
.page.services-detail .container .services-detail-area{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.page.services-detail .container .services-detail-area .services-detail-item{ -webkit-box-flex:0; -ms-flex:0 0 72.5%; flex:0 0 72.5%; background:#fff; padding:7.3vw 7.3vw 5.2vw; border-radius:33px 0px 0px 33px; -webkit-box-shadow:0px 5px 10px rgba(170, 188, 198, 0.05); box-shadow:0px 5px 10px rgba(170, 188, 198, 0.05);}
.page.services-detail .container .services-detail-area .services-detail-item h2{ font-family:"voltesemibold"; font-size:25px; color:#56666f; text-align:center; margin-bottom:1.5rem}
.page.services-detail .container .services-detail-area .services-detail-item p{ font-size:14px; line-height:23px; color:#263034; margin-bottom:5rem; text-align:center;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a{ border-radius:10px; background:#edeff2; border:1px solid #c5d3db; width:280px; display:flex; align-items:center; justify-content:center; height:60px; padding:0 10px; user-select:none;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a.next-btn span{ margin-left:0; margin-right:0;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a.next-btn .arrow{ margin-left:15px;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a.prev-btn .arrow{ margin-right:15px;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a svg path{ fill:#7E8F98; transition:0.4s;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a .icon svg{ max-width:35px; max-height:35px; margin:0 10px;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a:hover{ border-color:#104260; background:#fff;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a span{ font-size:16px; color:#7e8f98; font-family:"voltesemibold"; display:inline-block; margin-left:0; max-width:170px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:0.7; transition:0.4s;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a:Hover span{ color:#104260;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a:hover svg path{ fill:#104260;}
.page.services-detail .container .services-detail-area .services-detail-form{ -webkit-box-flex:0; -ms-flex:0 0 27%; flex:0 0 27%; border-radius:0px 33px 33px 0px; background:#f7783c; -webkit-box-shadow:0px 5px 10px rgba(170, 188, 198, 0.05); box-shadow:0px 5px 10px rgba(170, 188, 198, 0.05); text-align:center; padding:50px 0; position:relative; overflow:hidden;}
.page.services-detail .container .services-detail-area .services-detail-form:before{ content:""; position:absolute; top:0; bottom:0; right:0; left:0; background-image:url("../img/main/service-detail-form-bg.png")}
.page.services-detail .container .services-detail-area .services-detail-form .icon{ margin-bottom:35px}
.page.services-detail .container .services-detail-area .services-detail-form .icon svg{ width:65px; height:75px}
.page.services-detail .container .services-detail-area .services-detail-form .icon svg path{ fill:#fff}
.page.services-detail .container .services-detail-area .services-detail-form .name{ margin:40px 3.8vw 50px; position:relative;}
.page.services-detail .container .services-detail-area .services-detail-form .name:before,.page.services-detail .container .services-detail-area .services-detail-form .name:after{ content:""; position:absolute; left:0; right:0; height:2px; background:#FAA67F}
.page.services-detail .container .services-detail-area .services-detail-form .name:before{ top:-6px}
.page.services-detail .container .services-detail-area .services-detail-form .name:after{ bottom:-10px}
.page.services-detail .container .services-detail-area .services-detail-form .name h3{ font-size:16px; color:#fff; font-family:"voltemedium"}
.page.services-detail .container .services-detail-area .services-detail-form .name h3 span{ font-size:26px; display:block; font-family:"volteregular"; margin-bottom:3px}
.page.services-detail .container .services-detail-area .services-detail-form .name h3 strong{ font-family:"voltebold"}
.page.services-detail .container .services-detail-area .services-detail-form .form{ padding:0 2.3vw;}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group{ position:relative}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group.active .form-control{ background:#fff0; border-color:#fff}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group.active span{ font-size:12px; color:#ffc7ad; top:0; padding:0 5px; background:#f7783c}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group textarea.form-control{ height:75px; padding:13px 25px; resize:none}
.page.services-detail .container .services-detail-area .services-detail-form .form .form-row.first-row{ display:block;}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .form-control{ height:45px; border-radius:22.5px; background:#fc9a6c; border:1px solid #fdb08c; font-family:"voltemedium"; font-size:14px; color:#fff; padding:0 25px; -webkit-transition:0.4s; transition:0.4s}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .form-control:focus{ background:#fff0; border-color:#fff}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .form-control:focus ~ span{ font-size:12px; color:#ffc7ad; top:0; padding:0 5px; background:#f7783c}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .captcha.active .form-control{ background:#fff0; border-color:#fff}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .captcha.active span{ font-size:12px; color:#ffc7ad; top:0; padding:0 5px; background:#f7783c}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .captcha img{ height:100%; border-radius:22.5px; border:1px solid #fdb08c; max-height:100%}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .captcha a{ background:#f7783c; width:23px; height:23px; font-size:13px; top:25%; margin-top:0}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group span{ font-family:"voltemedium"; font-size:14px; color:#fdeee7; position:absolute; top:22px; left:25px; -webkit-transform:translateY(-50%); transform:translateY(-50%); padding:0; pointer-events:none; -webkit-transition:0.3s; transition:0.3s}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group button{ border-radius:22.5px; background:#fff; border:1px solid #fff; -webkit-box-shadow:0px 5px 10px #c7673a; box-shadow:0px 5px 10px #c7673a; font-family:"voltemedium"; font-size:14px; color:#56666f; text-align:center; width:100%; padding:10px 0; margin-top:10px; user-select:none; transition:0.4s;}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group button:hover{ background:#ffffff00; color:#ffffff;}

@media only screen and (max-width:1500px){
    .page.services-detail .container .services-detail-area .services-detail-item{ flex:0 0 69%; padding:7.3vw 4vw 5.2vw;}
    .page.services-detail .container .services-detail-area .services-detail-form{ flex:0 0 30%;}
    .page.services-detail .container .services-detail-area .services-detail-form .name{ margin:40px 2vw 50px;}
}

@media only screen and (max-width:1370px){
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a span{ font-size:15px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a.prev-btn .arrow{ margin-right:5px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a.next-btn .arrow{ margin-left:5px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a{ width:260px;}
}

@media only screen and (max-width:1199px){
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-group{ display:block;}
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .col.captcha{ height:45px; margin-bottom:13px;}
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-group textarea.form-control{ height:160px; padding:13px 10px;}
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-group span{ left:14px;}
    .page.services-detail .container .services-detail-area .services-detail-form .name h3{ font-size:15px;}
    .page.services-detail .container .services-detail-area .services-detail-form .name h3 span{ font-size:20px;}
    .page.services-detail .container .services-detail-area .services-detail-form .name{ padding:10px 0 1px;}
    .page.services-detail .container .services-detail-area .services-detail-form{ flex:0 0 35%;}
    .page.services-detail .container .services-detail-area .services-detail-item{ flex:0 0 62%;}
    .page.services-detail .container{ padding:0 90px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a .icon svg{ display:none;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a.next-btn span{ margin-right:10px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a.prev-btn span{ margin-left:10px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a{ width:200px;}
}

@media only screen and (max-width:991px){
    .page.services-detail .container .services-detail-area{ display:block;}
    .page.services-detail .container .services-detail-area .services-detail-item h2{ font-size:20px;}
    section.page.services-detail{ padding:50px 0 80px;}
    .page.services-detail .container .services-detail-area .services-detail-item{ border-radius:30px; width:100%; margin:0 auto 50px; padding:7.3vw 10vw 5.2vw;}
    .page.services-detail .container .services-detail-area .services-detail-form{ border-radius:30px; padding:30px 14.8vw; width:100%; margin:0 auto;}
    .page.services-detail .container{ padding:0 40px;}
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-group{ flex:0 0 48.7%;}
    .page.services-detail .container .services-detail-area .services-detail-form .form .form-row.first-row{ display:flex;}
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-row{ justify-content:space-between; display:flex;}
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-group button{ margin-top:0px;}
    .page.services-detail .container .services-detail-area .services-detail-form .icon svg{ width:60px; height:60px;}
    .page.services-detail .container .services-detail-area .services-detail-form .name h3{ font-size:17px;}
    .page.services-detail .container .services-detail-area .services-detail-form .name h3 span{ font-size:23px;}
}

@media only screen and (max-width:767px){
    .page.services-detail .container{ padding:0 25px;}
    .page.services-detail .container .services-detail-area .services-detail-item h2{ font-size:17px; margin-bottom:15px;}
    .page.services-detail .container .services-detail-area .services-detail-item{ padding:30px 20px; margin-bottom:30px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set{ display:block;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a{ width:100%; margin-top:20px;}
    .page.services-detail .container .services-detail-area .services-detail-form .icon svg{ width:50px; height:50px;}
    .page.services-detail .container .services-detail-area .services-detail-form .icon{ margin-bottom:0;}
    .page.services-detail .container .services-detail-area .services-detail-form{ padding:30px 20px;}
    .page.services-detail .container .services-detail-area .services-detail-form .name{ margin:30px 0 35px;}
    .page.services-detail .container .services-detail-area .services-detail-form .form .form-row.first-row{ display:block; margin:0;}
    .page.services-detail .container .services-detail-area .services-detail-form .form{ padding:0;}
    section.page.services-detail{padding: 23px 0 60px;}
}
/* -- */
.page.complaints-and-suggestions .complaints-and-suggestions-container{ width:40rem; max-width:100%; margin:0 auto}
.page.hdd .hdd-calculator{ width:40rem; max-width:100%; margin:0 auto}
.page.hdd .hdd-calculator .form-group{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start}
.page.hdd .hdd-calculator .form-group input{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 200px); flex:0 0 calc(100% - 200px)}
.page.hdd .hdd-calculator .form-group p,.page.hdd .hdd-calculator .form-group span{ -webkit-box-flex:0; -ms-flex:0 0 100px; flex:0 0 100px}
.page.hdd .hdd-calculator .form-group span{ text-align:left; padding-left:20px}
.page.hdd .hdd-calculator .form-group.form-group-radio input{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 280px); flex:0 0 calc(100% - 280px)}
.page.hdd .hdd-calculator .form-group.form-group-radio .hdd-radio-group{ -webkit-box-flex:0; -ms-flex:0 0 180px; flex:0 0 180px; padding-left:1rem}
@media only screen and (max-width:420px){
    .page.hdd .hdd-calculator .form-group input{ -webkit-box-flex:calc(100% - 100px); -ms-flex:calc(100% - 100px); flex:calc(100% - 100px) }
    .page.hdd .hdd-calculator .form-group p{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% }
    .page.hdd .hdd-calculator .form-group.form-group-radio input{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 180px); flex:0 0 calc(100% - 180px) }
}
.page.useful-links .list-group h2{ font-size:1.25rem; padding:.75rem 1.25rem; border:1px solid rgba(0, 0, 0, 0.1); border-bottom:0; margin-bottom:0}
.page.useful-links .link-items ul li a.link-item{ color:#07101b; display:block; padding:.75rem 0}
.page.useful-links .link-items ul li+li{ border-top:1px solid rgba(0, 0, 0, 0.1)}
.page.support ul.nav.nav-pills li.nav-item a.nav-link{ background:#fff; border:1px solid #07101b; color:#07101b; border-radius:0; -webkit-transition:.4s; transition:.4s; text-transform:uppercase; font-weight:normal}
.page.support ul.nav.nav-pills li.nav-item a.nav-link .mdi{ display:none}
.page.support ul.nav.nav-pills li.nav-item a.nav-link.active{ background:#07101b; color:#fff; font-weight:bold}
.page.support ul.nav.nav-pills li.nav-item a.nav-link.disabled{ opacity:.5; cursor:no-drop}
.page.support ul.nav.nav-pills li.nav-item+li.nav-item a.nav-link{ border-left:0}
@media only screen and (max-width:560px){
    .page.support ul.nav.nav-pills li.nav-item{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; margin-bottom:1rem }
    .page.support ul.nav.nav-pills li.nav-item+li.nav-item a.nav-link{ border-left:1px solid #07101b }
}
.page.support h3.tabs-head{ padding-left:4.5rem; position:relative}
.page.support h3.tabs-head .icon{ display:inline-block; position:absolute; left:0; top:0; width:43px; height:100%}
.page.support h3.tabs-head .icon svg{ width:100%; height:100%}
.page.support h3.tabs-head .icon:before{ content:""; width:4px; height:calc(100% - .25rem); top:.25rem; background:#5D4AC7; position:absolute; right:-1.25rem}
@media only screen and (max-width:560px){
    .page.support h3.tabs-head{ font-size:1.25rem; line-height:1.5rem }
    .page.support h3.tabs-head .icon:before{ right:-.875rem; height:calc(100% - .25rem) }
}
@media only screen and (max-width:480px){
    .page.support h3.tabs-head .icon:before{ right:-.875rem }
}
.page.support .tabs-explanation{ font-size:1rem}
@media only screen and (max-width:560px){
    .page.support .table-responsive .table th,
    .page.support .table-responsive .table td{ font-size:.875rem }
}
.page.support .form-group{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; height:100%; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end}
.page.support .form-group .form-control{ border-color:#5D4AC7; border-radius:0}
.page.support .form-group .select2-container{ width:100% !important}
.page.support .form-group .select2-container .select2-selection--single{ border-color:#5D4AC7; border-radius:0}
.page.support .form-group .input-group .input-group-prepend .input-group-text{ border-color:#5D4AC7; background:#e1def5; border-radius:0}
.page.support .form-group .input-group .custom-file .custom-file-label{ border-color:#5D4AC7; border-radius:0}
.page.support .form-group .captcha img.captcha_img{ border-color:#5D4AC7; border-radius:0}
.page.support .form-group .submit{ width:100%}
.page.support .form-group .submit a{ color:#748290; -webkit-transition:.4s; transition:.4s}
.page.support .form-group .submit a:hover{ color:#5D4AC7}
.page.support .form-group .submit .custom-control .custom-control-input:checked ~ .custom-control-label:before{ background:#5D4AC7; border-color:#5D4AC7}
.page.support .form-group .submit .custom-control .custom-control-input:focus:not(:checked) ~ .custom-control-label:before{ border-color:#5D4AC7}
.page.support .form-group .submit .custom-control .custom-control-input:focus ~ .custom-control-label:before{ -webkit-box-shadow:0 0 0 0.2rem rgba(93, 74, 199, 0.25); box-shadow:0 0 0 0.2rem rgba(93, 74, 199, 0.25)}
.page.support .form-group .submit .btn.btn-primary{ background:#5D4AC7; border-color:#5D4AC7; border-radius:0; margin-bottom:1rem}
.page.support .form-group .submit .btn.btn-primary:hover{ background:#362883; border-color:#362883}
.page.support .support-query-form{ margin-bottom:1rem}
.page.support .support-query-form .form-group .submit .btn.btn-primary{ margin-bottom:0}
.page.support .support-request-list-head{ padding-top:4rem}
.page.support .support-request-list-head ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.page.support .support-request-list-head ul li.support-request-status-no p{ color:#adb5bd; font-size:.75rem}
.page.support .support-message-area{ background:rgba(93, 74, 199, 0.05); padding:1rem 6.5rem 1rem 4.5rem}
.page.support .support-message-area .support-request-list{ margin-bottom:2.25rem}
.page.support .support-message-area .support-request-list li p{ margin-bottom:0; font-size:.875rem; color:#8e8e8e}
.page.support .support-message-area .support-request-list li.support-request-subject p{ font-size:1.5rem; color:#414141; font-weight:bold}
.page.support .support-message-area .support-message-area-item{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start}
.page.support .support-message-area .support-message-area-item .support-message-img{ width:3rem; height:3rem; -webkit-box-flex:0; -ms-flex:0 0 3rem; flex:0 0 3rem; margin-right:2rem; border-radius:3rem; overflow:hidden}
.page.support .support-message-area .support-message-area-item .support-message-img img{ display:block; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover}
.page.support .support-message-area .support-message-area-item .support-message-body{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 5rem); flex:0 0 calc(100% - 5rem); padding:1rem 1rem 1rem 1rem; position:relative; margin-bottom:2rem; background:#fff; -webkit-box-shadow:0 2px 3px #E4E7ED; box-shadow:0 2px 3px #E4E7ED}
.page.support .support-message-area .support-message-area-item .support-message-body:before{ content:""; position:absolute; left:-11px; display:block; width:0; height:0; border-right:11px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent}
.page.support .support-message-area .support-message-area-item .support-message-body h5{ font-size:1rem; color:#5D4AC7; text-transform:uppercase; margin-bottom:1rem}
.page.support .support-message-area .support-message-area-item .support-message-body p{ font-size:.875rem; color:#747474}
.page.support .support-message-area .support-message-area-item .support-message-body time{ font-size:.875rem; color:#747474; position:absolute; right:.75rem; top:0; margin-top:.75rem}
.page.support .support-message-area .support-message-area-item .attachment{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 5rem); flex:0 0 calc(100% - 5rem); margin-left:5rem; margin-bottom:2rem; margin-top:-1rem}
.page.support .support-message-area .support-message-area-item .attachment p{ display:inline-block; background:#fff; padding:.5rem 1rem .5rem 2rem; margin-bottom:0; border-radius:2rem; margin-right:1rem}
.page.support .support-message-area .support-message-area-item .attachment p a{ display:inline-block; color:#000; padding:.5rem 1rem; margin-left:1rem; border-radius:2rem; background:rgba(0, 0, 0, 0.1); -webkit-transition:.4s; transition:.4s}
.page.support .support-message-area .support-message-area-item .attachment p a:hover{ background:rgba(0, 0, 0, 0.9); color:#fff}
.page.support .support-message-area .support-message-area-item.manager-answer{ -webkit-transform:translateX(35px); transform:translateX(35px)}
.page.support-border-radius ul.nav.nav-pills li.nav-item:nth-child(1) a{ border-top-left-radius:1.5rem; border-bottom-left-radius:1.5rem}
.page.support-border-radius ul.nav.nav-pills li.nav-item:nth-last-child(1) a{ border-top-right-radius:1.5rem; border-bottom-right-radius:1.5rem}
@media only screen and (max-width:560px){
    .page.support-border-radius ul.nav.nav-pills li.nav-item a{ border-radius:1.5rem !important }
}
.page.support-border-radius .form-group .form-control{ border-radius:1.125rem}
.page.support-border-radius .form-group .select2-container .select2-selection--single{ border-radius:1.125rem}
.page.support-border-radius .form-group .select2-container.select2-container--open .select2-selection--single{ border-bottom-right-radius:0px; border-bottom-left-radius:0px}
.page.support-border-radius .form-group .input-group .input-group-prepend .input-group-text{ border-top-left-radius:1.125rem; border-bottom-left-radius:1.125rem}
.page.support-border-radius .form-group .input-group .custom-file .custom-file-label{ border-top-right-radius:1.125rem; border-bottom-right-radius:1.125rem}
.page.support-border-radius .form-group .captcha img.captcha_img{ border-radius:1.125rem}
.page.support-border-radius .form-group .submit .btn.btn-primary{ border-radius:1.125rem}
.page.support-border-radius .support-message-area{ border-radius:calc(1.125rem * 2)}
.page.support-border-radius .support-message-area .support-message-area-item .support-message-body{ border-radius:1.125rem}
.page.account-info{padding: 190px 0 150px;}
.page.account-info .container{ padding:0 10vw;}
.page.account-info .container .account-info-row{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.account-info .container .account-info-row .account-info-nav{ border-radius:10px; background:#fff; -webkit-box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15); box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15); padding:40px 30px; min-width:200px; position:sticky; top: 130px; height:890px;}
.page.account-info .container .account-info-row .account-info-nav ul{ display:block; border:none; padding-bottom:15px;}
.page.account-info .container .account-info-row .account-info-nav ul li+li{ margin-top:50px}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn{ position:absolute; bottom:-15px; left:0; right:0;}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn a{ padding:0; background:#56666F; width:40px; height:40px; border-radius:5px; display:flex; align-items:center; justify-content:center; margin:0 auto; position:relative; overflow:hidden;}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn a:before{ content:""; position:absolute; top:0; right:0; left:0; bottom:0; background:linear-gradient(100deg, #f76046 0%, #f6ac29 100%); opacity:0; transition:0.4s;}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn a:hover:before{ opacity:1;}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn a svg{ margin-bottom:0; position:relative;}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn a svg path{ fill:#fff;}
.page.account-info .container .account-info-row .account-info-nav ul li a.pointer-none{ pointer-events:none;}
.page.account-info .container .account-info-row .account-info-nav ul li a.active svg path{ fill:#104260}
.page.account-info .container .account-info-row .account-info-nav ul li a:hover{ background:#fff0; border-color:#fff0; color:#578CAC}
.page.account-info .container .account-info-row .account-info-nav ul li a:hover svg path{ fill:#104260}
.page.account-info .container .account-info-row .account-info-nav ul li a svg{margin-bottom:15px;max-width: 45px;}
.page.account-info .container .account-info-row .account-info-nav ul li a svg path{ fill:#9AA8B1; transition:0.3s;}
.page.account-info .container .account-info-row .support-form .account-info-detail-item-body .element-content .element-item:first-child{ display:block;}
.page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs{ border:none; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-wrap:nowrap; flex-wrap:nowrap; margin-top:70px}
.page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li:first-child a{ border-radius:25px 0 0 25px}
.page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li:last-child a{ border-radius:0 25px 25px 0}
.page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li a{ font-family:"voltesemibold"; font-size:16px; color:#104260; padding:12px 60px; border-radius:0; border-color:#104260; text-align:center; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li a.active{ border-color:#104260; background:#104260; color:#fff}
.page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li a.pointer-none{ pointer-events:none;}
.page.account-info .container .account-info-row .account-info-detail-item-header-icon:before{ content:""; position:absolute; top:12px; left:-7px; width:46px; height:46px; background:#FFEAE0; border-radius:100%}
.page.account-info .container .account-info-row .account-info-detail-item-header-icon svg{ width:50px; height:50px; position:relative}
.page.account-info .container .account-info-row .account-info-detail-item-header-icon.order-icon svg {width: 65px;}
.page.account-info .container .account-info-row .account-info-detail-item-header-icon svg path{ fill:#56666F}

.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr th {
    background: #F4F7FA;
    padding: 15px 0;
    text-align: center;
    border: 1px solid #DEE7EB;
    color: #56666F;
    font-size: 14px;
}

.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr th:first-child {background: #fff;border-color: #fff;position: relative;z-index: 2;}

.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr th:first-child:before {content: "";position: absolute;left: -1px;right: -1px;top: -1px;bottom: -1px;background: #f4f7fa;z-index: -1;border: 1px solid #DEE7EB;border-top-left-radius: 15px;}

.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr th:last-child:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    background: #f4f7fa;
    z-index: -1;
    border: 1px solid #DEE7EB;
    border-top-right-radius: 15px;
}

.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr th:last-child {
    background: #fff;
    border-color: #fff;
    position: relative;
    z-index: 2;
}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tr td{ width:auto; height:auto}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span svg{fill: #ffffff;height:18px;width:10px;transition: .4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span svg text{ font-weight:400;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td{line-height:normal;padding: 13px 1vw;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.detail{cursor:pointer;user-select: initial;position: relative;z-index: 2;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.pay-info-form:hover{ color:#f7783c;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.delete:hover{ color:#f7783c;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.delete svg path{ transition:0.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.delete:hover svg path{ fill:#f7783c;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.detail:hover{ color:#f7783c;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.detail svg path{ transition:0.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.detail:hover svg path{ fill:#f7783c;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span{ max-width:initial; overflow:visible; margin:0; white-space:normal; float:none; width:auto; 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; transition:0.4s; display:flex; align-items:center;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span svg{ margin-right:5px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span a:hover svg {fill: #124260;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.pay-info-form{ font-family:"voltesemibold"; color:#3F4C53; cursor:pointer;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.detail-edit-container{ display:-webkit-box; display:-ms-flexbox; display:flex}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.delete{ border-left:1px solid #DEE7EB; padding:8px 0 8px 10px; margin-left:10px; cursor:pointer; color:#EC5F5C; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td a.waiting{background:#56666F;user-select:none;padding: 7px 10px;box-shadow: none;border: 1px solid #56666f;transition: .4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td a.waiting:hover {background: #fff;color: #56666F;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table{ margin:0 auto}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tr td{ width:110px; height:50px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td{ font-family:"voltesemibold"; font-size:13px; color:#56666f; padding:15px 1vw; background:#f4f7fa; border:1px solid #dee7eb; text-align:center;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td:first-child,.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td:last-child{ border-color:#fff0; position:relative}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td:first-child:before,.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td:last-child:before{ content:""; position:absolute; top:-1px; right:-1px; left:-1px; bottom:-1px; border:1px solid #dee7eb}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td:first-child:before{ border-top-left-radius:10px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td:last-child:before{ border-top-right-radius:10px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td{ padding:0 10px; text-align:center; border:1px solid #dee7eb; line-height:49px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td:first-child,.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td:last-child{border-color:#fff0;position:relative;min-width: 200px;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td:first-child:before,.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td:last-child:before{ content:""; position:absolute; top:-1px; right:-1px; left:-1px; bottom:-1px; border:1px solid #dee7eb}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr:last-child td:first-child:before{ border-bottom-left-radius:10px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr:last-child td:last-child:before{ border-bottom-right-radius:10px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td span{ display:block; font-family:"voltemedium"; font-size:13px; color:#104260; max-width:60px; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td a{font-family:"voltemedium";font-size:13px;color:#fff;border-radius: 25px;background:#104260;padding: 7px 14px;/* user-select:none; */position: relative;z-index: 2;border: 1px solid #104260;transition: .4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td a:hover {background: #fff;color: #104260;}
.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile {margin-top: 30px;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;}
.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile > span {font-family: 'voltesemibold';font-size: 15px;color: #3f4c53;display: flex;align-items: center;height: 45px;padding: 0 30px;background: #F4F7FA;border: 1px solid #DEE7EB;border-radius: 10px 0 0 10px;}
.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list {
    position: relative;
    height: 45px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    padding: 0 20px;
    border: 1px solid #DEE7EB;
    border-radius: 0 10px 10px 0;
    border-left: none;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list > span {
    font-family: 'voltemedium';
    font-size: 15px;
    color: #104260;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list .other-list {
    position: absolute;
    top: 47px;
    left: 0;
    right: 0px;
    padding: 10px 20px;
    background: #fff;
    border-radius: 0 10px 10px 0;
    border: 1px solid #e6edf0;
    transform: scale(0.8);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list .other-list > span {
    font-family: 'voltemedium';
    font-weight: 500;
    font-size: 15px;
    color: #104260;
    display: block;
    padding: 5px 0;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list .other-list > span + span {
    margin-top: 0;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile {
    border: 1px solid #DEE7EB;
    border-radius: 10px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item.active{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item + .content-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card {
    text-align: center;
    padding: 18px 0;
    background: #F4F7FA;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card:nth-child(even) {
    background: #FFFFFF;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card > span:nth-child(1) {
    display: block;
    font-family: 'voltesemibold';
    font-size: 15px;
    color: #56666f;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card > span:nth-child(2) {
    font-family: 'voltemedium';
    font-size: 15px;
    color: #104260;
    display: flex;
    margin-top: 5px;
    align-items: center;
    justify-content: center;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card + .item-card {
    border-top: 1px solid #DEE7EB;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card > span:nth-child(2) svg {
    width: 10px;
    height: 20px;
    fill: #104260;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card a {
    font-family: 'voltemedium';
    font-size: 13px;
    color: #fff;
    background: #56666F;
    display: inline-block;
    border-radius: 100px;
    padding: 7px 20px;
    line-height: normal;
    margin-top: 8px;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card .detail-edit-container > span {
    font-family: 'voltemedium';
    font-weight: 500;
    font-size: 13px;
    color: #104260;
    display: flex;
    align-items: center;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card .detail-edit-container > span svg {
    width: 15px;
    margin-right: 5px;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card .detail-edit-container .delete {color: #EC5F5C;border-left: 1px solid #DEE7EB;margin-left: 10px;padding-left: 10px;}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card .detail-edit-container .delete svg {
    width: 12px;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list > span:after {content: "";position: relative;display: block;width: 0;height: 0;border-style: solid;border-width: 7px 4.5px 0 4.5px;border-color: #909EA7 transparent transparent transparent;margin-left: 25px;transition: 0.4s;}
.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list.active .other-list {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list.active > span:after {
    transform: scale(-1);
}

.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form{ margin-top:80px; padding:0 7.6vw;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-form{ padding:0 5.2vw;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-form .submit{ margin-top:40px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form{ padding:0 2%}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form{ padding:0 7%}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form .form-group-row .form-group{ margin-bottom:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form .submit{ margin-top:20px; margin-right:20px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container{ margin-top:70px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:15px; padding:0 35px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header-status{ font-family:"voltesemibold"; font-size:20px; color:#1d1919}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header-status span{ color:#56666F}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header-code span{ font-family:"voltemedium"; font-size:14px; color:#909691}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body{ border-radius:20px; background:#eaeef2; padding:25px 50px 30px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-title{ margin-bottom:30px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-title span{ display:block}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-title .support-type{ font-family:"voltesemibold"; font-size:16px; color:#54585f}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-title .subject{ font-family:"voltemedium"; font-size:14px; color:#909691}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item{ display:-webkit-box; display:-ms-flexbox; display:flex; margin:30px 30px 30px 40px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item.user-message{ margin-left:0; margin-right:60px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-logo{ margin-right:35px; margin-top:5px; min-width:40px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message{ width:100%}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-container{ border-radius:5px; background:#fff; -webkit-box-shadow:0px 2px 3px #e4e7ed; box-shadow:0px 2px 3px #e4e7ed; padding:10px 20px; position:relative}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-container:before{ content:""; position:absolute; top:15px; left:-10px; width:0; height:0; border-style:solid; border-width:5px 10px 5px 0; border-color:transparent #ffffff transparent transparent}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-title.user-message-title span{ color:#7b8d98}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-title span{ font-family:"voltesemibold"; font-size:16px; color:#104260; display:inline-block; margin-bottom:5px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-content p{ font-family:"voltemedium"; font-size:14px; color:#3a4850; margin-bottom:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-date{ margin-top:10px; margin-left:10px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-date span{ font-size:14px; color:#909691}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form{ margin-top:25px; padding:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form .form-group{ display:-webkit-box; display:-ms-flexbox; display:flex}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form .form-group .form-control{ border-radius:30px 0px 0px 30px; background:transparent; border:1px solid #104260; font-size:14px; color:#56666f; padding:30px 20px; border-right:none}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form .form-group button{ border-radius:0px 30px 30px 0px; background:#104260; font-family:"voltemedium"; font-size:15px; color:#fff; border:none; padding:0 30px; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form{ /* position:absolute; */ /* left:0; */ /* top:-40px; */ padding:0 10vw;}
@-webkit-keyframes spin{ 0%{ -webkit-transform:rotate(0deg);}
 100%{ -webkit-transform:rotate(360deg);}
 }
@keyframes spin{ 0%{ transform:rotate(0deg);}
 100%{ transform:rotate(360deg);}
 }
.animate-bottom{ position:relative; -webkit-animation-name:animatebottom; -webkit-animation-duration:1s; animation-name:animatebottom; animation-duration:1s }
@-webkit-keyframes animatebottom{ from{ bottom:-100px; opacity:0 }
 to{ bottom:0px; opacity:1 }
 }
@keyframes animatebottom{ from{ bottom:-100px; opacity:0 }
 to{ bottom:0; opacity:1 }
 }
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form form .form-group-row .form-group textarea.form-control{ padding:10px 25px; height:120px; resize:none}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form form .submit button{ padding:10px 25px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio h2{ font-size:16px; color:#718088; margin-bottom:15px; text-align:center}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-bottom:65px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el+.form-el{ margin-left:45px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el input:focus ~ .custom-control-label{ color:#104260}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el input:focus ~ .custom-control-label:before{ -webkit-box-shadow:none; box-shadow:none}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el input:checked ~ .custom-control-label{ color:#104260}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el input:checked ~ .custom-control-label:before{ background:#fff0; border-color:#104260}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el input:checked ~ .custom-control-label:after{ background-image:none; opacity:1}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el label{ margin-bottom:0; font-family:"voltesemibold"; font-size:14px; color:#56666F; -webkit-transition:.4s; transition:.4s; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el label:before{ border-color:#56666F; -webkit-transition:.4s; transition:.4s}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; position:relative;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form form .form-group-row:before{ content:""; position:absolute; top:-30px; right:0; left:0; bottom:-30px; background:white; z-index:1; opacity:0; pointer-events:none; transition:0.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form.active form .form-group-row:before{ opacity:1;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group{ position:relative; -webkit-box-flex:1; -ms-flex:1 1 calc(50% - 15px); flex:1 1 calc(50% - 15px); margin:0 7.5px 50px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .select2-container {width: 100% !important;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group.first-form-group{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 15px); flex:0 0 calc(100% - 15px)}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .form-control{ height:50px; border-radius:25px; background:#eaeef2; border:1px solid #dee7eb; font-size:16px; color:#718088; padding:0 25px; transition:0.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group.active .form-control, .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .form-control:focus{ border-color:#104260; background:#fff;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group label{ font-size:16px; color:#718088; position:absolute; top:-30px; left:20px; margin-bottom:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .select2-container .select2-selection--single{ height:50px; border-radius:25px !important; background:#eaeef2; border:1px solid #dee7eb}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .select2-container .select2-selection--single .select2-selection__rendered{ line-height:48px; font-size:16px; color:#718088; padding:0 25px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .select2-container .select2-selection--single .select2-selection__arrow{ top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:20px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .select2-container .select2-selection--single .select2-selection__arrow b{ width:0; height:0; border-style:solid; border-width:6px 6.5px 0 6.5px; border-color:#56666F transparent transparent transparent}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha img{ height:100%; max-height:100%; border-radius:25px; border:1px solid #dee7eb; font-size:16px; color:#718088}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha a{ background:#104260; font-size:13px; right:20px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha.active .form-control, .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha .form-control:focus{ border-color:#104260; background:#fff;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha .form-control{ height:50px; border-radius:25px; background:#eaeef2; border:1px solid #dee7eb; font-size:16px; color:#718088; padding:0 25px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha label{ font-size:16px; color:#718088; position:absolute; top:-30px; left:30px; margin-bottom:0;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha span{ display:none}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row{ display:-webkit-box; display:-ms-flexbox; display:flex; width:100%}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container{ -webkit-box-flex:1; -ms-flex:1 1 50%; flex:1 1 50%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .form-group{ margin-bottom:50px; -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 15px); flex:0 0 calc(100% - 15px)}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .textarea-form-group{ margin-bottom:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .textarea-form-group textarea{ height:100%; resize:none; padding:10px 25px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .submit{ text-align:right; margin-top: 0px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .submit button{ border-radius:22.5px; background:#104260; border:none; font-family:"voltemedium"; font-size:14px; color:#fff; padding:10px 35px; user-select:none;}


.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services{width: 100%;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span{min-width: 9.5vw;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info .info-detail{ position:absolute; top:-40px; left:50%; transform:translateX(-50%); width:190px; border-radius:5px; background:#56666f; box-shadow:0px 6px 10px rgba(0, 0, 0, 0.22); padding:10px 10px; opacity:0; visibility:hidden; transition:0.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info{ position:relative; margin-top:-26px; margin-left:10px; cursor:pointer; padding-top:20px;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info .info-detail p{ font-size:12px; line-height:normal; color:#fff; font-family:"voltemedium"; position:relative;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info .info-detail:before{ content:""; position:absolute; bottom:-2px; transform:translateX(-50%) rotate(45deg); left:50%; width:20px; height:20px; background:#56666f;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info:hover .info-detail{ opacity:1; visibility:visible;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li a{ padding:3px 15px}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li:last-child{ border-radius:0 0 10px 10px}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li:nth-child(even){ background:#fff}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li strong.number-bar{ width:43px}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li strong span{ font-family:"voltemedium"}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li a{ font-family:"voltesemibold"; font-size:12px; color:#fff; display:inline-block; border-radius:100px; background:linear-gradient(-50deg, #f76046 0%, #f6ac29 70%); padding:5px 15px; position:relative; z-index:1; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li .check{ width:auto; margin-right:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li .progress{ height:6px; width:50%; margin-left:0; background:#C4D1D8}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li .progress .progress-bar{ background:#8AA3B1}


.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul > ul > li:hover {
    background: #F2F5F8;
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul > ul > li:hover > span > span {
    opacity: 1;
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select.active > li {
    background: #fff;
    border-color: #d0d0d0;
    color: #7D8990;
}
.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select > li:after {content: "";position: absolute;top: 50%;right: 15px;transform: translate(0px, -50%) scale(-1);width: 0;height: 0;border-style: solid;border-width: 0 4.5px 7px 4.5px;border-color: transparent transparent #9AA8B1 transparent;transition: 0.4s;}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select.active > li:after {
    transform: translate(0px, -50%) scale(1);
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul.active > ul {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select > li:hover {
    background: #fff;
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul > ul > li + li {
    margin-top: 0;
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul > ul::-webkit-scrollbar {
  width: 7px;
}
 
.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul > ul::-webkit-scrollbar-thumb {
  background: #E5E5E5; 
  border-radius: 10px;
}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item {
    position: relative;
}

.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item img {
    width: 100%;
}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img {
    position: relative;
}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img img {top: 0;}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px 10px 0;
    position: relative;
    z-index: 1;
}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-title {
    font-family: 'voltesemibold';
    font-size: 14px;
    color: #3f4c53;
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 0;
}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-date {
    font-weight: 600;
    font-size: 12px;
    color: #a0a4a7;
}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-title > span {
    color: #7d8990;
    display: block;
    margin-left: 5px;
}

.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item:before {content: "";position: absolute;top: 0;right: -8.3%;width: 110%;height: 110%;z-index: 1;background-image: url(../img/main/mask-laptop.png);background-size: contain;background-position: center;background-repeat: no-repeat;}

.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item:after {content: "";position: absolute;top: 0;bottom: -20px;left: -10px;width: 20px;background: #fff;filter: drop-shadow(12px 3px 6px rgba(0, 0, 0, 0.12));border-radius: 100%;z-index: 1;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a{ font-family:"voltesemibold"; font-size:0.8vw; letter-spacing:0.08em; color:#aabcc6; padding:0.8vw 1.3vw; border:1px solid #AABCC6; border-radius:100px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a + a{ margin-left:15px}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a:hover{ color:#104260; border-color:#104260;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a svg path{ transition:0.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a:hover svg path{ fill:#104260;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a svg{ margin-right:10px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:55px auto 0; max-width:770px; justify-content: center;}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item{ -webkit-box-flex:0; -ms-flex:0 0 48.7%; flex:0 0 48.7%; height:245px; margin-bottom:20px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item.add-item{ cursor:pointer}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item.add-item .add-address-item-body{ height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-family:"voltesemibold"; font-size:18px; color:#bac8d0; border-radius:10px; background:#f4f7fa; border:1px solid #dee7eb; -webkit-transition:.4s; transition:.4s; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item.add-item .add-address-item-body:hover{ background:#bac8d0; color:#f4f7fa}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item.add-item .add-address-item-body:hover svg path{ fill:#f4f7fa}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item.add-item .add-address-item-body svg{ margin-bottom:30px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item.add-item .add-address-item-body svg path{ fill:#bac8d0; -webkit-transition:.4s; transition:.4s}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item+.add-address-item{ margin-left:20px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item:nth-child(2n+1){ margin-left:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-header{ text-align:center; padding:35px 0 35px; background:#fff; border-radius:10px 10px 0 0; border:1px solid #dee7eb}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-header h3{ font-family:"voltesemibold"; font-size:17px; color:#104260; margin-bottom:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-header span{ font-size:15px; color:#56666f}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content ul{ max-width:200px; margin-right:25px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content ul li{ font-family:"voltemedium"; font-size:13px; color:#56666f}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content ul li+li{ margin-top:8px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn{ display:-webkit-box; display:-ms-flexbox; display:flex}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn a {display: block;}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn a + a {margin-left: 8px;}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn .edit-delete-btn{ cursor:pointer; 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; font-size:9px; color:#104260; width:47px; height:47px; border-radius:5px; border:1px solid #104260; -webkit-box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15); box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15); -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; user-select:none; -webkit-transition:.4s; transition:.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn .edit-delete-btn:hover{ background:#104260; color:#fff}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn .edit-delete-btn:hover svg path{ fill:#fff}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn .edit-delete-btn+.edit-delete-btn{ margin-left:8px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn .edit-delete-btn svg{ margin-bottom:5px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn .edit-delete-btn svg path{ fill:#104260; -webkit-transition:.4s; transition:.4s}

@media only screen and (max-width: 1650px){
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a {font-size: 0.75vw;}

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a svg {
        width: 1vw;
    }
}

@media only screen and (max-width: 1600px){
    .page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td a { font-size: 0.7vw; }
    .page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tr td { min-width: 160px; }
    .page.account-info .container .account-info-row .account-info-detail-item-body-table::-webkit-scrollbar { height: 3px; }
    .page.account-info .container .account-info-row .account-info-detail-item-body-table::-webkit-scrollbar-thumb { background: #56666f5e; border-radius: 10px; }
}

@media only screen and (max-width: 1450px){
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-form { padding: 0 1vw; }
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form { padding: 0 5vw; }
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container { flex: 0 0 100%; }
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container+.my-services-item-container { flex: 0 0 100%; margin-left: 0; margin-top: 50px; }
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns { margin: 20px 0 3px; }   
    
    .account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul {
        width: 70%;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a {
        font-size: 12px;
        display: inline-flex;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a svg {
        width: 20px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns {
        flex-wrap: wrap;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a + a {
        margin-left: 0;
        margin-top: 10px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img {
        flex: 0 0 calc(50% - 100px);
        margin-right: 60px;
    }
    .account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul li > span > span:nth-child(1) {
        max-width: 50%;
    }
    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img:after {
        left: -12px !important;
    }
}

@media only screen and (max-width: 1370px){
    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item {
        padding-right: 5%;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item { flex: 0 0 calc(50% - 10px); }
    .page.account-info .container .account-info-row #user-menu-5 .account-info-detail-item-body .account-info-detail-item-form { padding: 0 6vw; }
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li {
        flex-wrap: wrap;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li > span {
        width: 100%;
        margin-bottom: 4px;
    }

    .account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1199px){
    .page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li a{ padding:12px 40px; font-size:15px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form{ padding:10px 10px;}
    .page.account-info .container .account-info-row{ display:block;}
    .page.account-info .container .account-info-row .account-info-nav ul{ display:flex; align-items:center; flex-wrap:nowrap; padding:0 60px;}
    .page.account-info .container .account-info-row .account-info-nav ul li+li{ margin-top:0; margin-left:20px;}
    .page.account-info .container{ padding:0;}
    .page.account-info .container .account-info-row .account-info-nav ul li{ width:auto;}
    .page.account-info .container .account-info-row .account-info-nav .log-out-btn{ display:none;}
    .page.account-info{ padding-bottom:70px;}
    /**/
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info svg{ display:none;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info:before{ content:attr(data-title); font-size:10px; margin-top:-2px; display:block; background:#92a3ac; color:#fff; border-radius:100px; padding:2px 10px; font-family:"voltemedium";}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info{ margin-top:0; padding-top:0;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info .info-detail{ top:-80px; width:170px;}

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item:before {
        top: -10px;
        height: 110%;
    }
}

@media only screen and (max-width: 991px){
    .page.account-info{margin-top: 120px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .captcha{/* flex:0 0 100%; */display: flex;align-items: flex-end;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .captcha + .captcha{ margin-top:30px;}
    .page.account-info .container .account-info-row .account-info-detail{ padding:60px 30px; margin:40px 30px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body{ padding:40px 10px 30px 40px;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body-table{overflow-x:auto;max-width:100%;padding-bottom:20px;display: none;}
    .page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td{ min-width:110px;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns a{font-size: 15px;padding: 7px 20px;border: 1px solid #AABCC6;border-radius: 100px;display: flex;color: #AABCC6;font-family: 'voltesemibold';align-items: center;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha img {
        height: 50px;
    }
    .page.account-info .container .account-info-row .services-detail-item .my-services-tab-content .tab-item {
        flex-wrap: wrap;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img {
        flex: 0 0 70%;
        margin-right: 0;
        position: relative;
        top: 0;
        display: none;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha a {
        top: 68%;
    }
    .page.account-info .container .account-info-row .services-detail-item .my-services-list {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .page.account-info .container .account-info-row .account-info-nav {
        display: none;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item {
        display: flex;
        flex: auto;
        min-width: 500px;
        align-items: center;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img {
        flex: 0 0 50%;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info {
        margin: 0 0 0 30px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-title {
        flex-direction: column-reverse;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-title > span {
        margin-left: 0;
        margin-bottom: 5px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list::-webkit-scrollbar {
        height: 0px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .tablet-item-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .tablet-item-btn h3 {
        margin-bottom: 0;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns {
        margin: 0;
        display: flex;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns a + a {
        margin-left: 10px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns a svg {
        margin-right: 5px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container h3 {
        margin-bottom: 15px;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li {
        flex-wrap: initial;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li > span {
        width: 180px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row {
        margin-top: 0;
    }

    .page.account-info .container .account-info-row .info-detail-table-mobile {
        display: block;
    }
}

@media only screen and (max-width: 767px){
    .page.account-info .container .account-info-row .account-info-nav{ padding-right:150px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .captcha img{ height:50px;}
    .page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs{ display:block; margin-top:30px;}
    .page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li:first-child a{ border-radius:25px 25px 0 0;}
    .page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li:last-child a{ border-radius:0 0 25px 25px;}
    .page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li a{ font-size:14px; padding:15px 10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-header{display: block;padding:0 10px 25px;text-align: center;}
    .page.account-info .container .account-info-row .account-info-detail-item-header-title{margin-left:0;margin-top: 15px;}
    .page.account-info .container .account-info-row .account-info-detail-item-header-icon{top:0;transform:scale(0.9);/* left:-10px; */}
    .page.account-info .container .account-info-row .account-info-detail{ padding:30px 20px 40px; margin:40px 20px;}
    .page.account-info .container .account-info-row .account-info-detail-item-header-title h2{ font-size:18px; margin-bottom:10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group{ flex:0 0 100%; margin:0 0 50px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container{ flex:0 0 100%;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row{ display:block;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .captcha{padding:0;flex: 0 0 48%;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .textarea-form-group textarea{ margin-top:0; height:250px; padding:15px 20px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .form-group{ flex:0 0 100%;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .form-control{ font-size:14px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group label{ font-size:15px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .textarea-form-group{ margin-bottom:30px !important;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form .form-group-row .form-group{ margin-bottom:60px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form .submit{ margin-top:-25px; margin-right:0px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header-status{ font-size:17px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header{ padding:0 20px; display:block;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header-code span{ font-size:12px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item{ display:block; margin:0;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item.user-message{ margin:0;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body{ padding:40px 20px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-logo{ margin-top:0; margin-bottom:10px; margin-right:0; margin-left:8px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-container:before{ left:11px; top:-8px; transform:rotate(90deg); visibility:hidden;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-title span{ font-size:14px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-content p{ font-size:12px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-date span{ font-size:10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-date{ margin-top:3px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item + .support-chat-body-messages-item{ margin-top:30px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-logo img{ max-width:17%;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form .form-group{ display:block; text-align:right;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form .form-group .form-control{ padding:25px 20px; border-radius:100px; line-height:normal; width:100%; border:1px solid #104260; text-align:left;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form{ padding:0;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form .form-group button{ border-radius:100px; padding:10px 25px; margin-top:20px;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form{ padding:0 10px; margin-top:30px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item{ flex:0 0 100%;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item+.add-address-item{ margin-left:0; margin-top:20px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container{ margin:30px auto;}
    .page.account-info{ padding-bottom:20px;}
    .page.account-info .container .account-info-row .account-info-nav ul{ padding:0 100px;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group.first-form-group{ flex:0 0 100%;}
    .page.account-info .container .account-info-row #user-menu-5 .account-info-detail-item-body .account-info-detail-item-form{ padding:0 10px; margin-top:55px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form{ margin-top:60px; padding:0 10px;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body-table{ margin-top:30px; margin-bottom:20px;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li{justify-content: center;font-size: 13px;flex-wrap: wrap;padding: 10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li.check-control strong{ display:inline; margin-right:10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li.check-control .check{ display:inline-block; width:auto; margin-left:0; transform:translateY(-3px);}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li.check-control{ padding-bottom:8px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li > span{width:100%;margin-bottom:6px;margin-right:0;text-align: center;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li strong{display:block;text-align: center;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns{display: block;margin: 20px 10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns a{display: flex;justify-content: center;padding: 8px 10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns a+a{margin-left:0;margin-top: 10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row{ margin-top:30px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li .progress{ width:100%;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container{opacity: 0;visibility: hidden;pointer-events: none;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
    .page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td a {
        font-size: 12px;
        padding: 8px 10px;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha label {
        left: -130px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .captcha + .captcha {
        margin-left: 11px;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-form .submit {
        text-align: center;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha a {
        top: 70%;
        right: 6px;
        width: 23px;
        height: 23px;
        font-size: 12px;
    }
    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item {
        padding: 20px 0 10px;
        min-width: 245px;
        flex-direction: column-reverse;
        border: none;
        margin: 0 10px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info {
        display: block;
        margin: 0 auto 20px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-date {
        margin-top: 3px;
        text-align: center;
    }
    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-title {
        margin: 0;
        align-items: center;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-title > span {
        margin-bottom: 7px;
        font-size: 12px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img:after {
        bottom: 20px;
        top: 20px;
        left: 10px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img {border: 1px solid #DEE7EB;padding: 30px 25px;flex: none;border-radius: 25px;}

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img:before {
        width: calc(100% - 25px);
        height: 100%;
        right: auto;
        left: 25px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list {
        margin: 20px -20px 0 0;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body.services-detail-item:before {content: "";position: absolute;top: -20px;bottom: 10px;right: -20px;width: 100px;background: linear-gradient(to left, white, #ffffff00);z-index: 2;}
    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item:last-child {
        /* margin-right: 100px; */
        padding-right: 60px;
        min-width: 305px;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-header-icon:before {
        left: 47%;
        transform: translate(-50%, 0px);
        top: 8px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item {
        /* border: none; */
        /* padding: 0; */
        padding: 0;
        border-color: #f0f3f5;
        overflow: hidden;
        border-radius: 10px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-tab-content {
        right: 0;
    }

    .account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select {
        width: 100%;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container:first-child .my-services-item > ul > li > span {display: none;}

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container:first-child .my-services-item > ul > li:last-child {
        border-radius: 0;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item .other-thema-select > li {
        justify-content: flex-start;
        padding: 5px 10px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container:first-child .my-services-item > ul > li:first-child {
        padding: 10px 15px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container + .my-services-item-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        transition: 0.4s;
        margin-top: 0;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-tab-content .tab-item .services-item-menu {
        width: calc(100% - -40px);
        margin-left: -20px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-tab-content .tab-item .services-item-menu span {
        font-family: 'voltemedium';
        font-size: 15px;
        color: #7d8990;
        display: block;
        transition: 0.4s;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-tab-content .tab-item .services-item-menu .swiper-slide.swiper-slide-active span {
        color: #104260;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-tab-content .tab-item .services-item-menu .swiper-slide {
        width: auto;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container h3 {
        display: none;
    }

    .account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul li > span > span:nth-child(1) {
        max-width: 70%;
    }
}

.page.services-categories .service-categories-container a{ display:block; -webkit-transition:.4s; transition:.4s; margin-bottom:1.875rem}
.page.services-categories .service-categories-container a .card{ overflow:hidden}
.page.services-categories .service-categories-container a .card img.card-img-top{ display:block; -o-object-fit:cover; object-fit:cover; -webkit-transition:.4s; transition:.4s; max-width:100%; height:100%}
.page.services-categories .service-categories-container a .card .card-body h5.card-title{ color:#438381}
.page.services-categories .service-categories-container a .card .card-body p{ color:#747474}
.page.services-categories .service-categories-container a:hover{ -webkit-transform:translateY(-0.75rem); transform:translateY(-0.75rem)}
.page.services-categories .service-categories-container a:hover .card img.card-img-top{ -webkit-transform:scale(1.1); transform:scale(1.1)}
.page.services-categories .service-categories-container .form-row a{ margin-bottom:.625rem}
.page.services-detail .services-detail-container .services-detail-img{ margin-bottom:1rem; height:410px; position:relative}
.page.services-detail .services-detail-container .services-detail-img img{ display:block; -o-object-fit:cover; object-fit:cover; width:100%; max-height:100%}
.page.services-detail .services-detail-container .services-detail-img .btn{ white-space:nowrap; position:absolute; top:0; background:#fff; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-radius:0; max-width:90%; padding:.5rem 5.5rem; color:#000; -webkit-transition:.4s; transition:.4s}
.page.services-detail .services-detail-container .services-detail-img .btn:hover{ color:#fff; background:#000}
@media only screen and (min-width:768px) and (max-width:991px){ .page.services-detail .services-detail-container .services-detail-img .btn{ padding:.5rem 3rem }
}
@media only screen and (max-width:767px){ .page.services-detail .services-detail-container .services-detail-img .btn{ width:100%; white-space:normal; padding:.5rem 1rem }
}
.page.services-detail .services-detail-container .services-head{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0 3rem}
.page.services-detail .services-detail-container .services-head-category{ margin-bottom:1rem}
.page.services-detail .services-detail-container .services-head-title h4{ font-size:1.875rem}
.page.services-detail .services-detail-container .services-head-explanation p{ line-height:1.125rem; color:#747474}
@media only screen and (max-width:767px){ .page.services-detail .services-detail-container .services-head{ padding:0 }
 .page.services-detail .services-detail-container .services-head-category h3{ font-size:1.5rem }
 .page.services-detail .services-detail-container .services-head-title h4{ font-size:1.5rem }
 .page.services-detail .services-detail-container .services-head-explanation p{ font-size:.875rem; line-height:1rem }
}
.page.services-detail .services-detail-container .modal .modal-dialog{ width:720px; max-width:calc(100% - 1rem)}
.page.services-detail .services-detail-container .modal .modal-content{ padding:2.5rem 6rem 2.5rem 4rem}
@media only screen and (max-width:560px){ .page.services-detail .services-detail-container .modal .modal-content{ padding:1.5rem 3rem 1.5rem 1rem }
}
@media only screen and (max-width:420px){ .page.services-detail .services-detail-container .modal .modal-content{ padding:1rem 2rem 1rem 0 }
}
.page.services-detail .services-detail-container .modal .modal-header{ display:none}
.page.services-detail .services-detail-container .modal .modal-body .service-modal-title{ text-align:center}
.page.services-detail .services-detail-container .modal .modal-body .service-modal-title p span{ color:#4EBBFF; font-weight:bold}
.page.services-detail .services-detail-container .modal .modal-body .form-group{ position:relative; padding-left:2rem}
.page.services-detail .services-detail-container .modal .modal-body .form-group .mdi{ position:absolute; left:.25rem; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); color:#adb5bd}
.page.services-detail .services-detail-container .modal .modal-body .form-group .form-control{ border:none; border-bottom:1px solid #adb5bd; border-radius:0; color:#adb5bd}
.page.services-detail .services-detail-container .modal .modal-body .form-group .form-control:focus{ -webkit-box-shadow:none !important; box-shadow:none !important}
.page.services-detail .services-detail-container .modal .modal-body .form-group .select2-container .select2-selection--single{ border:none; border-bottom:1px solid #adb5bd; border-radius:0}
.page.services-detail .services-detail-container .modal .modal-body .form-group .select2-container .select2-selection--single span{ color:#adb5bd}
.page.services-detail .services-detail-container .modal .modal-body .form-group .captcha .captcha_img{ border:none}
.page.services-detail .services-detail-container .modal .modal-body .captcha-line{ -webkit-box-flex:0; -ms-flex:0 0 330px; flex:0 0 330px; max-width:330px; margin:0 auto}
@media only screen and (max-width:420px){ .page.services-detail .services-detail-container .modal .modal-body .captcha-line .col{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% }
 .page.services-detail .services-detail-container .modal .modal-body .captcha-line .col:nth-child(1){ margin-bottom:1rem }
}
.page.services-detail .services-detail-container .modal .modal-footer{ border-top:0; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-left:3rem}
.page.services-detail .services-detail-container .modal .modal-footer .btn.btn.btn-primary{ background:#4EBBFF; color:#fff; border:0; border-radius:0}
.page.services-detail .services-detail-container .modal .modal-footer .btn.btn.btn-primary:hover{ background:#008ee7}
.page.services-detail .services-detail-container .modal .modal-footer .close{ position:absolute; left:50%; top:100%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:#adb5bd; width:40px; height:40px; opacity:1}
.page.services-detail .services-detail-container .modal .modal-footer .close .mdi{ font-size:2.5rem; color:#747474}

.page.file-archive .form-group .select2-container{ width:100% !important}
.page.file-archive .file-archive-process-container{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:1.5rem}
.page.file-archive .file-archive-process-container .file-archive-search{ -webkit-box-flex:0; -ms-flex:0 0 27.5rem; flex:0 0 27.5rem; height:3rem; max-width:100%; margin-bottom:1rem}
.page.file-archive .file-archive-process-container .file-archive-search .form-group{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; position:relative}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input{ border:1px solid #5D4AC7; padding-left:2.25rem; color:#5D4AC7; height:3rem; -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 4.5rem); flex:0 0 calc(100% - 4.5rem); border-radius:0}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::-webkit-input-placeholder{ color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input:-ms-input-placeholder{ color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::-ms-input-placeholder{ color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::placeholder{ color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-search .form-group svg{ position:absolute; top:50%; left:1.25rem; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
.page.file-archive .file-archive-process-container .file-archive-search .form-group svg path{ color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-search .form-group button{ -webkit-transition:.4s; transition:.4s; background:#5D4AC7; color:#fff; height:3rem; -webkit-box-flex:0; -ms-flex:0 0 4.5rem; flex:0 0 4.5rem; border-radius:0}
.page.file-archive .file-archive-process-container .file-archive-search .form-group button:hover{ background:#4634aa}
@media only screen and (max-width:991px){ .page.file-archive .file-archive-process-container .file-archive-search{ margin-bottom:3rem }
}
.page.file-archive .file-archive-process-container .file-archive-group-select{ width:20rem; margin-bottom:1rem}
.page.file-archive .file-archive-process-container .file-archive-group-select label{ position:absolute; margin-top:-.5rem; -webkit-transform:translateY(-100%); transform:translateY(-100%); color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2{ width:100% !important}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single{ height:48px; border-color:#5D4AC7; border-radius:0; -webkit-transition:.4s; transition:.4s}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__rendered{ line-height:46px; color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__arrow{ top:10px}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__arrow b{ border-color:#5D4AC7 transparent transparent transparent}
.page.file-archive .file-archive-process-container .file-archive-search-result{ padding:.8rem 2rem; border:1px solid #5D4AC7; margin-bottom:1rem}
.page.file-archive .file-archive-process-container .file-archive-search-result p{ color:#5D4AC7; margin:0; line-height:1rem}
.page.file-archive .file-archive-process-container .file-archive-search-result p i{ margin-right:.5rem}
@media only screen and (max-width:991px){ .page.file-archive .file-archive-process-container .file-archive-search{ -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55% }
 .page.file-archive .file-archive-process-container .file-archive-search-result{ -webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40% }
}
@media only screen and (max-width:767px){ .page.file-archive .file-archive-process-container .file-archive-search{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% }
 .page.file-archive .file-archive-process-container .file-archive-search-result{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% }
}
.page.file-archive .file-list .table-responsive .table thead tr th{ background:rgba(93, 74, 199, 0.05); color:#747474; font-weight:normal}
.page.file-archive .file-list .table-responsive .table tr th,.page.file-archive .file-list .table-responsive .table tr td{ padding:.5rem 1rem}
.page.file-archive .file-list .table-responsive .table tr th a,.page.file-archive .file-list .table-responsive .table tr td a{ display:inline-block; color:#5D4AC7; -webkit-transition:.4s; transition:.4s}
.page.file-archive .file-list .table-responsive .table tr th a:hover,.page.file-archive .file-list .table-responsive .table tr td a:hover{ color:#362883}
.page.file-archive-border-radius .file-archive-process-container .file-archive-search .form-group input{ border-top-left-radius:3rem; border-bottom-left-radius:3rem}
.page.file-archive-border-radius .file-archive-process-container .file-archive-search .form-group button{ border-top-right-radius:3rem; border-bottom-right-radius:3rem}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select{ width:20rem}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select label{ position:absolute; margin-top:-.5rem; -webkit-transform:translateY(-100%); transform:translateY(-100%); color:#5D4AC7}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2{ width:100% !important}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single{ border-radius:1.5rem}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2.select2-container--open .select2-selection--single{ border-bottom-right-radius:0; border-bottom-left-radius:0}
.page.file-archive-border-radius .file-archive-process-container .file-archive-search-result{ border-radius:3rem}
.page.file-archive-border-radius .file-list .table-responsive{ border:1px solid #dee2e6; border-radius:1.5rem}
.page.file-archive-border-radius .file-list .table-responsive .table{ margin-bottom:0; width:calc(100% + 1px); margin-left:-1px; margin-top:-1px}
.page.file-archive-border-radius .file-list .table-responsive .table tr th:nth-last-child(1),.page.file-archive-border-radius .file-list .table-responsive .table tr td:nth-last-child(1){ border-right:0 !important}
.page.file-archive-border-radius .file-list .table-responsive .table tr:nth-last-child(1) th,.page.file-archive-border-radius .file-list .table-responsive .table tr:nth-last-child(1) td{ border-bottom:0 !important}

.page.extra-services .extra-services-btn{font-family: "voltemedium";padding: 10px 30px 12px;font-size:15px;color:#fff;border-radius:20px;background: linear-gradient(90deg, #f76046 0%, #f6ac29 100%);position: relative;z-index: 1;line-height: normal;}

.page.extra-services-logo{ padding:80px 0 160px}
.page.extra-services-logo .container{ padding:0 8rem}
.page.extra-services-logo .container .services-logo-title{ text-align:center}
.page.extra-services-logo .container .services-logo-title h2{ font-family:"voltesemibold"; font-size:30px; color:#56666f; margin-bottom:80px}
.page.extra-services-logo .container .services-logo-item{border-radius:10px;border:1px solid #dfe5eb;}
.page.extra-services-logo .container .services-logo-item-header{ text-align:center; background:#eaf2f8; padding:50px 10px}
.page.extra-services-logo .container .services-logo-item-header-title{ padding:25px 60px; border-radius:25px 15px 25px 0px; background:#104260; -webkit-box-shadow:7px 15px 15px rgba(16, 66, 96, 0.25); box-shadow:7px 15px 15px rgba(16, 66, 96, 0.25); display:inline-block}
.page.extra-services-logo .container .services-logo-item-header-title h3{ font-family:"voltebold"; font-size:23px; color:#fff; margin-bottom:0}
.page.extra-services-logo .container .services-logo-item-header-title h3 span{ color:#F7783C}
.page.extra-services-logo .container .services-logo-item-body{text-align:center;background:#fff;padding: 40px 50px 55px;border-radius:0 0 10px 10px;border-top:1px solid #dfe5eb;}
.page.extra-services-logo .container .services-logo-item-body h4{ font-size:20px; color:#104260; margin-bottom:20px}
.page.extra-services-logo .container .services-logo-item-body p{font-size:16px;line-height:24px;color:#6a7a83;margin-bottom:30px;}

@media only screen and (max-width: 1370px){
    .page.extra-services-logo .container .services-logo-item-header-title { padding: 25px 4vw; }
    .page.extra-services-logo .container .services-logo-item-header-title h3 { font-size: 1.5vw; }
    .page.extra-services-logo .container .services-logo-item-body { padding: 40px 3vw 55px; }
}

@media only screen and (max-width: 1199px){
    .page.extra-services-logo .container { padding: 0 6vw; }
    .page.extra-services-logo { padding: 50px 0 130px; }
    .page.extra-services-logo .container .services-logo-item-header-title h3 { font-size: 17px; }
    .page.extra-services-logo .container .services-logo-item-header-title { padding: 25px 5vw; }
}

@media only screen and (max-width: 991px){
    .page.extra-services-logo .container .services-logo-item { display: flex; margin-bottom: 40px; }
    .page.extra-services-logo .container .services-logo-item-header { display: flex; align-items: center; padding-left: 0; border-radius: 10px 0 0 10px; }
    .page.extra-services-logo .container .services-logo-item-header-title { padding: 25px 0; min-width: 220px; margin: 0 30px 0 0; border-top-left-radius: 0; }
    .page.extra-services-logo { padding-bottom: 60px; }
    .page.extra-services-logo .container .services-logo-item-body { padding: 40px 30px; border-radius: 0 10px 10px 0; }
}

@media only screen and (max-width: 767px){
    .page.extra-services-logo .container .services-logo-title h2 { font-size: 20px; margin-bottom: 40px; }
    .page.extra-services-logo { padding: 40px 0; }
    .page.extra-services-logo .container .services-logo-item { display: block; margin: 0 20px 40px; }
    .page.extra-services-logo .container .services-logo-item-header { justify-content: center; padding: 21px 0; border-radius: 10px 10px 0 0; }
    .page.extra-services-logo .container .services-logo-item-header-title { border-radius: 20px; margin: 0 auto; padding: 20px 0; }
    .page.extra-services-logo .container .services-logo-item-body { padding: 30px 20px; border-radius: 0 0 10px 10px; }
    .page.extra-services .extra-services-btn { display: inline-block; padding: 8px 30px; }
    .page.extra-services-logo .container .services-logo-item-body p { font-size: 15px; line-height: 21px; }
    .page.extra-services-logo .container .services-logo-item-body h4 { font-size: 18px; margin-bottom: 15px; }
}

.page.extra-services-hosting .container{max-width: 1550px !important;}
.page.extra-services-hosting .container .row>div{ padding:0 20px}
.page.extra-services-hosting .container .services-hosting-item-header-title{ border-radius:25px 15px 25px 0px; background:#104260; -webkit-box-shadow:7px 15px 15px rgba(16, 66, 96, 0.25); box-shadow:7px 15px 15px rgba(16, 66, 96, 0.25); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-right:25px; margin-bottom:-50px; position:relative}
.page.extra-services-hosting .container .services-hosting-item-header-title.special-foryou{ background:#f7783c; -webkit-box-shadow:7px 15px 15px rgba(247, 120, 60, 0.25); box-shadow:7px 15px 15px rgba(247, 120, 60, 0.25)}
.page.extra-services-hosting .container .services-hosting-item-header-title.special-foryou .services-hosting-item-header-title-stars{ background:#FD8851; padding:15.5px 30px}
.page.extra-services-hosting .container .services-hosting-item-header-title.special-foryou h2 span{ color:#fff}
.page.extra-services-hosting .container .services-hosting-item-header-title-stars{ border-radius:25px 40px 40px 0px; background:#154b6c; display:-webkit-box; display:-ms-flexbox; display:flex; margin-right:30px; padding:30px 20px}
.page.extra-services-hosting .container .services-hosting-item-header-title-stars svg+svg{ margin-left:8px}
.page.extra-services-hosting .container .services-hosting-item-header h2{ font-size:23px; color:#fff; margin-bottom:0}
.page.extra-services-hosting .container .services-hosting-item-header h2 span{color:#F7783C;font-family: "voltesemibold";}
.page.extra-services-hosting .container .services-hosting-item-header-price{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;background:#EAF2F8;padding:90px 0 30px;border:1px solid #DFE5EB;border-radius:0 10px 0 0;min-height: 260px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.page.extra-services-hosting .container .services-hosting-item-header-price-old{ font-family:"voltemedium"; font-size:18px; text-align:left; color:#92a3ac; margin-bottom:-5px}
.page.extra-services-hosting .container .services-hosting-item-header-price-new span{ font-family:"voltesemibold"; font-size:40px; color:#000}
.page.extra-services-hosting .container .services-hosting-item-header-price-new span span{ font-size:24px; -webkit-transform:translateY(-12px); transform:translateY(-12px); display:inline-block}
.page.extra-services-hosting .container .services-hosting-item-header-price-new span span svg { width: 14px; transform: translateY(-7px); }
.page.extra-services-hosting .container .services-hosting-item-header-price-old del { display: flex; align-items: center; }
.page.extra-services-hosting .container .services-hosting-item-header-price-old del svg { width: 10px; height: auto; fill: #92A3AC; margin-top: -3px; }
.page.extra-services-hosting .container .services-hosting-item-header-price-new span span.year{ font-size:17px; color:#7f8181; -webkit-transform:translateY(0); transform:translateY(0); margin-left:5px}
.page.extra-services-hosting .container .services-hosting-item-header-price a{ margin-top:10px; padding:8px 40px; font-size:17px}
.page.extra-services-hosting .container .services-hosting-item-header-price a.special-foryou{ background:#104260}
.page.extra-services-hosting .container .services-hosting-item-header-price a.special-foryou:after { background: #104260; }
.page.extra-services-hosting .container .services-hosting-item-body{padding: 20px 30px;background: #FCFDFF;border:1px solid #DFE5EB;border-top:none;border-radius:0 0 10px 10px;min-height: 385px;}
.page.extra-services-hosting .container .services-hosting-item-body-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;justify-content: center;align-items:center;}
.page.extra-services-hosting .container .services-hosting-item-body-item+.services-hosting-item-body-item{margin-top:25px;padding-top:25px;border-top:1px solid #DEE2E5;}
.page.extra-services-hosting .container .services-hosting-item-body-item-content{ margin-left:20px}
.page.extra-services-hosting .container .services-hosting-item-body-item-content h3{ font-family:"voltemedium"; font-size:19px; color:#121314}
.page.extra-services-hosting .container .services-hosting-item-body-item-content h3 span{ font-family:"voltesemibold"}
.page.extra-services-hosting .container .services-hosting-item-body-item-content p{ font-family:"voltemedium"; font-size:14px; line-height:17px; color:#56666f}
.page.extra-services-hosting .container .services-hosting-item-body-item .services-hosting-item-body-item-el{ display:flex; align-items:center;}
.services-hosting-item-body-item-info{ position:relative; padding-left:5px; padding-right:20px; cursor:pointer; margin-right:-20px;}
.services-hosting-item-body-item-info .info{ padding:15px 20px; border-radius:5px; background:#56666f; box-shadow:0px 6px 10px rgba(0, 0, 0, 0.22); position:absolute; width:130px; right:-131px; top:50%; transform:translateY(-50%); opacity:0; visibility:hidden; transition:0.4s;}
.services-hosting-item.special-foryou .services-hosting-item-body-item-info .info p{ font-family:"voltemedium"; font-size:12px; line-height:13px; color:#fff; margin-bottom:0; text-align:left; position:relative;}
.services-hosting-item-body-item-info .info:before{ content:""; position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); left:-2px; width:20px; height:20px; background:#56666f;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-content h3{ font-size:14px; color:#56666f; margin-bottom:0;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-content{ margin-left:8px;}
.services-hosting-item.special-foryou .services-hosting-item-body-item-icon{ background:#F4F7FA; width:55px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:25px 0 0 25px; padding-left:11px; border:1px solid #DEE7EB; border-right:none;}
.services-hosting-item.special-foryou .services-hosting-item-body-item-icon svg{ width:22px; max-height:28px;}
.services-hosting-item.special-foryou .services-hosting-item-body-item-icon svg path{ fill:#90A2AC;}
.services-hosting-item.special-foryou .services-hosting-item-body-item-input{ width:200px; height:50px; display:flex; align-items:center; background:#fff; border:1px solid #DEE7EB; border-radius:0 25px 25px 0; padding:0 15px;}
.page.extra-services-hosting .container .services-hosting-item .services-hosting-item-body-item-input .input-text{ display:flex; align-items:center; margin:0 13px;}
.page.extra-services-hosting .container .services-hosting-item .services-hosting-item-body-item-input .input-text input{ font-family:"voltesemibold"; font-size:15px; color:#104260; border:none; background:transparent; width:13px; transition:0.4s;}
.page.extra-services-hosting .container .services-hosting-item .services-hosting-item-body-item-input .input-text input.width-2{ margin-left:-2px; width:18px;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .input-text span{ font-family:"voltesemibold"; font-size:15px; color:#104260;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button{ width:20px; height:20px; background:#fff; border:1px solid #d7dde0; filter:drop-shadow(0px 3px 6px #e2e6ea); border-radius:100%; position:relative; cursor:pointer; transition:0.4s;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button.services-hosting-item-body-item-input-mines:before{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:7px; height:2px; background:#104260;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button.services-hosting-item-body-item-input-plus:before{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:7px; height:2px; background:#104260; transition:0.4s;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button.services-hosting-item-body-item-input-plus:after{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(90deg); width:7px; height:2px; background:#104260; transition:0.4s;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button:hover{ background:#104260; border-color:#104260;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button:hover:before, .page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button:hover:after{ background:#fff !important;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body{ padding:40px 18px;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body .services-hosting-item-body-info{ margin-top:25px; padding-left:20px;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body .services-hosting-item-body-info p{ font-family:"voltemedium"; font-size:14px; color:#7d9ba8; margin-bottom:0;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body .services-hosting-item-body-info p span{ font-family:"voltebold";}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-info:hover .info{ opacity:1; visibility:visible;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item+.services-hosting-item-body-item{ border-top-color:#F0F3F5;}

@media only screen and (max-width: 1450px){
    .page.extra-services-hosting .container { padding: 0 7vw; }
    .page.extra-services-hosting .container .row>div { padding: 0 10px; }
    .page.extra-services-hosting .container .services-hosting-item-header-title-stars { padding: 30px 15px; margin-right: 1.3vw; }
    .page.extra-services-hosting .container .services-hosting-item-header h2 { font-size: 1.5vw; }
    .page.extra-services-hosting .container .services-hosting-item-body-item { transform: scale(0.9); }
}

@media only screen and (max-width: 1370px){
    .page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body { min-height: 417px; }
}

@media only screen and (max-width: 1199px){
    .page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item {transform: scale(1.1);}
    .extra-services-hosting{ padding:0 40px 80px;}
    .extra-services-hosting .services-hosting-item{ margin:0 20px 60px;}
    .page.extra-services-hosting .container .services-hosting-item-header h2{ font-size:2.5vw;}
    .page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body{ min-height:385px;}
    .page.extra-services-hosting .container .services-hosting-item-body-item-content p{ margin-bottom:0;}
    .page.extra-services-hosting .container .services-hosting-item-body{ padding-top:40px;}
    .services-hosting-item-body-item-info .info{ left:28%; transform:translateX(-50%); top:-70px; right:0;}
    .services-hosting-item-body-item-info .info:before{ bottom:-2px; top:auto; left:50%; transform:translate(-50%, 0) rotate(45deg);}
}

@media only screen and (max-width: 991px){
    .page.extra-services-hosting .container { padding: 0; }
    .extra-services-hosting .services-hosting-item { margin: 0 10px 60px; }
    .extra-services-hosting { padding: 40px 30px; }
    .services-hosting-item-body-item-info .info { left: -30px; }
    .services-hosting-item-body-item-info .info:before { left: auto; right: 5px; }
}

@media only screen and (max-width: 767px){
    .page.extra-services-hosting .container .services-hosting-item-header h2{ font-size:18px;}
    .page.extra-services-hosting .container .services-hosting-item-header-title-stars{ padding:18px; margin-right:15px;}
    .page.extra-services-hosting .container .services-hosting-item-header-title-stars svg{ width:15px; height:15px;}
    .page.extra-services-hosting .container .services-hosting-item-header-title{ margin-bottom:-30px;}
    .page.extra-services-hosting .container .services-hosting-item-header-price-old{ font-size:15px;}
    .page.extra-services-hosting .container .services-hosting-item-header-price-new span{ font-size:35px;}
    .page.extra-services-hosting .container .services-hosting-item-header-price-new span span{ font-size:19px; transform:translateY(-9px);}
    .page.extra-services-hosting .container .services-hosting-item-header-price-new span span svg{ width:8px; transform:translateY(-5px);}
    .page.extra-services-hosting .container .services-hosting-item-header-price-new span span.year{ font-size:15px; transform:translateY(-7px);}
    .page.extra-services-hosting .container .services-hosting-item-header-price{ padding:60px 0 30px; min-height:initial;}
    .page.extra-services-hosting .container .services-hosting-item-header-price a{ font-size:15px; padding:7px 40px;}
    .page.extra-services-hosting .container .services-hosting-item-body-item-content h3{ font-size:17px;}
    .page.extra-services-hosting .container .services-hosting-item-body-item{ transform:scale(1);}
    .page.extra-services-hosting .container .services-hosting-item-body-item .services-hosting-item-body-item-icon{ transform:scale(0.9);}
    .page.extra-services-hosting .container .services-hosting-item-body{ padding:30px; min-height:initial;}
    .extra-services-hosting .services-hosting-item{ margin:0 10px 50px;}
    .page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-header-title-stars svg{ width:25px; height:25px;}
    .page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item{ transform:scale(1);}
    .page.extra-services-hosting .container .services-hosting-item-body-item .services-hosting-item-body-item-icon{ transform:scale(1);}
    .extra-services-hosting{ padding-bottom:10px;}
}

.page.blogs .container{ width:1300px; margin:0 auto; padding:0 50px}
.page.blogs .blog-list{ margin-left:70px}
.page.blogs .blog-list ul li.blog-item{ padding-bottom:1.8rem; margin-bottom:1.8rem; border-bottom:1px solid rgba(83, 83, 83, 0.3)}
.page.blogs .blog-list ul li.blog-item .blog-list-img{ margin-bottom:1rem; height:19rem; overflow:hidden; border-radius:20px}
.page.blogs .blog-list ul li.blog-item .blog-list-img a{display:block;height:19rem;transform: scale(1);transition: 0.5s;}
.page.blogs .blog-list ul li.blog-item .blog-list-img a img{display:block;-o-object-fit:cover;object-fit:cover;height: 100%;width:100%;max-height:100%;}
.page.blogs .blog-list ul li.blog-item .blog-list-content{ padding:0 2rem}
.page.blogs .blog-list ul li.blog-item .blog-list-content-head{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-line-pack:center; align-content:center; margin-bottom:1rem}
.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date{ border:1px solid #F7783C; border-radius:10px; -webkit-box-flex:0; -ms-flex:0 0 3.5rem; flex:0 0 3.5rem; padding:8px 0; max-width:3.5rem; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date span{ display:block; text-align:center; font-size:.875rem; line-height:.875rem; color:#F7783C; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%}
.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date-month,.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date-year{ font-family:"voltesemibold"}
.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-content-title{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 5rem); flex:0 0 calc(100% - 5rem); display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-content-title .blog-title{font-family:"voltesemibold";font-size:17px;color:#18181a;transition: 0.5s;}
.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; position:relative}
.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation p{ font-size:15px; color:#56666f; line-height:18px; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%}
.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation .btn{font-size:14px;font-family:"voltemedium";background:#104260;color:#fff;border-radius:0;border:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:.4s;transition:.4s;border-radius:3rem;padding:8px 20px;-webkit-box-shadow:none;box-shadow:none;position: relative;}
.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation .author{ display:none; color:#adb5bd; font-size:.875rem; position:absolute; right:.125rem; bottom:-.25rem; -webkit-transform:translateY(100%); transform:translateY(100%)}
.blogs nav ul.pagination { margin-top: 40px; }
.page .blog-sidebar .side-part h4 span{ display: none; }
.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation .btn:after { background: #104260; }
.page.blogs .blog-list ul li.blog-item .blog-list-img a:hover { transform: scale(1.05); }
.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-content-title .blog-title:hover { color: #f76544; }

@media only screen and (max-width: 1450px){
    .page.blogs .container { width: 1200px; }
}

@media only screen and (max-width: 991px){
    .page.blogs .blog-list{ margin-left:0;}
    .page.blogs .blog-list ul{ display:flex; flex-wrap:wrap;}
    .page.blogs .blog-list ul li.blog-item{ flex:0 0 calc(50% - 15px); margin-bottom:50px; padding-bottom:50px;}
    .page.blogs .blog-list ul li.blog-item + li.blog-item{ margin-left:30px;}
    .blogs .blog-sidebar .side-part-container{display:flex;justify-content:space-between;max-height: initial;overflow: initial;margin: 0;padding: 0;}
    .blogs .side-part-container .side-part{ flex:0 0 calc(50% - 20px);}
    .page .blog-sidebar .side-part:hover h4:before{ width:5.5rem;}
    .page .blog-sidebar .side-part .list-group a.list-group-item{ font-size:14px;}
    .page.blogs .blog-list ul li.blog-item .blog-list-img a{ height:100%;}
    .page.blogs .blog-list ul li.blog-item .blog-list-img{ height:170px;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content{ padding:0 10px;}
    .page .blog-sidebar .side-part h4 span{ position:absolute; right:0; top:25%; transform:translateY(-50%); display:block; width:14px; height:14px;}
    .page .blog-sidebar .side-part h4 span:before, .page .blog-sidebar .side-part h4 span:after{ content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; height:2px; background:#104260; transition:0.4s;}
    .page .blog-sidebar .side-part h4 span:after{ height:100%; width:2px; left:50%; transform:translate(-50%, -50%);}
    .page .blog-sidebar .side-part h4.active:before{ width:100%;}
    .page .blog-sidebar .side-part h4.active span:after{ height:0;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content-head{ display:block; margin-bottom:10px;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date{ max-width:100%; display:inline-flex; padding:9px 20px; margin-bottom:10px;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date span{ flex:none;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date span + span{ margin-left:4px;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-content-title .blog-title{ font-size:16px;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation p{ font-size:14px; margin-bottom:20px;}
    .page.blogs .blog-list ul li.blog-item:nth-child(2n+1){ margin-left:0 !important;}
    .blogs nav ul.pagination{ margin-top:0;}
    .blogs .blog-sidebar { position: relative; top: 0; }
    section.page.blogs{ padding-bottom:60px; padding-top:30px;}
    .page .blog-sidebar .blog-search .form-group .btn svg{ width:18px !important; height:18px !important;}
    .page .blog-sidebar .blog-search .form-group .btn { height: 18px; width: 18px; padding: 0; top: 50%; transform: translateY(-50%); }
}

@media only screen and (max-width: 767px){
    .page.blogs .container { width: 100%; padding: 0 25px; }
    section.page.blogs { padding-top: 20px; }
    .blogs .blog-sidebar .side-part-container { display: block; margin-bottom: 60px; }
    .blogs .side-part-container .side-part { margin-bottom: 0; }
    .blogs .side-part-container .side-part + .side-part { margin-top: 30px; }
    .page.blogs .blog-list ul li.blog-item { flex: 0 0 100%; }
    .page.blogs .blog-list ul li.blog-item + li.blog-item { margin-left: 0; }
}

.page.blog-detail .container{padding: 0 6.8vw;}
.page.blog-detail .container .row{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.blog-detail .blog-item .blog-item-img{ height:300px; border-radius:20px; margin-bottom:20px}
.page.blog-detail .blog-item .blog-item-img .bg{ height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:20px}
.page.blog-detail .blog-item .blog-details .blog-date{color:#AABCC6;font-family:"voltemedium";display:inline-block;padding:.125rem;font-size:.875rem;margin-bottom: 10px;}
.page.blog-detail .blog-item .blog-details .blog-date .blog-date-month{ padding-left:0}
.page.blog-detail .blog-item .blog-details span.visualization{ display:none}
.page.blog-detail .blog-item .blog-details .author{ display:none}
.page.blog-detail .blog-head h4{ font-weight:bold; font-size:17px; color:#18181A; margin-bottom:1rem; font-family:"voltesemibold"}
.page.blog-detail .blog-content p{ font-size:15px; color:#56666F; font-family:"volteregular"; line-height:18px}
.page.blog-detail .blog-list-time-content{ margin-bottom:1rem; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.blog-detail .blog-list-time-content .blog-date{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto}
.page.blog-detail .blog-list-time-content .blog-date span{ display:inline-block; padding:.125rem; font-size:.875rem}
.page.blog-detail .blog-list-time-content .blog-date .blog-date-month{ padding-left:0}
.page.blog-detail .blog-list-time-content .counter{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; font-size:.875rem}
.page.blog-detail .blog-item-head h4{ font-weight:bold; color:#000; margin-bottom:1rem}
.page.blog-detail .blog-text p{ color:#000}

@media only screen and (max-width: 1370px){
    .page.blog-detail .container {padding: 0;}
}

@media only screen and (max-width: 991px){
    .blog-detail { padding: 40px 50px 70px; }
    .page.blog-detail .blog-item .blog-item-img { height: 250px; }
}

@media only screen and (max-width: 767px){
    .blog-detail { padding: 30px 20px 40px; }
    .page.blog-detail .blog-item .blog-item-img { height: 160px; }
    .page.blog-detail .blog-item .blog-details .blog-date {font-size: 13px;}
    .page.blog-detail .blog-head h4 { font-size: 16px; }
}

.page.certificates .certificate-container ul{ border:1px solid rgba(151, 151, 151, 0.15); -webkit-transition:.4s; transition:.4s; overflow:hidden; margin-bottom:1rem}
.page.certificates .certificate-container ul li a{ font-size:14px; font-weight:600; line-height:1rem; min-height:62px; color:#5D4AC7; position:relative; padding:20px 52px 20px 34px; display:block}
.page.certificates .certificate-container ul li a span{ position:absolute; right:40px; line-height:normal; top:calc(50% - 11px)}
.page.certificates .certificate-container ul li+li{ border-top:1px solid rgba(151, 151, 151, 0.15); background:#fff}
.page.certificates .identification{ display:block; height:315px; position:relative; top:0; -webkit-transition:.4s; transition:.4s; overflow:hidden}
.page.certificates .identification:before{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(30, 29, 29, 0.78); z-index:9; -webkit-transition:.4s; transition:.4s}
.page.certificates .identification:hover{ -webkit-box-shadow:0 18px 25px 0 rgba(0, 0, 0, 0.11); box-shadow:0 18px 25px 0 rgba(0, 0, 0, 0.11); top:-10px}
.page.certificates .identification:hover:before{ background:rgba(30, 29, 29, 0.32)}
.page.certificates .identification .corporate-identification{ height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; width:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.certificates .identification .corporate-identification h3{ font-size:17px; font-weight:600; font-style:normal; font-stretch:normal; line-height:1.65; letter-spacing:normal; text-align:center; color:#ffffff; margin-bottom:0; margin-top:12px; position:relative; z-index:9}
.page.certificates .identification .corporate-identification h3 span{ display:block; font-weight:bold}
.page.certificates .identification .corporate-identification-item{ background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; position:absolute; right:0; left:0; top:0; bottom:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column; flex-flow:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.certificates .identification .corporate-identification-item img{ width:154px; position:relative; z-index:9}
.page.certificates .certificate-list a{ display:block; margin-bottom:2rem; overflow:hidden}
.page.certificates .certificate-list a .certificate-item{ height:19rem; -webkit-transition:.4s; transition:.4s}
.page.certificates .certificate-list a .certificate-item img{ display:block; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover; margin:0 auto}
@media only screen and (max-width:560px){ .page.certificates .certificate-list a .certificate-item img{ max-width:initial; height:initial; max-height:100%; width:100% }
}
.page.certificates .certificate-list a:hover .certificate-item{ -webkit-transform:scale(1.1); transform:scale(1.1)}
.page.certificates-border-radius .certificate-container ul{ border-radius:1.5rem}
.page.certificates-border-radius .identification{ border-radius:1.5rem}
.page.certificates-border-radius .certificate-list a{ border-radius:1.5rem}

.page.gallery .gallery-filter .select2-container { width: 100% !important }
.page.gallery .gallery-filter .btn.btn-primary.btn-block { height: 35px; line-height: 22px }
.page.gallery .gallery-list .card .card-img-top { height: 10rem; -o-object-fit: cover; object-fit: cover; -webkit-transition: .4s; transition: .4s }
.page.gallery .gallery-list .card .card-body .card-title { color: #07101b }
.page.gallery .gallery-list .card .card-body .card-text { color: #07101b }
.page.gallery .gallery-list .card:hover .card-img-top { -webkit-transform: scale(1.05) translateY(-0.5rem); transform: scale(1.05) translateY(-0.5rem) }
.page.client-comment .media img { width: 80px; height: 80px; -o-object-fit: cover; object-fit: cover }
.page.projects .card { height: calc(100% - 1rem); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.page.projects .card .card-img-overlay { background: rgba(0, 0, 0, 0.1) }
.page.projects .card .card-img-overlay .card-title { text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5) }
.page.sitemap .list-group>li a { margin-bottom: .5rem }
.page.sitemap .list-group>li ul { margin-bottom: 1rem }
.page.sitemap .list-group>li ul li { padding-left: 1rem }
.page.sitemap .list-group>li ul li a { margin-bottom: .25rem; background: rgba(0, 0, 0, 0.05) }
.page.sitemap .list-group>li ul li ul li a { background: rgba(0, 0, 0, 0.1) }

.page.curiosities .nav{border-bottom:1px;position: relative;z-index: 999;}
.page.curiosities .nav .nav-item{width:100%;margin-bottom:15px;}
.page.curiosities .nav .nav-item a{-webkit-transition:.4s;transition:.4s;position:relative;display: block;width:100%;border-radius:10px;background:#fff;padding: 30px 20px;color:#92A3AC;border:3px solid rgba(0, 0, 0, 0);font-size:18px;font-family:"voltesemibold";text-align:center;user-select: none;}
.page.curiosities .nav .nav-item a span{ display:inline-block; overflow:hidden; line-height:10px; width:12px; opacity:0; -webkit-transition:.4s; transition:.4s}
.page.curiosities .nav .nav-item a.active,.page.curiosities .nav .nav-item a:hover{ border-color:#104260; color:#104260}
.page.curiosities .nav .nav-item a.active span,.page.curiosities .nav .nav-item a:hover span{ width:12px; opacity:1}
.curiosities .tab-content { position: relative; z-index: 999; transition: 0.4s; }
section.curiosities { position: relative; }
header.header.faq-header { z-index: 9999; }
.page.curiosities .nav .nav-item a.in-active { opacity: 0.5; }
section.curiosities.active:before { opacity: 1; }
section.curiosities:before {content: "";position: fixed;top: -100%;right: 0;left: 0;bottom: -100%;background: rgba(0, 0, 0, 0.03);z-index: 999;opacity: 0;pointer-events: none;transition: 0.4s;}
.page.curiosities .tab-content .tab-pane.fade-active { opacity: 1; visibility: visible; pointer-events: all; }
.page.curiosities .tab-content .tab-pane{padding:0 5rem 5rem 1rem;position: absolute;top: 0;left: 0;right: 0;opacity: 0;pointer-events: none;visibility: hidden;display: block;transition: 0.5s;}
.page.curiosities .tab-content .tab-pane .coriosities-item{position:relative;margin-bottom:30px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:22px;cursor: pointer;border-radius:15px;background:#fff;align-items: center;transition: 0.5s;box-shadow: 0px 10px 15px rgba(186, 200, 208, 0);}
.page.curiosities .tab-content .tab-pane .coriosities-item.in-active { opacity: 0.17; }
.page.curiosities .tab-content .tab-pane .coriosities-item.active { box-shadow: 0px 10px 15px rgba(186, 200, 208, 0.8); }
.page.curiosities .tab-content .tab-pane .coriosities-item.active .hover { opacity: 1; pointer-events: all; }
.page.curiosities .tab-content .tab-pane .coriosities-item .icon{ position:relative; -webkit-box-flex:0; -ms-flex:0 0 62px; flex:0 0 62px; max-width:62px; height:60px; 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; background:#f7763d; background:linear-gradient(135deg, #f7763d 0%, #f6d519 100%); -webkit-transition:.4s; transition:.4s; border-radius:15px}
.page.curiosities .tab-content .tab-pane .coriosities-item .icon svg{ position:relative}
.page.curiosities .tab-content .tab-pane .coriosities-item .icon svg path{ -webkit-transition:.4s; transition:.4s}
.page.curiosities .tab-content .tab-pane .coriosities-item .icon:before{ content:""; -webkit-transition:.4s; transition:.4s; opacity:1; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:15px; background:#c2d7e2; background:linear-gradient(135deg, #c2d7e2 0%, #e8f0f4 100%)}
.page.curiosities .tab-content .tab-pane .coriosities-item .text{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 82px); flex:0 0 calc(100% - 82px); max-width:calc(100% - 82px); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.curiosities .tab-content .tab-pane .coriosities-item .text p{color:#56666F;line-height:20px;font-size: 18px;font-family:"voltesemibold";margin-bottom:0;}
.page.curiosities .tab-content .tab-pane .coriosities-item .hover{background:#fff;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:22px;opacity:0;pointer-events:none;-webkit-transition:.4s;transition:.4s;position:absolute;right:0;left:0;top:100%;margin-top:-20px;border-radius:15px;z-index: 999;}
.page.curiosities .tab-content .tab-pane .coriosities-item .hover p{ color:#000; font-size:15px; font-family:"volteregular"; line-height:22px; margin-bottom:0; -webkit-transition:.4s; transition:.4s}
.page.curiosities .tab-content .tab-pane .coriosities-item:hover .icon svg path{ fill:#ffffff}
.page.curiosities .tab-content .tab-pane .coriosities-item:hover .icon:before{opacity:0;}

@media only screen and (max-width: 1500px){
    .page.curiosities .tab-content .tab-pane .coriosities-item .text{ flex:0 0 calc(100% - 72px); max-width:calc(100% - 72px);}
    .page.curiosities .tab-content .tab-pane .coriosities-item .text p{ font-size:16px;}
    .page.curiosities .tab-content .tab-pane .coriosities-item .icon{ flex:0 0 50px; max-width:50px; height:50px;}
    .page.curiosities .tab-content .tab-pane .coriosities-item .icon svg{ transform:scale(0.8);}
    .page.curiosities .nav .nav-item a{ font-size:16px; padding:18px 20px;}
}

@media only screen and (max-width: 1370px){
    .page.curiosities .tab-content .tab-pane .coriosities-item .text p{ font-size:16px;}
    .page.curiosities .tab-content .tab-pane .coriosities-item .icon{ flex:0 0 52px; max-width:52px; height:50px;}
    .page.curiosities .tab-content .tab-pane .coriosities-item .icon svg{ transform:scale(0.8);}
    .page.curiosities .tab-content .tab-pane .coriosities-item .text{ flex:0 0 calc(100% - 72px); max-width:calc(100% - 72px);}
    .page.curiosities .nav .nav-item a{ font-size:16px; padding:20px 20px;}
    section.page.curiosities{ padding-bottom:150px;}
    .page.curiosities .tab-content .tab-pane .col-md-4{ flex:0 0 50%; max-width:50%;}
}

@media only screen and (max-width: 1199px){
    .page.curiosities .tab-content .tab-pane { padding-right: 40px; }
}

@media only screen and (max-width: 991px){
    section.page.curiosities{ padding:50px 0 20px;}
    .page.curiosities .nav .nav-item a{ width:auto; display:inline-block; padding:20px 30px;}
    .page.curiosities .nav .nav-item{ width:auto;}
    section.page.curiosities .swiper-container{ padding:0 100px;}
    .page.curiosities .tab-content .tab-pane{ padding:40px 20px 160px;}
    .page.curiosities .nav{ flex-wrap:nowrap;}
    .page.curiosities .tab-content .tab-pane .coriosities-item.active .hover{ pointer-events:all !important; opacity:1 !important;}
    .page.curiosities .tab-content .tab-pane .coriosities-item:hover .hover{ opacity:0; pointer-events:none;}
    .page.curiosities .tab-content .tab-pane .coriosities-item:hover .icon:before{ opacity:1;}
    .page.curiosities .tab-content .tab-pane .coriosities-item.active .icon:before{ opacity:0;}
    .page.curiosities .tab-content .tab-pane .coriosities-item.active .icon svg path{ fill:#ffffff !important;}
    .page.curiosities .tab-content .tab-pane .coriosities-item:hover .icon svg path{ fill:#56666f;}
}

@media only screen and (max-width: 767px){
    .page.curiosities .tab-content .tab-pane .col-md-4 { flex: 0 0 100%; max-width: 100%; }
    .page.curiosities .nav .nav-item a { font-size: 15px; padding: 14px 20px; border-width: 2px; display: flex; }
    .page.curiosities .nav .nav-item a span { line-height: normal; margin-right: 8px; }
    section.page.curiosities .swiper-container { padding: 0 20px; }
}

.picture-point .img-pointer { position: relative }
.picture-point .img-pointer .img-pointer-dot { position: absolute }

/* User Login */
.user-login{padding: 200px 0 100px;}
.user-login .container{display:-webkit-box;display:-ms-flexbox;display:flex;padding: 0 10.5vw;}
.user-login .left-area{height: 660px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;width:calc(100% - 415px);-webkit-transition:.8s;transition:.8s;-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 415px);flex:0 0 calc(100% - 415px);-webkit-box-sizing:border-box;box-sizing:border-box;padding:6rem 0 7rem;position:relative;border-top-left-radius:33px;border-bottom-left-radius:33px;background:#fff;}
.user-login .left-area:before{content:"";position:absolute;left:0;width:0;-webkit-transition:.9s;transition:.9s;top:0;bottom:0;background:#fff;z-index:1;visibility: hidden;}
.user-login .left-area .left-area-content{width:600px;padding:0 3rem;text-align:center;position: absolute;left: 0;right: 0;margin:0 auto;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);-webkit-transition:.9s;transition:.9s;}
.user-login .left-area .left-area-content h2{ color:#104260; font-size:55px; font-family:"voltelight"; margin-bottom:4rem}
.user-login .left-area .left-area-content .form-group{ position:relative; margin-bottom:25px}
.user-login .left-area .left-area-content .form-group.active .form-control{ background:#fff; border-color:#104260}
.user-login .left-area .left-area-content .form-group.active span{ top:0; font-size:14px; color:#104260; background:#fff; font-family:"voltemedium"}
.user-login .left-area .left-area-content .form-group .form-control{ background:#F4F7FA; -webkit-box-shadow:none; box-shadow:none; color:#000000; font-family:"voltemedium"; font-size:16px; padding:.5rem 2rem; -webkit-transition:.4s; transition:.4s; height:50px; border-radius:30px; border:1px solid #DEE7EB}
.user-login .left-area .left-area-content .form-group .form-control::-webkit-input-placeholder{ color:#9DAFB9}
.user-login .left-area .left-area-content .form-group .form-control:-ms-input-placeholder{ color:#9DAFB9}
.user-login .left-area .left-area-content .form-group .form-control::-ms-input-placeholder{ color:#9DAFB9}
.user-login .left-area .left-area-content .form-group .form-control::placeholder{ color:#9DAFB9}
.user-login .left-area .left-area-content .form-group .form-control:focus{ background:#fff; border-color:#104260}
.user-login .left-area .left-area-content .form-group .form-control:focus::-webkit-input-placeholder{ color:#fff}
.user-login .left-area .left-area-content .form-group .form-control:focus:-ms-input-placeholder{ color:#fff}
.user-login .left-area .left-area-content .form-group .form-control:focus::-ms-input-placeholder{ color:#fff}
.user-login .left-area .left-area-content .form-group .form-control:focus::placeholder{ color:#fff}
.user-login .left-area .left-area-content .form-group .form-control:focus ~ span{ top:0; font-size:14px; color:#104260; background:#fff; font-family:"voltemedium"}
.user-login .left-area .left-area-content .form-group span{ position:absolute; top:50%; left:1.5rem; -webkit-transition:.4s; transition:.4s; padding:0 .5rem; background:#fff0; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); color:#9DAFB9; font-size:16px; font-family:"volteregular"; pointer-events:none}
.user-login .left-area .left-area-content .form-group a{ color:#56666F; padding:.75rem 1rem}
.user-login .left-area .left-area-content .form-group a:hover{ color:#f76046}
.user-login .left-area .left-area-content .form-group button{outline:none;outline-color:rgba(0, 0, 0, 0);border:none;color:#fff;padding:.5rem 2rem;border-radius:3rem;font-size:18px;font-family:"voltemedium";background:#f76046;background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29));background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);position: RELATIVE;}
.user-login .center-area{ height:660px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-transition:.8s; transition:.8s; overflow:hidden; max-width:415px; -webkit-box-flex:0; -ms-flex:0 0 415px; flex:0 0 415px; border-top-right-radius:33px; border-bottom-right-radius:33px; background:url(../img/uye-ol-bg.png) left top no-repeat #104260; display:flex}
.user-login .center-area .user,.user-login .center-area .sign{ -webkit-transition:.8s; transition:.8s; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; text-align:center; padding:5rem 2rem 5rem}
.user-login .center-area .user h2,.user-login .center-area .sign h2{ color:#fff; font-size:55px; font-family:"voltelight"; margin-bottom:2rem; -webkit-transition:.9s; transition:.9s}
.user-login .center-area .user p,.user-login .center-area .sign p{ font-size:16px; color:#fff; font-family:"volteregular"; -webkit-transition:.9s; transition:.9s}
.user-login .center-area .user .buttons,.user-login .center-area .sign .buttons{ padding-top:150px; -webkit-transition:.9s; transition:.9s}
.user-login .center-area .user .buttons p,.user-login .center-area .sign .buttons p{ color:#BAC8D0; font-size:14px; font-family:"voltemedium"; margin-bottom:0.7rem}
.user-login .center-area .user .buttons button,.user-login .center-area .sign .buttons button{ outline:none; outline-color:rgba(0, 0, 0, 0); color:#104260; background:#fff; border:none; border-radius:3rem; font-size:18px; border:1px solid #fff; padding:.5rem 3rem; font-family:"voltemedium"; -webkit-transition:.4s; transition:.4s}
.user-login .center-area .user .buttons button:hover,.user-login .center-area .sign .buttons button:hover{ background:#fff0; color:#fff}
.user-login .center-area .user h2{ -webkit-transform:translateX(0); transform:translateX(0)}
.user-login .center-area .user>p{ -webkit-transform:translateX(0); transform:translateX(0)}
.user-login .center-area .user .buttons{ -webkit-transform:translateX(0); transform:translateX(0)}
.user-login .center-area .sign h2{ -webkit-transform:translateX(200%); transform:translateX(200%)}
.user-login .center-area .sign>p{ -webkit-transform:translateX(100%); transform:translateX(100%)}
.user-login .center-area .sign .buttons{ -webkit-transform:translateX(75%); transform:translateX(75%)}
.user-login .right-area{ height:660px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; -webkit-transition:.8s; transition:.8s; padding:6rem 0 7rem; -webkit-box-flex:0; -ms-flex:0 0 0px; flex:0 0 0; width:0; overflow:auto; background:#fff; border-top-right-radius:33px; border-bottom-right-radius:33px}
.user-login .right-area::-webkit-scrollbar { display: none; }
.user-login .right-area:before{ content:""; position:absolute; right:0; width:0; -webkit-transition:.9s; transition:.9s; top:0; bottom:0; background:#fff; z-index:1}
.user-login .right-area .forgot-password{ width:710px; text-align:center; margin:-100px auto 0; -webkit-transform:translate(50%) scale(0); transform:translate(50%) scale(0); position:absolute; left:0; right:0; -webkit-transition:.9s; transition:.9s}
.user-login .right-area .forgot-password h2{ color:#104260; font-size:55px; font-family:"voltelight"; margin-bottom:2.2rem}
.user-login .right-area .forgot-password form{ margin:0 100px}
.user-login .right-area .forgot-password .form-group.active .form-control{ background:#fff; border-color:#104260}
.user-login .right-area .forgot-password .form-group.active span{ top:0; font-size:14px; color:#104260; background:#fff; font-family:"voltemedium"}
.user-login .right-area .forgot-password .form-group .form-control::-webkit-input-placeholder{ color:#9DAFB9}
.user-login .right-area .forgot-password .form-group .form-control:-ms-input-placeholder{ color:#9DAFB9}
.user-login .right-area .forgot-password .form-group .form-control::-ms-input-placeholder{ color:#9DAFB9}
.user-login .right-area .forgot-password .form-group .form-control::placeholder{ color:#9DAFB9}
.user-login .right-area .forgot-password .form-group .form-control:focus{ background:#fff; border-color:#104260}
.user-login .right-area .forgot-password .form-group .form-control:focus ~ span{ top:0; font-size:14px; color:#104260; background:#fff; font-family:"voltemedium"}
.user-login .right-area .forgot-password .submit{ text-align:right}
.user-login .right-area .forgot-password .submit button{outline:none;outline-color:rgba(0, 0, 0, 0);border:none;color:#fff;padding:.5rem 2rem;border-radius:3rem;font-size:18px;font-family:"voltemedium";background:#f76046;background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29));background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);position: relative;}
.user-login .right-area .right-area-content{width:710px;text-align:center;margin:0 auto;-webkit-transform:translate(50%) scale(0);transform:translate(50%) scale(0);position:absolute;left:0;z-index: 1;right:0;-webkit-transition:.9s;transition:.9s;}
.user-login .right-area .right-area-content .form-group.sign-up-choose-bar .col-auto {
    max-width: 400px;
}
.user-login .right-area .right-area-content .contracts-info {
    margin-top: 25px;
    padding-top: 10px;
    border-top: 1px solid #EBECED;
}
.user-login .right-area .right-area-content .contracts-info p {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #a7b6bf;
    margin-bottom: 0;
}
.user-login .right-area .right-area-content .contracts-info p a {font-family: "voltemedium";color: #a7b6bf;}
.user-login .right-area .right-area-content .contracts-info p a:hover {
    color: #f7733f;
}
.user-login .right-area .right-area-content h2{ color:#104260; font-size:55px; font-family:"voltelight"; margin-bottom:4rem}
.user-login .right-area .right-area-content .form-group{position:relative;margin-bottom:25px;align-items: center;}
.user-login .right-area .right-area-content .form-group .sign-up-choose-bar { align-items: center; }
.user-login .right-area .right-area-content .captcha span { left: 40px; }
.user-login .right-area .right-area-content .captcha.active .form-control, .user-login .right-area .right-area-content .form-group.active .form-control{ background:#fff; border-color:#104260}
.user-login .right-area .right-area-content .captcha.active span, .user-login .right-area .right-area-content .form-group.active span{ top:0; font-size:14px; color:#104260; background:#fff; font-family:"voltemedium"}
.user-login .right-area .right-area-content .form-group .form-control{ background:#F4F7FA; -webkit-box-shadow:none; box-shadow:none; color:#000000; font-family:"voltemedium"; font-size:16px; color:#9DAFB9; padding:.5rem 2rem; -webkit-transition:.4s; transition:.4s; height:50px; border-radius:30px; border:1px solid #DEE7EB}
.user-login .right-area .right-area-content .form-group .form-control::-webkit-input-placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .form-group .form-control:-ms-input-placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .form-group .form-control::-ms-input-placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .form-group .form-control::placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .form-control:focus{ background:#fff; border-color:#104260}
.user-login .right-area .right-area-content .form-control:focus ~ span{ top:0; font-size:14px; color:#104260; background:#fff; font-family:"voltemedium"}
.user-login .right-area .right-area-content .form-group .col-auto{ text-align:left}
.user-login .right-area .right-area-content .form-group .col-auto .custom-control{ font-size:14px; font-family:"volteregular"; color:#56666F}
.user-login .right-area .right-area-content .form-group .col-auto .custom-control label:before{ border-radius:20px}
.user-login .right-area .right-area-content .form-group .col-auto .custom-control label:before { box-shadow: none; border-color: #BAC3CE; background: #fff; }
.user-login .right-area .right-area-content .form-group .col-auto .custom-control-input:checked~.custom-control-label::before { background: #f66245; border-color: #f66245; }
.user-login .right-area .right-area-content .form-group .col-auto .custom-control label a{ padding:0; font-family:"voltemedium"}
.user-login .right-area .right-area-content .form-group .col-auto .custom-control label a:hover { color: #f76744; }
.user-login .right-area .right-area-content .form-group a{ color:#56666F; padding:.75rem 0; font-family: 'voltesemibold';}
.user-login .right-area .right-area-content .form-group button{outline:none;outline-color:rgba(0, 0, 0, 0);border:none;color:#fff;padding:.5rem 2rem;border-radius:3rem;font-size:18px;font-family:"voltemedium";background:#f76046;background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29));background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);position: relative;}
.user-login .right-area .right-area-content .captcha img{height: 50px;max-height: initial;border-radius:30px;border:1px solid #DEE7EB;}
.user-login .right-area .right-area-content .captcha a{font-size:16px;margin-top:0;top:10px;background: #69B6F1;width:30px;height:30px;right:30px;}
.user-login .right-area .right-area-content .captcha input{ background:#F4F7FA; -webkit-box-shadow:none; box-shadow:none; font-size:16px; color:#9DAFB9; padding:.5rem 2rem; -webkit-transition:.4s; transition:.4s; height:50px; border-radius:30px; border:1px solid #DEE7EB}
.user-login .right-area .right-area-content .captcha input::-webkit-input-placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .captcha input:-ms-input-placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .captcha input::-ms-input-placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .captcha input::placeholder{ color:#9DAFB9}

.user-login.forgot-pass-active .right-area .forgot-password{ -webkit-transform:translateX(0) scale(1); transform:translateX(0) scale(1)}
.user-login.active .left-area{ -webkit-box-flex:0; -ms-flex:0 0 0px; flex:0 0 0}
.user-login.active .left-area:before{ width:3rem}
.user-login.active .left-area .left-area-content{ -webkit-transform:translateX(-70%) scale(0.1); transform:translateX(-70%) scale(0.1)}
.user-login.active .center-area{ -webkit-box-flex:0; -ms-flex:0 0 415px; flex:0 0 415px; border-top-left-radius:33px; border-bottom-left-radius:33px; border-top-right-radius:0; border-bottom-right-radius:0}
.user-login.active .center-area .user{ margin-left:-100%}
.user-login.active .center-area .user h2{ -webkit-transform:translateX(-200%); transform:translateX(-200%)}
.user-login.active .center-area .user>p{ -webkit-transform:translateX(-100%); transform:translateX(-100%)}
.user-login.active .center-area .user .buttons{ -webkit-transform:translateX(-75%); transform:translateX(-75%)}
.user-login.active .center-area .sign h2{ -webkit-transform:translateX(0); transform:translateX(0)}
.user-login.active .center-area .sign>p{ -webkit-transform:translateX(0); transform:translateX(0)}
.user-login.active .center-area .sign .buttons{ -webkit-transform:translateX(0); transform:translateX(0)}
.user-login.active.forgot-pass-active .right-area .right-area-content{ -webkit-transform:translate(50%) scale(0); transform:translate(50%) scale(0)}
.user-login.active .right-area{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 415px); flex:0 0 calc(100% - 415px)}
.user-login.active .right-area:before{ width:3rem}
.user-login.active .right-area .right-area-content{ -webkit-transform:translateX(0) scale(1); transform:translateX(0) scale(1)}

@media only screen and (max-width:1600px){
    .user-login .right-area .right-area-content{ width:44vw;} }

@media only screen and (max-width:1450px){ 
    .user-login .left-area .left-area-content h2{ font-size:3.8vw; margin-bottom:4vw;}
    .user-login .center-area .user h2, .user-login .center-area .sign h2{ font-size:3.9vw; margin-bottom:2vw;}
    .user-login .center-area .user .buttons, .user-login .center-area .sign .buttons{ margin-top:2vw;}
}

@media only screen and (max-width:1370px){
    .user-login .right-area .right-area-content{ width:41vw;}
    .user-login .right-area .right-area-content h2{ font-size:3.8vw;}
    .user-login .right-area .right-area-content .form-group .col-auto .custom-control{ width:23vw;}
    .user-login .right-area .right-area-content .form-group button{ font-size:1.2vw; padding:0.7rem 2rem;}
    .user-login .right-area .forgot-password h2{ font-size:3.7vw;}
    .user-login .right-area .forgot-password{ width:41vw;}
    .user-login .left-area .left-area-content{ width:45vw;}
    .user-login .right-area .forgot-password form{ margin:0 5.2vw;}
}

@media only screen and (max-width: 1199px){
    .user-login .left-area .left-area-content{ width:39vw; padding:0 20px;}
    .user-login .center-area{ max-width:330px; flex:0 0 330px;}
    .user-login .left-area{ width:calc(100% - 330px); flex:0 0 calc(100% - 330px);}
    .user-login.active .center-area{ flex:0 0 330px;}
    .user-login.active .right-area{ flex:0 0 calc(100% - 330px);}
    .user-login .right-area .right-area-content .form-group span{ font-size:13px;}
    .user-login .right-area .right-area-content .captcha input{ font-size:13px;}
    .user-login .right-area .right-area-content .form-group .col-auto .custom-control{width: 100%;}
    .user-login.active .right-area .right-area-content {
        transform: translateX(0) scale(0.75);
    }

    .user-login .right-area .right-area-content .form-group.sign-up-choose-bar .col-auto {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .user-login .right-area .right-area-content .form-group {
        flex-wrap: wrap;
    }

    .user-login .right-area .right-area-content .form-group button {
        margin-left: auto;
        margin-top: 15px;
    }

    .user-login .right-area .right-area-content .form-group.sign-up-choose-bar {
        margin-top: 20px !important;
    }
}

@media only screen and (max-width:991px){
    .user-login .center-area{ max-width:230px; flex:0 0 230px;}
    .user-login .center-area .user, .user-login .center-area .sign{ padding:5rem 1rem 5rem;}
    .user-login .center-area .user p, .user-login .center-area .sign p{ font-size:15px;}
    .user-login .center-area .user h2, .user-login .center-area .sign h2{ font-size:30px;}
    .user-login .center-area .user .buttons button, .user-login .center-area .sign .buttons button{ padding:.5rem 2rem; font-size:16px;}
    .user-login .left-area{ width:calc(100% - 230px); flex:0 0 calc(100% - 230px);}
    .user-login .left-area .left-area-content{ width:44vw;}
    .user-login .left-area .left-area-content .form-group button{ font-size:16px; padding:.5rem 1.7rem;}
    .user-login .left-area .left-area-content .form-group a{ font-size:15px;}
    .user-login.active .right-area{ flex:0 0 calc(100% - 230px);}
    .user-login .right-area .right-area-content .form-group .form-control{ height:40px;}
    .user-login .right-area .right-area-content h2{ font-size:30px; margin-bottom:30px;}
    .user-login .right-area .right-area-content .captcha input{height:40px;}
    .user-login .right-area .right-area-content .captcha span { left: 30px; font-size: 14px; }
    .user-login .right-area .right-area-content .captcha img{ height:40px;}
    .user-login .right-area .right-area-content .captcha a{ font-size:13px; width:23px; height:23px; right:20px; top:9px;}
    .user-login .right-area .right-area-content .captcha:nth-child(1){ padding-right:0;}
    .user-login .right-area .right-area-content .captcha{ padding-right:0;}
    .user-login.active .right-area .right-area-content {
        transform: translateX(0) scale(0.85);
    }
    .user-login .right-area .right-area-content .captcha + .captcha{ padding-right:15px;}
    .user-login .right-area .right-area-content .sign-up-choose-bar{ display:block !important; text-align:right; margin-bottom:0; margin-top:30px !important;}
    .user-login .right-area .right-area-content .sign-up-choose-bar .col-auto{ padding:0;}
    .user-login .right-area .right-area-content .form-group .col-auto .custom-control{ width:100%;}
    .user-login .right-area .right-area-content .sign-up-choose-bar button{ margin-top:20px; font-size:14px; padding:9px 20px;}
    .user-login .right-area .right-area-content .form-group .col-auto .custom-control label{font-size:13px;line-height: 1.5 !important;}
    .user-login .right-area .forgot-password form{ margin:0;}
    .user-login .right-area .forgot-password{ z-index:1;}
    .user-login .right-area .forgot-password .submit button{ font-size:15px;}
    .user-login.active .left-area .left-area-content{ transform:translateX(-190%) scale(0.1);}
    .user-login .container{ padding:0 8vw;}
}

@media only screen and (max-width:767px){ 
    .user-login .container{ display:block; padding:0 20px;}
    .user-login .left-area{ width:100%; flex:100%; padding:0; height:360px; border-top-right-radius:33px; border-bottom-left-radius:0;}
    .user-login .left-area .left-area-content{ width:100%;}
    .user-login .left-area .left-area-content h2{ font-size:24px; margin-bottom:25px;}
    .user-login .left-area .left-area-content .form-group .form-control{ height:40px; font-size:15px; padding-left:20px;}
    .user-login .left-area .left-area-content .form-group span{ font-size:15px; left:13px;}
    .user-login .left-area .left-area-content .form-group{ margin-bottom:15px;}
    .user-login .left-area .left-area-content .form-group a{ font-size:13px;}
    .user-login .left-area .left-area-content .form-group button{ font-size:15px; padding:5px 20px;}
    .user-login .center-area{max-width:100%;flex:0 0 100%;border-top-right-radius:0;border-bottom-left-radius:33px;height: 300px;background-size:cover;position: relative;}
    .user-login .center-area .user, .user-login .center-area .sign{padding:40px 20px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
    .user-login .center-area .user .buttons, .user-login .center-area .sign .buttons{ padding-top:60px;}
    .user-login .center-area .user h2, .user-login .center-area .sign h2{ font-size:25px;}
    .user-login .center-area .user p, .user-login .center-area .sign p{ font-size:13px;}
    .user-login .center-area .user .buttons button, .user-login .center-area .sign .buttons button{ font-size:15px; padding:6px 20px;}
    .user-login .center-area .user .buttons p, .user-login .center-area .sign .buttons p{ font-size:13px;}
    .user-login .center-area .sign h2 { transform: translateX(0); }
    .user-login .center-area .sign>p { transform: translateX(0); }
    .user-login .center-area .sign .buttons { transform: translateX(0); }
    .user-login .center-area .sign { transform: translateY(100%); }
    .user-login.active .center-area .sign { transform: translateY(0); }
    .user-login.active .center-area .user { margin-left: 0; transform: translateY(-100%); }
    .user-login.active .center-area .user h2 { transform: translateX(0); }
    .user-login.active .center-area .user>p { transform: translateX(0); }
    .user-login.active .center-area .user .buttons { transform: translate(10px, 10px); transform: translateX(0); }
    .user-login.active .left-area{ height:0;}
    .user-login.active .center-area{ border-top-right-radius:33px; border-bottom-left-radius:0;}
    .user-login.active .left-area .left-area-content{ transform:translate(0, -80%) scale(0.1);}
    .user-login.active .right-area{flex:0 0 100%;height: 760px;}
    .user-login .right-area{ width:100%; border-top-right-radius:0; border-bottom-left-radius:33px; height:0; padding:0;}
    .user-login .right-area .right-area-content{ width:90%; transform:translate(0, 80%) scale(0);}
    .user-login .right-area .right-area-content .captcha a{ right:10px;}
    .user-login .right-area .right-area-content .captcha input{ padding-left:20px;}
    .user-login .right-area .right-area-content .form-group .form-control{ padding-left:20px;}
    .user-login .right-area .right-area-content .form-group span{ left:20px;}
    .user-login.active .right-area .right-area-content{ transform:translate(0, 0) scale(1);}
    .user-login .right-area .forgot-password{ width:90%; margin-top:0; transform:translate(0, 80%) scale(0);}
    .user-login .right-area .forgot-password h2{ font-size:22px;}
    .user-login .right-area .forgot-password .form-group span{ font-size:15px;}
    .user-login .right-area .forgot-password .form-group .form-control{ height:45px;}
    .user-login.forgot-pass-active .right-area .forgot-password{ transform:translate(0, 0) scale(1);}
    .user-login.forgot-pass-active .right-area{ height:350px;}
    .user-login{ padding-bottom:70px;}
}

/* Product List && Product Detail */
.product-list{padding-top: 110px;}
.row.product-row { width: 100%; }
.product-detail .sticky-area, .product-list .sticky-area {
    border-top: 6px solid #F4F7FA;
    left: 0;
    background: #fff;
    padding: 40px 40px 60px 40px;
    width: 428px;
    z-index: 85;
    position: sticky;
    top: 110px;
    max-height: calc(100vh - 130px);
    min-height: calc(100vh - 130px);
    overflow-y: auto;
}
.product-detail .sticky-area::-webkit-scrollbar, .product-list .sticky-area::-webkit-scrollbar {
    display: none;
}
.product-list .product-search .form-group,.product-detail .product-search .form-group{position:relative;margin-bottom: 2rem;}
.product-search .form-group.active .form-control, .product-search .form-group .form-control:focus { border-color: #104260; color: #104260; }
.product-search .form-group .form-control{background:#EFF6FA;border: 1px solid #EFF6FA;-webkit-box-shadow:none !important;box-shadow:none !important;padding:1rem 4rem 1rem 1rem;border-radius:23px;color:#BAC8D0;font-size:15px;font-family: "voltemedium";height:45px;transition: 0.4s;}
.product-list .product-search .form-group .form-control::-webkit-input-placeholder,.product-detail .product-search .form-group .form-control::-webkit-input-placeholder{ color:#BAC8D0}
.product-list .product-search .form-group .form-control:-ms-input-placeholder,.product-detail .product-search .form-group .form-control:-ms-input-placeholder{ color:#BAC8D0}
.product-list .product-search .form-group .form-control::-ms-input-placeholder,.product-detail .product-search .form-group .form-control::-ms-input-placeholder{ color:#BAC8D0}
.product-list .product-search .form-group .form-control::placeholder,.product-detail .product-search .form-group .form-control::placeholder{ color:#BAC8D0}
.product-list .product-search .product-search-button, .product-detail .product-search .product-search-button{ position:absolute; top:50%; right:0; -webkit-transform:translate(0%, -50%); transform:translate(0%, -50%); padding:.5rem 1rem; border:none; background:none; outline:none; outline-color:transparent}
.product-list .product-search h6 span,.product-detail .product-search h6 span{ font-family:"voltemedium"}
.product-list .sidebar-general,.product-detail .sidebar-general{position:relative;z-index:84;left:0;-webkit-box-flex:0;}
.sidebar-general .sticky-area {height: 100%;background: #fff;}
.product-list .sidebar-general .product-sidebar li .custom-control,.product-detail .sidebar-general .product-sidebar li .custom-control{padding: 5px 0px 5px 70px;}
.product-list .sidebar-general .product-sidebar li .custom-control .custom-control-label:before,.product-detail .sidebar-general .product-sidebar li .custom-control .custom-control-label:before{ display:none}
.product-list .sidebar-general .product-sidebar li a,.product-detail .sidebar-general .product-sidebar li a{position:relative;z-index:40;display:block;font-size:16px;color:#000;font-family:"volteregular";padding: .75rem 3rem .75rem 2.25rem;}
.product-sidebar li a .circle {position: absolute;top: 50%;left: 20px;transform: translate(0, -50%);width: 6px;height: 6px;background: rgb(16 66 96 / 0.5);border-radius: 100%;transition: 0.4s;}
.product-sidebar li.active a .circle, .product-sidebar li a:hover .circle { background: rgb(16 66 96 / 1); }
.product-list .sidebar-general .product-sidebar li a .plus-minus,.product-detail .sidebar-general .product-sidebar li a .plus-minus{ position:absolute; left:4.25rem; top:50%; width:14px; height:14px; -webkit-transform:translate(-50%, -50%) rotate(0); transform:translate(-50%, -50%) rotate(0); -webkit-transition:.4s; transition:.4s}
.product-list .sidebar-general .product-sidebar li a .plus-minus .plus,.product-detail .sidebar-general .product-sidebar li a .plus-minus .plus{ display:block; position:absolute; height:14px; width:2px; background:#104260; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:.4s; transition:.4s}
.product-list .sidebar-general .product-sidebar li a .plus-minus .plus:before,.product-list .sidebar-general .product-sidebar li a .plus-minus .plus:after,.product-detail .sidebar-general .product-sidebar li a .plus-minus .plus:before,.product-detail .sidebar-general .product-sidebar li a .plus-minus .plus:after{ content:""; display:none; -webkit-transition:.4s; transition:.4s; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); height:100%; width:100%; background:#104260}
.product-list .sidebar-general .product-sidebar li a .plus-minus .minus,.product-detail .sidebar-general .product-sidebar li a .plus-minus .minus{ display:block; position:absolute; width:14px; height:2px; background:#104260; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:.4s; transition:.4s}
.product-list .sidebar-general .product-sidebar li a .plus-minus .minus:before,.product-list .sidebar-general .product-sidebar li a .plus-minus .minus:after,.product-detail .sidebar-general .product-sidebar li a .plus-minus .minus:before,.product-detail .sidebar-general .product-sidebar li a .plus-minus .minus:after{ content:""; display:none; -webkit-transition:.4s; transition:.4s; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); height:100%; width:100%; background:#104260}
.product-list .sidebar-general .product-sidebar li ul,.product-detail .sidebar-general .product-sidebar li ul{display:none;padding: 1rem 2rem;}
.product-detail .sidebar-general .product-sidebar li ul li ul, .product-list .sidebar-general .product-sidebar li ul li ul {padding-left: 40px;}
.product-list .sidebar-general .product-sidebar li ul li,.product-detail .sidebar-general .product-sidebar li ul li{ position:relative}
.product-list .sidebar-general .product-sidebar li ul li a,.product-detail .sidebar-general .product-sidebar li ul li a{padding: 5px 0 5px 30px;}
.product-list .sidebar-general .product-sidebar li ul li:before,.product-detail .sidebar-general .product-sidebar li ul li:before{content:"";display:block;width:1px;position:absolute;left: 15px;top:0rem;bottom:0rem;background:#BAC8D0;}
.product-list .sidebar-general .product-sidebar li ul li:after,.product-detail .sidebar-general .product-sidebar li ul li:after{content:"";display:block;width:3px;position:absolute;left: 15px;margin-left:-.0625rem;top:50%;opacity:0;bottom:50%;-webkit-transition:.4s;transition:.4s;background:#104260;border-radius:3px;}
.product-list .sidebar-general .product-sidebar li ul li:hover a,.product-detail .sidebar-general .product-sidebar li ul li:hover a{font-family: "voltemedium";padding-left: 40px;}
.product-list .sidebar-general .product-sidebar li ul li:hover:after,.product-detail .sidebar-general .product-sidebar li ul li:hover:after{ top:.375rem; bottom:.375rem; opacity:1}
.product-list .sidebar-general .product-sidebar li ul li.active a,.product-detail .sidebar-general .product-sidebar li ul li.active a{font-family: "voltemedium";/* padding-left: 80px; */}
.sidebar-general > .product-sidebar > li { width: 100%; }
.product-list .sidebar-general .product-sidebar li ul li.active:after,.product-detail .sidebar-general .product-sidebar li ul li.active:after{ top:.375rem; bottom:.375rem; opacity:1}
.product-list .sidebar-general .product-sidebar li ul li:nth-child(1):before,.product-detail .sidebar-general .product-sidebar li ul li:nth-child(1):before{ top:.375rem}
.product-list .sidebar-general .product-sidebar li ul li:nth-last-child(1):before,.product-detail .sidebar-general .product-sidebar li ul li:nth-last-child(1):before{ bottom:.375rem}
.product-list .sidebar-general .product-sidebar li>a:before,.product-detail .sidebar-general .product-sidebar li>a:before{ content:""; z-index:-1; -webkit-transition:.4s; transition:.4s; position:absolute; display:block; left:-40px; right:100%; top:0; bottom:0; background:#e7eff4; background:-webkit-gradient(linear, left top, right top, from(#e7eff4), to(rgba(255, 255, 255, 0))); background:linear-gradient(90deg, #e7eff4 0%, rgba(255, 255, 255, 0) 100%); opacity:0}
.product-list .sidebar-general .product-sidebar li>a:hover .plus-minus .plus:before,.product-detail .sidebar-general .product-sidebar li>a:hover .plus-minus .plus:before{ -webkit-transform:translate(130%, -50%) rotate(40deg); transform:translate(130%, -50%) rotate(40deg); height:70%}
.product-list .sidebar-general .product-sidebar li>a:hover .plus-minus .plus:after,.product-detail .sidebar-general .product-sidebar li>a:hover .plus-minus .plus:after{ -webkit-transform:translate(-130%, -50%) rotate(-40deg); transform:translate(-130%, -50%) rotate(-40deg); height:70%}
.product-list .sidebar-general .product-sidebar li>a:hover .plus-minus .minus:before,.product-detail .sidebar-general .product-sidebar li>a:hover .plus-minus .minus:before{ -webkit-transform:translate(-50%, -50%) rotate(-50deg); transform:translate(-50%, -50%) rotate(-50deg)}
.product-list .sidebar-general .product-sidebar li>a:hover .plus-minus .minus:after,.product-detail .sidebar-general .product-sidebar li>a:hover .plus-minus .minus:after{ -webkit-transform:translate(-50%, -50%) rotate(50deg); transform:translate(-50%, -50%) rotate(50deg)}
.product-list .sidebar-general .product-sidebar li.side-drop.active>a,.product-detail .sidebar-general .product-sidebar li.side-drop.active>a{ font-family:"voltesemibold"; color:#104260}
.product-list .sidebar-general .product-sidebar li.side-drop.active ul li>a:before, .product-detail .sidebar-general .product-sidebar li.side-drop.active ul li>a:before {opacity: 0;}
.product-list .sidebar-general .product-sidebar li.side-drop.active>a span.plus-minus .plus,.product-detail .sidebar-general .product-sidebar li.side-drop.active>a span.plus-minus .plus{ height:0rem; opacity:0}
.product-list .sidebar-general .product-sidebar li.side-drop.active>a:hover .minus:before,.product-detail .sidebar-general .product-sidebar li.side-drop.active>a:hover .minus:before{ -webkit-transform:translate(-80%, -50%) rotate(-50deg); transform:translate(-80%, -50%) rotate(-50deg); width:70%}
.product-list .sidebar-general .product-sidebar li.side-drop.active>a:hover .minus:after,.product-detail .sidebar-general .product-sidebar li.side-drop.active>a:hover .minus:after{ -webkit-transform:translate(-20%, -50%) rotate(50deg); transform:translate(-20%, -50%) rotate(50deg); width:70%}
.product-list .sidebar-general .product-sidebar li.side-drop.active>a:before,.product-detail .sidebar-general .product-sidebar li.side-drop.active>a:before{opacity:1;right:0;}
.product-list .list-general,.product-detail .list-general{flex: 1;padding: 0 140px 0 90px;}
.product-list .list-general .theme-head h2,
.product-list .list-general .theme-head h2 span,
.product-detail .list-general .theme-head h2 span{ font-family:"volteregular"}

.product-list .list-general .searchProduct .urunArama h4, .product-detail .list-general .searchProduct .urunArama h4 {
    margin-bottom: 0;
    font-size: 16px;
    padding-right: 14px;
    position: relative;
}

.product-list .list-general .searchProduct .urunArama h4:before, .product-detail .list-general .searchProduct .urunArama h4:before {content: "/";position: absolute;right: 4px;top: 0;}

.product-list .list-general .allProductList,.product-detail .list-general .allProductList{ display:none}
.product-list .list-general #grid,.product-detail .list-general #grid{min-height:calc(100vh - 265px);width: 106%;flex: 0 0 106%;}
.product-list .list-general #grid .picture-item,.product-detail .list-general #grid .picture-item{float:left;width:calc(50% - 70px);margin:0 35px 40px;}
.product-list .list-general #grid .picture-item .img,.product-detail .list-general #grid .picture-item .img{ position:relative; overflow:hidden; padding:10px 10px 0 10px; background:#fff; border-top-left-radius:10px; border-top-right-radius:10px}
.product-list .list-general #grid .picture-item .img img,.product-detail .list-general #grid .picture-item .img img{ display:block; margin:0 auto; -webkit-filter:blur(0); filter:blur(0); -webkit-transition:.4s; transition:.4s; border-radius:.125rem}
.product-list .list-general #grid .picture-item .img:before{content:"";z-index:10;position:absolute;top:0;left:0;bottom:0;right:0;background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(12.56%, rgba(255, 255, 255, 0.2)), color-stop(80.73%, rgba(255, 255, 255, 0.53)), to(#fff));background:linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 12.56%, rgba(255, 255, 255, 0.53) 80.73%, #fff 100%);}
.product-list .list-general #grid .picture-item .img .hover,.product-detail .list-general #grid .picture-item .img .hover{opacity:0;-webkit-transition:.4s;transition:.4s;position:absolute;top:0;right:0;bottom:0;left:0;background: url(../img/home-theme-detail-icon.png) center center no-repeat rgba(255, 255, 255, 0.7);background-size:110px;z-index: 99;pointer-events: none;}
.product-list .list-general #grid .picture-item .img .hover span,.product-detail .list-general #grid .picture-item .img .hover span{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-size:14px; font-family:"voltemedium"; color:#104260; letter-spacing:3px; -webkit-transition:.4s; transition:.4s}
.product-list .list-general #grid .picture-item .text,.product-detail .list-general #grid .picture-item .text{ background:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; -webkit-box-shadow:0 10px 30px rgba(121, 141, 152, 0.2); box-shadow:0 10px 30px rgba(121, 141, 152, 0.2); z-index:99}
.product-list .list-general #grid .picture-item .text .name,.product-detail .list-general #grid .picture-item .text .name{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; text-align:left; max-width:50%; font-size:15px; font-family:"voltesemibold"; color:#606F77; -webkit-box-sizing:border-box; box-sizing:border-box; padding:.75rem 65px .75rem 1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.product-list .list-general #grid .picture-item .text .basket,.product-detail .list-general #grid .picture-item .text .basket{-webkit-transition:.3s;transition:.3s;background:#f76046;background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29));background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);border-radius:100px;-webkit-box-flex:0;-ms-flex:0 0 50px;flex:0 0 50px;width:50px;height:50px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(1);cursor: pointer;transform:translate(-50%, -50%) scale(1);}
.product-list .list-general #grid .picture-item .text .basket svg,.product-detail .list-general #grid .picture-item .text .basket svg{ width:30px; height:30px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:.3s; transition:.3s}
.product-list .list-general #grid .picture-item .text .basket svg path,.product-detail .list-general #grid .picture-item .text .basket svg path{ fill:#fff}
.product-list .list-general #grid .picture-item .text .basket span,.product-detail .list-general #grid .picture-item .text .basket span{ opacity:0; -webkit-transition:.3s; transition:.3s; background:#104260; color:#fff; font-size:14px; font-family:"voltesemibold"; padding:.5rem 1rem; border-radius:1rem; position:absolute; top:-2rem; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); white-space:nowrap}
.product-list .list-general #grid .picture-item .text .basket span:before,.product-detail .list-general #grid .picture-item .text .basket span:before{ content:""; position:absolute; -webkit-transition:.3s; transition:.3s; left:50%; bottom:0; -webkit-transform:translate(-50%, 90%); transform:translate(-50%, 90%); width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #104260}
.product-list .list-general #grid .picture-item .text .basket:hover span,.product-detail .list-general #grid .picture-item .text .basket:hover span{ opacity:1}
.product-list .list-general #grid .picture-item .text .basket:before,.product-detail .list-general #grid .picture-item .text .basket:before{ -webkit-transition:.4s; transition:.4s; opacity:1; content:""; background:#92A3AC; position:absolute; display:block; top:0; left:0; right:0; bottom:0; border-radius:150px}
.product-list .list-general #grid .picture-item .text .price,.product-detail .list-general #grid .picture-item .text .price {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;padding: .75rem 2rem .75rem 65px;justify-content: flex-end;}
.product-list .list-general #grid .picture-item .text .price .old-price,.product-detail .list-general #grid .picture-item .text .price .old-price{ color:#616E76; position:relative; font-size:15px; font-family:"volteregular"; line-height:30px}
.product-list .list-general #grid .picture-item .text .price .old-price:before,.product-detail .list-general #grid .picture-item .text .price .old-price:before{ content:""; display:block; background:#616E76; width:100%; position:absolute; top:50%; height:1px}
.product-list .list-general #grid .picture-item .text .price .old-price > span { font-family: 'Barlow', sans-serif; font-weight: 300; }
.product-list .list-general #grid .picture-item .text .price .new-price:before,.product-detail .list-general #grid .picture-item .text .price .new-price:before{content:"";display:block;background:#DDDDDD;width: 22px;height:1px;position:absolute;right: calc(100% + 10px);top:50%;}
.product-list .list-general #grid .picture-item:hover .img img,.product-detail .list-general #grid .picture-item:hover .img img{ -webkit-filter:blur(4px); filter:blur(4px)}
.product-list .list-general #grid .picture-item:hover .img .hover,.product-detail .list-general #grid .picture-item:hover .img .hover{ opacity:1; background-size:73px}
.product-list .list-general #grid .picture-item:hover .img .hover span,.product-detail .list-general #grid .picture-item:hover .img .hover span{ letter-spacing:0}
.product-list .list-general #grid .picture-item:hover .text .basket,.product-detail .list-general #grid .picture-item:hover .text .basket{ -webkit-transform:translate(-50%, -50%) scale(1.2); transform:translate(-50%, -50%) scale(1.2)}
.product-list .list-general #grid .picture-item:hover .text .basket span,.product-detail .list-general #grid .picture-item:hover .text .basket span{ -webkit-transform:translate(-50%, -50%) scale(0.8); transform:translate(-50%, -50%) scale(0.8)}
.product-list .list-general #grid .picture-item:hover .text .basket:before,.product-detail .list-general #grid .picture-item:hover .text .basket:before{ opacity:0}
.product-list .list-general .my-sizer-element,.product-detail .list-general .my-sizer-element{ position:absolute; opacity:0; visibility:hidden}
.product-detail .theme-general .theme-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-list .theme-general,.product-detail .theme-general{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 450px);flex: 1;padding-top: 42px;margin-left: 30px;margin-right: 50px;}
.page.product-detail {
    padding-top: 110px;
}

.product-detail .product-search .form-group {
    margin-bottom: 40px;
}
.product-list .theme-general .theme-head h2,.product-detail .theme-general .theme-head h2{font-size:30px;font-family:"volteregular";color:#104260;padding-left:20px;margin-bottom: 30px;}
.product-list .theme-general .theme-content,.product-detail .theme-general .theme-content{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;padding: 3rem 4.2vw 4rem 2.8vw;background:#fff;border-radius:10px;border-top-right-radius:130px;}
.product-list .theme-general .theme-content .theme-preview,.product-detail .theme-general .theme-content .theme-preview{ -webkit-box-flex:0; -ms-flex:0 0 600px; flex:0 0 600px; max-width:600px; min-width:300px}
.product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide img{width:96px;height:72px;object-fit:cover;border-radius:5px;box-shadow: 0px 10px 20px #ffffff00;opacity:0.7;transition:0.4s;}
.product-detail .theme-general .theme-content .theme-preview .theme-preview-item{ position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; visibility:hidden; transition:0.4s;}
.product-detail .theme-general .theme-content .theme-preview{ position:relative; flex:0 0 31.5vw; min-width:15.7vw;}
.product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide .site-title{position:absolute;top:-40px;left:50%;transform:translateX(-50%);background:#104260;font-family:"voltemedium";font-size: 11px;letter-spacing:-0.04em;color:#fff;padding: 4px;opacity:0;width: 100%;text-align: center;border-radius:100px;transition:0.4s;}
.product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide .site-title:before{ content:""; position:absolute; bottom:-8px; left:50%; transform:translateX(-50%); display:inline-block; width:0; height:0; border-style:solid; border-width:10px 10px 0 10px; border-color:#104260 transparent transparent transparent;}
.product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide.swiper-slide-thumb-active .site-title{ opacity:1;}
.product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide{ cursor:pointer;}
.product-detail .theme-general .theme-content .theme-preview .theme-preview-item.active{ opacity:1; visibility:visible;}
.product-detail .theme-general .theme-content .theme-preview .main-slider .swiper-slide a{ display:block; position:relative; height:100%;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item .color-item-shadow{ position:absolute; top:6px; right:1px; left:1px; bottom:-1px; border-radius:5px; filter:blur(5px); pointer-events:none; opacity:0; transition:0.4s;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item.active{ opacity:1;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item.active .color-item-shadow{ opacity:1;}
.product-detail .theme-general .theme-content .theme-informations{ padding:10px 0 10px 90px;}
.product-detail .theme-general .theme-content .theme-preview .main-slider .swiper-slide img{ height:430px; object-fit:inherit;}
.product-detail .theme-general .theme-content .theme-preview:hover .main-slider .swiper-slide a:before{ opacity:1;}

.product-detail .theme-general .theme-content .theme-preview:hover .thumbs-slider .thumbs-slider-item { opacity: 1; transform: translateY(0); }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .thumbs-slider-item { opacity: 0; transform: translateY(20px); transition: 0.5s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(1) .thumbs-slider-item { transition-delay: 0.1s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(2) .thumbs-slider-item { transition-delay: 0.2s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(3) .thumbs-slider-item { transition-delay: 0.3s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(4) .thumbs-slider-item { transition-delay: 0.4s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(5) .thumbs-slider-item { transition-delay: 0.5s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(6) .thumbs-slider-item { transition-delay: 0.6s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(7) .thumbs-slider-item { transition-delay: 0.7s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(8) .thumbs-slider-item { transition-delay: 0.8s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(9) .thumbs-slider-item { transition-delay: 0.9s; }

.product-detail .theme-general .theme-content .theme-preview .main-slider .swiper-slide a:before{ content:""; position:absolute; bottom:-31px; left:0; right:0; height:400px; border-radius:10px; background:linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 56.37%, rgba(255, 255, 255, 0.85) 73.64%, #fff 100%); opacity:0; pointer-events:none; transition:0.4s;}
.product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide.swiper-slide-thumb-active img{opacity:1;box-shadow: 0px 4px 20px #92a3ac;}
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider{padding: 45px 20px 0;margin-top:-82px !important;height:30% !important;}


.product-list .theme-general .theme-content .theme-preview .main-slider,.product-detail .theme-general .theme-content .theme-preview .main-slider{width:100%;-webkit-box-shadow:0 20px 30px rgba(170, 188, 198, 0.49);box-shadow:0 20px 30px rgba(170, 188, 198, 0.49);border-radius:10px;height: 100%;}
.product-list .theme-general .theme-content .theme-preview .main-slider .swiper-slide img,.product-detail .theme-general .theme-content .theme-preview .main-slider .swiper-slide img{width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;height: 100%;}
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider{-webkit-transition:.4s;transition:.4s;height:20%;width: 85%;margin:-3rem auto 0;/* opacity:0; */pointer-events:none;}
.product-detail .theme-general .theme-content .theme-preview:hover .thumbs-slider{/* opacity:1; */pointer-events:all;}
.product-list .theme-general .theme-content .theme-informations,.product-detail .theme-general .theme-content .theme-informations{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 600px);flex: 1;padding-left: 4vw;}
.product-list .theme-general .theme-content .theme-informations .code,.product-detail .theme-general .theme-content .theme-informations .code{font-size:16px;font-family:"volteregular";color:#92A3AC;margin: 1rem 0 4px;}
.product-list .theme-general .theme-content .theme-informations h3,.product-detail .theme-general .theme-content .theme-informations h3{ font-size:26px; font-family:"voltesemibold"; color:#104260; margin-bottom:1.5rem}
.product-list .theme-general .theme-content .theme-informations p,.product-detail .theme-general .theme-content .theme-informations p{ font-size:15px; color:#4F5E65; font-family:"volteregular"; margin-bottom:2rem}
.product-list .theme-general .theme-content .theme-informations p strong,.product-detail .theme-general .theme-content .theme-informations p strong{ font-family:"voltesemibold"}
.product-list .theme-general .theme-content .theme-informations .theme-pay,.product-detail .theme-general .theme-content .theme-informations .theme-pay{ 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; border-top:1px solid #E9F2F7; border-bottom:1px solid #E9F2F7; padding:2rem 0}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .price > svg { margin-left: 15px; }

.product-detail .theme-general .theme-content .theme-informations .price .old-price svg {margin-left: -6px;margin-top: -3px;}

.product-list .theme-general .theme-content .theme-informations .theme-pay .price sup, .product-detail .theme-general .theme-content .theme-informations  .price sup{ font-size:15px; font-family:"voltesemibold"}
.product-list .theme-general .theme-content .theme-informations .theme-pay .price span.year, .product-detail .theme-general .theme-content .theme-informations .price span.year{ font-size:20px; font-family:"voltemedium"; color:#7F8181}
.product-list .theme-general .theme-content .theme-informations .theme-pay .price .old-price, .product-detail .theme-general .theme-content .theme-informations .price .old-price{ margin-left:10px; font-size:18px; font-family:"voltemedium"; color:#92A3AC; position:relative; display:inline-block}
.product-list .theme-general .theme-content .theme-informations .theme-pay .price .old-price:before, .product-detail .theme-general .theme-content .theme-informations .price .old-price:before{ content:""; display:block; height:1px; width:100%; top:50%; position:absolute; background:#92A3AC}
.product-list .theme-general .theme-content .theme-informations .theme-pay .price .old-price svg, .product-detail .theme-general .theme-content .theme-informations .price .old-price svg{ height:20px}
.product-list .theme-general .theme-content .theme-informations .theme-pay .price .old-price svg text, .product-detail .theme-general .theme-content .theme-informations .price .old-price svg text{ font-size:48px; fill:#92A3AC}
.product-list .theme-general .theme-content .theme-informations .theme-pay .price svg text, .product-detail .theme-general .theme-content .theme-informations .price svg text{ font-size:33px}
.product-list .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap,.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap{ -webkit-box-flex:0; -ms-flex:0 0 280px; flex:0 0 280px; max-width:280px; padding:1rem; background:#F2FAFD; border:1px solid #DEE5E8}
.product-list .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-input:checked ~ .custom-control-label,.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-input:checked ~ .custom-control-label{ color:#104260}
.product-list .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-input:checked ~ .custom-control-label svg text,.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-input:checked ~ .custom-control-label svg text{ fill:#104260}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap{ border-radius:5px; max-width:100%; flex:0 0 100%; display:flex; flex-wrap:wrap; background:transparent; border:none; padding:0 10px;}
.product-detail .theme-general .theme-content .theme-informations .price .new-price svg{ margin-top:-14px;}
.product-detail .theme-general .theme-content .theme-informations h3{ margin-bottom:0;}
.product-detail .theme-general .theme-content .theme-informations .code{ margin:0;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay{ border:none; padding:25px 0 15px; display:block;}
.product-detail .theme-general .theme-content .theme-informations .theme-title{ position:relative; margin-bottom:20px;}
.product-detail .theme-general .theme-content .theme-informations .theme-title span{ font-family:"voltesemibold"; font-size:13px; color:#9aa8b1; display:inline-block; position:relative; background:#fff; padding-right:10px;}
.product-detail .theme-general .theme-content .theme-informations .theme-title:before{ content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; height:1px; background:#E9F2F7;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control:nth-child(2n+1){ margin-left:0 !important;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control{/* flex:0 0 230px; */ margin-bottom:8px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .colors-list-row{ display:flex; align-items:center;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors{ border-bottom:1px solid #E9F2F7; padding-bottom:28px; margin-bottom:35px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content{ display:flex; align-items:center; padding:0 5px; position:relative;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list{ display:flex; align-items:center;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list.swiper-container{ padding:20px 0 20px 20px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button{ width:25px; height:25px; display:flex; align-items:center; justify-content:center; cursor:pointer; position:relative; border:1px solid #aabcc6; transition:0.4s;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-next{ border-radius:5px 5px 0 0;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content.color-slider-active:before{ content:""; position:absolute; top:0; bottom:0; left:0; width:30px; background:linear-gradient(to right, white, #ffffff00); z-index:9; pointer-events:none;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button:hover svg{ fill:#104260;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button:hover{ border-color:#104260;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-prev:before, .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-next:before{ content:""; position:absolute; left:0; right:0; height:1px; background:#38627b; opacity:0; z-index:9; transition:0.4s;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-prev svg{ transform:rotate(180deg);}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-prev:before{ top:-1px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-next:before{ bottom:-1px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button:hover:before{ opacity:1;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content.color-slider-active .colors-text{ margin-right:-110px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button svg{ width:13px; height:13px; fill:#aabcc6; transition:0.4s;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-prev{ margin-left:0; margin-top:-1px; border-radius:0 0 5px 5px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list.swiper-container .theme-colors-item + .theme-colors-item{ margin-left:0;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .swiper-slide{ width:auto;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item{ min-width:28px; height:30px; position:relative; border-radius:5px; opacity:0.5; transition:0.4s; cursor:pointer;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item + .theme-colors-item{ margin-left:20px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text .colors-text-item.active{ opacity:1; visibility:visible;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text .colors-text-item{ position:absolute; top:0; left:0; right:0; opacity:0; visibility:hidden; transition:0.4s; display:flex; align-items:center;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text{ display:flex; align-items:center; margin-left:30px; width:100%; position:relative; height:22px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text p{ font-family:"voltemedium"; font-size:15px; color:#1d61ce; margin-bottom:0;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text svg{ margin-right:8px; width:12px; height:10px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text p strong{ font-family:"voltebold";}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control + .custom-control{ margin-top:0;margin-left: 0.5vw;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control-input:checked ~ .custom-control-label::before{ border-color:#104260; background:#fff0;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control-label::before{ background:#fff0; box-shadow:none !important;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-checkbox .custom-control-label::after{ background-position:center; background-size:contain; width:10px; height:9px; left:-21px; top:7px;}
.product-detail .theme-general .theme-content .theme-informations .price span.year{ transform:translateY(-4px); margin-left:-3px; display:inline-block;}
.product-detail .theme-general .theme-content .theme-informations .price .old-price{ margin:0 0 0 0;}
.product-detail .category-btn{ display:none;}
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange{display:flex;align-items:center;margin-left: 0;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-checkbox .custom-control-input:checked~.custom-control-label::after{ background-image:url(../img/main/tick-sign.svg);}
.product-list .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label,.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label{ -webkit-transition:.4s; transition:.4s; font-size:13px; font-family:"voltesemibold"; color:#56666F}
.product-list .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label svg,.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label svg{ width:11px; height:14px}
.product-list .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label svg text,.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label svg text{ fill:#56666F; -webkit-transition:.4s; transition:.4s; font-size:50px}
.product-list .theme-general .theme-content .theme-informations .buttons,.product-detail .theme-general .theme-content .theme-informations .buttons{margin-top:1.5rem;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: 0 -50px;}
.product-detail .theme-general .theme-content .theme-informations .buttons a.btn{border:1px solid #AABCC6;background:rgba(0, 0, 0, 0);border-radius:3rem;padding: .75rem 25px;flex: 1;box-shadow: none;line-height: normal;transition: 0.4s;margin: 0 25px;display: flex;align-items: center;justify-content: center;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info{position:absolute;top:50%;transform:translateY(-50%);right: -35px;padding-right:0;width:40px;height:40px;cursor:pointer;z-index:9;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info p:before{content:"";position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);left:-5px;width:17px;height:17px;background:#56666F;z-index: -1;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info:hover p{ opacity:1; visibility:visible; pointer-events:all;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info p{ max-width:130px; border-radius:5px; background:#56666f; box-shadow:0px 6px 10px rgba(0, 0, 0, 0.22); font-family:"voltemedium"; font-size:12px; line-height:13px; color:#fff; padding:10px 20px; position:absolute; top:50%; transform:translateY(-50%); right:-150px; margin-bottom:0; opacity:0; visibility:hidden; pointer-events:none; transition:0.4s;}
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange:after { content: ""; position: absolute; z-index: -1; bottom: -6px; left: 0; height: 100%; width: 100%; opacity: 0; border-radius: 3rem; background: linear-gradient(90deg, #f76046 0%, #f6ac29 100%); -webkit-filter: blur(9px); filter: blur(9px); -webkit-transition: .8s; transition: .8s; }
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange:hover:after { opacity: 0.7; }
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn:hover { border-color: #104260; }
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn:hover span { color: #104260; }
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn:hover svg path { fill: #104260; }
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info:before {content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0px;background-image: url(../img/main/basket-info-icon.svg);width: 30px;height: 30px;background-size: contain;background-repeat: no-repeat;background-position: center;}
.product-list .theme-general .theme-content .theme-informations .buttons button.btn svg, .product-detail .theme-general .theme-content .theme-informations .buttons a.btn svg{display:inline-block;margin-right: 5px;}
.product-list .theme-general .theme-content .theme-informations .buttons button.btn svg path,.product-detail .theme-general .theme-content .theme-informations .buttons button.btn svg path{fill:#AABCC6;transition: 0.4s;}
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{color:#AABCC6;font-size: 13px;font-family:"voltesemibold";transition: 0.4s;}
.product-list .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange,.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange{ border-color:rgba(0, 0, 0, 0); position:relative; z-index:10}
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange svg {width: 28px !important;height: 28px !important;margin-right: 5px;}
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange:before{ content:""; z-index:-1; display:block; position:absolute; left:0; right:0; bottom:0; top:0; background:#f76046; background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29)); background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%); border-radius:3rem}
.product-list .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange svg path,.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange svg path{ fill:#fff}
.product-list .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange span,.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange span{ color:#fff}
.product-list .theme-general .nav-tabs,
.product-detail .theme-general .nav-tabs{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:10px 0 14px; border-bottom:0}
.product-list .theme-general .nav-tabs .nav-item,
.product-detail .theme-general .nav-tabs .nav-item{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 5px); flex:0 0 calc(50% - 5px)}
.product-list .theme-general .nav-tabs .nav-item a.nav-link,
.product-detail .theme-general .nav-tabs .nav-item a.nav-link{border:none;color:#92A3AC;border: 1px solid #fff;font-size:16px;font-family:"voltesemibold";padding:1rem;display:block;text-align:center;background:#fff;border-radius:10px;}
.product-list .theme-general .nav-tabs .nav-item a.nav-link.active,
.product-detail .theme-general .nav-tabs .nav-item a.nav-link.active{color:#104260;border-color: #104260;}
.product-list .theme-general .tab-content .tab-pane .accordion,
.product-detail .theme-general .tab-content .tab-pane .accordion{ padding:2rem 1rem; background:#fff; border-radius:10px}
.product-list .theme-general .tab-content .tab-pane .accordion .card,
.product-detail .theme-general .tab-content .tab-pane .accordion .card{ border:none}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-header,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header{ padding:0; margin:0; border:none; background:rgba(0, 0, 0, 0)}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn{border-radius:10px;background:#F4F7FA;padding:.75rem 2rem .75rem 4rem;font-size:18px;font-family:"voltesemibold";color:#5B6A72;position:relative;align-items: center;}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information{ font-size:13px; font-family:"voltemedium"; color:#A7B8C1; position:relative}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information svg,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information svg{ position:absolute; left:-1rem; top:50%; margin-top:-6px}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn:before,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn:before{ content:""; display:block; width:13px; height:2px; border-radius:2px; background:#5B6A72; position:absolute; top:50%; margin-top:-1px; left:2rem}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build{ padding:.5rem 1rem}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:20px 0 15px}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-head,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-head{ -webkit-box-flex:0; -ms-flex:0 0 200px; flex:0 0 200px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; padding-right:3rem; -webkit-box-sizing:border-box; box-sizing:border-box}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-head svg,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-head svg{ position:absolute; right:1rem; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-content,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-content{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 200px); flex:0 0 calc(100% - 200px)}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-content span.build-property,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-content span.build-property{ display:inline-block; padding:.25rem .5rem; margin:0 5px 5px 0; border:1px solid #AABCC6; border-radius:5px; font-size:13px; font-family:"voltemedium"; color:#4A5E67}
.product-detail .tab-content .card-body { padding: 5px 1.25rem; }
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item+.build-item,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item+.build-item{ border-top:1px solid #E1EAEF}
.product-list .theme-general .tab-content .tab-pane .general-informaiton,.product-detail .theme-general .tab-content .tab-pane .general-informaiton{margin: 20px 0 20px;padding:2rem 1rem;background:#fff;border-radius:10px;}
.product-list .theme-general .tab-content .tab-pane .general-informaiton .general-information-head,
.product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-head{ border-radius:10px; background:#F4F7FA; padding:.75rem 2rem; font-size:18px; font-family:"voltesemibold"; color:#5B6A72; position:relative}
.product-list .theme-general .tab-content .tab-pane .general-informaiton .general-information-head h2,
.product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-head h2{ margin:0; color:#5B6A72; font-size:18px; font-family:"voltesemibold"}
.product-list .theme-general .tab-content .tab-pane .general-informaiton .general-information-content,
.product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-content{ padding:2rem 1rem}
.product-list .theme-general .tab-content .tab-pane .general-informaiton .general-information-content p,
.product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-content p{font-size:14px;font-family:"volteregular";color:#263034;margin-bottom: 0;}
.product-detail .theme-general .tab-content .tab-pane .theme-table{background:#fff;border-radius:10px;padding: 3rem 8rem;}
.product-list .theme-general .tab-content .tab-pane .theme-table ul,
.product-detail .theme-general .tab-content .tab-pane .theme-table ul{ overflow:hidden; border-radius:10px}
.product-list .theme-general .tab-content .tab-pane .theme-table ul li,
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li{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;align-items: center;padding:.75rem 3rem .75rem 1rem;}
.product-list .theme-general .tab-content .tab-pane .theme-table ul li span, .product-detail .theme-general .tab-content .tab-pane .theme-table ul li > span{ color:#4A5E67; font-size:13px; font-family:"voltemedium"; height:18px; display:inline-block; position:relative}
.product-list .theme-general .tab-content .tab-pane .theme-table ul li span svg,
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li span svg{ width:25px; heighT:25px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
.product-list .theme-general .tab-content .tab-pane .theme-table ul li span+span, .product-detail .theme-general .tab-content .tab-pane .theme-table ul li > span+span{font-family:"voltesemibold";color:#104260;width:40px;text-align:center;}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li:nth-child(odd){background: #F4F7FA;}
.product-list .theme-general .service-in-service,
.product-detail .theme-general .service-in-service{ background:#fff; padding:3rem 0 3rem 4rem; border-radius:10px}
.product-list .theme-general .service-in-service .service-head,
.product-detail .theme-general .service-in-service .service-head{ text-align:center; padding:2rem; margin-right:4rem}
.product-list .theme-general .service-in-service .service-head h2,
.product-detail .theme-general .service-in-service .service-head h2{ font-size:23px; font-family:"voltesemibold"; color:#104260; margin-bottom:2rem}
.product-list .theme-general .service-in-service .service-head p,
.product-detail .theme-general .service-in-service .service-head p{font-size:15px;font-family:"volteregular";color:#000;max-width: 440px;margin: 0 auto 2rem;}
.product-list .theme-general .service-in-service .service-content ul,
.product-detail .theme-general .service-in-service .service-content ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.product-list .theme-general .service-in-service .service-content ul li,
.product-detail .theme-general .service-in-service .service-content ul li{ -webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%; -webkit-box-sizing:border-box; box-sizing:border-box; padding:1rem}
.product-list .theme-general .service-in-service .service-content ul li .icon,
.product-detail .theme-general .service-in-service .service-content ul li .icon{ position:relative; padding:1rem; height:95px; z-index:30}
.product-list .theme-general .service-in-service .service-content ul li .icon span.bg,
.product-detail .theme-general .service-in-service .service-content ul li .icon span.bg{ position:absolute; left:-30px; top:0; width:140px; z-index:-1; height: 140px;}
.product-list .theme-general .service-in-service .service-content ul li .icon span.bg img,
.product-detail .theme-general .service-in-service .service-content ul li .icon span.bg img{ display:block; max-width:100%}
.product-list .theme-general .service-in-service .service-content ul li .icon svg,
.product-detail .theme-general .service-in-service .service-content ul li .icon svg{width: 50px;height: 50px;margin: 13px 0 0 -15px;}
.product-list .theme-general .service-in-service .service-content ul li .text h3,
.product-detail .theme-general .service-in-service .service-content ul li .text h3{ font-size:16px; color:#56666F; font-family:"voltesemibold"}
.product-list .theme-general .service-in-service .service-content ul li .text p,
.product-detail .theme-general .service-in-service .service-content ul li .text p{ font-size:14px; color:#4F5E65; font-family:"volteregular"}

.product-detail .theme-general .tab-content .tab-pane .theme-table ul li > span + span{ width:auto; display:block; height:auto;}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li > span + span .select {
    width: 100%;
}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li > span.select > span.select2-container{width: 200px !important;}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li:nth-child(even){ background:#ECEFF2;}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li:first-child > span + span{ font-family:"voltemedium"; font-size:15px;}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li + li{ margin-top:5px;}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li{ padding:0 30px; height:50px;}
.product-detail .theme-general .select2-container .select2-selection--single .select2-selection__rendered{ padding-right:30px; line-height:30px;}
.product-detail .theme-general .select2-container--default .select2-selection--single .select2-selection__arrow{ top:50%; transform:translateY(-50%); height:2px; right:6px;}
.product-detail .theme-general .select2-container--default .select2-selection--single .select2-selection__arrow b{ margin-top:0; top:0; border-color:#7D8990 transparent transparent transparent; border-width:6px 5px 0 5px;}
.product-detail .theme-general .select2-container--default .select2-selection--single{ border:1px solid #AABCC6; border-radius:7px;}
.product-detail .theme-general .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.product-detail .theme-general .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-width:0 5px 6px 5px; border-color:transparent transparent #7D8990 transparent;}
.product-detail .theme-general .nav-tabs .nav-item{ flex:0 0 32.9%;}
.product-detail .theme-general .nav-tabs .nav-item + .nav-item{ margin-left:8px;}
.product-detail .theme-general .nav-tabs{ padding-bottom:0; margin-bottom:10px; flex-wrap:nowrap;}
.product-detail .theme-general .tab-content .tab-pane#service-tab .general-informaiton{ margin-top:10px;}


@media only screen and (max-width: 1650px){
    .product-list .list-general #grid .picture-item .text .price { padding-left: 3.4vw; }
    .product-list .list-general #grid .picture-item .text .name {padding-right: 3.4vw;}
    .product-list .list-general #grid .picture-item { margin: 0 1.6vw 40px; width: calc(50% - 3.3vw); }
    .product-list .list-general #grid .picture-item .text .price, .product-detail .list-general #grid .picture-item .text .price {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 1600px){
    .product-list .list-general { padding-left: 4vw; padding-right: 2vw; }
    .product-list .list-general>h2 { font-size: 1.8vw; }
}

@media only screen and (max-width: 1450px){
    .product-list .sidebar-general, .product-detail .sidebar-general {
        padding-top: 0;
    }
    .product-list .product-search h6, .product-detail .product-search h6 {
        padding-left: 0;
    }
    .product-list .product-search, .product-detail .product-search { width: 360px; padding: 37px 28px 18px; }
    .product-list .list-general #grid .picture-item .text .name { font-size: 1vw; }
    .product-list .list-general {padding-right: 0;}
    .product-detail .sticky-area, .product-list .sticky-area {
        padding-top: 0px;
    }
    .product-sidebar li a .circle {
    left: 20px;
}
}

@media only screen and (max-width: 1370px){
    .product-list .list-general #grid .picture-item .text .price .new-price{ font-size:1.4vw;}
    .product-list .product-search h6, .product-detail .product-search h6{ padding-left:0;}
    .product-list .list-general #grid .picture-item .text .price .old-price{ font-size:1.1vw;}
    .product-list .sidebar-general .product-sidebar li a, .product-detail .sidebar-general .product-sidebar li a{ padding-left:50px;}
    .product-sidebar li a .circle {
        left: 30px;
    }
    .product-list .sidebar-general .product-sidebar li a .plus-minus, .product-detail .sidebar-general .product-sidebar li a .plus-minus{ left:30px;}
    .product-list .sidebar-general .product-sidebar li .custom-control, .product-detail .sidebar-general .product-sidebar li .custom-control{ padding-left:35px;}
    .product-list .sidebar-general .product-sidebar li ul li:before, .product-detail .sidebar-general .product-sidebar li ul li:before{ left:14px;}
    .product-list .sidebar-general .product-sidebar li ul li a, .product-detail .sidebar-general .product-sidebar li ul li a{ padding-left:35px;}
    .product-list .product-search, .product-detail .product-search{ padding-left:25px; width:330px;}
    .product-list .product-search .form-group, .product-detail .product-search .form-group{ margin-bottom:30px;}
    .product-list .sidebar-general{top: 0;padding-top: 0;}
    .product-list .sidebar-general .product-sidebar, .product-detail .sidebar-general .product-sidebar{padding-top: 0;}
    .product-list .list-general{padding-left:3vw;}
}

@media only screen and (max-width: 1199px){
    .product-list .list-general #grid, .product-detail .list-general #grid { width: 100%; flex: 0 0 100%; min-height: initial; }
    .product-detail .theme-general .theme-content .theme-preview .thumbs-slider .thumbs-slider-item { opacity: 1; transform: translateY(0); }
    .product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide img { opacity: 1; }
    .product-detail .theme-general .tab-content .tab-pane .theme-table { padding: 3rem 3rem; }
    .product-list .list-general{ margin-top:-81px; flex:0 0 calc(100% - 320px); max-width:calc(100% - 320px);}
    .product-list .list-general>h2{ margin-left:20px;}
    .product-list .product-search h6, .product-detail .product-search h6{ font-size:17px; padding:0 20px;}
    .product-list .sidebar-general .product-sidebar li .custom-control, .product-detail .sidebar-general .product-sidebar li .custom-control{ font-size:14px;}
    .product-list .sidebar-general .product-sidebar li ul li a, .product-detail .sidebar-general .product-sidebar li ul li a{ font-size:14px;}
    .product-list .sidebar-general .product-sidebar li a, .product-detail .sidebar-general .product-sidebar li a{ font-size:15px;}
    .product-list .product-search, .product-detail .product-search{ padding-bottom:30px;}
    .product-list .sidebar-general, .product-detail .sidebar-general{flex:0 0 290px;width:290px;max-width:290px;top: 20px;}
    .product-list .product-search, .product-detail .product-search{ width:290px; padding:30px 10px;}
    .product-list .sidebar-general{ top:10px !important;}
    .product-list .list-general #grid .picture-item .text .price .new-price{ font-size:1.6vw; margin-top:0;}
    .product-list .list-general #grid .picture-item .text .name{ padding:0 3.4vw 0 1rem;}
    .product-list .list-general #grid .picture-item .text .basket{ width:40px; height:40px;}
    .product-list .list-general #grid .picture-item .text .price{ padding:7px 1rem 5px 3.4vw; align-items:center;}
}

@media only screen and (max-width: 991px){
    .product-list .container, .product-detail .container { padding: 0; }
    .product-list .product-search, .product-detail .product-search{position:relative;width:100%;top:0;background:transparent;border:none;margin:10px 35px;padding:0;}
    .product-list .product-search h6, .product-detail .product-search h6{position:absolute;top:13px;left:0;padding:0;}
    .product-list .product-search .form-group, .product-detail .product-search .form-group{margin-bottom:0;}
    .product-list .product-search .form-group .form-control, .product-detail .product-search .form-group .form-control{position:relative;z-index:9;padding:0;margin-right:0;width:93%;margin-left:0;opacity:0;visibility:hidden;transition:0.4s;background:#f4f7fa;font-family:"voltemedium";font-size:17px;border: none;}
    .product-list .product-search .product-search-button, .product-detail .product-search .product-search-button{padding:0;}
    .product-list .product-search.active .form-group .form-control, .product-detail .product-search.active .form-group .form-control{opacity:1;visibility:visible;}
    .product-list .product-search.active .form-group button svg, .product-detail .product-search.active .form-group button svg{opacity:0;}
    .product-list .product-search .product-search-button:before, .product-list .product-search .product-search-button:after, .product-detail .product-search .product-search-button:before, .product-detail .product-search .product-search-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);width:20px;height:2px;background:#3F4C53;opacity:0;transition:0.4s;}
    .product-list .product-search .product-search-button:after, .product-detail .product-search .product-search-button:after{transform:translate(-50%, -50%) rotate(-45deg);}
    .product-list .product-search.active .product-search-button:before, .product-list .product-search.active .product-search-button:after, .product-detail .product-search.active .product-search-button:before, .product-detail .product-search.active .product-search-button:after{opacity:1;}
    .product-list .product-search.active .product-search-button svg, .product-detail .product-search.active .product-search-button svg{opacity:0;}
    .product-list .product-search .product-search-button svg, .product-detail .product-search .product-search-button svg{transition:0.4s;}
    .product-list .product-row{overflow:hidden;margin: 0;}
    .product-list .sidebar-general, .product-detail .sidebar-general{flex:0 0 100%;max-width:100%;width:100%;}
    .product-list .list-general #grid, .product-detail .list-general #grid{min-height:auto;margin: 0;}
    .product-list .list-general{margin:0;padding: 40px 10px;flex:0 0 100%;max-width:100%;}
    .product-list .sidebar-general{top:0 !important;}
    .product-list .list-general #grid .picture-item .img:before {
        visibility: hidden;
    }

    .product-list .list-general #grid .picture-item .text {
        background: none;
        box-shadow: none;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 0 15px;
    }

    .product-list .list-general #grid .picture-item a {
        display: block;
        margin-bottom: 20px;
        height: 300px;
    }

    .product-list .list-general #grid .picture-item .img {
        height: 100%;
        padding: 10px;
        border-radius: 10px;
    }

    .product-list .list-general #grid .picture-item .img img {
        height: 100%;
        width: 100%;
    }

    .product-list .list-general #grid .picture-item .text .basket {
        right: 6px;
        left: auto;
        transform: translate(0, -50%) scale(1);
    }

    .product-list .list-general #grid .picture-item .text .price .new-price:before {
        left: -18px;
        width: 13px;
        background: rgb(146 163 172 / 0.2);
    }
    .sidebar-general .category-bar{height:60px;line-height:59px;background:linear-gradient(to right, rgba(185, 209, 222, 0.47), transparent);padding:0;}
    .sidebar-general .category-bar .swiper-slide, .sidebar-general .category-sub-bar .swiper-slide{width:auto;}
    .sidebar-general .category-bar .swiper-slide a{font-size:16px;color:#000;display:inline-block;border-bottom:2px solid #ffffff00;font-family:"voltemedium";}
    .sidebar-general .category-sub-bar{height:70px;position:relative;background:#fff;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.05);}
    .sidebar-general .category-sub-bar .category-sub-bar-item{position:absolute;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:0.4s;overflow:hidden;width:100%;}
    .sidebar-general .category-sub-bar .category-sub-bar-item.active{opacity:1;visibility:visible;}
    .sidebar-general .category-bar .swiper-container,.sidebar-general .category-sub-bar .swiper-container{padding:0 30px;}
    .sidebar-general .category-sub-bar .swiper-slide label:before, .sidebar-general .category-sub-bar .swiper-slide label:after{visibility:hidden;}
    .sidebar-general .category-sub-bar .swiper-slide .custom-control{padding-left:0;min-height:initial;}
    .sidebar-general .category-sub-bar .swiper-slide label, .sidebar-general .category-sub-bar .swiper-slide a{font-size:15px;color:#104260;border:1px solid #ECF2F5;padding:6px 13px;display:block;border-radius:100px;line-height:normal !important;transition:0.4s;}
    .sidebar-general .category-bar .swiper-slide a.active{border-bottom-color:#104260;color:#104260;}
    .sidebar-general .category-sub-bar .swiper-slide a.active, .sidebar-general .category-sub-bar .swiper-slide label.active{background:#104260;border-color:#104260;color:#fff;font-family:"voltemedium";}
    .product-list .list-general>h2{font-size:23px;margin-bottom:25px;}
    .product-list .list-general #grid .picture-item{margin-bottom: 80px;/* height: 300px; */background: linear-gradient(to top, rgb(185 209 222 / 0.3) 0%, rgb(200 219 229 / 0.1) 26.4%, rgba(255, 255, 255, 0) 100%);padding: 20px;border-radius: 20px;}
    .product-list{padding:70px 0 10px;}
    .product-list nav ul.pagination{margin-top:30px;}
    .product-list .list-general #grid .picture-item .text .name{font-size:12px;padding: 0;text-align: left;flex: none;white-space: nowrap;max-width: 100px;overflow: hidden;text-overflow: ellipsis;}
    .product-list .list-general #grid .picture-item .text .price .old-price{font-size:1.8vw;}
    .product-list .list-general #grid .picture-item .text .price .new-price{font-size: 15px;margin-left: 25px;}
    .product-list .list-general #grid .picture-item .text .price{border: 1px solid rgb(146 163 172 / 0.5);flex: none;max-width: initial;padding: 0 40px 0 20px;border-radius: 100px;}
}

@media only screen and (max-width: 767px){
    .product-list .list-general .searchProduct, .product-detail .list-general .searchProduct {
    flex-direction: column;
    margin-bottom: 0;
}

.product-list .list-general .searchProduct .urunArama h4:before, .product-detail .list-general .searchProduct .urunArama h4:before {
    display: none;
}
    .product-list{padding-top:50px;}
    .product-list .list-general>h2{font-size:18px;max-width:190px;text-align:center;margin:0 auto 30px;}
    .product-list .list-general #grid .picture-item{width:100%;margin:0 15px 50px;}
    .product-list .list-general{padding-bottom:10px;}
    .sidebar-general .category-sub-bar{height:55px;overflow:hidden;transition: 0.4s;}
    .sidebar-general .category-sub-bar.in-active {
        height: 0;
    }
    .sidebar-general .category-bar{height:50px;line-height:49px;}
    .product-list .list-general #grid .picture-item .text .basket svg{width:25px;height:25px;}
    .product-list .list-general #grid .picture-item .text .price .new-price{font-size:15px;}
    .product-list .list-general #grid .picture-item .text .price .old-price{font-size:12px;line-height: normal;}
    .product-list .list-general #grid .picture-item .text .price{padding: 3px 35px 3px 15px;}
    .product-list .list-general #grid .picture-item .text .name{font-size: 12px;padding-right: 0;max-width: 90px;}
    .product-list .product-search, .product-detail .product-search{margin:10px 30px;}
    .product-list .product-search.active .form-group .form-control, .product-detail .product-search.active .form-group .form-control{font-size:15px;}
}

@media only screen and (max-width: 1820px){
    .product-detail .theme-general .theme-content .theme-informations .buttons{flex-wrap:initial;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn + button.btn{margin-left:1vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn{padding:12px 1.3vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{font-size:0.7vw;}
    .product-detail .theme-general .theme-content .theme-preview{flex:0 0 29.5vw;}
    .product-detail .theme-general .theme-content .theme-informations{padding-left:3vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn + button.btn{margin-left:0;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{font-size:0.8vw;}
}

@media only screen and (max-width: 1780px){
    .product-detail .theme-general .theme-content .theme-informations { padding-left: 1vw; }
}

@media only screen and (max-width: 1680px){
    .product-detail .sidebar-general {
    padding-top: 10px;
}
    .product-detail .theme-general .theme-content .theme-informations { padding-left: 1.5vw; }
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span {font-size: 0.7vw;}  
    .product-list .list-general #grid .picture-item .text .price, .product-detail .list-general #grid .picture-item .text .price {
        padding-right: 20px;
    } 

}

@media only screen and (max-width: 1630px){
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn + button.btn { margin-left: 1vw; }
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span { font-size: 0.8vw; }
}

@media only screen and (max-width: 1600px){
    .product-detail .product-search{padding: 0px 0px 18px;}
    .product-detail .sidebar-general .product-sidebar li a{padding-left:50px;}
    .product-sidebar li a .circle {left: 21px;}
    .product-detail .sidebar-general .product-sidebar li a .plus-minus{left:33px;}
    .product-detail .sidebar-general .product-sidebar li ul li a{padding-left:38px;}
    .product-detail .sidebar-general .product-sidebar li ul li:before{left:17px;}
    .product-detail .sidebar-general .product-sidebar li ul li:after{left:17px;}
    .product-detail .product-search h6{padding-left:10px;}
    .product-detail .theme-general .theme-content{padding-right:2vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{font-size:1vw;}
}

@media only screen and (max-width: 1520px){
    .product-detail .theme-general .theme-content .theme-preview { flex: 0 0 27vw; }
    .product-detail .theme-general .theme-content .theme-informations { padding-left: 0; flex: 0 0 calc(100% - 30vw); max-width: calc(100% - 30vw); }
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span { font-size: 1.1vw; } 
}

@media only screen and (max-width: 1450px){
    .product-detail .theme-general .theme-content{flex-direction:column;justify-content:center;padding-top:20px;}
    .product-detail .theme-general .theme-content .theme-preview{margin:20px auto 20px;flex:none;height:420px;width:550px;}
    .product-detail .theme-general .theme-content .theme-informations{flex:0 0 100%;max-width:100%;padding:0 40px 10px 20px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-title span{font-size:15px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control{flex:0 0 260px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap{max-width:90%;flex:0 0 90%;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{font-size:1.3vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons{max-width: 90%;margin:0 auto;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay{margin-top:40px;}
}

@media only screen and (max-width: 1370px) {
    .product-detail .theme-general .theme-content .theme-informations .buttons {
        max-width: 100%;
    }
} 

@media only screen and (max-width: 1199px){
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control{flex:0 0 49%;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap{flex:0 0 100%;max-width:100%;}
    .product-detail .theme-general .theme-content .theme-informations{padding-right:20px;}
    .product-detail .theme-general .theme-content .theme-preview .thumbs-slider{opacity:1;pointer-events:all;}
    .product-detail .theme-general .theme-content .theme-preview .main-slider .swiper-slide a:before{opacity:1;}
    .product-detail .theme-general .nav-tabs .nav-item a.nav-link{height:100%;display:flex;align-items:center;justify-content:center;}
    .product-detail .theme-general .nav-tabs .nav-item{flex:0 0 32%;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information{font-size:11px;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn{align-items:center;}
    .product-detail .theme-general .service-in-service .service-content ul li{flex:0 0 33%;max-width:33%;}
}

@media only screen and (max-width: 991px){
    .product-detail .row{display:block;}
    .product-detail .category-btn span{font-size:18px;color:#104260;}
    .product-detail .category-btn{display:flex;align-items:center;justify-content:space-between;padding:0 60px 0 30px;}
    .product-detail .category-btn .close-btn{width:20px;height:20px;position:relative;}
    .product-detail .category-btn .close-btn:before, .product-detail .category-btn .close-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:2px;background:#104260;transition:0.4s;}
    .product-detail .category-btn .close-btn:after{transform:translate(-50%, -50%) rotate(90deg);width:0;}
    .product-detail .category-btn.active .close-btn:after{width:100%;}
    .product-detail .product-search{display:none;}
    .product-detail .sidebar-general{flex:0 0 100%;max-width:100%;margin-top: -3px;width:100%;margin-bottom: 70px;}
    .product-detail .theme-general .theme-head h2{display:none;}
    .product-detail .theme-general .theme-content .theme-preview{width:100%;min-width:initial;max-width:100%;}
    .product-detail .theme-general .theme-content .theme-preview .swiper-slide.swiper-slide-active{transform:translateY(-20px);opacity:1;}
    .product-detail .theme-general .theme-content .theme-preview .swiper-slide img{border-radius:10px;}
    .product-detail .theme-general .theme-content{display:block;width:100%;padding:0 0 10px;}
    .product-detail .theme-general{flex:0 0 100%;max-width:100%;margin-top: 20px;padding:0;}
    .product-detail .theme-general .theme-content .theme-preview .theme-preview-item .swiper-container{padding:30px 150px 100px;}
    .product-detail .theme-general .theme-content .theme-informations{padding: 30px 50px 30px 50px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-info-header {
        padding: 0 0;
    }
    .product-detail .theme-general .theme-content .theme-preview .swiper-slide .site-title{position:absolute;bottom:-70px;left:50%;transform:translateX(-50%);font-family:"voltemedium";font-size:17px;color:#7d8990;}
    .product-detail .theme-general .theme-content .theme-preview .swiper-slide .site-title:before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);display:inline-block;width:0;height:0;border-style:solid;border-width:0 5px 5px 5px;border-color:transparent transparent #7D8990 transparent;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item{width: 40px;height: 40px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item .color-item-shadow{top:30px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item + .theme-colors-item{margin-left: 20px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text p strong{font-family:"voltesemibold";}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text{margin-left:6vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons{max-width:87%;justify-content: center;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{font-size:2.2vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn{padding:10px 20px;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange svg{width:30px !important;height:30px !important;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors{border-bottom:none;margin-bottom:0;padding-bottom:0;margin-top: 40px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay{margin-top:20px;border-bottom:1px solid #E9F2F7;margin-bottom:40px;padding-bottom:30px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control{flex:0 0 40%;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info {
        right: 45px;
    }
    
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info p {
        top: -100%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%);
        width: 40vw;
    }

    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info p:before {
        bottom: -5px;
        top: auto;
        left: 50%;
        transform: translate(-50%, 0) rotate(45deg);
    }
    .product-detail .theme-general .nav-tabs .nav-item a.nav-link{background:transparent;border-color:#AABCC6;color:#AABCC6;padding:15px 10px;font-size:13px;}
    .product-detail .theme-general .nav-tabs .nav-item a.nav-link.active{background:rgba(16, 66, 96, 0.06);}
    .product-detail .theme-general .nav-tabs{padding: 15px 0px 0;margin: 0 10px 30px 25px;}
    .product-detail .theme-general .tab-content .tab-pane#service-tab .general-informaiton{padding:10px 20px;margin:0;}
    .product-detail .theme-general .tab-content .tab-pane{margin:0 10px;}
    .product-detail .theme-general .service-in-service{margin:0 10px;padding:50px 50px 20px;}
    .product-detail .theme-general .service-in-service .service-head{padding:0;max-width:470px;margin:0 auto 60px;}
    .product-detail .theme-general .service-in-service .service-content ul{flex-wrap:nowrap;}
    .product-detail .theme-general .service-in-service .service-head h2{margin-bottom:10px;}
    .product-detail .theme-general .service-in-service .swiper-pagination{position:relative;bottom:0;margin-bottom:15px;}
    .product-detail .theme-general .service-in-service .swiper-pagination .swiper-pagination-bullet{background:#D8E1E6;border-radius:100px;transition:0.4s;opacity:1;}
    .product-detail .theme-general .service-in-service .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide{padding-left: 40px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon{position:relative;padding: 1rem;height:95px;z-index:30;display: flex;align-items: center;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon span.bg{ position:absolute; left:-30px; top:0; width:140px; z-index:-1}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon span.bg img{ display:block; max-width:100%}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon svg{width: 70px;max-height: 70px;margin: 5px 0 0 -22px;display: flex;align-items: center;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .text h3{ font-size:16px; color:#56666F; font-family:"voltesemibold"}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .text p{ font-size:14px; color:#4F5E65; font-family:"volteregular"}
}

@media only screen and (max-width: 767px){
    .product-detail .theme-general{margin-top:20px;}
    .product-detail .theme-general .theme-content .theme-preview .swiper-slide .site-title{font-size:15px;bottom:-60px;}
    .product-detail .theme-general .theme-content .theme-preview{margin-top:0;height:220px;}
    .product-detail .category-btn{padding-right:41px;}
    .product-detail .sidebar-general{margin-bottom:70px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors { margin-top: 60px; }
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap { display: inline-block; }
    .product-detail{padding-bottom:40px;padding-top:70px;}
    .product-detail .theme-general .service-in-service .swiper-pagination{margin-bottom:10px;margin-top:7px;}
    .product-detail .theme-general .theme-content .theme-informations h3{font-size:18px;max-width:170px;}
    .product-detail .theme-general .theme-content .theme-preview .theme-preview-item .swiper-container{padding: 30px 50px 100px;}
    .product-detail .theme-general .theme-content .theme-informations .code{font-size:10px;margin-bottom:10px;}
    .product-detail .theme-general .theme-content .theme-informations{padding: 20px 35px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content{display:block;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text{margin-left:0;margin-top:30px;justify-content:center;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text .colors-text-item{justify-content:center;}
    .product-detail .theme-general .theme-content .theme-informations .theme-title{margin-bottom:30px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control{flex: 0 0 auto;margin-bottom:10px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control + .custom-control{margin-left:0;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label{font-size:15px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay{margin-top:10px;margin-bottom:30px;padding-bottom:20px;}
    .product-detail .theme-general .theme-content .theme-informations .buttons{max-width:100%;flex-wrap:wrap;align-items:center;justify-content: space-between;padding: 0 11px;}
    .product-detail .theme-general .theme-content .theme-informations .price{font-size:30px;margin-bottom:20px;}
    .product-detail .theme-general .theme-content .theme-informations .price .old-price{font-size:12px;}
    .product-detail .theme-general .theme-content .theme-informations .price .old-price svg{width:9px;height:12px;margin-top:-5px;margin-left:-4px;}
    .product-detail .theme-general .theme-content .theme-informations .price sup{margin-left:-4px;top:-7px;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn svg{width:17px !important;max-height:23px;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn{padding:9px 14px;line-height:normal;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn + button.btn{margin-left: 0;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{line-height:normal;font-size:3.7vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange svg{margin-right:4px;width:21px !important;}
    .product-detail .theme-general .theme-content .theme-informations .price .new-price svg{width:11px;}
    .product-detail .theme-general .theme-content .theme-informations .price span.year{font-size:14px;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange{padding: 10px 25px;margin-bottom:20px;}
    .product-detail .theme-general .nav-tabs{justify-content:flex-start;padding: 15px 0px 0;margin-bottom:6px;margin-left: 0;}
    .product-detail .theme-general .theme-content{border-top-right-radius:80px;}
    .product-detail .theme-general .nav-tabs .nav-item{flex:none;width:auto;}
    .product-detail .theme-general .nav-tabs .nav-item + .nav-item {
        margin-left: 0;
    }
    .product-detail .theme-general .nav-tabs .nav-item a.nav-link{padding:15px;}
    .product-detail .theme-general .services-slide{padding: 0 20px;max-width: 100%;/* overflow-x: auto; *//* overflow-y: hidden; */}
    .product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-content p{text-align:center;}
    .product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-content{padding:20px 20px;}
    .product-detail .theme-general .tab-content .tab-pane{margin:9px 10px 10px;}
    .product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-head h2{font-size:16px;}
    .product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-head{padding:.75rem 1.2rem;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn{padding-left:50px;justify-content:flex-start;text-align:left;font-size:17px;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information{display:block;margin-top:6px;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn:before{left:20px;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information svg{position:relative;top:0;left:0;}
    .product-detail .tab-content .card-body{padding:0;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info {
        right: 0;
        width: 48px;
    }
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item + .theme-colors-item {
        margin-left: 30px;
    }
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-head svg {display: none;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-content{flex:0 0 100%;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-head{flex:0 0 100%;margin-bottom:10px;}
    .product-detail .theme-general .tab-content .tab-pane .accordion{padding-bottom:10px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide{padding-left:0;}
    .product-detail .theme-general .tab-content .tab-pane .theme-table{padding:30px 30px;}
    .product-detail .theme-general .tab-content .tab-pane .theme-table ul li{padding-right:1rem;}
    .product-detail .theme-general .service-in-service .service-head h2{font-size:18px;}
    .product-detail .theme-general .service-in-service{padding:30px 30px 10px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon{transform:scale(0.9);}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon span.bg{left:-10px;top:-8px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon svg{margin-left: 2px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .text h3{margin-top:10px;font-size:15px;}
    .product-detail .theme-general .service-in-service .swiper-container{padding-top:10px;padding-left:2px;}
    .product-detail .theme-general .service-in-service .service-head{margin-bottom:50px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .text p{display:none;}
}

/* Contact */
.map-responsive iframe{ height:400px; width:100%}
.contact-bottom{ padding:60px 0}
.contact-us{margin: 0 10px;padding: 170px 0 130px;}
.contact-us .form-row.checkbox-row {
    justify-content: space-between;
    margin: 0;
    align-items: center;
}
.contact-us .form-row.checkbox-row .form-group:nth-child(2) {flex: 0 0 127px;}
.contact-us .contact-us-item{margin: 0 1vw;}
.contact-us .contact-us-item h3{ font-size:25px; font-family:"voltebold"; color:#BAC3CE; padding:1rem}
.contact-us .contact-us-item .item-content{background:#fff;padding:4rem 3rem 2rem;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow: 0px 15px 15px rgba(170, 188, 198, 0.15);}
.contact-us .contact-us-item .item-content .head{ padding:1rem 0.8rem; 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; border-top:1px solid #E2E4E5; border-bottom:1px solid #E2E4E5}
.contact-us .contact-us-item .item-content .head .icon{display: flex;align-items: center;}
.contact-us .contact-us-item .item-content .head .icon svg{ margin-right:.5rem}
.contact-us .contact-us-item .item-content .head .icon span{ font-size:19px; font-family:"voltesemibold"; color:#56666F}
.contact-us .contact-us-item .item-content .head a{ font-size:25px; color:#F7783C; font-family:"voltebold"; display:inline-block}
.contact-us .contact-us-item .item-content ul li{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; padding:1.5rem 30px 1.5rem 0}
.contact-us .contact-us-item .item-content ul li .icon{ -webkit-box-flex:0; -ms-flex:0 0 30px; flex:0 0 30px; max-width:30px; position:relative; height:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end}
.contact-us .contact-us-item .item-content ul li .icon svg{position:relative;width: 25px;height: 29px;}
.contact-us .contact-us-item .item-content ul li .icon:before{content:"";position:absolute;background:#FFE2D5;width:26px;height:26px;left: -6px;bottom: -3px;border-radius:26px;}
.contact-us .contact-us-item .item-content ul li p{ color:#56666F; margin-bottom:0; -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 40px); flex:0 0 calc(100% - 40px); -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:14px; line-height:18px}
.contact-us .contact-us-item .item-content ul li a{ color:#56666F; -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 40px); flex:0 0 calc(100% - 40px); -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.contact-us .contact-us-item .item-content .captcha.active .form-control, .contact-us .contact-us-item .item-content .form-group.active .form-control{ border-color:#49505773}
.contact-us .contact-us-item .item-content .form-group .form-control{ background:#F4F7FA; border:1px solid #DEE7EB; border-radius:28px; height:50px; padding:1rem 1.5rem; font-size:15px; -webkit-transition:.4s; transition:.4s; font-family:"voltemedium"; color:#9DAFB9}
.contact-us .contact-us-item .item-content .form-group .form-control::-webkit-input-placeholder{ color:#9DAFB9}
.contact-us .contact-us-item .item-content .form-group .form-control:-ms-input-placeholder{ color:#9DAFB9}
.contact-us .contact-us-item .item-content .form-group .form-control::-ms-input-placeholder{ color:#9DAFB9}
.contact-us .contact-us-item .item-content .form-group .form-control::placeholder{ color:#9DAFB9}
.contact-us .contact-us-item .item-content .form-group .form-control:focus{ border-color:#49505773}
.contact-us .contact-us-item .item-content .form-group textarea.form-control{ height:115px; resize:none}
.contact-us .contact-us-item .item-content .form-group button{background:#56666F;border:1px solid #707070;font-size:15px;font-family:"voltesemibold";color:#fff;padding: .75rem 0;border-radius:30px;width: 100%;transition: 0.5s;}
.contact-us .contact-us-item .item-footer{ margin-top:10px; background:#F97037; padding:0.9rem 1rem; height:85px; display:-webkit-box; display:-ms-flexbox; display:flex; border-bottom-left-radius:20px; border-bottom-right-radius:20px; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; position:relative}
.contact-us .contact-us-item .item-footer:before{content:"";position:absolute;left:1rem;top: 49.5%;height:3px;margin-top:-1px;background:#FCA581;width:50%;}
.contact-us .contact-us-item .item-footer p{margin-bottom:0;position:relative;color:#ffffff;background:#F97037;font-size:19px;color:#fff;font-family:"voltesemibold";padding:.25rem .5rem;height:65px;text-align:right;display: flex;align-items: center;margin-top: -5px;}
.contact-us .contact-us-item .item-footer p a{display:inline-block;border-radius: 120px;margin-left:1rem;padding:5px 2rem;border:2px solid #ffffff;color:#fff;}
.contact-us .contact-us-item.contact-us-item-1 .item-content{ height:555px}
.contact-us .contact-us-item.contact-us-item-1 .item-content ul{ padding:4rem 1rem 0}
.contact-us .contact-us-item.contact-us-item-1 .item-footer{ background:#F97037}
.contact-us .contact-us-item.contact-us-item-1 .item-footer:before{ background:#FCA581}
.contact-us .contact-us-item.contact-us-item-1 .item-footer p{ background:#F97037}
.contact-us .contact-us-item.contact-us-item-1 .item-footer p a:hover{ background:#fff; color:#f97037}
.contact-us .contact-us-item.contact-us-item-2 .item-content{ height:555px; padding:0}
.contact-us .contact-us-item.contact-us-item-2 .item-footer{ background:#F88D23}
.contact-us .contact-us-item.contact-us-item-2 .item-footer:before{ background:#FAAF65}
.contact-us .contact-us-item.contact-us-item-2 .item-footer p{ background:#F88D23}
.contact-us .contact-us-item.contact-us-item-2 .item-footer p a:hover{ background:#fff; color:#F88D23}
.contact-us .contact-us-item.contact-us-item-3 .item-content{padding: 3rem 4.2vw;height:555px;}
.contact-us .contact-us-item.contact-us-item-3 .item-footer{ background:#FDAD15}
.contact-us .contact-us-item.contact-us-item-3 .item-footer:before{ background:#FFD17B}
.contact-us .contact-us-item.contact-us-item-3 .item-footer p{ background:#FDAD15}
.contact-us .contact-us-item.contact-us-item-3 .item-footer p a:hover{ background:#fff; color:#FDAD15}
.contact-us .captcha {
    height: 50px;
}
.contact-us .captcha img.captcha_img{height:100%;max-height:100%;border-radius:100px;border-color:#DEE7EB;}
.contact-us .captcha a{background:#56666F;font-size: 13px;width:25px;height:25px;margin-top:-13px;}
.contact-us .captcha a i{margin-left:2px;}

.contact-us .contact-us-item .item-content .head a:hover {
    color: #56666f;
}

.contact-us .contact-us-item .item-content ul li a:hover {
    color: #f7783c;
}

.contact-us .contact-us-item .item-content .form-group button:hover {
    background: #ffffff;
    color: #56666F;
}

@media only screen and (max-width:1780px){
    .contact-us .contact-us-item.contact-us-item-3 .item-content {
        padding: 3rem 3vw;
    }
}

@media only screen and (max-width:1750px){
    .contact-us .contact-us-item .item-footer p{font-size:1vw;}
    .contact-us .contact-us-item .item-footer p a{padding:7px 1.5vw;font-size:0.9vw;}
}

@media only screen and (max-width:1650px){
    .contact-us .contact-us-item.contact-us-item-3 .item-content{padding:3rem 4vw;}
    .contact-us .contact-us-item .item-content .head a{font-size:1.3vw;}
    .contact-us .contact-us-item .item-content .head .icon span{font-size:1vw;}
}


@media only screen and (max-width:1570px){
    .contact-us .contact-us-item.contact-us-item-3 .item-content {
        padding: 3rem 2vw;
    }
}

@media only screen and (max-width:1470px){
    .contact-us .form-row.checkbox-row .form-group .custom-control.last-custom-checkbox {
        max-width: 100%;
    }

    .contact-us .form-row.checkbox-row .form-group:nth-child(2) {
        margin-left: auto;
        margin-top: -8px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width:1370px){
    .contact-us .contact-us-item.contact-us-item-1 .item-content ul{padding-top:30px;}
    .contact-us .contact-us-item{margin:0;}
    .contact-us .contact-us-item .item-content{padding:4rem 2rem 2rem;}
    .contact-us .contact-us-item.contact-us-item-3 .item-content{padding:3rem 2.5vw;}
}

@media only screen and (max-width:1199px){
    .contact-us .contact-us-item.contact-us-item-2 .item-content{position:relative;border-radius:20px;}
    .contact-us .contact-us-map{flex:0 0 100%;max-width:100%;margin-bottom:40px;}
    .contact-us .contact-us-info, .contact-us .contact-us-form{flex:0 0 50%;max-width:50%;}
    .contact-us .contact-us-item.contact-us-item-2 .item-footer{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 20px 20px;justify-content:center;background:none;height:120px;align-items:center;padding:0;margin:0;}
    .contact-us .contact-us-item .item-content #map{border-radius:20px;}
    .contact-us .contact-us-item .item-footer p{font-size:1.5vw;}
    .contact-us .contact-us-item .item-footer p a{padding:7px 2vw;font-size:1.5vw;}
    .contact-us .contact-us-item.contact-us-item-2 .item-footer:before{top:0;right:0;left:0;bottom:0;width:100%;height:100%;margin-top:0;border-radius:0 0 20px 20px;background:linear-gradient(to top, rgba(0, 0, 0, 0.34), #ffffff00);pointer-events:none;}
    .contact-us .contact-us-item.contact-us-item-2 .item-footer p{background:none;height:auto;margin-top:0;text-align:center;}
    .contact-us .contact-us-item.contact-us-item-2 .item-footer p span{display:none;}
    .contact-us .contact-us-item.contact-us-item-2 .item-footer p a{margin-left:0;margin-top:30px;}
    .contact-us .form-row.checkbox-row {
        margin-top: 30px;
    }
}

@media only screen and (max-width:991px){
    .contact-us .contact-us-item .item-content .head .icon span{font-size:1.9vw;}
    .contact-us .contact-us-item .item-content .head a{font-size:2vw;}
    .contact-us .form-row.checkbox-row .form-group:nth-child(2) {
        flex: 0 0 110px !important;
    }
    .contact-us .form-row.checkbox-row .form-group .custom-control.last-custom-checkbox {
        max-width: 180px !important;
    }
}

@media only screen and (max-width:767px){
    .contact-us .contact-us-info, .contact-us .contact-us-form{flex:0 0 100%;max-width:100%;}
    .contact-us .contact-us-item h3{font-size:19px;margin-bottom:0;font-family: "voltesemibold";}
    .contact-us .contact-us-item .item-content .head .icon svg{transform:scale(0.9);}
    .contact-us .contact-us-item .item-content .head .icon span{font-size: 15px;}
    .contact-us .contact-us-item .item-content .head a{font-size:16px;}
    .contact-us .contact-us-item .item-content{padding:30px 20px;height:auto !important;}
    .contact-us .contact-us-item.contact-us-item-1 .item-content ul{padding-top:10px;}
    .contact-us .contact-us-item .item-content ul li .icon{flex:0 0 20px;max-width:20px;}
    .contact-us .contact-us-item .item-content ul li .icon svg {
        min-width: 20px;
        height: 25px;
    }
    .contact-us .contact-us-item .item-content ul li .icon:before{width:20px;height:20px;left:-5px;bottom:1px;}
    .contact-us .contact-us-item .item-content ul li p, .contact-us .contact-us-item .item-content ul li a{font-size:15px;}
    .contact-us .contact-us-item .item-content ul li{padding:20px 0;}
    .contact-us .contact-us-item.contact-us-item-1 .item-content{height:auto;padding-bottom:10px;}
    .contact-us .contact-us-item .item-footer p{font-size:14px;height:auto;padding:0;margin-top:0;padding-left:10px;}
    .contact-us .contact-us-item .item-footer p a{font-size:13px;padding:5px 20px;}
    .contact-us .contact-us-item .item-footer{height:auto;align-items:center;padding:13px 10px;}
    .contact-us .contact-us-info{margin-bottom:40px;}
    .contact-us .contact-us-item.contact-us-item-2 .item-footer p a{padding:8px 20px;font-size:14px;}
    .contact-us{padding-bottom:70px;}
    .contact-us .contact-us-item .item-content #map{height:500px;}
    .contact-us .contact-us-item.contact-us-item-3 .item-content{padding:30px 20px 20px;}
}
.discount-btn-mobile {
    display: none;
}
/* Local Basket */
.sepetScreen i.fa-lira-sign{ font-size:80%}
.basket-nav .active.bar:before{width: 100%;}
.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:first-child:after { left: 14vw; }
.basket-nav .step:last-child:after { right: 14vw; }
.basket-nav .step.active .stepTitle a{color: #104260;}
.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:#122c48; 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; 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}
.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: #104260;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}
.sepetScreen .page.basket form.float-left .basketTitle a {
    background: #104260;
    border-radius: 35px;
    box-shadow: none;
    transition: .4s;
    border: 1px solid #104260;
}

.sepetScreen .page.basket form.float-left .basketTitle a i {
    margin-right: 5px;
}

.sepetScreen .page.basket form.float-left .basketTitle a:hover {
    color: #104260;
    background: #fff;
}
.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;padding: 45px 0px 45px 40px;border-radius: 15px;}
.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%}
.myAdresses ul li .adresEditBtn a {background: #104260;border: 1px solid #104260;border-radius: 25px;padding: 8px 20px;box-shadow: none !important;outline: 0 !important;transition: .4s;}
.myAdresses ul li .adresEditBtn a:hover {background: #fff;color: #104260;}
.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{font-size: 16px;color: #6e7f88;height: 50px;border-radius: 25px;background: #f4f7fa;border: 1px solid #b9c6ce;padding: 15px 30px;transition: 0.4s;height: 135px;}
.siparis-aciklamasi h4 {color: #104260;font-size: 19px;}
.bordColor textarea:focus {background: #fff;border-color: #000;}
.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; 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}
.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; 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;
    display: inline-block;
    /* margin-top: 10px; */
    margin: 0 0;
    }
.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}
table.ozelTablo6.productsL tr td{ border:1px solid #00cad7; padding:10px; text-align:center}
table.ozelTablo6.productsL{ width:100%}
.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}
/* Album */
.album-type-1{ background:#f6f6f6}
.album-type-1>.container{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start}
.album-type-1 .album-title{ -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; max-width:33.333%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.album-type-1 .swiper-container{ -webkit-box-flex:0; -ms-flex:0 0 66.666%; flex:0 0 66.666%; max-width:66.666%}
.album-type-1 .swiper-container .swiper-slide{ height:220px}
.album-type-1 .swiper-button-next,.album-type-1 .swiper-button-prev{ border:1px solid #07101b; width:34px; height:32px; 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; margin-top:calc(-32px / 2)}
.album-type-1 .swiper-button-prev{ left:initial; right:10px; margin-top:calc((32px / 2) - 1px)}
.album-type-2{ background:#f9f9f9}
.album-type-2>.container{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start}
.album-type-2 .album-title{ -webkit-box-flex:0; -ms-flex:0 0 22%; flex:0 0 22%; max-width:22%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.album-type-2 .swiper-container{ -webkit-box-flex:0; -ms-flex:0 0 78%; flex:0 0 78%; max-width:78%}
.album-type-2 .swiper-container .swiper-slide{ height:250px}
.album-type-2 .swiper-button-next,.album-type-2 .swiper-button-prev{ border:1px solid rgba(0, 0, 0, 0); width:34px; height:32px; 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; margin-top:0; top:calc(100% - 32px - 26px)}
.album-type-2 .swiper-button-prev{ left:initial; right:calc(10px + 34px)}
.album-type-2 .swiper-pagination{ font-size:1.25rem; left:calc(100% - (34px * 2) - 20px - 28px - 10px); width:auto; line-height:32px; height:32px; bottom:26px}
.album-type-3{ background:#f4f4f4}
.album-type-3>.container{ position:relative; padding:0 4.5rem}
.album-type-3 .album-title{ text-align:center}
.album-type-3 .swiper-container .swiper-slide{ height:220px}
.album-type-3 .swiper-button-next,.album-type-3 .swiper-button-prev{ top:calc(50% + 28px); margin-top:calc(-32px / 2); width:34px; height:32px; 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}
.album-type-3 .swiper-button-next svg,.album-type-3 .swiper-button-prev svg{ width:1.75rem; height:1.75rem}

/* Footer */
.footer .container{width: 68.4vw;margin:0 auto;padding: 0 0 0 0;}
.footer .footer-top{ padding:104px 0 50px}
.footer .footer-bottom .container{ padding:28px 0; border-top:1px solid #E7EBEF}
.footer .footer-logo{ width:200px; margin-bottom:20px}

.footer .footer-menu ol.footer-menu-container{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.footer .footer-menu ol.footer-menu-container>li{flex: 1 1 0;}
.footer .footer-menu ol.footer-menu-container>li h3.footer-menu-head{ color:#002840; font-weight:500; font-size:15px; padding-bottom:15px; margin-bottom:0; position:relative; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
.footer .footer-menu ol.footer-menu-container>li h3.footer-menu-head:before{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:#4d80b7; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
.footer .footer-menu ol.footer-menu-container>li .footer-menu-list li a{color: #869FAD;font-family: "voltemedium";font-size:14px;display:block;margin-bottom:4px;}
.footer .footer-menu ol.footer-menu-container>li .footer-menu-list li a:hover{color: #104260;}
.footer .footer-menu ol.footer-menu-container>li .footer-menu-list.active h3{ color:#486f98}
.footer .footer-menu ol.footer-menu-container>li .footer-menu-list.active h3:before{ width:100%}

.footer.footer-type-4 .footer-top .phone{padding-top:1rem;}
.footer.footer-type-4 .footer-top .phone a{display:-webkit-box;display:-ms-flexbox;display:flex;color:#AABCC6;align-items: center;}
.footer.footer-type-4 .footer-top .footer-logo .phone a img{ display:inline-block; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; margin-right:.5rem}
.footer.footer-type-4 .footer-top .footer-logo .phone a span{display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;white-space:nowrap;font-size:25px;font-family:"voltesemibold";}
.footer.footer-type-4 .footer-top .footer-logo .phone a span b{ font-family:"voltebold"}
.footer.footer-type-4 .footer-top .footer-menu{flex:1 1 0;}
.footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container{padding-left: 8vw;}
.footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-head{ color:#002840; font-family:"voltemedium"}
.footer.footer-type-4 .footer-top .footer-contact-information h3.footer-information-head{color:#002840;font-weight:500;font-family: "voltemedium";font-size:17px;padding-bottom:15px;margin-bottom:0;position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .icon{ color:#869FAD; display:none}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}
.footer .footer-contact-information ul li:last-child .text{ margin-left:0}
.footer .footer-contact-information ul li+li{ margin-top:8px; padding-top:8px; border-top:1px solid #E7EBEF}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text p{ color:#869FAD; position:relative; font-size:14px; font-family:"voltemedium"}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text p span{ position:absolute; left:0}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text p a{ color:#869FAD}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text h4{ color:#002840; display:inline-block; padding-right:1rem; font-size:1rem; font-family:"voltemedium"}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social a{font-size:1.2rem;padding:0;color:#AABCC6;}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social a+a{ margin-left:10px}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social a svg{width:20px;height:20px;fill:#AABCC6;transition: 0.4s;}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social span{display:inline-block;color:#AABCC6;font-family: "voltemedium";line-height:1.75rem;margin-left:8px;}

.footer.footer-type-4 .footer-bottom .copyright p{color:#5E727E;font-size:14px;font-family:"voltemedium";margin-bottom: 0;}
.footer.footer-type-4 .footer-bottom .copyright p strong{font-family: "voltesemibold";}
.footer.footer-type-4 .footer-bottom .cards-area a{display:inline-block;margin-left:.5rem;}
.footer.footer-type-4 .footer-bottom .copyright p > span {
    border-left: 1px solid #b8c8d1;
    margin-left: 3px;
    padding-left: 5px;
}

.footer .cards-area { user-select: none; }

.biltek{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.biltek a{ font-size:12px; color:#73828c; display:inline-block; line-height:20px; position:relative; vertical-align:top}
.biltek a:nth-last-child(1){ margin-left:10px; padding-left:10px; position:relative; top:-4px}
.biltek a:nth-last-child(1):before{ content:""; position:absolute; top:2px; left:0; width:1px; height:24px; background:rgba(115, 130, 140, 0.3)}
.biltek a img{ display:block; width:65px}

.footer.footer-type-4 .footer-top .footer-contact-information ul li .text p a:hover { color: #3a689a; }
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social a:hover svg { fill: #3a689a; }
.footer.footer-type-4 .footer-top .phone a:hover {
    color: #104260;
}
.footer.footer-type-4 .footer-top .phone a svg {
    margin-right: 8px;
}

.footer.footer-type-4 .footer-top .phone a svg path {
    transition: 0.4s;
}

.footer.footer-type-4 .footer-top .phone a:hover svg path {
    fill: #104260;
}

@media only screen and (max-width:1370px){
    .footer .footer-contact-information { padding-right: 3.6vw; }
    .footer .footer-contact-information { padding-right: 0; }
    .footer .container { padding-left: 1vw; }
    .footer .footer-bottom .container { padding-left: 1vw; }
}

@media only screen and (max-width:1199px){
    .footer .container { padding-left: 15vw; width: 93vw; }
    .footer .footer-bottom .container { margin-left: 15vw; width: 82vw; }
}

@media only screen and (max-width:991px){
    .footer.footer-type-4 .footer-top .footer-logo{margin-top: 60px;width: 180px;}
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container{ padding-left:0 }
    .footer.footer-type-4 .footer-top .footer-menu { flex: 0.9 0.9 0; }
    .footer .footer-contact-information { margin-top: 20px; }
}

@media only screen and (max-width:767px){
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-bottom:1rem }
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-head{ padding-bottom:.25rem; margin-bottom:0 }
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-list{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-.5rem }
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-list li{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; margin-bottom:0 }
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-list li a{ padding:.25rem .5rem; margin-bottom:0 }
    .footer.footer-type-4 .footer-top .footer-contact-information h3.footer-information-head{ margin-bottom:0; padding-bottom:.5rem }
    .footer.footer-type-4 .footer-top .footer-contact-information ul li{margin-bottom: 0;}
}

@media only screen and (max-width:480px){
    .footer.footer-type-4 .footer-top .footer-contact-information{ text-align:center }
    .footer.footer-type-4 .footer-top .footer-contact-information ul li .text p span{ position:static }
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-head{ text-align:center }
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-list{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-left:0 }
}

/* Basket info */
.page.basket.basket-step-1 {
    padding-top: 0;
}
.page.basket .basket-item + .basket-item {margin-top: 45px;}
.page.basket .basket-item{padding:0 10px;height: initial;}
.page.basket .basket-item .basket-title h2{ font-size:30px; color:#56666f; margin-bottom:0;}
.page.basket .basket-item .basket-content .basket-content-list {margin: 20px 0;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .money { display: inline; font-size: 13px; color: #3F4C53; margin-right: 0; }
.page.basket .basket-item .basket-content .basket-content-list > ul{ width:405px; border-radius:10px; border:2px solid #aabcc6; border-style:dashed; padding:20px 0 0;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li:last-of-type {padding-bottom: 15px;}
.page.basket .basket-item .basket-content .basket-content-list ul li .ext-text{ font-family:"voltemedium"; font-size:13px; color:#56666f !important; display:inline-block; min-width:initial; margin-left:10px;}
.page.basket .basket-item .basket-content .basket-content-list ul li .basket-number{display:flex;align-items:center;border:1px solid #D8E1E6;border-radius:15px;text-align:center;padding: 0 6px;}
.page.basket .basket-item .basket-content .basket-content-list ul li .basket-number .number-mines, .basket .basket-item .basket-content .basket-content-list ul li .basket-number .number-plus{ position: relative; width: 20px; height: 20px; cursor: pointer; }
.basket .basket-item .basket-content .basket-content-list ul li .basket-number .number-plus:before {content: "";position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;width: 8px;height: 2px;background: #56666F;}
.page.basket .basket-item .basket-content .basket-content-list ul li .basket-number .number-mines:before {content: "";position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;height: 2px;width: 6px;background: #56666F;}
.basket .basket-item .basket-content .basket-content-list ul li .basket-number .number-plus:after { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; height: 8px; width: 2px; background: #56666F; }
.page.basket .basket-item .basket-content .basket-content-list ul li .basket-number span.number{font-family:"voltebold";font-size: 12px;color:#104260;border-left:1px solid #D8E1E6;border-right:1px solid #D8E1E6;padding: 6px 8px;margin: 0 4px;}
.page.basket .basket-item .basket-content .basket-content-list ul li > span:nth-child(2){ font-family:"voltesemibold"; font-size:14px; color:#104260;}
.page.basket .basket-item .basket-content .basket-content-list ul li.discounted > span:nth-child(2){font-size: 16px;color:#000;}
.page.basket .basket-item .basket-content .basket-content-list ul li.discounted > span:nth-child(2) .zero{ font-size:14px; transform:translateY(-2px); display:inline-block;}
.page.basket .basket-item .basket-content .basket-content-list ul li.discounted > span:nth-child(2) .money{font-family:'Barlow', sans-serif;font-weight:600;display:inline-block;margin-left: 4px;font-size: 16px;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{ background:#F5F9FC; padding:20px 25px; border-top:none;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ~ li:last-of-type {
margin-top: 0;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li{ font-size: 13px; color: #3F4C53; width:100%;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label{ display:flex; align-items:center; -webkit-transition:.4s; transition:.4s; font-size:13px; font-family:"voltesemibold"; color:#56666F;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label svg{ width:11px; height:20px; margin-top:-2px; fill:#56666F;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control input:checked ~ .custom-control-label{ color:#104260;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control input:checked ~ .custom-control-label svg{ fill:#104260;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li + li{ margin-top:4px;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label:before{background:#fff0;box-shadow: none;border-color: #56666F;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label:after{ background-position:center; background-size:contain; width:10px; height:9px; left:-21px; top:7px;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control input:checked ~ .custom-control-label::before{border-color:#104260;background:#fff0;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control input:checked ~ .custom-control-label::after{ background-image:url(../img/main/tick-sign.svg);}
.page.basket .basket-item .basket-info{ border-radius:10px; background:#fff; padding:30px 20px; text-align:center; margin-top:15px;}
.page.basket .basket-item .basket-info p{ font-size:16px; color:#56666f; margin-bottom:0;}
.page.basket .basket-item .basket-info p span{ font-family:"voltesemibold"; font-size:17px; color:#104260; display:inline-block; margin:0 10px 0 6px;}
.page.basket .basket-item .basket-content .basket-content-list ul li > .del-text{ text-decoration-line:line-through;}
.page.basket .basket-item .basket-content .basket-content-list ul li .money{font-family:'Barlow', sans-serif;font-weight:500;margin-right: 0;min-width: initial;}
.page.basket .basket-item .basket-domain .domian-choose{ display:block;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn.active{ color:#104260;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn + .choose-btn{ margin-top:8px;}
.page.basket .basket-item .basket-domain .basket-domain-name{display:flex;margin-left: 0;width: 100%;}
.page.basket .basket-item .basket-domain .basket-domain-name input{width: 100%;height:50px;border-radius: 25px;background:#eaeef2;border:1px solid #dee7eb;font-size:16px;color:#56666f;padding:0 20px;}
.page.basket .basket-item .basket-domain .basket-domain-name .select2{/* border-radius:0 25px 25px 0; *//* background:#eaeef2; *//* border:1px solid #dee7eb; */margin-left:5px;width:90px !important;height: 50px;/* border-radius: 0 100px 100px 0; */}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn a:before{ content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; width:17px; height:17px; background:#fff; border:1px solid #56666f; border-radius:100%;}
.product-detail-select-dp .select2-search--dropdown { display: none; }
.page.basket .basket-item .basket-domain .tab-content { width: 100%; }
.page.basket .basket-item .basket-domain .basket-domain-name .select2.select2-container--open.select2-container--focus { border-radius: 0 25px 0 0; }
.page.basket .basket-item .basket-domain .basket-domain-name .select2.select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: 0; top: 67%; }
.page.basket .basket-item .basket-domain .domian-choose .choose-btn a:after{ content:""; position:absolute; top:50%; left:4px; transform:translate(0, -50%); width:9px; height:9px; background:#104260; border-radius:100%; opacity:0;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn.active:before{ border-color:#104260;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn.active:after{ opacity:1;}
.page.basket .basket-item .basket-domain .basket-domain-name .select2 span.select2-selection.select2-selection--single{height:100%;background: #eaeef2;/* border:none; */border: 1px solid #dee7eb;border-radius: 0 100px 100px 0;}
.page.basket .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:50px;}
.page.basket .basket-item .basket-domain .tab-pane a{font-family:"voltemedium";font-size:18px;color:#fff;border-radius:100px;background:#104260;height:50px;line-height:49px;padding: 0 30px;text-align: center;margin-left:15px;display: block;position: relative;z-index: 1;}
.page.basket .basket-item .basket-domain .tab-pane a:after { background: #104260; }
.page.basket .basket-item .basket-user-info .captcha.active input, .page.basket .basket-item .basket-user-info .form-group.active input, .page.basket .basket-item .basket-user-info .form-group input:focus { border-color: #104260; background: #fff; }
.page.basket .basket-item .basket-user-info .form-group input::-webkit-input-placeholder { color: #9dafb9; }
.page.basket .basket-item .basket-user-info .form-group input:-ms-input-placeholder { color: #9dafb9; }
.page.basket .basket-item .basket-user-info .form-group input::placeholder { color: #9dafb9; }
.page.basket .basket-item .basket-domain .basket-domain-name .select2 span.select2-selection.select2-selection--single .select2-selection__arrow { right: 8px; top: 7px; }
.page.basket .basket-item .basket-user-info .form-group input{height:50px;border-radius:25px;background:#f4f7fa;border:1px solid #dee7eb;font-family:"voltemedium";font-size:14px;color:#9dafb9;padding:0 30px;transition: 0.4s;}
.page.basket .basket-item .basket-user-info .form-row .form-group{ flex:0 0 calc(50% - 10px);}
.page.basket .col-lg-6:nth-child(2){ padding-left:0;}
.page.basket .col-lg-6:nth-child(1){ padding-right:0;}
.page.basket .basket-item .basket-user-info .form-row .form-group + .form-group{ margin-left:20px;}
.page.basket .basket-item .basket-user-info .form-row{ margin:0;}
.page.basket .basket-item .basket-user-info .form-row .form-group .captcha img.captcha_img{ height:100%; border-radius:25px; border:1px solid #dee7eb; max-height:100%;}
.page.basket .basket-item .basket-user-info .form-row .form-group .captcha{ height:50px; padding:0;}
.page.basket .basket-item .basket-user-info .form-row .form-group .captcha a{background:#104260;font-size:16px;margin-top:-12px;margin-right: 0;right: 8px;}
.page.basket .basket-item .basket-user-info .form-row .form-group .captcha + .captcha{ margin-left:20px;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom{ display:flex; align-items:center; justify-content:space-between; background:#fff; padding:25px 40px; margin-top:15px; border-radius:10px;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract{display:flex;align-items:center;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .submit {
    min-width: 260px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract p{ margin-bottom:0; font-size:15px; color:#56666f;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract p a{font-family:"voltesemibold";text-decoration:underline;color:#56666f;transition: .4s;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract label:after {content: "";position: absolute;top: 50%;left: 0;transform: translate(-50%, -50%);width: 6px;height: 6px;background: #104260;border-radius: 100%;opacity: 0;transition: .4s;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract input:checked ~ label:after { opacity: 1;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract p a:hover {color: #f76a43;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .submit button a { color: #fff; }
.page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract label{display:block;width: 100%;background:#fff;position:relative;margin-bottom:0;margin-right:8px;cursor: pointer;padding-left: 15px;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract input{position:absolute;border: 0;background: none;z-index: 0;-webkit-appearence: none;/* appearance: none; */width: 1px;height: 1px;}
.page.basket .basket-item .domain-form-el .basket-user-info-title{ margin-bottom:30px;}
.page.basket .basket-item .domain-form-el .basket-user-info-title h3{ font-size:16px; color:#104260; margin-bottom:0; position:relative;}
.page.basket .basket-item .domain-form-el .basket-user-info-title h3:before{ content:""; position:absolute; top:50%; transform:translateY(0); left:0; right:0; height:1px; background:#E1EAEF;}
.page.basket .basket-item .domain-form-el .basket-user-info-title h3 span{ background:#fff; position:relative; padding-right:15px;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract input:checked ~ label:before{ opacity:1;}
.page.basket .basket-item .basket-domain .tab-pane:nth-child(2) .basket-domain-name input{ width:100%; border-radius:100px;}
.page.basket .basket-item .basket-domain .tab-pane:nth-child(2) .basket-domain-item{width: 100%;}
.page.basket .basket-item .basket-domain .tab-pane:nth-child(2) .basket-domain-name{margin-left: -10px;width: 100%;}
.page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p{ font-family:"voltemedium"; font-size:15px; color:#384045; margin-bottom:0; position:relative;}
.page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p span{ font-family:"voltesemibold"; display:inline-block; margin-left:20px;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn a{ font-family:"voltesemibold"; font-size:15px; color:#56666f; position:relative; padding-left:25px;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn a.active:after{ opacity:1;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn a.active:before{ border-color:#104260;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn a.active{ color:#104260;}

.sepetScreen .page.basket .order-summary-container .discounts-for-you {
    text-align: center;
    font-family: "voltesemibold";
    font-size: 15px;
    color: #104260;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0eaef;
    text-transform: uppercase;
}
.order-summary-container .order-summary  .discounts-box {
    background-color: #F8F8F8;
    border-radius: 12px;
    border: 1px dashed #DADFE2;
    padding: 15px 10px;
    margin-top: 15px;
}
.order-summary-container .order-summary .coupon-code {
    display: flex;
    justify-content: center;
    color: #63717a;
    align-items: center;
    padding: 0 10px;
}
.order-summary-container .order-summary .coupon-code a {
    display: inline-block;
    width: 15.5px;
}
.order-summary-container .order-summary .coupon-code pre span {font-size: 13px;color: #9AA8B1;font-family: 'voltesemibold';}

.order-summary-container .order-summary .coupon-code + .coupon-code {
    margin-top: 14px;
    position: relative;
}

.order-summary-container .order-summary .coupon-code + .coupon-code:before {content: "";position: absolute;left: 50%;transform: translateX(-50%);top: -8px;width: 3px;height: 3px;background: #b5bcbf;border-radius: 6px;}
.page.basket-info.basket .basket-item .basket-content .basket-img{margin-right:-60px;}
.order-summary-container .order-summary .order-summary-list.custom-list{
    margin-top: 15px;
}
.order-summary-container .order-summary .order-summary-list .list-item.discount-detail > span {
    font-size: 14px;
    padding: 0 9px;
    text-align: center;
}
.page.basket-step-4.basket .basket-item .basket-content .basket-img{margin-right:20px;}
.order-summary-container .order-summary .order-summary-list .list-item .price svg{height:30px;margin-left:10px;}
.order-summary-container .order-summary .discount-btn{margin-top:20px;position: relative;}
.order-summary-container .order-summary .discount-form button { position: absolute; right: 0; top: 0; bottom: 0; padding: 0 10px; border-radius: 0 10px 10px 0; border: none; background: #104260; color: #fff; font-size: 15px; font-family: "voltemedium"; }
.order-summary-container .order-summary .discount-btn.active > a { opacity: 0; visibility: hidden; }
.order-summary-container .order-summary .discount-btn.active .discount-form { opacity: 1; visibility: visible; }
.order-summary-container .order-summary .discount-btn a{font-family:"voltesemibold";font-size:15px;color:#104260;border-radius:10px;border:1px solid #bac8d0;padding:14px 20px;display:block;text-align:center;opacity: 1;visibility: visible;}
.order-summary-container .order-summary .sozlesmeOnay {margin-top: 25px;}

.order-summary-container .order-summary .sozlesmeOnay .d-flex .custom-control + .custom-control {
    margin-top: 15px;
}

.order-summary-container .order-summary .sozlesmeOnay .d-flex .custom-control label {
    line-height: 19px !important;
}

.order-summary-container .order-summary .sozlesmeOnay .d-flex .custom-control label::before {
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.order-summary-container .order-summary .sozlesmeOnay .d-flex .custom-control label::after {
    top: 50%;
    transform: translateY(-50%);
}

.order-summary-container .order-summary .sozlesmeOnay .d-flex .custom-control label a {
    color: #104260;
    font-family: 'voltesemibold';
}
.page.basket.basket-step-1 .basket-item .basket-content{height: initial;}
.page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.price-name{background:#F0F3F5;padding:18px 20px !important;margin-bottom:-13px;border-radius:10px;margin:15px 10px 15px;border-bottom:none;}
.page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul{padding:0 0 6px;width:31vw;}
.page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{background:none;padding:initial;border-bottom:none;}
.page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li a{border:1px solid #AABCC6;font-family:"voltemedium";font-size:13px;color:#4a5e67;padding:6px 10px;border-radius:5px;display:block;cursor: inherit;}
.page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul{display:flex;align-items:center;flex-wrap:wrap;}
.order-summary-container .order-summary .discount-btn a:hover { background: #104260; border-color: #104260; color: #fff; }
.page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li + li{margin-top:0;margin-left:0px;}
.page.basket .basket-item .basket-invoice-info{background:#fff;height:100%;padding: 40px 30px 0px;border-radius:10px;}
.page.basket .basket-item .basket-invoice-info .form-title{display:flex;align-items:center;position:relative;margin-bottom:40px;}
.page.basket .basket-item .basket-invoice-info .form-title h3{font-size:19px;color:#104260;margin-bottom:0;background:#fff;position:relative;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox{display:flex;align-items:center;padding-left:20px;background:#fff;position:relative;padding-right:15px;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control{padding-left:0;cursor: pointer;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control label.custom-control-label{font-family:"voltesemibold";font-size:14px;color:#56666f;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div{flex:0 0 calc(50% - 23px);margin-bottom:40px;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div .form-control{font-size:16px;color:#6e7f88;height:50px;border-radius:25px;background:#f4f7fa;border:1px solid #b9c6ce;padding:0 30px;transition: 0.4s;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div .select2{/* border:1px solid #b9c6ce;*/ width:100% !important;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div.active .form-control, .page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div .form-control:focus { background: #ffff; border-color: #104260; }
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control + .custom-control{margin-left:20px;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control .custom-control-label::before{border-radius:100%;background:#fff0;border-color:#56666F;}
.page.basket .basket-item .basket-invoice-info .form-title:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:1px;background:#E1EAEF;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div + .form-div{margin-left:45px;}
.page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content .form-group .form-div.form-tax-administration { margin-left: 0; }
.page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content { position: relative; height: auto; }
.page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: -30px;background: #fff;z-index: 1;transition: 0.4s;pointer-events: none;opacity: 0;}
.page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content .form-group .form-div.form-user-id { flex: 0 0 100%; }
.page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content.active:before { opacity: 1; }
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-row{margin:0;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-row .select2-container .select2-selection--single{border-radius:25px;background:#f4f7fa;border:1px solid #b9c6ce;height:50px;transition:0.3s;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-row .select2-container.select2-container--open .select2-selection--single{border-radius:25px 25px 0 0;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-row .select2-container--default .select2-selection--single .select2-selection__arrow{top:50%;transform:translateY(-50%);right:20px;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div textarea.form-control{resize:none;height:140px;padding:10px 30px;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 30px;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control label{margin-bottom:0;font-family:"voltesemibold";font-size:14px;color:#56666f;position:relative;padding-left:25px;cursor: pointer;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control label:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);height:18px;width:18px;border:1px solid #56666F;border-radius:100%;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control label:after{content:"";position:absolute;top:6px;left:4px;width:10px;height:10px;background:#104260;border-radius:100%;opacity:0;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control input:checked ~ label:after{opacity:1;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control input:checked ~ label{color:#104260;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control input:checked ~ label:before{border-color:#104260;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control input{position:absolute;visibility:hidden;}
.page.basket .basket-item .pay-info-container .pay-type{background:#fff;padding:15px 30px;border-radius:10px;margin-bottom:13px;}
.page.basket .basket-item .pay-info-container .pay-type p{font-family:"voltemedium";font-size:17px;color:#104260;margin-bottom:0;display: flex;align-items: center;}
.page.basket .basket-item .pay-info-container .pay-type p > span{font-family:"voltesemibold";position: relative;width: 200px;height: 25px;display: block;margin-left: 10px;}
.page.basket .basket-item .pay-info-container .pay-type p > span > span { display: block; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: 0.4s; }
.page.basket .basket-item .pay-info-container .pay-type p > span > span.active { opacity: 1; visibility: visible; }
.page.basket .basket-item .pay-info-container .pay-choose{margin-bottom:13px;}
.page.basket .basket-item .pay-info-container .pay-choose ul li{flex:0 0 calc(50% - 10px);text-align:center;background:#fff;border-radius:10px;}
.page.basket .basket-item .pay-info-container .pay-choose ul li a{font-family:"voltesemibold";font-size:17px;color:#92a3ac;border:1px solid #fff;padding:0;border-radius:10px;padding:20px 0;}
.page.basket .basket-item .pay-info-container .pay-choose ul li + li{margin-left:20px;}
.page.basket .basket-item .pay-info-container .pay-choose ul li a.active{color:#104260;border-color:#104260;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item{background:#fff;border-radius:10px;padding: 30px 35px;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item + .choose-item {
    margin-top: 15px;
}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item > p{font-family:"voltemedium";font-size:15px;color:#56666f;margin-bottom: 0;margin-bottom: 20px;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text{display:flex;align-items:center;justify-content: flex-start;border-radius:10px;background:#fff;border:1px solid #bac8d0;border-style:dashed;box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);padding: 20px 3.1vw;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text + .choose-text {
    margin-top: 25px;
}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-logo{margin-right:50px;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-logo img{
    width: 160px;
}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text{display:flex;flex-wrap:wrap;width: 70%;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text{flex:0 0 50%;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text:nth-child(n+3) {
    margin-top: 10px;
}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text p{font-family:"voltemedium";font-size:0.9vw;color:#000;margin-bottom:0;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text p span{font-family:"voltesemibold";}
.page.basket .basket-item .pay-info-container .pay-invoice-info h4{font-size:20px;color:#56666f;margin-bottom:0;margin-right:6vw;}
.page.basket .basket-item .pay-info-container .pay-invoice-info .info-text{display:flex;align-items:center;}
.page.basket .basket-item .pay-info-container .pay-invoice-info .info-text h5{margin-bottom:0;font-family:"voltemedium";font-size:15px;color:#56666f;}
.page.basket .basket-item .pay-info-container .pay-invoice-info .info-text p{margin-bottom:0;font-family:"voltemedium";font-size:15px;color:#56666f;max-width:230px;margin:0 60px;}
.page.basket .basket-item .pay-info-container .pay-invoice-info .info-text .info-tel-mail a{font-family:"voltemedium";font-size:15px;color:#56666f;display:block;}
.basket-step-3 .order-summary-container .order-summary-btn{width:100%;}
.order-summary-container .order-summary .discount-text{position:relative;display:flex;align-items:center;margin-top:35px;}
.order-summary-container .order-summary .discount-text input{position:absolute;visibility:hidden;}
.order-summary-container .order-summary .discount-text label{min-width:18px;height:18px;border:1px solid #104260;border-radius:100%;margin-bottom:0;margin-right:10px;cursor: pointer;}
.order-summary-container .order-summary .discount-text p{font-size:14px;color:#104260;margin-bottom:0;max-width: 70%;}
.order-summary-container .order-summary .discount-text p a{font-family:"voltesemibold";text-decoration:underline;color:#104260;}
.order-summary-container .order-summary .discount-text label:before{content:"";position:absolute;top: 50%;transform: translateY(-50%);left:4px;width:10px;height:10px;border-radius:100%;opacity:0;background:#104260;}
.order-summary-container .order-summary .discount-text input:checked ~ label:before{opacity:1;}
.page.basket-step-4.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{background:#F0F3F5;padding:10px 30px;}
.page.basket.basket-step-4 .basket-item .basket-content .basket-img {
    flex: 0 0 30%;
    margin-right: 20px;
}
.page.basket.basket-step-4 .basket-item .basket-content {
    justify-content: initial;
    padding: 65px 0 45px;
    align-items: center;
}
.page.basket.basket-step-4 .basket-item .basket-content .basket-content-list {
    margin-left: 150px;
}
.page.basket-step-4.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li:first-child{border-radius:10px 10px 0 0;}
.page.basket-step-4.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li:last-child{border-radius:0 0 10px 10px;}
.page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info{text-align:center;margin-bottom:30px;}
.page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info p{font-family:"voltemedium";font-size:15px;color:#384045;margin-bottom:0;position:relative;display:inline-block;padding-left:50px;}
.page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info p span{font-family:"voltesemibold";margin-left:20px;}
.page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info p:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;background-image:url(../img/main/basket-info-icon.svg);width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;}
.page.basket .final-step{display:flex;justify-content:center;margin-bottom:50px;}
.page.basket .final-step p{margin-bottom:0;font-family:"voltesemibold";font-size:25px;color:#32ba7c;position:relative;padding-left:75px;display:inline-block;}
.page.basket .final-step p:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;background-image:url(../img/main/checked.svg);width:55px;height:55px;background-size:contain;background-repeat:no-repeat;background-position:center;}
.sepetScreen .page.basket form.float-left {
    background: #fff;
    padding: 35px;
    border-radius: 15px;
    /* margin-bottom: 250px; */
}
.order-summary-container .order-summary-btn a{color:#fff;}
.page.basket .basket-item .basket-content .basket-content-list ul li .basket-number span.number input{text-align:center;width:7px;border:none;transition:0.4s;}
.page.basket .basket-item .basket-content .basket-content-list ul li .basket-number span.number input.width-2{width:15px;}

.modal-only-text .modal-header { border-bottom: none; padding: 0; justify-content: center; margin-bottom: 30px; }
.modal-only-text .modal-header h5 { font-family: "voltesemibold"; font-size: 20px; color: #104260; margin-bottom: 0; }
.modal-only-text .modal-body { padding: 0; }
.modal-only-text .modal-body p { font-size: 14px; line-height: 23px; color: #263034; margin-bottom: 0; }
.modal-only-text .modal-content:before {content: "";position: absolute;top: 20px;right: 20px;left: 20px;bottom: 20px;border: 1px solid #BAC3CE;border-radius: 30px;}
.modal-only-text .modal-content {padding: 50px 70px;min-height: 580px;border-radius: 25px;}
.modal-only-text .modal-dialog { max-width: 1100px; }
.modal-only-text .modal-header .close {position: absolute;top: 60px;right: 60px;padding: 0;width: 20px;height: 20px;transition: 0.4s;}
.modal-only-text .modal-header .close span { display: none; }
.modal-only-text button.close:before {content: "";position: absolute;top: 0;right: 0;background-image: url(../img/main/close-btn.svg);width: 20px;height: 20px;}
.modal-backdrop { background: #56666F; }
.modal-backdrop.show { opacity: 0.8; }

/* Credit Card */

@media only screen and (max-width: 1700px){
    .page.basket-step-1-real.basket .basket-item .basket-content .basket-content-list > ul { width: 32.5vw; }    
}

@media only screen and (max-width: 1730px){
    .page.basket .basket-item .basket-info p { font-size: 0.8vw; display: flex; align-items: center; justify-content: space-between; }
    .page.basket .basket-item .basket-info p svg { margin-right: -2.6vw; }
    .page.basket .basket-item .basket-content .basket-content-list > ul {width: 400px;}
}

@media only screen and (max-width: 1650px){
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p { font-size: 0.9vw; }
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p span { margin-left: 10px; }
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info { padding-left: 10px; max-width: 41vw; }

    /* -- */

    .page.basket .basket-item .pay-info-container .pay-invoice-info h4 { font-size: 1vw; }
    .page.basket .basket-item .pay-info-container .pay-invoice-info { padding: 50px 2vw; }
}

@media only screen and (max-width: 1600px){
    .page.basket .basket-item .basket-content .basket-content-list > ul{width:24vw;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li{padding:0 1vw;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{padding:20px 1vw;}
    .page.basket .basket-item .basket-info p span{font-size:16px;display:block;}
    .page.basket .basket-item .basket-info p svg{margin-right:-40px;}
    
    /*---*/
    
    .page.basket-step-1-real.basket .basket-item .basket-content .basket-content-list > ul{width:33vw;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li a{font-size:0.8vw;}
    .order-summary-container .order-summary{padding:20px;}
    
    /*---*/
    
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text{padding:30px 2vw;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-logo{margin-right:3vw;}
  

.page.basket-info.basket .basket-item .basket-content .basket-img {margin-left: -100px;}
}

@media only screen and (max-width: 1580px){
    .page.basket .basket-item .basket-content .basket-content-list > ul > li { font-size: 0.9vw; }
    .page.basket .basket-item .basket-content .basket-content-list ul li.discounted > span:nth-child(2) { font-size: 1.3vw; }
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label { font-size: 0.8vw; }   
    .page.basket .basket-item .basket-content .basket-content-list ul li > span { font-size: 0.9vw; }
}

@media only screen and (max-width: 1550px){
    .page.basket .basket-item .basket-content .basket-content-list ul li > span:nth-child(2){font-size:0.9vw;}
    .page.basket .basket-item .basket-content .basket-content-list > ul{margin-left:10px;width:26.5vw;}
    .page.basket .basket-item .basket-info p span{margin-right:0;font-size:1vw;}
    .page.basket .basket-item .basket-user-info .form-group input{padding:0 20px;}
}

@media only screen and (max-width: 1450px){
    .page.basket .basket-item .basket-content .basket-content-list > ul{margin-left:10px;width:28vw;}
    .page.basket .basket-item .basket-info p svg{transform:scale(0.9);}
    .page.basket .basket-item .basket-domain .domian-choose .choose-btn a{font-size:13px;}
    .page.basket .basket-item .basket-domain .tab-pane a{font-size:15px;padding:0 20px;}
    .page.basket .basket-item .basket-user-info .form-row .form-group .captcha a{right:5px;width:24px;height:24px;font-size:14px;}
    .page.basket .basket-item .basket-user-info .form-row .form-group .captcha + .captcha{margin-left:10px;}
    
    /*---*/
    
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li a{padding:6px;}
    .order-summary-container .order-summary .order-summary-list .list-item > span{font-size:14px;}

    /*---*/

    .page.basket.basket-step-4 .basket-item .basket-content .basket-img{max-width:42vw;}
}

@media only screen and (max-width: 1370px){
    .page.basket .basket-item .basket-content .basket-content-list ul li > span { min-width: 80px; }
    .page.basket .basket-item .basket-content .basket-content-list > ul { margin-left: 20px; }
    .page.basket .basket-item .basket-domain .tab-pane:nth-child(2) .basket-domain-name { width: 90%; }
}

@media only screen and (max-width: 1199px){
    .modal-open .modal{ padding: 0 50px !important; }
    .modal-open .modal::-webkit-scrollbar { width: 0px; }

    /* --- */

    .page.basket .basket-item .basket-info p{font-size:17px;justify-content:center;}
    .page.basket .basket-item .basket-info p svg{margin-right:0;}
    .page.basket .basket-item .basket-info p span{font-size:17px;margin:0 30px 0 10px;}
    .page.basket .basket-item .basket-domain .tab-pane:nth-child(2) .basket-domain-item{width:100%;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p{font-size:15px;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info{max-width:80%;}
    .page.basket .basket-item .basket-content .basket-content-list > ul{width:42vw;}
    .page.basket .basket-item .basket-content .basket-content-list ul li > span:nth-child(2){font-size:1.2vw;}
    .page.basket .basket-item .basket-content .basket-content-list ul li > span{font-size:1.2vw;}
    .page.basket .basket-item .basket-content .basket-content-list ul li.discounted > span:nth-child(2){font-size:1.8vw;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label{font-size:1.2vw;}

    /* --- */

    .basket-step-1-real .order-summary-container{flex:0 0 calc(40% - 15px);margin-top:11px;}
    .page.basket.basket-step-1 .basket-item.basket-content-ipad{flex:0 0 calc(54.8% - -17px);margin-left:15px;margin-right:11px;margin-top:11px;}
    .page.basket.basket-step-1 .basket-item .basket-content .basket-content-list{width:100%;height:100%;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li a{font-size:1.1vw;padding:1vw;}
    .page.basket-step-1.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.price-name{margin-bottom:30px;}
    .page.basket.basket-step-1 .order-summary-container .order-summary{border-radius:10px;}

    /*--*/

    .page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div{flex:0 0 100%;}
    .page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div + .form-div{margin-left:0;}
    .page.basket .basket-item .basket-invoice-info{padding:50px 30px 20px;}
    .basket-step-2 .order-summary-container{top:140px;}
    .page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content { height: 760px; }
    .page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content:before { bottom: -20px; }
    
    /*---*/

    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text{display:block;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info{display:block;padding:40px 50px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text p{margin:20px 0px;max-width:100%;font-size:18px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info h4{font-size:23px;margin-bottom:35px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text h5{font-size:18px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text .info-tel-mail a{font-size:18px;}
    .page.basket.basket-step-3 .basket-item{background:transparent;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text{display:block;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text p{font-size:17px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text{flex:0 0 100%;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text + .text{margin-top:10px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-logo{margin-right:0;text-align:center;margin-bottom:30px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item{padding:30px 30px 40px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item > p{margin-bottom:30px;}
    .page.basket .basket-item .pay-info-container .pay-type{padding:25px 30px;}

    /**/

    .page.basket.basket-step-4 .basket-item .basket-content{display:block;height:auto;}
    .page.basket.basket-step-4 .basket-item .basket-content .basket-content-list{width:auto;height:auto;}
    .page.basket.basket-step-4 .basket-item{display:flex;align-items:center;justify-content:center;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info p{padding-top:10px;}
    .page.basket.basket-step-4 .basket-item .basket-content .basket-img{margin-bottom:30px;}
}

@media only screen and (max-width: 991px){

    .basket-nav .step .stepIcon a{width:70px;height:70px;}
    .basket-nav .step .stepIcon a svg{transform:scale(0.7);}
    .basket-nav .step .stepTitle a{font-size:16px;}
    .basket-nav .step.active:before{top:26.7%;left:90px;}
    .basket-nav .step{width:25%;}

    /*--*/

    .page.basket .basket-item .basket-title h2{padding:0 20px;font-size:28px;}
    .page.basket-info.basket .basket-item .basket-content .basket-img{margin-right:-60px;margin-left:-160px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul{width:47vw;}
    .page.basket .basket-item .basket-content .basket-content-list ul li > span{font-size:1.8vw;min-width:90px;}
    .page.basket .basket-item .basket-content .basket-content-list ul li > span:nth-child(2){font-size:1.7vw;}
    .page.basket .basket-item .basket-content .basket-content-list ul li.discounted > span:nth-child(2){font-size:2.5vw;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label{font-size:1.5vw;}
    .page.basket .basket-item .basket-info p span{font-size:1.8vw;margin-right:10px;}
    .page.basket .basket-item .basket-info p{font-size:1.8vw;}
    .page.basket .basket-item .basket-info p svg{transform:scale(0.8);}
    .page.basket .basket-item .basket-info{padding:20px 20px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{padding:20px 15px;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info{max-width:86%;top:30px;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p{font-size:14px;}

    /*---*/

    .basket-step-1 .order-summary-container{flex:0 0 calc(50% - 62px);}
    .page.basket.basket-step-1 .basket-item.basket-content-ipad{flex:0 0 calc(50% - -21px);}
    .basket-step-1 .order-summary-container .order-summary .order-summary-title h2{padding:12px 20px;}
    .page.basket-step-1-real.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul{display:block;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li a{font-size:12px;padding:8px 10px;margin-left:0;display:inline-block;}
    .page.basket-step-1-real.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li + li{margin-left:0;margin-top:15px;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{align-items:flex-start;margin-bottom:0 !important;padding-bottom:10px !important;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services span{margin-top:7px;}
    .page.basket.basket-step-1-real .basket-item .basket-content .basket-content-list ul li > span:nth-child(2){display:none;}
    .page.basket-step-1.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.price-name{margin-bottom:20px;padding:14px 20px !important;}
    .page.basket.basket-step-1 .order-summary-container .order-summary{height:100%;padding:25px 20px;}
    .page.basket.basket-step-1 .order-summary-container .order-summary .discount-btn a{padding:11px 20px;}

    /*--*/

    .page.basket .basket-item .basket-invoice-info{padding:40px 10px 10px;}
    .page.basket .basket-item .basket-invoice-info .form-title h3{font-size:17px;}
    .page.basket .basket-item .basket-invoice-info .form-title{justify-content:space-between;}
    .page.basket .basket-item .basket-invoice-info .form-title:before{visibility:hidden;}
    .order-summary-container .order-summary .order-summary-list .list-item .price{transform:scale(0.9);}
    .order-summary-container .order-summary .order-summary-list .list-item{padding-right:4px;}

    /* --- */
    
    .page.basket .basket-item .pay-info-container .pay-choose ul li a{font-size:16px;padding:15px 0;}
    .page.basket .basket-item .pay-info-container .pay-type p{font-size:15px;}
    .page.basket .basket-item .pay-info-container .pay-choose ul li + li{margin-left:10px;}
    .page.basket .basket-item .pay-info-container .pay-choose ul li{flex:0 0 calc(50% - 5px);}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text p{font-size:15px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item{padding:30px 20px 40px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item > p{font-size:14px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info{padding:40px 40px;}
    .page.basket.basket-step-4 .basket-item .basket-content .basket-img{margin:0 auto 40px;}
    .page.basket.basket-info.basket-step-1.basket-step-4{padding-bottom:110px;}
}

@media only screen and (max-width: 767px){
    .modal-open .modal { padding: 0 10px !important; z-index: 99999; }
    .modal-only-text .modal-content:before { top: 10px; right: 10px; left: 10px; bottom: 10px; }
    .modal-only-text .modal-content { padding: 60px 30px 40px; }
    .modal-only-text .modal-header .close { top: 50px; right: 50px; }
    .modal-only-text .modal-header h5 { font-size: 18px; }
    .modal-only-text .modal-header { margin-bottom: 20px; }

    /* -- */

    .basket-nav .step{width:70px;float:none;}
    .basket-nav .step:first-child:after{left:17vw;}
    .basket-nav .step:last-child:after{right:17vw;}
    .basket-nav{overflow:visible;justify-content:flex-start;}
    .basket-nav .step.active:before{top:26.7%;left:17vw;}
    .page.sepetScreen .swiper-container.basket-nav-slide{padding:0 0;}

    /* -- */

    .page.basket .basket-item .basket-title h2{font-size:25px;}
    .page.basket .basket-item .basket-content{display:block;}
    .page.basket-info.basket .basket-item .basket-content .basket-img{margin:0;}
    .page.basket .basket-item .basket-content .basket-content-list > ul{width:88%;margin:10px auto 40px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li{font-size: 13px;padding-right:0;flex-wrap: wrap;}
    .page.basket .basket-item .basket-content .basket-content-list ul li > span{font-size: 13px;min-width:65px;}
    .page.basket .basket-item .basket-content .basket-content-list ul li > span:nth-child(1) {
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 2px;
    }
    .page.basket .basket-item .basket-content .basket-content-list ul li > span:nth-child(2){font-size: 13px;margin-right:0;}
    .page.basket .basket-item .basket-content .basket-content-list ul li .basket-number{transform:scale(0.9);margin-left:-7px;}
    .page.basket .basket-item .basket-content .basket-content-list ul li.discounted > span:nth-child(2){font-size:18px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label{font-size:10px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control{padding-left:10px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label:before{width:13px;height:13px;left:-18px;}
    .page.basket .basket-item .basket-info p span{font-size:15px;display:block;margin:0;}
    .page.basket .basket-item .basket-info p{flex-wrap:wrap;font-size:10px;position:relative;padding-left:45px;justify-content:flex-start;align-items:initial;}
    .page.basket .basket-item .basket-info p svg{position:absolute;left:0;top:50%;transform:translateY(-50%) scale(1);width:30px;height:30px;}
    .page.basket .basket-item.basket-item-domain{margin-top:50px;}
    .page.basket .basket-item .basket-domain{border-top-right-radius:80px;padding: 40px 10px 20px;display:block;}
    .page.basket .basket-item .basket-domain .domian-choose{display:flex;align-items:center;margin-bottom:20px;}
    .page.basket .basket-item .basket-domain .domian-choose .choose-btn + .choose-btn{margin-top:0;margin-left:20px;}
    .page.basket .basket-item .basket-domain .domian-choose .choose-btn a{transform:scale(0.9);display:block;}
    .page.basket .basket-item .basket-domain .tab-content{width:100%;padding-right:10px;}
    .page.basket .basket-item .basket-domain .basket-domain-name{ width: 100%; }
    .page.basket .basket-item .basket-domain .basket-domain-item{display:block;overflow:hidden;}
    .page.basket .basket-item .basket-domain .basket-domain-name input{width:100%;height:45px;font-size:15px;}
    .page.basket .basket-item .basket-domain .basket-domain-name .select2{height:45px;}
    .page.basket .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:43px;font-size:15px;}
    .page.basket .basket-item .basket-domain .basket-domain-name .select2 span.select2-selection.select2-selection--single .select2-selection__arrow{top:3px;right: 4px;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info{max-width:100%;position:relative;top:0;text-align:left;padding-left:50px;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p span{display:initial;margin-left:0;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p{font-size:13px;}
    .page.basket .basket-item .basket-domain .tab-pane:nth-child(2) .basket-domain-name{width:100%;margin-left:0;margin-top:20px;}
    .page.basket .basket-item .basket-domain .tab-pane a{height:auto;line-height:normal;padding:10px 20px;display:inline-block;margin-left:auto;margin-top:20px;}
    .page.basket .basket-item .domain-form-el{padding:20px;margin-top:0px;min-height:auto;}
    .page.basket .basket-item .basket-user-info .form-row .form-group{flex:0 0 100%;}
    .page.basket .basket-item .basket-user-info .form-row .form-group + .form-group{margin-left:0;}
    .page.basket .basket-item .basket-user-info .basket-domain-bottom{display:block;padding:10px 25px 30px;}
    .page.basket .basket-item .basket-user-info .basket-domain-bottom .submit{margin-top:30px;text-align:center;}
    .page.basket .basket-item .basket-user-info .basket-domain-bottom .submit button{padding:10px 40px;}
    .page.basket{padding-bottom:50px;}
    .page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract p{font-size:13px;}

    /*---*/

    .order-summary-container .order-summary-btn{font-size:18px;padding:10px 20px;margin:20px 15px 0;}
    .order-summary-container .order-summary .discount-btn{margin-top:40px;}
    .order-summary-container .order-summary .order-summary-list{margin:0 10px;}
    .page.basket.basket-step-1 .row > .col-lg-12{padding:0;}
    .basket-step-1 .order-summary-container{margin: 10px 10px 0;flex:0 0 100%;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul{width:90%;padding-top:7px;}
    .page.basket-step-1.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li{margin:0 20px 10px;padding-bottom:10px;}
    .page.basket-step-1.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.price-name{margin:0 5px 20px;padding:12px 10px !important;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li a{font-size:10px;padding:6px 13px;}
    .page.basket.basket-step-1-real .basket-item{padding-bottom:30px;}
    .page.basket.basket-step-1 .basket-item .basket-content .basket-img{margin-bottom:20px;}
    .page.basket.basket-step-1 .pay-info-container .order-summary-container .order-summary {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    /* -- */

    .page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content {
        height: 630px;
    }
    .sepetScreen .page.basket{max-width:100%;}
    .page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div{margin-bottom:20px;}
    .page.basket.basket-step-2 .basket-item{padding-bottom:0px;}
    
    /* */

    .page.basket .basket-item .pay-info-container .pay-choose ul li{flex:0 0 100%;}
    .page.basket .basket-item .pay-info-container .pay-choose ul li + li{margin-left:0;margin-top:13px;}
    .page.basket .basket-item .pay-info-container .pay-type p{font-size:14px;}
    .page.basket .basket-item .pay-info-container .pay-type{padding:20px;text-align:center;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text p{font-size:14px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text{padding:30px 20px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text + .text{margin-top:5px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text p{font-size:15px;margin:10px 0;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text h5{font-size:15px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text .info-tel-mail a{font-size:15px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info h4{margin-bottom:20px;font-size:20px;}
    .basket-step-3 .order-summary-container .order-summary-btn{margin:20px auto 0;width:90%;}
    /* */

    .page.basket .final-step p{font-size:20px;max-width:240px;padding-left:60px;}
    .page.basket .final-step p:before{width:45px;height:45px;}
    .page.basket.basket-info.basket-step-1.basket-step-4{margin-top:10px;padding-bottom:80px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info p{padding-left:70px;padding-top:0;max-width:330px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info p:before{width:50px;height:50px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info{text-align:left;display:flex;justify-content:center;}
    .page.basket.basket-step-4 .basket-item .basket-content{margin-top:-30px;}
    .page.basket .final-step{margin-bottom:30px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul{display:block;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li + li{margin-left:0;margin-top:13px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list > ul > li span.ext-text{font-size:9px;}
    .page.basket-step-4.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{padding:10px 15px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list > ul > li{padding:10px 15px !important;margin-bottom:0 !important;}
    .page.basket .basket-item .basket-content a.pay-form{font-size:11px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list > ul{width:100%;}
    .page.sepetScreen{padding-top:80px;}
}

/**/

.order-payinfo-form .modal-dialog{ max-width:1030px;}
.order-payinfo-form .modal-content h5.modal-title{font-family:"voltesemibold";font-size:17px;color:#104260;margin-bottom:0;line-height:normal;padding: 25px 50px;}
.order-payinfo-form .modal-header .close{position:absolute;top:0;right:0;width:40px;height:40px;border-radius:0px 10px;background:#F7FAFC;padding:0;transform: translate(-40%, 40%);opacity:1;}
.order-payinfo-form .modal-header .close svg { margin-top: -4px; margin-right: -4px; }
.order-payinfo-form .modal-content{border:none;border-radius:10px;padding: 60px 65px 40px;max-height: 90vh;overflow: auto;}
.order-payinfo-form .modal-content:before{ content:"";}
.order-payinfo-form .modal-header{ border:none; padding:0; margin-bottom:25px;}
.order-payinfo-form .modal-body{ padding:0;}
.order-payinfo-form .modal-body .table-container{ padding: 0 15px 30px; }
.order-payinfo-form .body-content { border: 1px solid #DEE7EB; border-radius: 25px; }
.order-detail .table-container { margin: 60px 0;}
.order-detail .table-container .table{margin-bottom:0;color:#fff0;display:flex;justify-content:space-between;margin: 0 auto;width: max-content;}
.order-detail .table-container .table ul.last-price-title{/* flex: 0 0 245px; */width: 245px;}
.order-detail .table-container .table ul.time li > span { margin: 0 auto; }
.order-detail .table-container .table ul.service-name li > span { margin-left: 0; }
.order-detail .table-container .table ul.code li > span { margin: 0 auto; }
.order-detail .table-container .table ul li > span {white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis;display: block;margin-left: auto;}
.order-detail .table-container .table ul li > span > span { display: inline-block; }
.order-detail .table-container .table ul.service-name {/* flex: 0 0 335px; */width: 335px;}
.order-detail .table-container .table ul.amount {/* flex: 0 0 150px; */width: 150px;}
.order-detail .table-container .table ul li{font-family:"voltemedium";font-size:13px;color:#3f4c53;height: 50px;padding: 0 20px;border:1px solid #ECEEF0;border-left:none;text-align:center;display: flex;align-items: center;}
.order-detail .table-container .table ul li + li{ border-top:none;}
.order-detail .table-container .table ul .title{font-family:"voltesemibold";color:#92a3ac;justify-content: center;margin-bottom: 0;}
.order-detail .table-container .table ul.code{/* flex: 0 0 100px; */width: 100px;}
.order-detail .table-container .table ul.service-name li{ text-align:left;}
.order-detail .table-container .table ul.service-name li.title{justify-content: center;}
.order-detail .table-container .table ul.time{/* flex: 0 0 95px; */width: 95px;}
.order-detail .table-container .table ul.amount li{ text-align:right;}
.order-detail .table-container .table ul.amount li.title{ text-align:center;}
.order-detail .table-container .table ul.discount-amount{/* flex: 0 0 190px; */width: 190px;}
.order-detail .table-container .table ul.discount-amount li{ text-align:right;}
.order-detail .table-container .table ul.discount-amount li.title{ text-align:center;}
.order-detail .table-container .table ul li span.currency{ font-family:'Barlow', sans-serif;}
.order-detail .table-container .first-table.table ul:first-child li:first-child{ border-top-left-radius:10px;}
.order-detail .table-container .first-table.table ul:last-child li:first-child{ border-top-right-radius:10px;}
.order-detail .table-container .first-table.table ul:first-child li{ border-left:1px solid #ECEEF0;}
.order-detail .table-container .second-table.table .order-number{/* flex: 0 0 435px; */width: 435px;border:1px solid #ECEEF0;border-bottom-left-radius:10px;display:flex;align-items:center;justify-content:center;}
.order-detail .table-container .table ul.last-price{/* flex: 0 0 190px; */width: 190px;}
.order-detail .table-container .second-table.table{ margin-top:-1px;}
.order-detail .table-container .table ul.last-price li{ text-align:right;}
.order-detail .table-container .table ul.last-price-title li{text-align:right;}
.order-detail .table-container .first-table.table ul li{ background:#F7FAFC;}
.order-detail .table-container .table ul.last-price li:last-child{ border-bottom-right-radius:10px;}
.order-detail .table-container .second-table.table .order-number > span{ font-family:"voltesemibold"; font-size:13px; color:#7d8990; border:1px solid #DEE7EB; height:40px; width:180px; border-radius:100px 0 0 100px; display:flex; align-items:center; padding:0 20px;}
.order-detail .pay-info-form{ padding:30px 50px; background:#F4F7FA; border-top:1px solid #DEE7EB; border-radius:0 0 25px 25px;}
.order-detail .pay-info-form h5{ font-family:"voltesemibold"; font-size:17px; color:#104260; margin-bottom:30px; padding:0 15px;}
.order-detail .pay-info-form .form-row .form-group{border-radius:22.5px;background:#fff;border:1px solid #dee7eb;padding: 0;height:45px;flex:1 1;margin-bottom:20px;}
.order-detail .pay-info-form .form-row .form-group.first {
    flex: 0 0 40%;
}
.order-detail .pay-info-form .form-row .form-group .form-control{font-family:"voltemedium";font-size:15px;color:#7d8990;background:#fff0;border:none;padding: 0 20px;height:100%;}
.order-detail .pay-info-form .form-row .form-group .price{font-family:"voltesemibold";font-size:14px;color:#3f4c53;height:100%;line-height:42px;padding: 0 20px;}
.order-detail .pay-info-form .form-row .form-group .price span{ font-family:'Barlow', sans-serif; font-weight:600;}
.order-detail .pay-info-form .form-row .form-group + .form-group{ margin-left:17px;}
.pay-form {
    height: 50px;
    display: flex;
    align-items: center;
    background-color: #edf0f4;
    padding-left: 45px;
    border-radius: 30px;
    /* justify-content: center; */
    margin-bottom: 25px;
}

.pay-form ul > li {
    list-style: disc;
    font-size: 14px;
    color: #666666;
}
.order-detail .pay-info-form .form-row:first-child .form-group:first-child{ flex:1.8 1;}
.order-detail .pay-info-form .form-row .form-group.form-date input{ font-family:"voltesemibold"; font-size:14px; color:#3f4c53; height:100%;}
.order-detail .pay-info-form .form-row .form-group textarea.form-control{resize:none;padding: 15px 20px;}
.order-detail .pay-info-form .form-row .form-group.text-group{ height:150px;}
.order-detail .pay-info-form .form-row .form-group.bank-item{ display:flex; align-items:center; height:50px; justify-content:space-between; padding:0 30px;}
.order-detail .pay-info-form .form-row .form-group.bank-item span{ font-family:"voltemedium"; font-size:15px; color:#7d8990;}
.order-detail .pay-info-form .form-row .form-group.bank-item .bank-el{ display:flex; align-items:center;}
.order-detail .pay-info-form .form-row .form-group.bank-item .bank-el .bank-number{font-family:"voltemedium";font-size: 14px;color:#788891;}
.order-detail .pay-info-form .form-row .form-group.bank-item .bank-el .bank-number span{ font-family:"voltesemibold";}
.order-detail .pay-info-form .form-row button{font-family:"voltesemibold";font-size:18px;color:#fff;width:100%;border:none;border-radius:25px;background:#104260;padding:10px 0;position: relative;z-index: 1;}
.order-detail .pay-info-form .form-row .form-group.bank-item .bank-el .bank-el-logo{ max-width:120px; margin-right:15px; margin-left:15px;}
.order-detail .pay-info-form .form-row .form-group.bank-item .bank-el input{ position:absolute; visibility:hidden;}
.order-detail .pay-info-form .form-row .form-group.bank-item .bank-el label.bank-label{width:18px;height:18px;border:1px solid #AABCC6;border-radius:100%;margin-bottom:0;position:relative;cursor: pointer;}
.order-detail .pay-info-form .form-row .form-group.bank-item .bank-el label {margin-bottom: 0;}
.order-detail .pay-info-form .form-row .form-group.bank-item .bank-el label.label-title {margin-left: 20px;}
.order-detail .pay-info-form .form-row .form-group.bank-item .bank-el input:checked ~ label{ border-color:#104260;}
.order-detail .pay-info-form .form-row .form-group.bank-item .bank-el label:before{ content:""; position:absolute; top:3px; left:3px; width:10px; height:10px; background:#104260; border-radius:100%; opacity:0;}
.order-detail .pay-info-form .form-row .form-group.bank-item .bank-el input:checked ~ label:before{ opacity:1;}
.order-detail .form-pay-info ul{ padding-left:40px; margin-top:30px;}
.order-detail .form-pay-info ul li{ font-family:"voltesemibold"; font-size:13px; color:#7d8990; list-style-type:disc;}
.order-detail .form-pay-info ul li + li{ margin-top:4px;}
.order-detail .table-container .second-table.table .order-number .detele-btn span { color: #EC5F5C; }
.order-detail .table-container .second-table.table .order-number .pay-info-detail-btn { border-radius: 100px; border: 1px solid #dee7eb; padding: 10px 20px; display: flex; align-items: center; cursor: pointer; transition: 0.4s; }
.order-detail .table-container .second-table.table .order-number .form-btn:hover { background: #104260; border-color: #104260; }
.order-detail .table-container .second-table.table .order-number .pay-info-detail-btn:hover span { color: #fff; }
.order-detail .table-container .second-table.table .order-number .pay-info-detail-btn svg path { transition: 0.4s; }
.order-detail .table-container .second-table.table .order-number .pay-info-detail-btn:hover svg path { fill: #ffffff; }
.order-detail .table-container .second-table.table .order-number .detele-btn:hover { background: #EC5F5C; border-color: #EC5F5C; }
.order-detail .table-container .second-table.table .order-number .form-btn span { color: #104260; }
.order-detail .table-container .second-table.table .order-number .pay-info-detail-btn span { font-family: "voltemedium"; font-size: 13px; display: block; margin-left: 7px; transition: 0.4s; }
.order-detail .table-container .second-table.table .order-number .detele-btn { margin-left: 13px; }
.order-detail .table-container .second-table.table .order-number .number-select{ width:150px;}
.order-detail .pay-info-form .form-row button:after { background: #104260; }
.order-detail .select2-container--default .select2-selection--single{ height:40px; border-color:#DEE7EB; border-radius:0 100px 100px 0;}
.order-detail .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered { border-radius: 0 100px 0 0; }
.order-detail .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:39px;background:#EAEEF2;border-radius:0 100px 100px 0;font-family:"voltesemibold";font-size:14px;color:#3f4c53;transition: 0.4s;}
.order-detail .select2-container--default .select2-selection--single .select2-selection__arrow b{ margin-top:0; border-width:6px 6px 0px 6px; border-color:#3F4C53 transparent transparent transparent; right:17px; left:auto; top:47%;}
#order-pay-info-detail .pay-info-detail-text { margin-top: 10px; margin-left: 20px; }
#order-pay-info-detail .pay-info-detail-text p { font-family: "voltemedium"; font-size: 15px; color: #7d8990; margin-bottom: 0; }
.order-payinfo-form#order-pay-info-detail  .table-container { padding-bottom: 11px; }

@media only screen and (max-width: 1084px){
    .order-detail .table-container .second-table.table .order-number > span {
        width: 120px;
        font-size: 11px;
        padding-right: 10px;
    }

    .order-detail .table-container .second-table.table .order-number .number-select {
        width: 110px;
    }

    .order-detail .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 12px;
    }

    

}

@media only screen and (max-width: 1045px){
    .order-detail .table-container .table ul.last-price-title {
        width: 250px;
    }
}

@media only screen and (max-width: 991px){
    .order-detail .table-container .table ul.last-price-title {width: 268px;}

    .order-detail .table-container .second-table.table .order-number {
        width: 449px;
    }
    .order-detail .modal-dialog {
        max-width: 800px;
    }

    .order-detail .table-container .table ul li {
        font-size: 11px;
    }
    .order-detail .pay-info-form .form-row .form-group.bank-item span {
        font-size: 11.5px;
    }

    .order-detail .pay-info-form .form-row .form-group.bank-item .bank-el .bank-number {
        font-size: 13px;
    }

    .order-detail .pay-info-form {
        padding: 30px 30px;
    }

    .order-detail .pay-info-form .form-row .form-group.bank-item {
        padding: 0 20px;
    }

    .order-detail .pay-info-form .form-row .form-group.bank-item .bank-el .bank-el-logo {
        max-width: 90px;
    }
}

@media only screen and (max-width: 900px){
    .order-detail .modal-content {
        padding: 60px 40px 40px;
    }

    section.page-title.remove-page-title {padding-top: 0;padding-left: 0;}
}

@media only screen and (max-width: 850px){
    .order-detail .modal-content {
        padding: 60px 30px 40px;
    }
    .order-detail .modal-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .order-detail .modal-dialog {
        width: 730px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 30px auto;
    }
}

@media only screen and (max-width: 767px){
    .order-detail .modal-content {
        left: 0;
        position: relative;
        max-height: initial;
        overflow: initial;
        padding: 40px 20px;
    }

    .order-detail .modal-dialog {
        transform: scale(1) !important;
        position: relative;
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
    }

    .order-detail .table-container {
        overflow-y: hidden;
        /* overflow-x: auto; */
    }

     section.page-title.remove-page-title {
        margin-bottom: 0;
    }

    .order-detail .table-container .second-table.table .order-number {
        min-width: 266px;
        width: auto;
    }

    .order-detail .table-container .table ul.last-price-title {
        width: 200px;
    }

    .order-detail .table-container .table ul.time {
        min-width: 101px;
    }

    .order-detail .table-container .table ul.last-price {
        min-width: 90px;
    }

    .order-detail .modal-content h5.modal-title {
        font-size: 15px;
        padding: 15px 30px;
    }

    .modal-open .modal {
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .order-detail .pay-info-form {
        padding: 25px 25px;
    }

    .order-detail .pay-info-form .form-row .form-group {
        flex: 0 0 100%;
    }

    .order-detail .pay-info-form .form-row .form-group + .form-group {
        margin-left: 0;
    }

    .order-detail .pay-info-form .form-row .form-group.bank-item .bank-el {
        flex-wrap: wrap;
        margin-top: 10px;
    }

    .order-detail .pay-info-form .form-row .form-group.bank-item {
        flex-wrap: wrap;
        height: auto;
        padding: 15px 20px;
    }

    .order-detail .pay-info-form .form-row .form-group.bank-item span {
        font-size: 14px;
        padding-right: 10px;
    }

    .order-detail .pay-info-form .form-row .form-group.bank-item .bank-el .bank-number {
        margin-top: 11px;
    }

    .order-detail .pay-info-form .form-row button {
        font-size: 15px;
    }
    .order-detail .table-container .second-table.table .order-number {
        flex-wrap: wrap;
    }

    .order-detail .table-container .second-table.table .order-number .detele-btn {
        margin-left: 0;
        margin-top: -80px;
    }
}

/* @media only screen and (max-width: 750px){
    .order-payinfo-form .modal-dialog{transform: scale(0.9) !important;margin: 0px auto;}
}

@media only screen and (max-width: 730px){
   .order-payinfo-form .modal-content {
        left: -1%;
    }
    .order-payinfo-form .modal-dialog {
        transform: scale(0.8) !important;
        margin: -50px 0;
    }
}

@media only screen and (max-width: 700px){
   .order-payinfo-form .modal-content {
        left: -4%;
    }
}

@media only screen and (max-width: 680px){
   .order-payinfo-form .modal-content {
        left: -5%;
    }
}

@media only screen and (max-width: 650px){
   .order-payinfo-form .modal-content {
        left: -8%;
    }
}

@media only screen and (max-width: 620px){
    .order-payinfo-form {
        overflow: hidden !important;
    }
    .order-payinfo-form .modal-content {
        overflow: auto;
        max-height: calc(100vh - -120px);
        left: -9.5%;
    }
}

@media only screen and (max-width: 580px){
    .order-payinfo-form .modal-dialog {
        transform: scale(0.7) !important;
    }

    .order-payinfo-form .modal-content {
        left: -20vw;
    }
} */

/**/

.btn-filter-container{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;background:#E4EAF0;border-radius:3rem;margin-bottom:80px;margin-left:140px;}
.btn-filter-container .button{background:rgba(0, 0, 0, 0);position:relative;z-index:10;-webkit-transition:.4s;transition:.4s;padding:0.6rem 2.25rem;border:none;color:#829AA8;font-size:17px;font-family:"voltesemibold";margin:0;outline:none;outline-color:rgba(0, 0, 0, 0);text-align:center;cursor:pointer;}
.btn-filter-container .button.is-checked{color:#104260;}
.btn-filter-container .selector{background:#fff;width:115px;display:inline-block;position:absolute;left:0px;height:51px;top:0px;z-index:1;margin-top:-4px;-webkit-box-shadow:0 5px 15px rgba(170, 188, 198, 0.44);box-shadow:0 5px 15px rgba(170, 188, 198, 0.44);border-radius:3rem;-webkit-transition:.4s;transition:.4s;}
.btn-filter-container .button span.button-nylon{font-size:17px;position:absolute;display:block;left:50%;top:49%;width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:.4s;transition:.4s;}
.btn-filter-container .button span.button-origin{font-size:19px;opacity:0;}
.btn-filter-container .button.is-checked .button-nylon{font-size:19px;top:45%;}

.extra-services-content1{padding-top:50px;padding-bottom:150px;}
.user-mobil-menu span{display:block;position:absolute;width:100%;height:3px;background:#fff;left:50%;top:50%;margin-top:-1px;margin-left:-10px;transition:0.5s;border-radius:100px;}
.user-mobil-menu{position:fixed;right:80px;top: 49px;width:30px;height:20px;cursor:pointer;z-index:999;display:none;transition:0.4s;}

.mobile-menu-open header.header{background-color:#fff;box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);}
.mobile-menu-open header.main-header:before{opacity:0;}
.mobile-menu-open header.header .container{padding-top:10px;padding-bottom:10px;}
.mobile-menu-open header.header nav.header-scope .logo a.navbar-brand svg path.one-color{fill:#002840;}

.user-mobil-menu.fixed span{background:#27495d;}
.user-mobil-menu span:nth-child(1){margin-top:-11px;}
.user-mobil-menu span:nth-child(3){margin-top:9px;}

.extra-services-content1 .title h2{font-size:35px;color:#002840;margin-bottom:0;line-height:1.4;}
.extra-services-content1 .content-container .content .content-item .content-el + .content-el{margin-left:35px;}
.extra-services-content1 .content-container .content .content-item .content-el .content-btn{height:40px;border-radius:20px;background:linear-gradient(90deg, #F76444 0%, #f6ac29 100%);line-height:39px;max-width:140px;margin:25px auto;cursor:pointer;z-index:1;position:relative;}
.extra-services-content1 .content-container .content .content-item .content-el .content-btn span{font-family:"voltesemibold";font-size:17px;color:#fff;}
.extra-services-content1 .content-container .content .content-item:before{content:"";position:absolute;bottom:0;left:0;right:0;height:90px;background:#FCFDFF;border-top:1px solid #DFE5EB;border-radius:0 0 10px 10px;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-body ul li:last-child{border-bottom:none;}
.extra-services-content1 .container{padding:0 30px 0 130px;}
.extra-services-content1 .image{width:33vw;}
.extra-services-content1 .content-container{text-align:center;}
.extra-services-content1 .content-container .content{display:flex;align-items:center;}
.extra-services-content1 .content-container .content .content-item-menu{margin-top:25px;width:15.7vw;}
.extra-services-content1 .content-container .content .content-item-menu ul li{font-family:"voltesemibold";font-size:0.8vw;color:#56666f;position:relative;padding-left:3.1vw;background:#EAF2F8;height:55px;display:flex;align-items:center;}
.extra-services-content1 .content-container .content .content-item-menu ul li + li{border-top:1px solid #DCE8EF;}
.extra-services-content1 .content-container .content .content-item{display:flex;align-items:center;background:#fff;border:1px solid #DFE5EB;padding:0 35px;position:relative;border-radius:10px;}
.extra-services-content1 .content-container .content .content-item .content-el{width:12vw;text-align:center;margin-top:-30px;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header{background:#FCFDFF;border:1px solid #DFE5EB;border-radius:10px 10px 0 0;padding:25px 0;margin-bottom:-1px;height:145px;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header > span{font-family:"voltesemibold";font-size:1vw;color:#f7783c;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price{font-family:"voltesemibold";font-size:2vw;color:#000;margin-top:5px;position:absolute;top:0;left:50%;transform:translateX(-50%) scale(0);opacity:0;transition:0.4s;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price-container{position:relative;width:100%;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price.active{transform:translateX(-50%) scale(1);opacity:1;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price span{font-size:20px;display:inline-block;transform:translateY(-13px);}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price span svg{width:12px;margin-top:-12px;}
.extra-services-content1 .content-container .content .content-item-menu ul li:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:1.5vw;width:10px;height:10px;border:3px solid #BAC8D0;border-radius:100%;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-body ul li{font-family:"voltemedium";font-size:16px;color:#002840;text-align:center;border:1px solid #DCE8EF;height:55px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-body ul li + li{margin-top:-1px;}
.extra-services-content1 .title h2 span{font-family:"voltesemibold";font-size:35px;color:#002840;position:relative;}
.extra-services-content1 .title h2 span:before {content: "";position: absolute;bottom: -10px;left: 0;right: 0;height: 5px;border-radius: 3px;background: linear-gradient(90deg, #f80026 0%, #f6ac29 100%);}

@media only screen and (max-width: 1650px){
    .extra-services-content1 .content-container .content .content-item .content-el{width:14vw;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price{font-size:2.2vw;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-el-header > span{font-size:1.1vw;}
    .extra-services-content1 .content-container .btn-filter-container{margin-left:8.1vw;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price span{transform:translateY(-0.6vw);}
    .extra-services-content1 .content-container .btn-filter-container{margin-left:14vw;}
}

@media only screen and (max-width: 1500px){
    .extra-services-content1 .image{width:100%;margin-top:71px;}
    .extra-services-content1 .col-lg-5{flex:0 0 35%;max-width:35%;}
    .extra-services-content1 .content-container{margin-left:20px;}
    .extra-services-content1 .container{padding:0 70px;}
    .extra-services-content1 .col-lg-7{flex:0 0 63%;max-width:63%;}
    .extra-services-content1 .content-container .content .content-item .content-el{width:15vw;}
    .extra-services-content1 .content-container .content .content-item-menu{width:17vw;}
    .extra-services-content1 .content-container .content .content-item-menu ul li{font-size:0.9vw;}
    .extra-services-content1 .row{justify-content:space-between;}
    .extra-services-content1 .content-container .btn-filter-container{margin-left:16vw;}
    .extra-services-content1 .title h2{font-size:2.4vw;line-height:3vw;}
    .extra-services-content1 .title h2 span{font-size:2.3vw;}
}

@media only screen and (max-width: 1199px){
    .extra-services-content1 .content-container .content .content-item .content-el{width:26vw;height:auto;}
    .extra-services-content1 .content-container .content .content-item .content-el + .content-el{margin-left:0;margin-top:100px;}
    .extra-services-content1 .content-container .content .content-item{padding:0 20px 0;flex-direction:column;}
    .extra-services-content1 .title h2{font-size:3vw;line-height:4vw;}
    .extra-services-content1 .title h2 span{font-size:3vw;}
    .extra-services-content1 .image{width:90%;}
    .extra-services-content1 .content-container .content .swiper-container{height:530px;}
    .extra-services-content1 .content-container .content{align-items:initial;}
    .extra-services-content1 .content-container .content .content-item-menu ul li{font-size:1.3vw;}
    .extra-services-content1 .content-container .content .content-item-menu{width:22vw;margin-top:0;}
    .extra-services-content1 .content-container .btn-filter-container{margin-left:19vw;}
    .extra-services-content1 .content-container .content .content-item:before{visibility:hidden;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-btn:before{content:"";position:absolute;top:-25px;right:-80px;left:-80px;bottom:-30px;background:#FCFDFF;z-index:-1111;border-top:1px solid #e9f0f5;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-btn span{position:relative;display:block;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-btn span{z-index:9;height:40px;border-radius:20px;background:linear-gradient(90deg, #F76444 0%, #f6ac29 100%);line-height:39px;max-width:140px;margin:25px auto;cursor:pointer;z-index:1;position:relative;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-el-header > span{font-size:2vw;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price{font-size:3.4vw;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price span{transform:translateY(-1vw);}
    .extra-services-content1 .content-container .content .content-item-menu ul{position:sticky;top:385px;margin-top:114px;}
}

.extra-services-content2 .content-container .content .content-item .content-el .content-el-header .price{position:relative;left:0;transform:translateX(0) scale(1);opacity:1;}
.extra-services-content2 .content-container .content .content-item .content-el .content-el-header > span{color:#104260;}
.extra-services-content2 .content-container .content .content-item .content-el .content-el-header > span > span{color:#f7783c;font-family:"voltemedium";}
.extra-services-content2 .content-container .content .content-item .content-el{margin-top:0;width:310px;}
.extra-services-content2 .content-container .content .content-item .content-el + .content-el{margin-left:0;}
.extra-services-content2 .content-container .content .content-item .content-el .content-el-header{border:none;background:transparent;}
.extra-services-content2 .content-container .content .content-item .content-el .content-el-body ul li{border-left:none;border-right:none;background:transparent;}
.extra-services-content2 .content-container .content .content-item{background:#EAF2F8;padding:0;}
.extra-services-content2 .content-container .content .content-item-menu ul li:before{visibility:hidden;}
.extra-services-content2 .content-container .content .content-item-menu ul li{padding:0;justify-content:center;background:#FCFDFF;font-family:"voltemedium";height:54.1px;}
.extra-services-content2 .content-container .content .content-item-menu{width:200px;margin:0 0 91.9px;}
.extra-services-content2 .content-container .content{align-items:flex-end;}
.extra-services-content2 .card-info{border-radius:25px 10px 10px 10px;background:#fcfdff;border:1px solid #dfe5eb;box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);margin-top:30px;}
.extra-services-content2 .card-info .card-header{border-radius:25px 15px 25px 0px;background:#154b6c;padding:20px 30px 20px 100px;border:none;position:relative;width:85%;}
.extra-services-content2 .card-info .card-header svg{position:absolute;bottom:-13px;left:20px;}
.extra-services-content2 .card-info .card-header span{font-size:25px;color:#fff;}
.extra-services-content2 .card-info .card-header span strong{font-family:"voltebold";}
.extra-services-content2 .card-info .card-body{padding:50px 60px 40px;text-align:center;}
.extra-services-content2 .card-info .card-body .first-content{border-bottom:1px solid #DCE8EF;margin-bottom:30px;padding-bottom:30px;}
.extra-services-content2 .card-info .card-body .first-content p{font-size:20px;line-height:30px;color:#104260;text-align:center;margin-bottom:0;}
.extra-services-content2 .card-info .card-body > p{font-family:"voltemedium";font-size:16px;line-height:23px;color:#56666f;margin-bottom:0;text-align:center;}
.extra-services-content2 .card-info .card-body > a{height:40px;border-radius:20px;background:linear-gradient(90deg, #F76444 0%, #f6ac29 100%);line-height:39px;font-family:"voltesemibold";font-size:17px;color:#fff;display:inline-block;text-align:center;padding:0 35px;margin-top:40px;position: relative;z-index: 1;}
.extra-services-logo-single .logo-single-item{text-align:center;margin:30px 15px 0;}
.extra-services-logo-single .logo-single-item:hover .logo-single-item-container{background:#104260;/* box-shadow:0px 15px 15px rgba(16, 66, 96, 0.29); */border-color:#104260;transform:translateY(-30px);}
.extra-services-logo-single .logo-single-item .logo-single-item-container{border-radius:10px;border:2px solid #aabcc6;background:transparent;box-shadow:0px 15px 15px rgba(16, 66, 96, 0);padding-bottom:50px;transition:0.5s;}
.extra-services-logo-single .container{padding:90px 10.5vw;}
.extra-services-logo-single .logo-single-item .icon{width:130px;height:90px;border-radius:25px 15px 25px 0px;background:#fff;box-shadow:7px 15px 15px rgba(170, 188, 198, 0.15);display:flex;align-items:center;justify-content:center;margin:0 auto;margin-top:-45px;}
.extra-services-logo-single .logo-single-item h2{font-family:"voltesemibold";font-size:25px;color:#104260;margin:40px 0 20px;transition:0.5s;}
.extra-services-logo-single .logo-single-item .price{font-family:"voltesemibold";font-size:38px;color:#000;}
.extra-services-logo-single .logo-single-item .price span{font-size:20px;display:inline-block;transform:translateY(-13px);}
.extra-services-logo-single .logo-single-item .price span svg{width:12px;margin-top:-12px;transition:0.5s;}
.extra-services-logo-single .logo-single-item .button{height:40px;border-radius:120px;background:linear-gradient(90deg, #F76444 0%, #f6ac29 100%);line-height:39px;max-width:140px;margin:30px auto 0;cursor:pointer;position:relative;font-family:"voltesemibold";font-size:17px;color:#fff;}
.extra-services-logo-single .logo-single-item h2 span{font-family:"voltemedium";color:#f7783c;transition:0.5s;}
.extra-services-logo-single .logo-single-item:hover h2{color:#fff;}
.extra-services-logo-single .logo-single-item:hover h2 span{color:#fff;}
.extra-services-logo-single .logo-single-item:hover .price{color:#fff;transition:0.5s;}
.extra-services-logo-single .logo-single-item:hover .price span svg{fill:#fff;}

@media only screen and (max-width: 1450px){
    .extra-services-logo-single .container { padding: 90px 6.5vw; }
}

.extra-services-textpage .logo-single-item .logo-single-item-container{background:#EAF2F8;}
.extra-services-textpage.extra-services-logo-single .logo-single-item h2{margin-left:10px;padding-right:10px;}
.extra-services-textpage .content{padding-right:60px;}
.extra-services-textpage .content h2{font-family:"voltemedium";font-size:25px;color:#002840;margin-bottom:18px;}
.extra-services-textpage .content p{font-size:16px;line-height:25px;color:#263034;margin-bottom:0;}
.extra-services-textpage .content-img img{width:100%;}
.extra-services-textpage.extra-services-textpage1 .container .row{align-items:center;}
.extra-services-textpage.extra-services-textpage1 .container{padding:10px 10.5vw;}
.extra-services-textpage .content{padding-right:0;}
.extra-services-textpage .page-call-form{display:flex;align-items:center;justify-content:space-between;background:#fcfdff;border:1px solid #dfe5eb;padding:30px 50px;margin-top:70px;}
.extra-services-textpage .page-call-form .call-text{display:flex;align-items:center;}
.extra-services-textpage .page-call-form .call-form-item button{font-family:"voltemedium";font-size: 16px;color:#fff;border-radius:100px;background:#104260;border:none;padding:0 30px;margin-left: 10px;position: relative;z-index: 1;flex: 0 0 170px;}
.extra-services-textpage .page-call-form .call-form-item button:after { background: #104260; }
.extra-services-textpage .page-call-form .call-text h3{font-family:"voltemedium";font-size: 1vw;line-height:1.3vw;color:#2f3b41;max-width:21vw;margin-bottom:0;margin-left: 20px;}
.extra-services-textpage .page-call-form .call-form-item{
    flex: 0 0 73%;
}
.extra-services-textpage .page-call-form .call-form-item .form-group.last-custom-row {
    width: 100%;
    display: flex;
    align-items: center;
    /* margin-top: 10px; */
}

.extra-services-textpage .page-call-form .call-form-item .form-group.last-custom-row label {
    position: relative;
    top: 0;
    left: 0;
    transform: translateY(0) scale(1) !important;
}
.extra-services-textpage .page-call-form .call-form-item .form-group{height:50px;margin-bottom:0;position: relative;}
.extra-services-textpage .page-call-form .call-form-item .form-group input{font-size:14px;color:#718088;height:100%;width: 14vw;max-width: 270px;border-radius:25px;background:#eaeef2;border:1px solid #dee7eb;padding:0 20px;transition: 0.4s;}
.extra-services-textpage .page-call-form .call-form-item .form-group + .form-group{margin-left:30px;}
.extra-services-textpage .page-call-form .call-form-item .form-group label { font-size: 14px; color: #718088; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); padding: 0 10px; transition: 0.4s; }
.extra-services-textpage .page-call-form .call-form-item .form-group.active label, .extra-services-textpage .page-call-form .call-form-item .form-group input:focus ~ label { transform: translate(-4px, -35px) scale(0.9); background: #fcfdff; }
.extra-services-textpage .page-call-form .call-form-item .form-group.active input, .extra-services-textpage .page-call-form .call-form-item .form-group input:focus { background: #fff; }
.extra-services-textpage .page-call-form .call-form-item .form-row{margin:0;flex-wrap:nowrap;}

@media only screen and (max-width: 1620px){
    .extra-services-textpage .page-call-form .call-form-item button {font-size: 0.8vw;margin-left: 20px;flex: 0 0 150px;}
    .extra-services-textpage .page-call-form .call-form-item .form-group + .form-group { margin-left: 20px; }
    .extra-services-textpage .page-call-form .call-form-item .form-group input {width: 230px;}
}

@media only screen and (max-width: 1550px){
    .extra-services-textpage .page-call-form {
        padding: 30px 30px;
    }

    .extra-services-textpage .page-call-form .call-text img {
        width: 50px;
        height: 50px;
    }

    .extra-services-textpage .page-call-form .call-form-item {
        flex: 0 0 75%;
    }

    .extra-services-textpage .page-call-form .call-form-item button {
        padding: 0;
        flex: 0 0 130px;
    }
}

@media only screen and (max-width: 1370px){
    .extra-services-textpage .page-call-form .call-form-item .form-group input {
        width: 16.5vw;
    }
}

@media only screen and (max-width: 1199px){
    .extra-services-textpage .page-call-form .call-text h3 { font-size: 18px; line-height: normal; max-width: 50%; }
    .extra-services-textpage .page-call-form .call-text {margin-bottom: 0;}
    .extra-services-textpage .page-call-form .call-form-item .form-group input { width: 100%; }
    .extra-services-textpage .page-call-form .call-form-item .form-row {
        flex-wrap: wrap;
    }

    .extra-services-textpage .page-call-form .call-form-item {flex: none;max-width: 405px;}
    .extra-services-textpage .page-call-form .call-form-item .form-group.last-custom-row label {margin-top: 15px;}
    .extra-services-textpage .page-call-form .call-form-item button {
        height: 40px;
        margin-left: auto;
        margin-top: 15px;
        margin-right: 5px;
    }

    .extra-services-textpage .page-call-form .call-form-item .form-group.last-custom-row {width: 60%;margin-left: 10px;}
}

@media only screen and (max-width: 1450px){
    .extra-services-textpage.extra-services-textpage1 .container { padding: 0 7vw; }
    .extra-services-textpage .page-call-form .call-form-item button { font-size: 13px; }
}

@media only screen and (max-width: 1199px){
    .extra-services-logo-single .logo-single-item h2{font-size:25px;padding:0 10px;}
    .extra-services-textpage .content{margin-right:30px;}
    .extra-services-logo-single{min-height:50vh;padding-top:30px;}
    .extra-services-logo-single .swiper-container{padding:50px 13.1vw 0;}
    .extra-services-logo-single .logo-single-item{margin:30px 0 0;}
    .extra-services-logo-single .logo-single-item .price{font-size:45px;}
    .extra-services-logo-single .logo-single-item .button{height:50px;line-height:49px;max-width:180px;font-size:18px;}
    .extra-services-logo-single .logo-single-item .icon{width:150px;height:100px;margin-top:-49px;}
}

@media only screen and (max-width: 991px){
    .extra-services-textpage .content{margin-bottom:50px;}
    .extra-services-textpage.extra-services-logo-single .logo-single-item{margin:20px 0 0;position:sticky;top:130px;}
    .extra-services-logo-single .container{padding-bottom:30px;}
    .extra-services-textpage.extra-services-textpage1 .container{padding:50px 7vw 0;}
    .extra-services-textpage .content-img img{width:60%;}
    .extra-services-textpage .content-img{text-align:center;}
    .extra-services-textpage .page-call-form .call-form-item .form-row{flex-wrap:wrap;}
    .extra-services-textpage .page-call-form .call-form-item button{height:50px;margin-left:auto;margin-top:20px;}
    .extra-services-textpage .page-call-form .call-text h3{max-width:80%;}
    .extra-services-logo-single .logo-single-item{margin:0;}
    .extra-services-logo-single .container{padding:100px 30px 10px;}
    .extra-services-logo-single .logo-single-item .icon{width:120px;height:70px;margin-top:-35px;}
    .extra-services-logo-single .logo-single-item .icon img{transform:scale(0.7);}
    .extra-services-logo-single .logo-single-item h2{font-size:22px;margin-top:30px;margin-bottom:0;}
    .extra-services-logo-single .logo-single-item .price{transform:scale(0.9);}
    .extra-services-logo-single .logo-single-item .button{transform:scale(0.9);font-size:19px;}
    .extra-services-logo-single .logo-single-item .logo-single-item-container{padding-bottom:40px;}
    .extra-services-logo-single .swiper-container{padding:50px 22.1vw 0;}
    .extra-services-logo-single{padding-top:40px;}
    .extra-services-textpage .container{padding:10px 30px;}
    .extra-services-textpage.extra-services-logo-single .logo-single-item .icon img{transform:scale(0.8);}
    .extra-services-textpage.extra-services-logo-single .logo-single-item h2{font-size:20px;}
    .extra-services-textpage.extra-services-logo-single .logo-single-item .price{transform:scale(0.8);}
    .extra-services-textpage.extra-services-logo-single .logo-single-item .button{margin-top:20px;}
    .extra-services-textpage.extra-services-logo-single .logo-single-item .logo-single-item-container{padding-bottom:35px;}
}

@media only screen and (max-width: 767px){
    .extra-services-textpage .content h2{font-size:19px;}
    .extra-services-logo-single .container{padding:0px 30px;}
    .extra-services-textpage .content p{font-size:14px;line-height:22px;}
    .extra-services-logo-single .logo-single-item{margin:50px 0 30px;}
    .extra-services-logo-single .logo-single-item .icon{transform:scale(0.8);}
    .extra-services-logo-single .logo-single-item h2{font-size:20px;margin:20px 0 0px;}
    .extra-services-logo-single .logo-single-item .price{transform:scale(0.8);}
    .extra-services-logo-single .logo-single-item .button{transform:scale(0.8);margin-top:20px;}
    .extra-services-textpage .logo-single-item .logo-single-item-container{padding-bottom:40px;}
    .extra-services-textpage{padding-bottom:40px;}
    .extra-services-textpage .content{margin-right:0;margin-bottom:70px;}

    /**/

    .extra-services-textpage .page-call-form{padding:30px 30px;margin-top:0;flex-wrap: wrap;}
    .extra-services-textpage .page-call-form .call-form-item {
        max-width: 100%;
    }
    .extra-services-textpage.extra-services-textpage1 .content-img{display:none;}
    .extra-services-textpage .page-call-form .call-text img{width:50px;}
    .extra-services-textpage .page-call-form .call-text h3{font-size:15px;margin-left:20px;}
    .extra-services-textpage .page-call-form .call-text{margin-bottom:40px;}
    .extra-services-textpage .page-call-form .call-form-item .form-group{flex:0 0 100%;}
    .extra-services-textpage .page-call-form .call-form-item .form-group + .form-group{margin-left:0;margin-top:20px;}
    .extra-services-textpage .page-call-form .call-form-item button{height:43px;}
    /**/

    .extra-services-logo-single{padding:20px 0 40px;}
    .extra-services-logo-single .logo-single-item .logo-single-item-container{padding-bottom:30px;}
    .extra-services-textpage.extra-services-logo-single{padding:30px 0 60px;}
    .extra-services-textpage.extra-services-logo-single .logo-single-item .logo-single-item-container{padding-bottom:30px;}
    .extra-services-textpage.extra-services-logo-single .logo-single-item .icon{transform:scale(0.9);}
}

/**/

.extra-services-ssl .sll-faq{margin:0 4.2vw 0 0;}
.extra-services-ssl .sll-faq h2{margin-left:20px;font-size:25px;color:#3f4c53;margin-bottom:35px;}
.extra-services-ssl .sll-faq .faq-item{border-radius:15px;background:#fff;box-shadow:0px 5px 10px rgba(186, 200, 208, 0.3);}
.extra-services-ssl .sll-faq .faq-item .faq-item-title{display:flex;align-items:center;padding:20px 30px;cursor:pointer;}
.extra-services-ssl .sll-faq .faq-item .faq-item-title .plus{min-width:15px;height:15px;margin-right:15px;position:relative;}
.extra-services-ssl .sll-faq .faq-item .faq-item-title h3{font-family:"voltesemibold";font-size:17px;color:#3f4c53;margin-bottom:0;transition: 0.4s;}
.extra-services-ssl .sll-faq .faq-item .faq-item-body{padding:0px 60px 30px;display:none;}
.extra-services-ssl .sll-faq .faq-item .faq-item-body p{font-size:15px;line-height:22px;color:#263034;margin-bottom:0;}
.extra-services-ssl .sll-faq .faq-item .faq-item-title .plus:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:2px;background:#104260;border-radius:15px;}
.extra-services-ssl .sll-faq .faq-item .faq-item-title .plus:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:2px;height:100%;background:#104260;border-radius:15px;transition:0.4s;}
.extra-services-ssl .sll-faq .faq-item + .faq-item{margin-top:10px;}
.extra-services-ssl .sll-faq .faq-item .faq-item-title.active .plus:after{height:0;}
.extra-services-ssl .sll-faq .faq-item .faq-item-title.active h3 { color: #104260; }
.extra-services-ssl .sll-container{text-align:center;padding:0 20px;}
.extra-services-ssl .sll-container h3{font-size:1.6vw;color:#002840;margin-bottom:30px;}
.extra-services-ssl .sll-container h3 span {font-family: "voltemedium";}
.extra-services-ssl .sll-container .sll-content{display:flex;}
.extra-services-ssl .sll-container .sll-content .sll-content-item{flex:0 0 50%;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-title{position:relative;border-radius:25px 15px 25px 0px;background:#154b6c;padding:20px 2.6vw 20px 110px;margin-bottom:-70px;z-index:9;width:80%;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-title img{position:absolute;top:10px;left:30px;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-title h4{font-size:1.3vw;color:#ccdce5;margin-bottom:0;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-title h4 span{font-family:"voltebold";}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-header{display:flex;align-items:center;justify-content:center;position:relative;padding:110px 0 60px;border-radius:25px 10px 0 0;background:#eaf2f8;border:1px solid #dfe5eb;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-header .price{font-family:"voltesemibold";font-size:45px;color:#000;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-header .price span{font-size:20px;display:inline-block;transform:translateY(-13px);}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-header .price span svg{width:12px;margin-top:-12px;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-header .year{font-family:"voltesemibold";font-size:17px;color:#7f8181;margin-top:7px;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-header .content-btn{height:40px;border-radius:20px;background:linear-gradient(90deg, #F76444 0%, #f6ac29 100%);line-height:39px;margin:30px auto 0;cursor:pointer;position:absolute;font-family:"voltesemibold";font-size:17px;color:#fff;text-align:center;left:50%;bottom:-20px;padding:0 30px;transform:translate(-50%, 0);}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-body{background:#fff;border:1px solid #DFE5EB;margin-top:-1px;padding:40px 20px 40px;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-body ul li:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:10px;width:10px;height:10px;border:3px solid #BAC8D0;border-radius:100%;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-body ul li{font-family:"voltemedium";font-size:16px;color:#56666f;padding:15px 0 15px 35px;position:relative;text-align:left;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-body ul li + li{border-top:1px solid #DCE8EF;/* margin-top:15px;*/ /* padding-top:15px;*/ }
.extra-services-ssl .sll-container .sll-content .sll-content-item + .sll-content-item{margin-left:25px;}
.extra-services-ssl .col-lg-5{margin-right:0;}
.extra-services-ssl{padding:10px 0px 100px;}
.extra-services-ssl .container .row{justify-content:center;}


@media only screen and (max-width: 1600px){
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title img { width: 50px; left: 1.9vw; }
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title { padding: 20px 2.6vw 20px 5vw; margin-bottom: -60px; }
}

@media only screen and (max-width: 1370px){
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title img { width: 50px; }
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title { width: 90%; }
}

@media only screen and (max-width: 1199px){
    .extra-services-ssl .sll-faq{margin-right:0;}
    .extra-services-ssl .container .row{flex-direction:column-reverse;}
    .extra-services-ssl .sll-faq .faq-item{margin:0 5px 10px;}
    .extra-services-ssl .sll-faq .faq-item + .faq-item{margin-top:0;}
    .extra-services-ssl .sll-container h3{font-size:30px;margin-bottom:40px;}
    .extra-services-ssl .sll-container{margin-bottom:70px;}
    .extra-services-ssl .sll-container .sll-content{padding:0;}
    .extra-services-ssl .container{padding:0 120px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title h4{text-align:left;font-size:20px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title{padding-left:90px;padding-right:20px;width:80%;}
}

@media only screen and (max-width: 991px){
    .extra-services-ssl .container { padding: 50px 40px; }
}

@media only screen and (max-width: 767px){
    .extra-services-ssl .container{padding:30px 25px 50px;}
    .extra-services-ssl .sll-faq h2{font-size:20px;margin-bottom:20px;}
    .extra-services-ssl .sll-faq .faq-item .faq-item-title{padding:20px 20px;}
    .extra-services-ssl .sll-faq .faq-item .faq-item-title h3{font-size:15px;}
    .extra-services-ssl .sll-faq .faq-item .faq-item-title .plus{min-width:13px;height:13px;margin-right:10px;}
    .extra-services-ssl .sll-faq .faq-item{margin:0 0 10px;}
    .extra-services-ssl .sll-faq .faq-item .faq-item-body{padding:0px 30px 30px 40px;}
    .extra-services-ssl .sll-faq .faq-item .faq-item-body p{font-size:13px;line-height:20px;}
    .extra-services-ssl .sll-container h3{font-size:20px;text-align:left;margin-left:20px;margin-bottom:20px;}
    .extra-services-ssl .sll-container .sll-content{display:block;margin:0 20px;}
    .extra-services-ssl .sll-container{padding:0;margin-bottom:50px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title h4{font-size:18px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title img{width:40px;left:16px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title{padding:15px 20px 15px 70px;margin-bottom:-50px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-header{padding:80px 0 50px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-header .content-btn{transform:translate(-50%, 0) scale(0.9);}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-body ul li{font-size:15px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-body{padding-bottom:30px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item + .sll-content-item{margin-left:0;margin-top:40px;}
    .extra-services-ssl{padding-bottom:10px;}
}

/*--*/

.extra-services-ssolutions{padding-top:30px;}
.extra-services-ssolutions .slt-title{text-align:center;max-width:470px;margin:0 auto 90px;}
.extra-services-ssolutions .slt-title h2{font-family:"voltemedium";font-size:32px;color:#002840;margin-bottom:30px;}
.extra-services-ssolutions .slt-title p{font-size:18px;line-height:24px;color:#6a7a83;margin-bottom:0;}
.extra-services-ssolutions .slt-list{display:flex;flex-wrap:wrap;padding-left:0;}
.extra-services-ssolutions .slt-list .slt-list-item{flex:0 0 calc(33% - 33.3px);height:210px;position:relative;margin-bottom:55px;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]{position:absolute;opacity:0;visibility:hidden;}
.extra-services-ssolutions .slt-list .slt-list-item label{margin-bottom:0;width:100%;height:100%;padding:40px 25px;border-radius:10px;background:#fff;border:1px solid #dce2e8;box-shadow:0px 10px 25px rgba(170, 188, 198, 0);position:relative;transform:translateY(0);transition:0.5s;cursor:pointer;}
.extra-services-ssolutions .slt-list .slt-list-item label > svg{position:absolute;top:-10px;left:-10px;transform: scale(0);transition: 0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item label h3{font-family:"voltesemibold";font-size:17px;color:#aabcc6;margin-bottom:0;transition: 0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item label .price{font-family:"voltesemibold";font-size:20px;color:#aabcc6;display:flex;align-items:center;transition:0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item label .price svg{width:12px;height:30px;margin-top:-5px;margin-left:1px;fill:#AABCC6;transition:0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item + .slt-list-item{margin-left:5.2%;}
.extra-services-ssolutions .slt-list .slt-list-item:nth-child(3n+1){margin-left:0;}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info{position:absolute;bottom:10px;left:25px;z-index:9;padding-top:20px;}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info .slt-info-detail{width:203px;border-radius:5px;background:#56666f;box-shadow:0px 6px 10px rgba(0, 0, 0, 0.22);padding:10px;position:absolute;bottom:40px;left:50%;transform:translate(-50%, 0);opacity:0;visibility:hidden;transition:0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info .slt-info-detail p{font-family:"voltemedium";font-size:12px;line-height:16px;color:#fff;margin-bottom:0;}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info .slt-info-detail:before{content:"";position:absolute;bottom:-5px;left:50%;right:0;width:10px;height:10px;background:#56666f;transform:translateX(-50%) rotate(45deg);}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info:hover .slt-info-detail{opacity:1;visibility:visible;}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info svg{width:17px;height:17px;}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info svg path{transition:0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item label:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background-image:url(../img/main/box-bg.svg);background-size:cover;background-position:center;opacity:1;transition:0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item label:after{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background-image:url(../img/main/box-bg-active.svg);background-size:cover;background-position:center;opacity:0;transition:0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label:before{opacity:0;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label:after{opacity:1;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label h3{color:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label .price{color:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label .price svg{fill:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label .slt-info svg path{fill:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item:hover label{background:#5F8AA3;border-color:#5F8AA3;box-shadow:0px 10px 25px rgba(170, 188, 198, 0.65);}
.extra-services-ssolutions .slt-list .slt-list-item:hover label h3{color:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item:hover label .price{color:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item:hover label .price svg{fill:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item:hover label .slt-info svg path{fill:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label{transform:translateY(-25px);background:#5F8AA3;border-color:#5F8AA3;box-shadow:0px 10px 25px rgba(170, 188, 198, 0.65);}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label > svg{transform: scale(1);}
.extra-services-ssolutions .order-list{border-radius:25px 10px 10px 10px;background:#fcfdff;border:1px solid #dfe5eb;box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);padding-bottom:60px;}
.extra-services-ssolutions form{position:sticky;top:150px;}
.extra-services-ssolutions .order-list .order-list-header{border-radius:25px 15px 25px 0px;background:#eaf2f8;border: 1px dashed #d9dfe8;padding:20px 0;text-align:center;width:85%;}
.extra-services-ssolutions .order-list .order-list-header h4{font-size:20px;color:#56666f;margin-bottom:0;}
.extra-services-ssolutions .order-list .order-list-header h4 span{font-family:"voltesemibold";}
.extra-services-ssolutions .order-list .order-slt{padding:0 2.1vw;margin-top:45px;}
.extra-services-ssolutions .order-list .order-slt .order-slt-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #CDD9DE;border-bottom-style:dashed;margin-bottom:15px;padding-bottom:15px;position:relative;}
.extra-services-ssolutions .order-list .order-slt .order-slt-item h5{font-family:"voltesemibold";font-size:1vw;color:#56666f;margin-bottom:0;margin-left:1.4vw;}
.extra-services-ssolutions .order-list .order-slt .order-slt-item .price-delete{display:flex;align-items:center;}
.extra-services-ssolutions .order-list .price{display:flex;align-items:center;font-family:"voltesemibold";font-size:1.2vw;color:#104260;text-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);margin-right:25px;}
.extra-services-ssolutions .order-list .price span{font-size:0.9vw;margin-top:-4px;}
.extra-services-ssolutions .order-list .order-slt .order-slt-item .price-delete .delete-btn { cursor: pointer; }
.extra-services-ssolutions .order-list .order-slt .order-slt-item .price-delete .delete-btn svg path { transition: 0.4s; }
.extra-services-ssolutions .order-list .order-slt .order-slt-item .price-delete .delete-btn:hover svg path { fill: #f68737; }
.extra-services-ssolutions .order-list .price span svg{width:10px;height:auto;margin-top:-10px;}
.extra-services-ssolutions .order-list .order-slt .order-slt-item form{display:flex;align-items:center;justify-content:space-between;width:100%;}
.extra-services-ssolutions .order-list .order-slt .order-slt-item:before{content:"";position:absolute;top:34%;transform:translateY(-50%);left:0;min-width:0.6vw;height:0.6vw;background:#DFE5EA;border-radius:100%;}
.extra-services-ssolutions .order-list .order-total-price{display:flex;align-items:center;justify-content:space-between;margin:40px 2.1vw 30px;padding:10px 35px;border-radius:10px;background:#F2F6FA;}
.extra-services-ssolutions .order-list .order-total-price span{font-family:"voltesemibold";font-size:17px;color:#3f4c53;}
.extra-services-ssolutions .order-list .order-total-price .price{margin-right:0;}
.extra-services-ssolutions .order-list .add-basket{border:none;-webkit-box-shadow:none;box-shadow:none;outline:none;outline-color:rgba(0, 0, 0, 0);font-size:20px;font-family:"voltesemibold";letter-spacing:1px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:block;background:#f76046;background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29));background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);color:#fff;padding:0.7rem 2rem;margin:0 2.1vw;width:calc(100% - 4.2vw);border-radius:3rem;position: relative;z-index: 1;}
.extra-services-ssolutions .col-lg-3{margin-left:1.3vw;}
.extra-services-ssolutions .container .row:nth-child(2){justify-content:center;}

@media only screen and (max-width: 1450px){
    .extra-services-ssolutions .slt-list .slt-list-item{flex:0 0 calc(50% - 33.3px);}
    .extra-services-ssolutions .slt-list .slt-list-item:nth-child(2n+1){margin-left:0;}
    .extra-services-ssolutions .slt-list .slt-list-item:nth-child(2n+2){margin-left:5.2%;}
    .extra-services-ssolutions .col-lg-3{margin-left:0;flex:0 0 30%;max-width:30%;}
    .extra-services-ssolutions .col-lg-7{flex:0 0 50%;max-width:50%;}
    .extra-services-ssolutions .order-list .order-slt .order-slt-item h5{font-size:1.2vw;}
    .extra-services-ssolutions .order-list .price{font-size:1.4vw;}
    .extra-services-ssolutions .order-list .price span{font-size:1vw;}
}

@media only screen and (max-width: 1199px){
    .extra-services-ssolutions .col-lg-7 { flex: 0 0 60%; max-width: 60%; }
    .extra-services-ssolutions .col-lg-3 { flex: 0 0 40%; max-width: 40%; }
    .extra-services-ssolutions .slt-list .slt-list-item { flex: 0 0 calc(50% - 20px); }
    .extra-services-ssolutions .container { padding: 0 7vw; }
    .extra-services-ssolutions .order-list .order-slt .order-slt-item h5 { font-size: 1.6vw; }
    .extra-services-ssolutions .order-list .price span { font-size: 1.3vw; }
    .extra-services-ssolutions .order-list .price { font-size: 1.9vw; }
}

@media only screen and (max-width: 991px){
    .extra-services-ssolutions .slt-list .slt-list-item{flex:0 0 100%;margin-left:0 !important;height:190px;}
    .extra-services-ssolutions .col-lg-7{flex:0 0 45%;max-width:45%;}
    .extra-services-ssolutions .col-lg-3{flex:0 0 50%;max-width:50%;}
    .extra-services-ssolutions .order-list .order-list-header h4{font-size:18px;}
    .extra-services-ssolutions .order-list .order-slt .order-slt-item h5{font-size:16px;}
    .extra-services-ssolutions .order-list .price{font-size:20px;}
    .extra-services-ssolutions .order-list .price span{font-size:15px;}
    .extra-services-ssolutions .order-list{padding-bottom:50px;}
    .extra-services-ssolutions .order-list .order-slt{margin-top:30px;}
    .extra-services-ssolutions form{top:110px;}
    .extra-services-ssolutions .slt-title h2{font-size:25px;margin-bottom:20px;}
    .extra-services-ssolutions .slt-title p{font-size:16px;}
    .extra-services-ssolutions .slt-title{margin-bottom:60px;}
    .extra-services-ssolutions{padding:60px 0 60px;}
}

@media only screen and (max-width: 767px){
    .extra-services-ssolutions .slt-title h2{font-size:20px;margin-bottom:10px;}
    .extra-services-ssolutions .slt-title p{font-size:15px;line-height:20px;}
    .extra-services-ssolutions{padding:40px 0 60px;}
    .extra-services-ssolutions .col-lg-7{flex:0 0 100%;max-width:100%;}
    .extra-services-ssolutions .col-lg-3{flex:0 0 100%;max-width:100%;}
    .extra-services-ssolutions .slt-list{padding:0 20px;}
    .extra-services-ssolutions .slt-list .slt-list-item label{padding-top:30px;}
    .extra-services-ssolutions .slt-list .slt-list-item label h3{font-size:15px;margin-bottom:5px;}
    .extra-services-ssolutions .slt-list .slt-list-item label .price{font-size:16px;}
    .extra-services-ssolutions .slt-list .slt-list-item label .price svg{width:10px;height:22px;}
    .extra-services-ssolutions .order-list .order-list-header h4{font-size:15px;}
    .extra-services-ssolutions .order-list .order-list-header{padding:15px 0;}
    .extra-services-ssolutions .order-list .order-slt .order-slt-item h5{font-size:14px;}
    .extra-services-ssolutions .order-list .price{font-size:18px;margin-right:15px;}
    .extra-services-ssolutions .order-list .price span{font-size:13px;}
    .extra-services-ssolutions .order-list .order-slt{padding:0 20px;}
    .extra-services-ssolutions .order-list .order-total-price{margin:40px 20px 30px;}
    .extra-services-ssolutions .order-list .add-basket{font-size:16px;padding:10px 0;margin:0 20px;width:calc(100% - 40px);}
}

/* Media */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    section.home.home-front-informations .img span.bg { width: 110% }
}

@media only screen and (max-width: 1750px){
    /* Header */
    header.header .container { padding-left: 4vw; padding-right: 4vw; }
    
    /* Slider */
    section.slider .slider-container { padding: 0 4vw; }
}

@media only screen and (max-width: 1550px){
    header.header.fixed .container { padding-right: 7vw; }
    
    /* Sldier */
}


@media only screen and (max-width: 1500px){
    /* Slider */
    section.slider .slider-container .slider-content .content-title h1 { font-size: 2.6vw; }
    section.slider .slider-container .slider-content .content-title { margin-bottom: 2vw; }

    /* Home Products */
    section.home.home-themes .isotope .element-item .text .name {padding-right: 40px;}
    section.home.home-themes .isotope .element-item .text .price {padding-left: 40px;}
}

@media only screen and (max-width: 1440px){
    section.home.home-themes .isotope .element-item .text .name {
        max-width: 43%;
        padding-right: 20px;
    }

    section.home.home-themes .isotope .element-item .text .price {
        max-width: 57%;
    }
}

@media only screen and (max-width: 1370px){
    /* Header */
    header.header nav.header-scope .menu ul.navbar-nav li a { padding: 1rem 0.7rem; }
    header.header nav.header-scope .logo { width: 200px; min-width: 200px; }

    /* Slider */
    section.slider {height: 90vh;}
    section.slider .slider-container .slider-content { width: 29vw; margin-top: 40px; }

    /* Home Products */
    section.home.home-themes .container { padding-top: 0; }
    section.home.home-themes .isotope { margin-bottom: 0; }
    section.home.home-themes .isotope .element-item .text .price {padding-left: 30px;}
}

@media only screen and (max-width: 1280px){
    header.header.fixed .container { padding-left: 4vw; }
}

@media only screen and (max-width: 1250px){
    header.header.fixed .container { padding-left: 2.5vw; }
}

@media only screen and (max-width: 1230px){
    header .user-btn { margin-left: 10px; }
    header .basket-btn { margin-left: 10px; }
}

@media only screen and (max-width: 1199px){
    /* Default */
    .user-mobil-menu{display: block;}
    .user-mobil-menu.fixed-active span{background:#104260;}
    .user-mobil-menu.fixed-active{top: 40px;right:30px;}
    .inner-header.user-mobil-menu { top: 42px; }

    /* Header */
    header.header .extra-services, header .basket-btn, header .user-btn{display:none;}
    header.header nav.header-scope .menu{width:auto;margin-left:41px;margin-top:-10px;}
    header.header nav.header-scope{justify-content:flex-start;}

    /* Slider */
    section.slider .slider-container .slider-content{width:38vw;margin-top:0;}
    section.slider .slider-container .slider-content .content-title h1{max-width:30vw;}
    section.slider .slider-container .slider-images{width:52vw;height:38vw;transform:translate(-20px, 110px);}
    section.slider .slider-container .slider-pagination{display:flex;}
    
    /* Home Section 1 */
    section.home.home-front-informations .swiper-slide{padding:30px 0;}
    section.home.home-front-informations .swiper-container{padding:0 150px 20px;}
    section.home.home-front-informations .container{padding:0;}
    section.home.home-front-informations{padding-bottom:0;overflow:hidden;background: none;}
    section.home.home-front-informations .text{padding-left:70px;padding-right:20px;}

    /* Home Products */
    section.home.home-themes .isotope .element-item.corporate:last-child{display:none;}
    section.home.home-themes .isotope .element-item:nth-child(3),section.home.home-themes .isotope .element-item:nth-child(6), section.home.home-themes .isotope .element-item:nth-child(9){display:none;}
    section.home.home-themes .isotope .element-item{/* flex:0 0 calc(50% - 50px); *//* max-width:calc(50% - 50px); */width: 50%;}

    /* Home Steps */
    section.home.home-steps .home-head h2{font-size:30px;}
    section.home.home-steps{padding-top:30px;overflow:hidden;}
    section.home.home-steps .row .col-md-4{border-radius:5px;background:#fff;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.05);padding:0;overflow:hidden;margin:0 10px;flex:0 0 calc(33% - 18px);max-width:initial;height: 400px;}
    section.home.home-steps .img{height:230px;}
    section.home.home-steps .container{padding: 0 0;}
    section.home.home-steps .text h3{font-size:18px;padding-bottom:0;}
    section.home.home-steps .text p{font-size: 15px;}
    section.home .btn-group a{font-size:18px;padding:1rem 3rem;}
    section.home.home-steps .img>img {
        max-width: 80%;
        top: 39%;
    }
    section.home.home-steps .img.img1 span.bg {
        width: 85%;
        margin-left: 30px;
        margin-top: 10px;
    }
    section.home.home-steps .text {
        margin-top: 40px;
        padding: 0 21px;
    }
    section.home.home-steps .img.img2 span.bg {
        width: 100%;
        margin: 20px 0 0;
    }
    section.home.home-steps .img.img3 span.bg {
        width: 100%;
        margin-top: 29px;
    }
}

@media only screen and (max-width: 991px){
    /* Default */
    .user-mobil-menu{top:35px;right:50px;}
    .user-mobil-menu.fixed-active {
        top: 24px;
    }
    .container{padding:0;}
    .user-mobil-menu.fixed span{background:#27495d;}
    .user-mobil-menu.fixed{top:24px;right:60px;}
    
    /* Header */
    header.header nav.header-scope .logo{width:130px;max-width:initial;min-width:130px;margin-top:6px;}
    header.header nav.header-scope .menu{margin-left:10px;margin-top:0;}
    header.header nav.header-scope .menu ul.navbar-nav li a{font-size:12px;}
    header.header nav.header-scope{height:auto;}

    /* Slider */
    section.slider .slider-container .slider-content .content-subtitle p{font-size:15px;}
    section.slider .slider-container .slider-content .content-link a{font-size:11px;padding:7px 20px;}
    section.slider .slider-container .slider-pagination{bottom:93px;transform:scale(0.8);}
    section.slider .slide-mask{z-index:99;height:101%;}

    /* Home Section 1 */
    section.home.home-front-informations .swiper-container{padding:0 100px 20px;}
    section.home.home-front-informations .text{padding-left:40px;padding-right:0;}

    /* Home Products */
    section.home .home-head h2{font-size:26px;}
    section.home .home-head p{font-size:17px;}
    section.home.home-themes .isotope .element-item .text .name{/* display:none; */font-size: 12px;padding: 0 30px 0;}
    section.home.home-themes .isotope .element-item .text .price{/* display:none; */padding: 0 34px;}
    section.home.home-themes .isotope .element-item .text{height:30px;}
    section.home.home-themes .isotope .element-item .text .basket{width:40px;height:40px;}
    section.home.home-themes .isotope .element-item .text .basket svg{width:23px;height:23px;}
    section.home.home-themes .isotope .element-item .text .price .old-price { font-size: 13px; line-height: normal; }
    section.home.home-themes .isotope .element-item .text .price .new-price { font-size: 15px; margin-left: 10px; }
    section.home.home-themes .isotope .element-item .text .price .new-price:before { visibility: hidden; }
    section.home.home-themes .button-group .button .button-nylon { font-size: 16px; }

    /* Home Steps */
    section.home.home-steps .home-head h2{font-size:30px;}
    section.home.home-steps{padding-top:30px;overflow:hidden;}
    section.home.home-steps .row .col-md-4{height: auto;padding-bottom: 20px;}
    section.home.home-steps .img{height:230px;}
    section.home.home-steps .container{padding: 0 0;}
    section.home.home-steps .text h3{font-size:18px;padding-bottom:0;}
    section.home.home-steps .text p{font-size: 15px;}
    section.home .btn-group a{font-size:18px;padding:1rem 3rem;}
    section.home.home-steps .img.img1 span.bg {
        width: 100%;
        margin-left: 0;
    }
    section.home.home-steps .img>img {
        max-width: 90%;
        top: 50%;
    }

    section.home.home-steps .text {
        margin-top: 15px;
        padding: 0 15px;
    }
    section.home.home-steps .img.img2 span.bg {
        margin: 5px 0 0;
    }
    section.home.home-steps .img.img3 span.bg {
        width: 100%;
        margin-left: -20px;
        margin-top: 16px;
    }

    /* Footer */
    .footer:before{content:"";position:absolute;top:0;right:0;left:-80px;bottom:0;background-image:url(../img/footer-mask.png);background-repeat:no-repeat;}
    .footer{background-image:none;overflow:hidden;}
    .footer .footer-top{padding:60px 0 20px;}
    .footer.footer-type-4 .footer-top .footer-logo .phone a span{font-size:20px;}
    .footer .footer-bottom .container{padding:20px 0;}

    /* Choose Form */
    .choose-form-btn-text span{/* display:none; */font-size: 15px;}
    .choose-form-btn-icon{width:70px;height:70px;line-height:70px;}
    .choose-form-btn-icon svg{transform:scale(0.8);}
    .choose-form{}
}

@media only screen and (max-width: 767px){
    /* Default */
    .user-mobil-menu{display:none;}
    header .user-btn {
        display:none;
    }
    .mobile-menu .hamburger-menu{top:15px;right: 45px;transform:scale(0.8);}
    .choose-form-btn-icon svg{transform:scale(0.7);}
    .choose-form-btn-icon{width:60px;height:60px;line-height:60px;}
    .choose-form{}

    /* Header */
    header.header nav.header-scope .menu{display:none;}

    /* Slider */
    section.slider .slider-container .slider-content .content-subtitle{display:none;}
    section.slider .slider-container .slider-content .content-link a{font-size:9px;padding:6px 12px;}
    section.slider .slider-container .slider-content .content-title h1{font-size:15px;max-width:200px;}
    section.slider .slider-container .slider-content .content-title{margin-bottom:0;}
    section.slider .slider-container .slider-pagination{bottom:45px;transform:scale(0.6);left:1.5vw;}
    section.slider{height:280px;}

    /* Home Section 1 */
    header.header .container{padding-top:10px;}
    section.home.home-themes .container{padding:5.2vw 20px 0;}
    section.home .home-head h2{font-size: 18px;line-height:normal;margin-bottom:15px;padding: 0 20px;}
    section.home .home-head p{font-size:15px;line-height:20px;margin-bottom:0;}
    section.home.home-front-informations{padding:20px 0 0;overflow:hidden;}
    section.home.home-front-informations .swiper-container{padding: 0 70px 20px;}
    section.home.home-front-informations .swiper-slide { transform: scale(0.9); }
    section.home.home-front-informations .text h3 { font-size: 17px; margin-bottom: 10px; }
    section.slider .slide-mask{height:108%;width:102%;}
    section.home .home-head{padding-bottom:40px;width: 100%;transform: scale(1);}

    /* Home Steps */
    section.home.home-steps .row .col-md-4{margin:0;flex:0 0 100%;/* width:290px; */padding-bottom:20px;height: 100%;}
    section.home.home-steps .btn-group a{font-size:17px;padding:0.7rem 3.5rem;}
    section.home.home-steps .btn-group{padding:18px 0 11px;}
    section.home.home-steps .container{padding:0;}
    section.home.home-steps .swiper-container{padding:0 50px;}
    section.home.home-steps .img{height:200px;}
    section.home.home-steps .img>img{max-width:80%;margin-top:20px;}
    section.home.home-steps .img.img1 span.bg{width:calc(100% - 45px);margin-left:30px;margin-top:20px;}
    section.home.home-steps .text{margin-top:70px;}
    section.home.home-steps .text p{font-size:15px;}
    section.home.home-steps .text h3{margin-bottom:10px;}
    section.home.home-steps .img.img2 span.bg{width: 100%;margin:31px 0;}
    section.home.home-steps .img.img3 span.bg{margin-top:38px;width: 100%;left: 48%;}
    section.home.home-steps .home-head h2{font-size:18px;}
    section.home .btn-group a{font-size:15px;padding:10px 30px;}
    section.home .btn-group{padding-top:20px;}
    section.home.home-steps{padding-top:0;overflow:initial;}
    section.home.home-themes{padding-top:0;}
    section.home.home-themes:before{right:-70vw;left:auto;width:150vw;height:140vw;top:100px;}
    section.home.home-steps:before{left:-200px;width:100vw;height:100vw;top:-100px;transform:scale(2);}
    
    /* Home Products */
    section.home.home-themes .isotope .element-item:nth-child(2), section.home.home-themes .isotope .element-item:nth-child(5),
    section.home.home-themes .isotope .element-item:nth-child(8){display:none;}
    section.home.home-themes .isotope .element-item{/* flex:0 0 100%; *//* max-width:100%; */width: 100%;}
    section.home.home-themes .button-group .button{padding:10px 20px;font-size:15px;height:40px;}
    section.home.home-themes .button-group .selector{height:44px;margin-top: -2px;}
    section.home.home-themes .button-group{transform:scale(1);}
    section.home.home-themes .button-group .button.is-checked .button-nylon{font-size: 13px;}
    section.home.home-themes .button-group .button .button-origin{font-size:13px;}
    section.home.home-themes .button-group .button .button-nylon{font-size: 11px;}
    section.home.home-themes .button-group .button .button-nylon > span {
        display: none;
    }
    section.home.home-themes .isotope { margin: 0; }
    section.home.home-themes .isotope .element-item .text .price .new-price:before { visibility: visible; width: 10px; left: -14px; }
    section.home.home-themes .isotope .element-item .text .price .new-price { margin-left: 20px; }
    section.home.home-themes .isotope .element-item .text .price .old-price { font-size: 12px; }
    section.home.home-themes .isotope .element-item .img { height: 280px; }

    /* Footer */
    .footer.footer-type-4 .footer-top .footer-menu{display:none;}
    .footer.footer-type-4 .footer-top .footer-logo{margin:25px 0 0;width:100%;text-align:center;}
    .footer:before{visibility:hidden;}
    .footer{background:#ffffff;}
    .footer .container{padding:0;width:100%;}
    .footer.footer-type-4 .footer-top .footer-logo > img{max-width:140px;}
    .footer.footer-type-4 .footer-top .phone > span{font-family:"voltesemibold";font-size:10px;color:#002840;}
    .footer.footer-type-4 .footer-top .phone{text-align:center;max-width:270px;margin:0 auto;border-top:1px solid #EAF0F4;border-bottom:1px solid #EAF0F4;padding:15px 0px;}
    .footer.footer-type-4 .footer-top .phone a .tel > span:nth-child(1){font-family:"voltesemibold";font-size: 10px;color:#002840;display:block;}
    .footer.footer-type-4 .footer-top .phone a{align-items:center;font-family:"voltesemibold";justify-content:center;}
    .footer.footer-type-4 .footer-top .phone a .tel{display:block;text-align:left;margin-left: 5px;font-size: 18px;font-family: "voltemedium";}
    .footer.footer-type-4 .footer-top .phone a .tel span strong{font-family:"voltebold";}
    .footer .footer-top{padding:30px 0 25px;}
    .footer.footer-type-4 .footer-top .phone a .tel span strong {font-family: "voltesemibold";}
    .footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social a svg {
        width: 23px;
        height: 23px;
    }
    .footer.footer-type-4 .footer-top .footer-contact-information ul li .text h4{display:none;}
    .footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social{justify-content:center;}
    .footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social span{display:none;}
    .footer.footer-type-4 .footer-top .footer-contact-information{margin-top: 15px;}
    .footer .footer-bottom .container{margin:0;width:100%;border-top:none;padding-top:0;padding-bottom:25px;}
    .footer .footer-bottom .container .d-flex{display:block !important;text-align:center;}
    .footer.footer-type-4 .footer-bottom .copyright p{font-size:14px;color:#b8c8d1;margin-bottom:25px;}
    .footer.footer-type-4 .footer-bottom .cards-area{transform:scale(0.85);opacity:0.7;}
}

/* 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(34, 41, 48, 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; 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 #f79233; 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%); 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: #f79233; }
    body .cc-banner.cc-theme-edgeless .cc-message a.cc-link:hover { color: #f79233; }
}

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

/**/
.payment-title {
    width: 100%;
    text-align: center;
}

.form-container .field-container:nth-of-type(3) {
    grid-area: expiration;
}

.form-container .field-container:nth-of-type(4) {
    grid-area: security;
}

.field-container input {border: 2px solid #C1C8CC;box-shadow: 0px 0px 15px rgb(170 188 198 / 0);border-radius: 10px;background: #fff;width: 100%;height: 60px;font-weight: 600;font-size: 20px;letter-spacing: 0.13em;color: #002840;line-height: normal;padding: 0 30px;transition: 0.4s;}
.field-container.active input {border-color: #002840;box-shadow: 0px 0px 15px rgb(170 188 198 / 30%);}
.field-container {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    transition: 0.4s;
    position: relative;
}.field-container input:focus {
    border-color: #002840;
    box-shadow: 0px 0px 15px rgba(170, 188, 198, 0.3);
    color: #002840;
}
.field-container .number-row {
    display: flex;
}.field-row .field-container.security-code .code-input.active label {
    border-color: #002840;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 30%);
}
.field-container.security-code .dot {
    transform: translate(10px, 0px);
}
.field-container .number-item {
    flex: 1 0 0;
    border-radius: 10px;
    background: #fff;
    border: 2px solid #c1c8cc;
    height: 60px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.form-container {border: 1px solid #C7D1D8;border-radius: 10px;position: relative;margin: 0 15px;padding: 70px 60px 60px;}
.form-container .form-item {
    max-width: 760px;
}
.field-container .card-number-item {
    flex: 1 0 0;
    position: relative;
}

.field-container .card-number-item input {opacity: 0;}

.field-container .card-number-item label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 70px 0;
    border: 2px solid #C1C8CC;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 0%);
    border-radius: 10px;
    background: #fff;
    margin-bottom: 0;
    cursor: pointer;
    transition: 0.4s;
}.american-cart .field-container .card-number-item label .number-dot:nth-child(4) {
    transform: translate(0px, 0px);
}

.american-cart .field-container .card-number-item label .number-dot:nth-child(3) {transform: translate(0px, 0px);}
.american-cart .field-container .card-number-item label .number-dot:nth-child(2) .dot:first-child {
    opacity: 0;
}
.american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) .dot:last-child {
    opacity: 0;
}
.field-container .card-number-item input:focus ~ label {
    border-color: #002840 !important;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 30%) !important;
}

.field-container .card-number-item.active label {
    border-color: #002840;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 30%);
}

.field-container .card-number-item label .number-dot {
    display: flex;
    align-items: center;
    height: 10px;
    transition: 0.4s;
}.field-container .card-number-item label .number-center-dot {
    display: flex;
    transform: translate(10px, 0px);
    transition: 0.4s;
}

.field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
    transform: translate(5px, 0px);
}

.field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {transform: translate(-5px, 0px);}

.field-container .card-number-item label .number-dot:nth-child(3) {
    transform: translate(20px, 0px);
}
.american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) .dot:first-child:before {
    opacity: 0;
}.american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) .dot:nth-child(4):before {
    opacity: 0;
}

.american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) .dot:last-child:before {
    opacity: 0;
}

.form-container .form-title {
    font-weight: 600;
    font-size: 20px;
    color: #7d8990;
    display: block;
    position: absolute;
    top: 0;
    left: 50px;
    padding: 0 10px;
    background: #fff;
    transform: translate(0px, -50%);
}
.field-container.empty-value-date > span {
    color: #F06452;
}
.field-container > span {
    display: block;
    flex: 0 0 200px;
    margin-right: 10px;
    font-weight: 600;
    font-size: 17px;
    color: #3f4c53;
    transition: 0.4s;
}
.empty-value input {
    border-color: #F06452;
    color: #F06452;
}
.field-container.empty-value-number > span {
    color: #f06452;
}
.empty-value > span {
    color: #F06452;
}.field-container .card-number-item.empty-value label {
    border-color: #f06452 !important;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 0%) !important;
}

.field-container .card-number-item.empty-value label .dot:before {
    background: #f06452;
}

.empty-value input:focus::-webkit-input-placeholder {
  color: #002840 !important;
}

.empty-value input:focus:-ms-input-placeholder { 
  color: #002840 !important;
}

.empty-value input:focus::placeholder {
  color: #002840 !important;
}

.empty-value input::-webkit-input-placeholder {
  color: #f06452;
}

.empty-value input:-ms-input-placeholder { 
  color: #f06452;
}

.empty-value input::placeholder {
  color: #f06452;
}





.field-row .field-container.security-code .code-input.empty-value label {
    border-color: #f06452;
}
.field-row .field-container.security-code.empty-value-code .what-is-code > span:nth-child(1) {
    color: #f06452;
}
.field-row .field-container.security-code .code-input.empty-value label .dot:before {
    background: #f06452;
}

.field-row {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
}.field-row .field-container .date-col {
    flex: 0 0 100px;
}.field-row .field-container.security-code .what-is-code > span:nth-child(1) {
    display: block;
    flex: 0 0 135px;
    margin-right: 10px;
    font-weight: 600;
    font-size: 17px;
    color: #3f4c53;
    transition: 0.4s;
}

.field-row .field-container.security-code .what-is-code > span:nth-child(2) {
    font-weight: 600;
    font-size: 14px;
    color: #758893;
    display: inline-flex;
    line-height: normal;
    min-width: 80px;
    margin-right: 10px;
    cursor: pointer;
    padding-left: 30px;
    position: relative;
}

.field-row .field-container .field-row {
    justify-content: flex-start;
}

.field-row .field-container .date-col input {
    text-align: center;
    padding: 0 5px;
}
.field-row .field-container .date-col.active input {
    border-color: #002840;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 30%);
}
.field-row .field-container .date-col + .date-col {
    margin-left: 20px;
}

.field-row .field-container {
    flex: 1 0 0;
}

.field-row .field-container + .field-container {
    margin-left: 55px;
}
.field-row .field-container.security-code {
    flex: 0 0 auto;
}

.field-row .field-container.security-code input {
    width: 110px;
    text-align: center;
    color: #fff0;
    opacity: 0;
}

.field-row .field-container.security-code .what-is-code {
    margin-right: 20px;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: -40px;
}
.field-row .field-container.security-code .code-input {
    position: relative;
}

.field-row .field-container.security-code .code-input label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #C1C8CC;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 0%);
    border-radius: 10px;
    background: #fff;
    transition: 0.4s;
    cursor: pointer;
}

.field-container.security-code input:focus ~ label .dot:first-child:before {
    background: #002840;
}.field-container .dot:before {content: "";position: absolute;top: 50%;transform: translate(0px, -50%);left: 0;width: 10px;height: 10px;border-radius: 100%;display: block;transition: 0.2s;background: #C1C8CC;}

.field-container .ae-dot.dot:before {
    opacity: 0;
}.american-cart .field-container .ae-dot.dot:before {
    opacity: 1;
}.field-container .card-number-item input:focus ~ label > .number-dot:nth-child(1) > .dot:nth-child(1):before {
    background: #002840 !important;
}
.field-container .dot.active:before {transform: translate(0px, -50%) scale(0);}
.field-container .card-number-item input:focus ~ label .number-dot .dot:before {
    background: #C1C8CC;
}
.field-container .dot {
    width: 10px;
    display: block;
    transition: 0.4s;
    font-family: 'voltebold';
    font-size: 20px;
    color: #002840;
    position: relative;
}
.american-cart .field-container.security-code .dot {
    transform: translate(0, 0px);
}
.field-container .dot + .dot {
    margin-left: 12px;
}
.field-container .card-number-item .dot.number-star {
    transform: translate(0px, 4px);
    font-size: 25px;
}
.field-container .dot.focus-active:before {
    background: #002840 !important;
}
.field-row .field-container.security-code .what-is-code .info-img {
    position: absolute;
    top: 70px;
    left: -50%;
    min-width: 200px;
    margin: 0 auto;
    transform: translate(0px, 10px);
    opacity: 0;
    visibility: hidden;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(199 209 216 / 27%);
    padding: 20px 15px;
    z-index: 1;
    transition: 0.4s;
}

.field-row .field-container.security-code .what-is-code .info-img .img-item + .img-item {
    position: absolute;
    top: 30px;
    left: 20px;
    right: 20px;
    bottom: 0;
}

.field-row .field-container.security-code .what-is-code .info-img .img-item p {
    font-weight: 600;
    font-size: 13px;
    color: #293238;
    text-align: center;
    line-height: normal;
}

.field-row .field-container.security-code .what-is-code .info-img .img-item:nth-child(2) {
    transform: scale(0);
}

.field-row .field-container.security-code .what-is-code .info-img:before {
    content: "";
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%) rotate(45deg);
    left: 50%;
    width: 20px;
    height: 20px;
    background: white;
    box-shadow: 0 0 20px rgb(199 209 216 / 27%);
}

.field-row .field-container.security-code .what-is-code .info-img:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #fff;border-radius: 10px;}

.field-row .field-container.security-code .what-is-code .info-img .img-item {
    position: relative;
    z-index: 1;
}

.field-row .field-container.security-code .what-is-code:hover .info-img {transform: translate(0px, 0px);opacity: 1;visibility: visible;}

.american-cart .field-row .field-container.security-code .what-is-code .info-img .img-item:nth-child(2) {
    transform: scale(1);
}

.american-cart .field-row .field-container.security-code .what-is-code .info-img .img-item:nth-child(1) {
    transform: scale(0);
}
/* FLIP ANIMATION */
.creditcard-container {perspective: 1000px;padding: 60px 0;}
.creditcard {width: 100%;max-width: 540px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;transition: -webkit-transform 0.6s;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;transition: transform 0.6s, -webkit-transform 0.6s;cursor: pointer;height: 315px;margin: 0 auto;}
.creditcard .front,
.creditcard .back {position: absolute;width: 100%;left: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-font-smoothing: antialiased;color: #47525d;}
.creditcard .back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.creditcard.flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

/* Credit Card */
.credit-card-container{background: #FFFFFF;border-radius: 10px;padding: 60px 0 20px;}
.credit-card-container .card-item{max-width: 550px;height: 330px;perspective: 1000px;position: relative;margin: 0 auto 100px;z-index: 1;}
.credit-card-container .card-item .item-flip .back .back-number {
    position: absolute;
    top: 60%;
    transform: translate(0px, -50%);
    right: 24px;
    z-index: 1;
    display: flex;
    align-items: center;
}

.credit-card-container .card-item .item-flip .back .back-number span {
    display: block;
    font-family: ocr-aregular;
    font-weight: normal;
    font-size: 35px;
    color: #fff;
    text-shadow: 0px 3px 4px rgba(203, 144, 126, 0.5);
    margin-right: 7px;
    transition: 0.4s;
    min-width: 22px;
    text-align: center;
}

.credit-card-container .card-item .item-flip .back .back-number span.number-hidden {
    font-family: 'voltemedium';
    text-shadow: 0px 3px 4px rgb(203 144 126 / 0);
    transform: translate(0px, 6px);
}

.credit-card-container .card-item.in-active .item-flip .back .back-number span {
    color: #6B797C;
}

.credit-card-container .card-item .item-flip .back .back-number span.american-express-back-number {opacity: 0;}
.credit-card-container .card-item .item-flip .front .front-top {
    width: 90px;
    height: 45px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.25);
    position: absolute;
    left: 50px;
    top: 40px;
    z-index: 1;
    transition: 0.4s;
}.credit-card-container .card-item.in-active .item-flip .front .front-top .pay-logo {
    width: 100%;
    height: 100%;
    position: relative;
}

.credit-card-container .card-item .item-flip .front .front-top .pay-logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    max-width: 60px;
    height: 30px;
    transition: 0.4s;
}

.credit-card-container .card-item .item-flip .front .front-top .pay-logo img.active {
    transform: translate(-50%, -50%) scale(1);
}
.credit-card-container .card-form-container{background: #fff;position: relative;}
.credit-card-container .card-form-container .form-item{border-radius: 10px;border: 1px solid #C7D1D8;position: relative;padding: 60px 130px 60px 80px;margin: 0 10px;}
.credit-card-container .card-form-container .form-item .form-title{position: absolute;top: -15px;left: 70px;font-weight: 600;font-size: 20px;color: #7d8990;padding: 0 10px;background: #fff;}
.credit-card-container .card-form-container .form-item .input-item{display: flex;align-items: center;margin-right: 120px;position: relative;}
.credit-card-container .card-form-container .form-item .input-item > span{font-weight: 600;font-size: 17px;color: #3f4c53;display: block;margin-right: 10px;min-width: 190px;}
.credit-card-container .card-form-container .form-item .input-item input{border: 2px solid #C1C8CC;box-shadow: 0px 0px 15px rgb(170 188 198 / 0);border-radius: 10px;height: 60px;width: 100%;font-weight: 600;font-size: 20px;letter-spacing: 0.13em;color: #002840;padding: 0 25px;transition: 0.4s;}

.credit-card-container .card-form-container .form-item .input-item .select-item {
    flex: 1 0 0;
}.credit-card-container .card-item .item-flip .front .front-bottom {
    position: absolute;
    bottom: 45px;
    left: 50px;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

.credit-card-container .card-item .item-flip .front:after {
    background-image: url(../img/credit-card-front-passive.png);
    opacity: 0;
}
.credit-card-container .card-item .item-flip .front .front-center > span {
    display: flex;
    align-items: center;
    line-height: normal;
    transition: 0.4s;
}
.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item .item-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item:nth-child(2) {
    flex: 0 0 40%;
    max-width: 40%;
}
.credit-card-container .card-item .item-flip .front .front-center > span > span.number-hidden {
    font-size: 35px;
    letter-spacing: 0.15em;
    font-family: 'voltemedium';
    color: #fff;
    text-shadow: 0px 3px 4px rgb(203 144 126 / 0);
    transform: translate(0px, 7px);
}

.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item:nth-child(2) > span:nth-child(1) {
    color: #B47C79;
}
.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item {flex: 0 0 50%;max-width: 50%;min-height: 70px;}

.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item > span:nth-child(1) {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.02em;
    color: #b98f5f;
    display: block;
    margin-bottom: 10px;
    transition: 0.4s;
}

.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item span:nth-child(2) {
    font-family: 'voltesemibold';
    font-size: 25px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #fff;
    text-shadow: 0px 3px 4px #e8ab5e;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item span:nth-child(2).item-name {
    display: block;
}
.credit-card-container .card-item .item-flip .front .front-center {
    padding: 0 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: 0;
    right: 0;
    z-index: 1;
}
.credit-card-container .card-form-container .form-item .input-item.active input {
    border-color: #002840;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 30%);
}
.credit-card-container .card-form-container .form-item .input-item .select-item .nice-select {
    font-weight: 600;
    font-size: 20px;
    color: #3f4c53;
    height: 60px;
    border: 2px solid #C1C8CC;
    border-radius: 10px;
    width: 100%;
    line-height: normal;
    display: flex;
    align-items: center;
    padding: 0 20px;
}
.credit-card-container .card-form-container .form-item .input-item.select-date {
    margin-right: 45px;
    flex: 1 0 0;
}

.credit-card-container .card-form-container .form-item .input-item.select-date .select-row {
    display: flex;
    width: 100%;
}
.credit-card-container .card-form-container .form-item .input-item .select-item + .select-item {
    margin-left: 18px;
}

.credit-card-container .card-form-container .form-item .input-item .select-item .nice-select .current {
    display: block;
    line-height: normal;
}

.credit-card-container .card-form-container .form-item .input-item .select-item .nice-select:after {
    background-image: url(../img/svg/select-arrow.svg);
    width: 13px;
    height: 13px;
    border: none;
    margin-top: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(0px, -50%);
    right: 15px;
}

.credit-card-container .card-form-container .form-item .input-item .item-cvv{width: 100px;position: relative;}
.credit-card-container .card-form-container .form-item .input-item .info-cvv{display: flex;align-items: center;position: absolute;right: -20px;top: 50%;transform: translate(100%, -50%);cursor: pointer;}
.credit-card-container .card-form-container .form-item .input-item .info-cvv > span{font-weight: 600;text-decoration: underline;font-size: 14px;color: #758893;display: block;line-height: normal;min-width: 80px;}
.credit-card-container .card-form-container .form-item .input-item .info-cvv > img{
    max-width: 130px;
    transform: translate(0px, -50%) scale(0);
    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: absolute;
    right: -130px;
    top: 50%;
}

.credit-card-container .card-form-container .form-item .input-item .input-row{display: flex;flex-wrap: wrap;}
.credit-card-container .card-form-container .form-item .input-item .input-row .row-item{position: relative;flex: 1 0 0;}
.credit-card-container .card-form-container .form-item .input-item .item-placeholder{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;align-items: center;justify-content: center;}
.credit-card-container .card-form-container .form-item .input-item .item-placeholder > span{display: block;width: 10px;height: 10px;background: #C1C8CC;border-radius: 100%;}
.credit-card-container .card-form-container .form-item .input-item .item-placeholder > span + span{margin-left: 10px;}


.credit-card-container .card-form-container .form-item .input-item.input-item-cvv > span {
    min-width: 130px;
}

.credit-card-container .card-form-container .form-item .item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.credit-card-container .card-form-container .form-item > div + div {
    margin-top: 25px;
}

.credit-card-container .card-form-container .form-item .input-item .input-row .row-item + .row-item {
    margin-left: 18px;
}



.credit-card-container .card-item.in-active .item-flip .front:after {
    opacity: 1;
}

.credit-card-container .card-item.in-active .item-flip .front:before {
    opacity: 0;
}
.credit-card-container .card-item.in-active .item-flip .front .front-bottom .bottom-item span:nth-child(1) {
    color: #5B6B6E;
}

.credit-card-container .card-item.in-active .item-flip .front .front-bottom .bottom-item:nth-child(2) span:nth-child(1) {
    color: #5B6B6E;
}

.credit-card-container .card-item.in-active .item-flip .front .front-center > span > span.number-hidden {
    color: #6B797C;
}

.credit-card-container .card-item.in-active .item-flip .front .front-top {
    background: rgba(107, 121, 124, 0.05);
    border: 1px solid rgba(107, 121, 124, 0.25);
}

.credit-card-container .card-item .item-flip .back:before, .credit-card-container .card-item .item-flip .back:after {content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.4s;
}

.credit-card-container .card-item .item-flip .back:before {
    background-image: url(../img/credit-card-back.png);
}

.credit-card-container .card-item .item-flip .back:after {
    background-image: url(../img/credit-card-back-passive.png);
    opacity: 0;
}

.credit-card-container .card-item.in-active .item-flip .back:after {
    opacity: 1;
}

.credit-card-container .card-item.in-active .item-flip .back:before {
    opacity: 0;
}

.credit-card-container .card-item.active-shadow .item-flip .front .front-shadow {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
}

.credit-card-container .card-item .item-flip .back .back-shadow {
    position: absolute;
    top: 90px;
    left: 40px;
    right: 40px;
    bottom: -30px;
    background-image: url(../img/credit-card-back.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    filter: blur(30px);
    transform: translate(0px, 30px) scale(0.9);
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
}

.credit-card-container .card-item.active-shadow .item-flip .back .back-shadow {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
}

.credit-card-container .card-form-container .form-item .input-item .info-cvv:hover > img { transform: translate(0px, -50%) scale(1); }

.credit-card-container .card-item.active-shadow.flip-active .item-flip .back .back-shadow { opacity: 1; }
.credit-card-container .card-item.active-shadow.flip-active .item-flip { transform: translate(0px, 0px) rotateY(180deg) !important; }
.credit-card-container .card-item.flip-active .item-flip .front .front-shadow { opacity: 0; }
.card-item.flip-active .item-flip {transform: translate(0px, 20px) rotateY(180deg) !important;}

.american-cart .field-row .field-container.security-code input {
    width: 130px;
}

.credit-card-container.american-cart .card-item .item-flip .back .back-number span.american-express-back-number {
    opacity: 1;
}

.field-row .field-container.security-code .what-is-code span > span {
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.4s;
}

.field-row .field-container.security-code .what-is-code span > span:nth-child(2) {
    transform: scale(0);
}

.field-row .field-container.security-code .what-is-code > span:nth-child(2):before {content: "";position: absolute;bottom: 1px;left: 0px;right: 8px;height: 1px;background: #758893;}

.american-cart .field-row .field-container.security-code .what-is-code > span > span:nth-child(2) {
    transform: scale(1);
}

.american-cart .field-row .field-container.security-code .what-is-code > span > span:nth-child(1) {
    transform: scale(0);
}

.credit-card-container .card-item .item-flip .front .front-center > span > span.ae-number {transform: translate(0px, 10px);opacity: 0;}

.credit-card-container.american-cart .card-item .item-flip .front .front-center > span > span.ae-number{transform: translate(0px, 7px);opacity: 1;}

.credit-card-container.american-cart .card-item .item-flip .front .front-center > span:nth-child(2) {
    transform: translate(12px, 0px);
}

.credit-card-container.american-cart .card-item .item-flip .front .front-center > span:nth-child(3) {
    transform: translate(-12px, 0px);
}

.credit-card-container.american-cart .card-item .item-flip .front .front-center > span:nth-child(2) > span:first-child {
    transform: translate(0px, 10px);
    opacity: 0;
}

.credit-card-container.american-cart .card-item .item-flip .front .front-center > span:nth-child(3) > span:last-child {
    transform: translate(0px, 10px);
    opacity: 0;
}

.mb-120 {margin-bottom: 120px !important;}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn > span.info {
    position: absolute;
    right: 16%;
    top: 50%;
    width: 40px;
    height: 25px;
    font-size: 12px;
    background: #56666f;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 5px;
    transition: .6s;
    opacity: 0;
    transform: translateY(-50%);
}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn a:hover ~ span.info {
    opacity: 1;
    visibility: visible;
}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn > span.info:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #56666f;
}

form.address-choice {
    background: #fff;
    margin-top: 0;
    padding: 80px 55px;
    border-radius: 10px;
}

form.address-choice .basket-address-title {
    padding-left: 45px;
    margin-bottom: 30px;
}

form.address-choice .basket-addresses ul.basket-address-ul {
    padding-bottom: 40px;
}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element {
    display: flex;
    padding: 40px 15px 30px;
    border-top: 1px solid #E1EAEF;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    color: #56666F;
    font-family: 'voltemedium';
}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element.active {
    font-family: 'voltesemibold';
}

li.basket-address-element.active .name, li.basket-address-element.active .address label p, li.basket-address-element.active .phone-tax-address {color: #104260;}
form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .name {width: 15%;padding-right: 30px;position: relative;}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .name > input {
    position: absolute;
    opacity: 0;
}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .name > label {
    margin-bottom: 0;
    padding-left: 25px;
    position: relative;
}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .address {
    width: 30%;
    padding-right: 50px;
}

li.basket-address-element .name label, li.basket-address-element .address label, li.basket-address-element .phone-tax-address label {
    cursor: pointer;
}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .phone-tax-address {
    width: 40%;
    padding-right: 50px;
}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .edit-btn {
    width: 15%;
    display: flex;
    justify-content: left;
}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element p {
    margin-bottom: 0;
}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .edit-btn a {
    border: 0;
    width: 120px;
    height: 45px;
    font-size: 14px;
    background-color: #F4F7FA;
    border-radius: 22px;
    color: #7D8990;
    transition: .4s;
    display: flex;
    justify-content: center;
    align-items: center;
    fill: #7d8990;
}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .edit-btn a:hover {
    color: #fff;
    fill: #fff;
    background: #104260;
}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .edit-btn a > span {
    margin-right: 10px;
}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .name > label:before {content: "";position: absolute;width: 18px;height: 18px;border: 1px solid #56666F;border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%);}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element.active .name > label:before {
    border-color: #104260;
}

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .name > label:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #104260;
    left: 4px;
    top: 50%;
    transition: .4s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .4s;
    -o-transition: .4s;
    }

form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .name > input.basket-radio:checked ~ label:after { 
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.new-address {
    border-radius: 19px;
    border: 1px solid #B9C6CE;
    padding: 15px 90px 15px 50px;
}

.new-address .new-address-container .address-content .form .input-wrapper .input span.select2-selection.select2-selection--single {
    height: 57px;
    border-radius: 28px;
    background: #f4f7fa;
    border: 1px solid #B9C6CE;
}
.page.basket .input .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 57px;
    padding-left: 25px;
}
.new-address .new-address-container .address-content .form .input-wrapper .input span.select2-selection__arrow {
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.new-address.active .new-address-container .address-title {
    cursor: pointer;
}

.new-address .new-address-container .address-title h3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 20px;
    color: #104260;
    font-family: 'voltemedium';
}

.new-address .new-address-container .address-title h3 span {
    background: #104260;
    width: 16px;
    height: 3px;
    border-radius: 10px;
    position: relative;
    margin-right: 10px;
}

.new-address .new-address-container .address-title h3 span:before {content: "";position: absolute;width: 3px;height: 16px;background: #104260;border-radius: 10px;left: 50%;top: -6px;transform: translateX(-50%) rotate(0);transition: .6s;opacity: 1;/* visibility: visible; */margin-right: 15px;}

.new-address.active .new-address-container .address-title h3 span:before {
    transform: rotate(270deg);
    opacity: 0;
    /* visibility: hidden; */
}

.new-address .new-address-container .address-content {
    display: none;
}

.new-address.active {
    padding-bottom: 40px;
}

.new-address .new-address-container .address-content > div {padding-top: 50px;}

.new-address .new-address-container .address-content .tax-type-selection {
    padding-left: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}

.new-address .new-address-container .address-content .tax-type-selection span:first-child {
    font-family: 'voltemedium';
    font-size: 19px;
    color: #104260;
}

.new-address .new-address-container .address-content .tax-type-selection .inputs {
    padding: 0 30px;
    position: relative;
    display: flex;
    margin-right: -10px;
}

.new-address .new-address-container .address-content .tax-type-selection span.line {
    flex: 1;
    height: 1px;
    border: 1px solid #E1EAEF;
}

.new-address .new-address-container .address-content .tax-type-selection .inputs .radio {
    margin: 0 10px;
}

.new-address .new-address-container .address-content .tax-type-selection .inputs .radio label {
    margin-bottom: 0;
    font-size: 14px;
    font-family: 'voltesemibold';
    padding-left: 30px;
    display: inline-block;
    position: relative;
    color: #56666F;
    cursor: pointer;
}

.new-address .new-address-container .address-content .tax-type-selection .inputs .radio input {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}

.new-address .new-address-container .address-content .tax-type-selection .inputs .radio label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #56666F;
    border-radius: 50%;
    width: 18px;
    height: 18px;
}

.new-address .new-address-container .address-content .tax-type-selection .inputs .radio.active label {color: #104260;}

.new-address .new-address-container .address-content .tax-type-selection .inputs .radio.active label:before {
    border-color: #104260;
}

.new-address .new-address-container .address-content .form .input-wrapper .input input:focus, 
.new-address .new-address-container .address-content .form .input-wrapper .textarea textarea:focus {
    transition: .4s;
    border: 1px solid #93bcd3;
    background-color: #c3d2dd;
}
.new-address .new-address-container .address-content .tax-type-selection .inputs .radio label:after {content: "";position: absolute;left: 4px;top: 4px;width: 10px;height: 10px;background: #104260;border-radius: 50%;transform: scale(0);transition: .4s;}

.new-address .new-address-container .address-content .tax-type-selection .inputs .radio input:checked ~ label:after {
    transform: scale(1);
}

.new-address .new-address-container .address-content .form .input-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.new-address .new-address-container .address-content .form .input-wrapper .input {
    width: 50%;
    padding: 0 20px 40px 20px;
}

.new-address .new-address-container .address-content .form .input-wrapper .input input {
    width: 100%;
    border-radius: 28px;
    background-color: #F4F7FA;
    border: 1px solid #B9C6CE;
    font-size: 16px;
    line-height: 25px;
    padding: 15px 30px;
    color: #6E7F88;
    font-family: 'voltemedium';
}

.new-address .new-address-container .address-content .form .input-wrapper .input input::placeholder,
.new-address .new-address-container .address-content .form .input-wrapper .textarea textarea:placeholder {
    color: #6E7F88;
    font-family: 'voltemedium';
}

.new-address .new-address-container .address-content .form .input-wrapper .textarea {width: 100%;padding: 0 20px 40px;resize: none;}

.new-address .new-address-container .address-content .form .input-wrapper .textarea textarea {
    width: 100%;
    height: 145px;
    border-radius: 28px;
    border: 1px solid #B9C6CE;
    padding: 15px 30px;
    background-color: #F4F7FA;
    resize: none;
    font-family: 'voltemedium';
    color: #6E7F88;
}

.new-address .new-address-container .address-content .form .input-wrapper .use-form {
    padding: 0 35px;
    display: flex;
    width: 100%;
    align-items: center;
}

.new-address .new-address-container .address-content .form .input-wrapper .use-form .input-check {
    padding-right: 30px;
    position: relative;
}

.new-address .new-address-container .address-content .form .input-wrapper .use-form span.line {
    flex: 1;
    height: 1px;
    background-color: #E1EAEF;
    display: inline-block;
}

.new-address .new-address-container .address-content .form .input-wrapper .use-form .input-check label {
    margin-bottom: 0;
    font-size: 15px;
    font-family: 'voltesemibold';
    position: relative;
    margin-bottom: 0;
    padding-left: 25px;
    color: #56666F;
    cursor: pointer;
}

.new-address .new-address-container .address-content .form .input-wrapper .use-form .input-check input {
    opacity: 0;
    position: absolute;
    left: 0;
}

.new-address .new-address-container .address-content .form .input-wrapper .use-form .input-check label:before {content: "";position: absolute;left: 0;top: 2px;width: 17px;height: 17px;border: 1px solid #56666F;border-radius: 50%;}

.new-address .new-address-container .address-content .form .input-wrapper .use-form .input-check label:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 6px;
    width: 9px;
    height: 9px;
    background: #104260;
    border-radius: 50%;
    transform: scale(0);
}

.new-address .new-address-container .address-content .form .input-wrapper .use-form .input-check.active label {
    color: #104260;
}

.new-address .new-address-container .address-content .form .input-wrapper .use-form .input-check.active label:before {
    border-color: #104260;
}

.new-address .new-address-container .address-content .form .input-wrapper .use-form .input-check input:checked ~ label:after {
    transform: scale(1);
}

.select2-container--default .new-address-select .select2-results__option--highlighted[aria-selected] {
    color: #fff;
}

form.address-choice .about-order {
    margin-top: 50px;
}

form.address-choice .about-order h4 {
    font-size: 20px;
    font-family: 'voltemedium';
    padding-bottom: 25px;
    padding-left: 10px;
    margin-bottom: 0;
    color: #104260;
}

form.address-choice .about-order textarea {
    width: 100%;
    border: 1px solid #B9C6CE;
    border-radius: 28px;
    background-color: #F4F7FA;
    padding: 15px 30px;
    resize: none;
    height: 150px;
}

form.address-choice .basket-address-title h2 {
    margin-bottom: 0;
    font-size: 20px;
    font-family: 'voltemedium';
    color: #56666F;
}

@media only screen and (max-width: 1590px){
    .field-row .field-container .date-col {
        flex: 1 0 0;
    }
    .field-container > span {
        flex: 0 0 170px;
        font-size: 16px;
    }

    .form-container {
        padding: 60px 50px 30px;
    }

    .form-container .form-title {
        left: 40px;
    }

    .field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
        transform: translate(0, 0px);
    }

    .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {transform: translate(0, 0px);}

    .american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
        transform: translate(-10px, 0px);
    }
}

@media only screen and (max-width: 1540px){
    .field-container .card-number-item label {
        padding: 0 50px;
    }
    .field-container .card-number-item label .number-center-dot {
    display: flex;
    transform: translate(10px, 0px);
}

.field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
    transform: translate(0, 0px);
}

.field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {transform: translate(0, 0px);}
.american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
        transform: translate(-10px, 0px);
    }

}

@media only screen and (max-width: 1330px){
.field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
    transform: translate(-5%, 0px);
}

.field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
    transform: translate(5%, 0px);
}
    .field-container .card-number-item label {
        padding: 0 35px;
    }
}

@media only screen and (max-width: 1280px){
    .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
        transform: translate(-10%, 0px);
    }

    .field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
        transform: translate(10%, 0px);
    }

    .american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
        transform: translate(5px, 0px);
    }

    .american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
        transform: translate(-5px, 0px);
    }

    .field-row .field-container + .field-container {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 1199px){
    .form-container {
        padding: 50px 30px;
    }

    .field-container {
        display: block;
    }

    .field-container > span {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .field-row .field-container.security-code .what-is-code {
        margin-bottom: 10px;
        padding-bottom: 0;
    }

    .field-row .field-container.security-code .what-is-code > span:nth-child(2) {
        position: absolute;
        bottom: -90px;
        left: 0;
    }

    .field-row .field-container.security-code .what-is-code .info-img {
        top: 140px;
    }

    .credit-card-container .card-item {
        max-width: 90%;
        height: 23vw;
    }

    .credit-card-container .card-item .item-flip .front .front-top {
        left: 30px;
        top: 25px;
    }

    .credit-card-container .card-item .item-flip .front .front-center {
        padding: 0 30px;
        flex-wrap: wrap;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom {
        left: 30px;
        bottom: 5px;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom .bottom-item > span:nth-child(1) {
        font-size: 11px;
        margin-bottom: 5px;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom .bottom-item span:nth-child(2) {
        font-size: 20px;
    }

    .credit-card-container .card-item .item-flip .front .front-center > span > span.number-hidden {transform: translate(0px, 5px);font-size: 25px;}

    .credit-card-container .card-item .item-flip .front .front-center > span + span {
        margin-left: 10px;
    }

    .credit-card-container .card-item .item-flip .front .front-center > span > span {
        font-size: 2.1vw;
        min-width: 1.6vw;
    }

    .credit-card-container .card-item .item-flip .back .back-number {
        right: 15px;
    }

    .credit-card-container .card-item .item-flip .back .back-number span {
        font-size: 25px;
        min-width: 18px;
        margin-right: 0;
    }

    .credit-card-container .card-item .item-flip .back .back-number span + span {
        margin-left: 5px;
    }

    .field-row .field-container.security-code .what-is-code > span:nth-child(1) {
        font-size: 14px;
    }

    .field-container input {
        font-size: 15px;
        height: 50px;
    }

    .field-container .card-number-item label {
        padding: 0 25px;
    }

    .field-container .dot:before {
        width: 6px;
        height: 6px;
    }

    .field-container .dot {
        width: 5px;
        font-size: 17px;
        font-family: 'voltesemibold';
    }

    .field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
        transform: translate(6%, 0px);
    }

    .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
        transform: translate(-6%, 0px);
    }

    .american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
        transform: translate(0px, 0px);
    }

    .credit-card-container.american-cart .card-item .item-flip .front .front-center > span:nth-child(2) {
        transform: translate(5px, 0px);
    }

    .credit-card-container.american-cart .card-item .item-flip .front .front-center > span:nth-child(3) {
        transform: translate(-1.3vw, 0px);
    }

    .credit-card-container.american-cart .card-item .item-flip .front .front-center > span > span.ae-number {
        transform: translate(0px, 5px);
    }
}

@media only screen and (max-width: 991px){
    .credit-card-container .card-item .item-flip .front .front-center {
        padding: 0 25px 0 35px;
        width: 100%;
    }

    .credit-card-container .card-item .item-flip .front .front-top {
        left: 30px;
        width: 60px;
        height: 30px;
        top: 15px;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom {
        left: 37px;
        bottom: 0;
    }


    .credit-card-container .card-item .item-flip .front .front-top .pay-logo {
        height: 100%;
    }

    .credit-card-container .card-item .item-flip .front .front-top .pay-logo img {
        max-width: 35px;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom .bottom-item > span:nth-child(1) {
        font-size: 8px;
        margin-bottom: 0;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom .bottom-item {
        min-height: 55px;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom .bottom-item span:nth-child(2) {
        font-size: 15px;
    }

    .credit-card-container .card-item .item-flip .back .back-number span {
        font-size: 1.9vw;
        min-width: 1.7vw;
    }

    .credit-card-container .card-item .item-flip .back .back-number span + span {
        margin-left: 2px;
    }

    .credit-card-container .card-item .item-flip .back .back-number {
        right: 25px;
    }

    .credit-card-container .card-item .item-flip .back .back-shadow {
        top: 120px;
        bottom: 0px;
        left: 20px;
        right: 20px;
    }

    .form-container {
        padding: 40px 18px 10px;
    }

    .field-row .field-container .date-col + .date-col {
        margin-left: 10px;
    }

    .field-container > span {
        font-size: 12px;
        margin-left: 0;
    }

    .field-row .field-container.security-code .what-is-code > span:nth-child(1) {
        font-size: 12px;
    }

    .field-container input {
        padding: 0 15px;
    }

    .field-container .dot {
        font-size: 13px;
        width: 3px;
    }

    .field-container .card-number-item .dot.number-star {
        font-size: 19px;
        transform: translate(0px, 5px);
    }

    .field-container .card-number-item label {
        padding: 0 15px;
    }

    .field-container .card-number-item label .number-dot:nth-child(3) {
        transform: translate(10px, 0px);
    }

    .field-container .card-number-item label .number-center-dot {
        transform: translate(5px, 0px);
    }

    .credit-card-container .card-item .item-flip .front .front-center > span > span.number-hidden {
        font-size: 2.1vw;
        transform: translate(0px, 4px);
    }

    .form-container .form-title {
        left: 15px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px){
    .credit-card-container .card-item {
    display: none;
}
.credit-card-container {
    padding-top: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.page.basket.basket-step-1 .order-summary-container .order-summary .discount-text {
    margin-top: 0;
}

.basket-step-1 .order-summary-container .order-summary-btn {
    margin-top: 10px;
}

.basket-step-1 .pay-info-container .order-summary-container .order-summary-title {
    display: block;
}

.basket-step-1 .pay-info-container .order-summary-container .order-summary-list {
    display: block;
}

.basket-step-1 .pay-info-container .order-summary-container {
    margin: 0;
}

.field-container .dot {
    width: 1px;
}

.field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
    transform: translate(0px, 0px);
}

.field-container .card-number-item label {
    padding: 0 20px;
}

.field-container .card-number-item label .number-center-dot {
    transform: translate(5px, 0px);
    flex: 0.65 0 0;
    justify-content: space-between;
}

.field-row .field-container.security-code .what-is-code > span:nth-child(2) {
    right: -98px;
    left: auto;
    top: 47px;
    transform: translate(0px, -50%);
    bottom: auto;
    font-size: 11px;
    padding: 10px 8px 2px 25px;
    min-width: initial;
    margin-right: 0;
}

.field-row .field-container.security-code {
    margin-right: 0;
    flex: 1 0 0;
    margin-left: 10px;
    display: inline-block;
}

.field-row .field-container.security-code input {width: 100%;}

.field-row .field-container.security-code .what-is-code span > span {
    top: 10px;
}

.field-container > span {white-space: nowrap;}

.field-row .field-container.security-code .what-is-code > span:nth-child(1) {flex: auto;margin-right: -40px;}

.form-container .form-item > .field-row {
    width: auto;
    margin-right: 71px;
}

.field-row .field-container.security-code .what-is-code .info-img {
    top: 90px;
    min-width: 150px;
    left: 0;
}

.field-row .field-container.security-code .what-is-code .info-img:before {
    left: auto;
    right: 15px;
}

.field-container.security-code .dot {
    transform: translate(5px, 0px);
}

.american-cart .field-row .field-container.security-code input {
    width: 100%;
}

.field-container input {
    font-size: 13px;
}

.american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
    transform: translate(0px, 0px);
}

.american-cart .field-container.security-code .dot {
    transform: translate(-3px, 0px);
}
}

/* Page Css*/

.page.single-page .container {padding: 0 17vw;text-align: center;}

.page.single-page .container h2 {
    color: #104260;
    font-size: 35px;
    font-family: "volteregular";
    line-height: 3rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.page.single-page .container p a {color: #f7783c;}

@media only screen and (max-width: 991px){
    .page.single-page .container {
    padding: 0 55px;
}
}

@media only screen and (max-width: 767px){
    .page.single-page .container {
    padding: 0 20px;
}

.page.single-page .container p {
    font-size: 17px;
}

.page.single-page .container h2 {font-size: 26px;}

.page.single-page {
    padding: 80px 0 20px;
}
}

/* basket-contracts start */

.basket-contract {
    margin-bottom: 0;
    margin-top: 13px;
}

.basket-contract .shopping-basket, .basket-contract .contracts {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 35px;
    border-radius: 10px;
}

.basket-contract .shopping-basket .head h4 { text-align: center; color: #104260; font-family: voltesemibold; margin-bottom: 35px; }
.basket-contract .shopping-basket .belgeTablo table tbody tr + tr {
    background: #fff;
}
.basket-contract .shopping-basket .belgeTablo table tbody tr th {background: #F4F7FA !important;padding: 15px 0 !important;text-align: center;border: 1px solid #DEE7EB;color: #56666F !important;font-size: 14px;}
.basket-contract .shopping-basket .belgeTablo table tbody tr td {border: 1px solid #dee7eb;color: #000;}
.basket-contract .shopping-basket .belgeTablo table tbody tr td a {color: #f76246;}
.basket-contract .shopping-basket .belgeTablo table tbody tr td a img {
    width: 90%;
    height: 100%;
    margin: 0 auto;
}
.basket-contract .shopping-basket .belgeTablo table tbody tr td strong {
    color: #000;
    font-family: 'voltesemibold';
}
.basket-contract .shopping-basket .belgeTablo table tbody tr th:first-child {background: #fff;border-color: #fff;position: relative;z-index: 2;}
.basket-contract .shopping-basket .belgeTablo table tbody tr th:first-child:before {content: "";position: absolute;left: -1px;right: -1px;top: -1px;bottom: -1px;background: #f4f7fa;z-index: -1;border: 1px solid #DEE7EB;border-top-left-radius: 15px;}
.basket-contract .shopping-basket .belgeTablo table tbody tr th:last-child { background: #fff; border-color: #fff; position: relative; z-index: 2; }
.basket-contract .shopping-basket .belgeTablo table tbody tr th:last-child:before { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; background: #f4f7fa; z-index: -1; border: 1px solid #DEE7EB; border-top-right-radius: 15px; }
.basket-contract .shopping-basket .belgeTablo table tbody tr:last-child td:first-child {border-bottom-left-radius: 15px !important;}
.basket-contract .shopping-basket .belgeTablo table tbody tr:last-child td:first-child:before, .basket-contract .shopping-basket .belgeTablo table tbody tr:last-child td:last-child:before { content: ""; position: absolute; top: -1px; right: -1px; left: -1px; bottom: -1px; border: 1px solid #dee7eb; }
.basket-contract .shopping-basket .belgeTablo table tbody tr:last-child td:first-child, .basket-contract .shopping-basket .belgeTablo table tbody tr:last-child td:last-child { border-color: #fff0; position: relative; }
.basket-contract .shopping-basket .belgeTablo table tbody tr:last-child td:first-child:before {border-bottom-left-radius: 15px;}
.basket-contract .shopping-basket .belgeTablo table tbody tr:last-child td:last-child:before { border-bottom-right-radius: 15px; }
.basket-contract .contracts {
    margin-top: 13px;
}

.basket-contract .contracts .contract {
    position: relative;
}

.basket-contract .contracts .contract h4 {
    text-align: center;
    color: #104260;
    font-family: voltesemibold;
    margin-bottom: 35px;
    margin-top: 0;
    margin-bottom: 35px;
}

.basket-contract .contracts .contract .scrollArea {
    background: white !important;
    border: 1px solid #dde7eb;
    height: 500px;
    overflow: auto;
    padding: 45px 35px;
    border-radius: 15px;
}

.basket-contract .contracts .contract:last-of-type {
    margin-top: 45px;
}

.basket-contract .contracts .contract .scrollArea table {
    width: 100%;
    margin: 35px 0;
}
.basket-contract .contracts .contract .scrollArea table tbody tr th {background: #F4F7FA;padding: 15px 0;text-align: center;border: 1px solid #DEE7EB;color: #56666F;font-size: 14px;}
.basket-contract .contracts .contract .scrollArea table tbody tr td {border: 1px solid #dee7eb;padding: 15px;}
.basket-contract .contracts .contract .scrollArea table tbody tr:first-child td:first-child { background: #fff; border-color: #fff; position: relative; z-index: 2; }
.basket-contract .contracts .contract .scrollArea table tbody tr:first-child td { background: #F4F7FA;}
.basket-contract .contracts .contract .scrollArea table tbody tr:first-child td:first-child:before { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; background: #f4f7fa; z-index: -1; border: 1px solid #DEE7EB; border-top-left-radius: 15px; }
.basket-contract .contracts .contract .scrollArea table tbody tr:first-child td:last-child { background: #fff; border-color: #fff; position: relative; z-index: 2; }
.basket-contract .contracts .contract .scrollArea table tbody tr:first-child td:last-child:before { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; background: #f4f7fa; z-index: -1; border: 1px solid #DEE7EB; border-top-right-radius: 15px; }
.basket-contract .contracts .contract .scrollArea table tbody tr:last-child td:first-child { border-bottom-left-radius: 15px; }
.basket-contract .contracts .contract .scrollArea table tbody tr:last-child td:first-child:before, .basket-contract .contracts .contract .scrollArea table tbody tr:last-child td:last-child:before { content: ""; position: absolute; top: -1px; right: -1px; left: -1px; bottom: -1px; border: 1px solid #dee7eb; }
.basket-contract .contracts .contract .scrollArea table tbody tr:last-child td:first-child, .basket-contract .contracts .contract .scrollArea table tbody tr:last-child td:last-child { border-color: #fff0; position: relative; }
.basket-contract .contracts .contract .scrollArea table tbody tr:last-child td:first-child:before {border-bottom-left-radius: 15px;}
.basket-contract .contracts .contract .scrollArea table tbody tr:last-child td:last-child:before { border-bottom-right-radius: 15px; }

/* basket-contracts end */

.product-modal {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.product-modal .main-modal {
    width: 65%;
    margin: auto;
}

.product-modal .main-modal .title {text-align: center;}

.product-modal .main-modal .title h3 {
    font-size: 28px;
    font-family: 'voltesemibold';
    color: #104260;
    letter-spacing: 0.05em;
    margin-bottom: 0;
    line-height: 48px;
}

.product-modal .main-modal .title span {
    font-size: 17px;
    font-family: 'voltemedium';
    color: #7D8990;
}

.product-modal .main-modal .image-area {
    border-radius: 10px;
    overflow: hidden;
    width: 900px;
    height: 675px;
    margin: 60px auto 0;
    border: 10px solid #FFFFFF;
}

.product-modal .main-modal .image-area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.page.nf404 .container {
    padding-top: 260px;
    padding-bottom: 260px;
}

a.btn.btn-outline-dark {
    border-radius: 50px;
    padding: 10px 25px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 50%;
    top: 0;
}

section.page.account-info .row.justify-content-between {
    padding: 0 25px
}

.page.basket.basket-info.basket-step-1.basket-step-4 .list-info p > span {
    display: block;
}

/* Select2 Stil */

.select2-container--open .select2-dropdown--below {
    border-radius: 14px;
    padding: 20px;
    border: 1px solid #DEE7EB;
    box-shadow: 0px 7px 50px 1px rgb(0 0 0 / 10%);
}

span.select2-dropdown.user-edit-city.select2-dropdown--below {margin-top: 20px;}

.select2-container--default .user-edit-city .select2-results__option--highlighted[aria-selected] {
    color: #3F4C53;
    background-color: #EAEEF2;
}

.user-edit-city li {
    color: #3F4C53;
    font-size: 18px;
    padding: 10px 20px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 9px;
    border: 2px solid #CECECE;
    padding: 8px 10px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #EAEEF2;
}

.select2-results__option {
    border-radius: 9px;
    color: #3F4C53;
    font-size: 18px;
    padding: 11px 20px;
    margin-bottom: 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #3F4C53;
    background: #EAEEF2;
}

.select2-container .select2-results ul::-webkit-scrollbar-track {
    display: none;
}
.select2-container .select2-results ul::-webkit-scrollbar {
  width: 10px;
}
.select2-container .select2-results ul::-webkit-scrollbar-thumb {
  display: none;
}

.table-select input.select2-search__field {
    display: none;
}

span.select2-dropdown.table-select.select2-dropdown--below {
    padding: 0;
    border-radius: 0;
    top: 0;
}

.table-select .select2-search--dropdown {
    padding: 0;
}

.table-select .select2-results__option {
    border-radius: 0;
    background: #fff;
    font-size: 13px;
    color: #000;
    margin-bottom: 0;
}

.table-select .select2-results>.select2-results__options::-webkit-scrollbar {
    display: none;
}

.table-select .select2-results__option--highlighted[aria-selected] {
    background-color: #122c48;
    color: #fff;
}
.page.basket.basket-step-4 .dns-section {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.page.basket.basket-step-4 .dns-section img {
    width: 50px;
    height: 50px;
    padding-left: 10px;
}

.page.basket.basket-step-4 .dns-section p {
    margin-bottom: 0;
    margin-left: 15px;
    font-size: 15px;
    font-family: 'voltemedium';
}

.page.basket.basket-step-4 .dns-section p span {
    font-family: 'voltesemibold';
}

section.page.sepetScreen .alert a:nth-child(5) {
    /* margin-bottom: 10px; */
}

.whats-my-ip  .input-group.input-group-lg.mb-3 {
    padding-top: 150px;
}

.whats-my-ip input#ip {
    box-shadow: none;
}

.whats-my-ip input#ip:focus {border-color: #ced4da;}

.whats-my-ip button.btn.btn-outline-secondary {
    border-color: #ced4da;
}

.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row::-webkit-scrollbar{
    display: none;
}

/* Demo Bar */
.bar {
    padding: 25px 0;
    z-index: 9999;
}

.bar .container {
    max-width: 1635px !important;
}

.bar .left {
    display: flex;
}

.bar .left .title > span {
    font-size: 17px;
    font-family: 'voltemedium';
    color: #969696;
    line-height: 20px;
}

.bar .left .title > h3 {
    font-size: 25px;
    font-family: 'voltesemibold';
    color: #104260;
    line-height: 30px;
}

.bar .left .devices {
    padding-left: 50px;
}

.bar .left .devices ul {
    display: flex;
}

.bar .left .devices ul li {
    margin: 0 5px;
}

.bar .left .devices ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.bar .left .devices ul li a:hover {
    background-color: rgba(168,180,191,0.15);
}

.bar .left .devices ul li a:hover svg {
    fill: #000;
}

.bar .left .devices ul li a.active {
    background-color: rgba(168,180,191,0.15);
}

.bar .left .devices ul li a.active svg {
    fill: #000;
}

.bar .left .devices ul li a svg {
    fill: #606D76;
}

.bar .right .demo-btn a {display: flex;font-size: 18px;font-family: 'voltesemibold';width: 200px;height: 50px;justify-content: center;align-items: center;border-radius: 26px;color: #fff;position: relative;top: 0;left: 0;z-index: 1;}

.bar .right .demo-btn a:before {
    content: "";
    z-index: -1;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #f76046;
    background: linear-gradient(
90deg, #f76046 0%, #f6ac29 100%);
    border-radius: 3rem;
}

.bar .right .demo-btn a:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -6px;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    border-radius: 3rem;
    background: linear-gradient(
90deg, #f76046 0%, #f6ac29 100%);
    -webkit-filter: blur(9px);
    filter: blur(9px);
    -webkit-transition: .8s;
    transition: .8s;
}

.bar .right .demo-btn a:hover:after {
    opacity: 0.7;
}

.bar .right .demo-btn a svg {
    margin-right: 10px;
    display: block;
}

.demo-main {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
position: relative;}

.demo-main iframe.device-screen {
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 10%);
    border: none;
}

.service-content ul> li:first-child .icon > img {
    position: relative;
    left: -10px;
    top: 10px;
}

.service-content ul> li:nth-child(2) .icon > img {
    position: relative;
    left: -10px;
    top: 10px;
}

.service-content ul> li:nth-child(3) .icon > img {
    position: relative;
    top: 10px;
    left: -10px;
}

.service-content ul> li:nth-child(4) .icon > img {
    position: relative;
    left: -20px;
    top: 20px;
}

.service-content ul> li:nth-child(5) .icon > img {
    position: relative;
    top: 10px;
    left: -10px;
}

.service-content ul> li:nth-child(6) .icon > img {
    position: relative;
    top: 20px;
    left: -15px;
}

.service-content ul> li:nth-child(7) .icon > img {
    position: relative;
    top: 15px;
    left: -15px;
}

.service-content ul> li:nth-child(8) .icon > img {
    position: relative;
    top: 10px;
    left: -30px;
}

.service-content ul> li:nth-child(9) .icon > img {
    position: relative;
    left: -20px;
    top: 20px;
}

.service-content ul> li:nth-child(10) .icon > img {
    position: relative;
    left: -20px;
    top: 20px;
}

@media only screen and (max-width: 1600px){
    .page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td:first-child {
        min-width: 100px;
    }
    
    .page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tr td {
        min-width: 110px;
    }
}    

header.header .container {padding: 10px 12rem 0 7.6rem;transition: 0.4s;}
header.header .extra-services {position: relative;margin-right: 0;cursor: pointer;z-index: 1;}
header .user-btn, header .basket-btn { min-width: 47.74px; height: 47.74px; background: transparent; border: 2px solid rgba(170, 188, 198, 0.65); border-radius: 100%; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; transition: 0.4s; }
header .basket-btn { margin-left: 20px; }
header .basket-btn span {position: absolute;right: -7px;top: -1px;display: block;width: 20px;height: 20px;background: #F7783C;text-align: center;line-height: 20px;border-radius: 100%;font-family: 'voltebold';font-size: 15px;color: #fff;user-select: none;}
header.main-header:before {content: "";position: absolute;top: 0;right: 0;left: 0;height: 100px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);pointer-events: none;}
header.inner-header .user-btn:hover, header.inner-header .basket-btn:hover { background: #104260; border-color: #104260; }
header.inner-header .basket-btn:hover svg path { fill: #ffffff; }
header.inner-header .user-btn:hover svg path {stroke: #ffffff; fill: #ffffff;}
header.inner-header .extra-services:hover svg path { fill: #ffffff; }
header.inner-header .extra-services svg { z-index: 1; }
header.main-header .basket-btn svg path{ fill:#d5dbde;}
header.main-header .user-btn svg path{ fill:#d5dbde; stroke:#d5dbde;}
header .user-btn{margin-right: 20px;}
header.header .extra-services svg path{ fill:#fff !important;}
header.main-header .user-btn:hover, header.main-header .basket-btn:hover{ border-color:#fff !important;}
header.main-header .user-btn:hover svg path, header.main-header .basket-btn:hover svg path{ fill:#fff;}
header .user-btn svg path, header .basket-btn svg path{ transition:0.4s;}
header.main-header .user-btn, header.main-header .basket-btn{ border-color:rgba(170, 188, 198, 0.2);}
header.fixed-active.header{ background-color:#fff; box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);}
header.fixed-active.header.main-header .extra-services:hover svg path{ fill:#8296A0 !important;}
header.fixed-active.main-header .user-btn:hover, header.fixed-active.main-header .basket-btn:hover{ border-color:rgba(170, 188, 198, 0.6) !important;}
header.fixed-active.main-header:before{ opacity:0;}
header.fixed-active.header .container{ padding-top:10px; padding-bottom:10px;}
header.fixed-active.header nav.header-scope .menu ul.navbar-nav li:hover>a{ color:#104260;}
header.fixed-active.header nav.header-scope .logo a.navbar-brand svg path.one-color{ fill:#002840;}
header.fixed-active.header nav.header-scope .menu ul.navbar-nav li a{ color:#104260;}
header.fixed-active.main-header .extra-services span{ border-color:rgba(170, 188, 198, 0.6) !important; color:#8296A0 !important;}
header.fixed-active.main-header .extra-services svg path{ fill:#8296A0;}
header.fixed-active .user-btn svg path{ fill:#8296A0 !important; stroke:#8296A0 !important;}
header.fixed-active .user-btn, header.fixed-active .basket-btn{ border-color:rgba(170, 188, 198, 0.6) !important;}
header.fixed-active.main-header .basket-btn svg path{ fill:#AABCC6 !important;}
header.header .extra-services svg{ width:20px; height:17px; position:absolute; left:2rem; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:.4s; transition:.4s}
header.header .extra-services svg path{ fill:#56666F; -webkit-transition:.4s; transition:.4s;}
header.header .extra-services span{color:#fff;border-color: #fff0;}
header.header .extra-services:hover svg path{fill: #ffffff;}
header.header .extra-services span{white-space:nowrap;display:inline-block;font-size:16px;height:44px;line-height:28px;-webkit-transition:.4s;transition:.4s;font-family:"voltemedium";color:#56666F;padding:.4rem .9rem .4rem 2.9rem;border-radius:2rem;border:2px solid rgba(170, 188, 198, 0.65);position:relative;user-select: none;}
header.header .extra-services span{border-color: rgba(170, 188, 198, 0);color: #ffffff;}
header.main-header .extra-services svg path{ fill:#d5dbde;}
header.header .login{-webkit-transition:.4s;transition:.4s;margin-left: 20px;}
header.header .login a{ display:flex; align-items:center; font-size:16px; height:46px; -webkit-transition:.4s; transition:.4s; font-family:"voltemedium"; color:#d5dbde; padding:0 1.7rem; border-radius:2rem; border:2px solid rgba(170, 188, 198, 0.2); position:relative;}
header.header .login a svg{ width:18px; height:21px; transition:.4s; margin-right:10px;}
header.header .login a svg path{ fill:#d5dbde; -webkit-transition:.4s; transition:.4s;}
header.header .login a span{line-height:27px;white-space:nowrap;user-select: none;}
header.header .login a:hover{ color:#fff; border-color:#fff}
header.header .login a:hover svg path{ fill:#fff}
header.inner-header.fixed .login:hover a { background: #104260; border-color: #104260; color: #ffffff; }
header.inner-header.fixed .login:hover a svg path { fill: #ffff; }
header .extra-services span { color: #fff; border-color: #ffffff00; }
header.header .extra-services span:before { opacity: 1; }
header .extra-services span:before {content: "";position: absolute;top: -2px;right: -2px;left: -2px;bottom: -2px;background: linear-gradient(90deg, #f76046 0%, #f6ac29 100%);border-radius: 100px;z-index: -1;opacity: 0;pointer-events: none;transition: 0.4s;}
header.main-header .extra-services:hver svg path { fill: #ffffff; }

@media only screen and (min-width:992px) and (max-width:1199px){
    header.header .login{ width:110px; min-width:110px; display:none;}
    header.header .login a{ padding:.4rem .5rem .4rem 2rem }
    header.header .login a svg{ left:1.25rem }
    header.header nav.header-scope .call-btn {
       margin-left: auto;
       margin-right: 100px;
   }
}

header.header .language{ height:52px}
header.header .language ul{ height:100%; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
header.header .language ul li{ height:100%; -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0}
header.header .language ul li a{ color:#07101b; font-weight:700; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; padding:0 0 0 20px}
header.header .language ul li a:hover{ color:#4c6177}
header.header nav.header-scope{ width:100%; 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:90px}
header.header nav.header-scope .logo{ position:relative; z-index:153; width:223px; min-width:223px}
header.header nav.header-scope .logo a.navbar-brand{ padding:0; margin:0; font-size:initial; line-height:normal}
header.header nav.header-scope .logo a.navbar-brand svg{ max-width:100%; display:block}
header.header nav.header-scope .logo a.navbar-brand svg path.one-color{ fill:#fff; -webkit-transition:.4s; transition:.4s}

@media only screen and (max-width:991px){
    header.header nav.header-scope .logo{ max-width:10rem }
}

header.header nav.header-scope .menu{ width:100%; height:100%; padding:0 1rem}
header.header nav.header-scope .call-btn {
    max-width: 400px;
}

header.header nav.header-scope .call-btn span {
    padding: 0 25px;
    display: flex;
    white-space: nowrap;
    font-size: 16px;
    height: 46px;
    align-items: center;
    border-radius: 2rem;
    color: #fff;
    font-family: "voltemedium";
    transition: .4s;
    cursor: pointer;
    background: #f69531;
}
header.inner-header nav.header-scope .call-btn span{color:#8296A0;border:2px solid rgba(170, 188, 198, 0.65);background: #fff;}

header.header nav.header-scope .call-btn span:hover {
    background: #ce761b;
}
header.inner-header nav.header-scope .call-btn span:hover{background: #104260;border-color: #104260;color: #ffffff;}
header.header nav.header-scope .menu ul.navbar-nav{ -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; height:100%}
header.header nav.header-scope .menu ul.navbar-nav li a{ display:block; font-size:1rem; color:#d5dbde; padding:1rem; position:relative; text-transform:uppercase;}
header.header nav.header-scope .menu ul.navbar-nav li ul{ padding:1.3rem 0; border-radius:5px; position:absolute; top:100%; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); opacity:0; min-width:100px; background:#fff; -webkit-transition:.4s; transition:.4s; pointer-events:none; -webkit-box-shadow:0 4px 10px rgba(0, 0, 0, 0.2); box-shadow:0 4px 10px rgba(0, 0, 0, 0.2);}
header.header nav.header-scope .menu ul.navbar-nav li ul li{ width:100%; position:relative}
header.header nav.header-scope .menu ul.navbar-nav li ul li a{ padding:0 1.5rem; display:block; position:relative; background:rgba(0, 0, 0, 0); color:#104260; white-space:nowrap; text-transform:none;}
header.header nav.header-scope .menu ul.navbar-nav li ul li a i{ margin-right:7px}
header.header nav.header-scope .menu ul.navbar-nav li ul li ul{ right:0; left:100%; top:0; border-radius:5px}
header.header nav.header-scope .menu ul.navbar-nav li ul li ul li a{ padding:0 15px}
header.header nav.header-scope .menu ul.navbar-nav li ul li ul li:before{ display:none}
header.header nav.header-scope .menu ul.navbar-nav li ul>li + li{ margin-top:13px;}
header.header nav.header-scope .menu ul.navbar-nav li ul li:nth-child(1):before{ content:""; position:absolute; left:50%; top:-21px; -webkit-transform:translate(-50%, -100%); transform:translate(-50%, -100%); width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff;}
header.header nav.header-scope .menu ul.navbar-nav li ul li:nth-child(n+8)>ul{ top:initial; bottom:0}
header.header nav.header-scope .menu ul.navbar-nav li ul li:hover a{ color:#104260}
header.header nav.header-scope .menu ul.navbar-nav li ul>li{ position:relative}
header.header nav.header-scope .menu ul.navbar-nav li ul>li>ul{ position:absolute; opacity:0; top:0}
header.header nav.header-scope .menu ul.navbar-nav li:hover>a{ color:#fff}
header.header nav.header-scope .menu ul.navbar-nav li:hover>ul{ opacity:1; pointer-events:auto}
header.header nav.header-scope .menu>ul.navbar-nav>li{ display:-webkit-box; display:-ms-flexbox; display:flex; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative}
header.header nav.header-scope .menu>ul.navbar-nav>li:after{ content:""; -webkit-transition:.4s; transition:.4s; opacity:0; position:absolute; top:0; left:50%; right:50%; height:3px; background:#f8006a; background:-webkit-gradient(linear, left top, right top, from(#f8006a), to(#f4c223)); background:linear-gradient(90deg, #f8006a 0%, #f4c223 100%); border-radius:3px}
header.header nav.header-scope .menu>ul.navbar-nav>li>a{ white-space:nowrap}

@media only screen and (min-width:992px) and (max-width:1199px){
    header.header nav.header-scope .menu>ul.navbar-nav>li>a{ padding:1rem .75rem }
}

header.header nav.header-scope .menu>ul.navbar-nav>li:hover:after{ opacity:1; left:1rem; right:1rem}
header.header .search{ position:relative; right:0; top:0; width:350px; display:none}
header.header .search form.nav_search{ position:relative}
header.header .search form.nav_search input#search-input{ width:100%}
header.header .search form.nav_search input#search-input:focus{ -webkit-box-shadow:none; box-shadow:none; border:1px solid #3b5673}
header.header .search form.nav_search button.btn.btn-search{ position:absolute; right:0; background:none; pointer-events:none; padding:0; margin:0; right:10px}
header.header .search form.nav_search .result-wrap{ position:absolute; z-index:99; right:0; min-width:20rem; display:none; top:100%; margin-top:-2px; -webkit-box-shadow:0px 10px 16px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 10px 16px 0px rgba(0, 0, 0, 0.3)}
header.header .search form.nav_search .result-wrap .result{ position:relative}
header.header .search form.nav_search .result-wrap .result .not-found{ padding:1rem; background:#fff}
header.header .search form.nav_search .result-wrap .result .list-group a.list-group-item img{ width:30px; display:inline-block; margin-right:.1rem}

@media only screen and (max-width:991px){
    header.header .search{ position:fixed; top:1rem; right:5rem; left:5rem; height:90px; width:auto }
    header.header .search form.nav_search{ height:100% }
    header.header .search form.nav_search input#search-input{ position:absolute; top:100%; margin-top:-3.5rem; height:0; padding:0; opacity:0; -webkit-transition:.4s; transition:.4s; width:auto; min-width:20rem; max-width:20rem; right:0 }
    header.header .search form.nav_search button.btn.btn-search{ top:0rem; right:0rem; width:3rem; height:3rem; background:#122c48; color:#fff; pointer-events:all; outline:none !important }
    header.header .search form.nav_search .result-wrap{ margin-top:.75rem }
    header.header .search.open form.nav_search input#search-input{ margin-top:-1.5rem; padding:.375rem .75rem; height:calc(1.5em + .75rem + 2px); opacity:1 }
}

@media only screen and (max-width:480px){
    header.header .search form.nav_search input#search-input{ width:100%; min-width:18rem; max-width:18rem; right:50%; -webkit-transform:translate(50%, 0); transform:translate(50%, 0) }
    header.header .search form.nav_search .result-wrap{ right:50%; -webkit-transform:translate(50%, 0); transform:translate(50%, 0); min-width:18rem }
}

header.header.fixed{ position:fixed;}
header.inner-header {
    background: #fff;
}
header.header.fixed .container{ padding:10px 12rem 10px 4rem}
header.header .header-container{ background:url(../img/header-bg.png) no-repeat; background-size:cover; background-position:right -200px;}
header.header.fixed .header-container{ background-position:right bottom;}
header.header.fixed .login a{ color:#8296A0; border:2px solid rgba(170, 188, 198, 0.65)}
header.header.fixed .login a svg path{ fill:#8296A0}
header.header.fixed nav.header-scope .logo a.navbar-brand svg path.one-color{ fill:#002840}
header.header.fixed nav.header-scope .menu ul.navbar-nav li a{ color:#104260}
header.header.fixed nav.header-scope .menu ul.navbar-nav li:hover>a{ color:#104260}
header.header.fixed nav.header-scope .menu ul.navbar-nav li ul{ background:#104260}
header.header.fixed nav.header-scope .menu ul.navbar-nav li ul li a{ color:#fff}
header.header.fixed nav.header-scope .menu ul.navbar-nav li ul li:hover a{ color:#fff}
header.header.fixed nav.header-scope .menu ul.navbar-nav li ul li:nth-child(1):before{ border-bottom-color:#104260}

@media only screen and (max-width:991px){ 
    header.header.fixed .container{ padding-left:4vw; padding-right:4vw;}
}

body.extra-services-active { overflow: hidden; padding-right: 15px; }
body.extra-services-active header { padding-right: 15px; }

.extra-services-menu{position:fixed;z-index: 99999;background:#fff;border-top-left-radius:100px;top:0;right:0;bottom:-3rem;max-width:600px;width:100%;transform:translateX(100%);transition:0.6s;}
.extra-services-menu.active{ transform:translateX(0);}
.extra-services-menu-overlay { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(16, 66, 96, 0.4); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); opacity: 0; visibility: hidden; pointer-events: none; cursor: pointer; z-index: 9999; transition: 0.4s; }
.extra-services-menu-overlay.active { opacity: 1; visibility: visible; pointer-events: all; }
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-info .icon{ margin-bottom:13px; display:flex; align-items:center;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-info .icon svg{ width:22px; height:26px;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .icon span{ font-family:'voltemedium'; font-size:18px; color:#56666f; margin-left:10px;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .icon p{ font-size:13px; color:#56666f;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-info{ border-bottom:3px solid #E9F2F7; margin-bottom:30px; padding:0 15px 10px;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav{ margin-top:0;}
.extra-services-menu .menu-bottom .user-content{position:absolute;top:30px;left:20px;right:20px;transform:translateX(110%);transition:0.5s;background: #fff;}
.extra-services-menu .menu-bottom{ position:relative; height:calc(100vh - 120px); overflow:hidden;}
.extra-services-menu .menu-bottom .user-content.active{ transform:translateX(0);}
.extra-services-menu .menu-bottom .user-content.in-active{ transform:translateX(-110%);}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul{height: calc(100vh - 310px);overflow-y:auto;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul::-webkit-scrollbar { width: 3px; }
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul::-webkit-scrollbar-thumb { background: #104260; border-radius: 10px; }
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .basket-item-title{ display:flex; align-items:center;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul{max-height:33vh;height:auto;}
.discount-code {
    padding: 10px 30px;
    border: 1px dashed #D8E2E8;
    border-radius: 12px;
    margin-bottom: 15px;
    margin-top: 30px;
}

.discount-code .discount-code-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.discount-code .discount-code-main .code p {
    font-size: 18px;
    font-family: 'voltesemibold';
    color: #104260;
    margin-bottom: 0;
}

.discount-code .discount-code-main .code .coupon-detail {
    font-size: 13px;
    font-family: 'voltemedium';
    margin-top: 5px;
    display: flex;
    align-items: center;
    color: #56666F;
}

.discount-code .discount-code-main .code .coupon-detail .info-hover {
    margin-left: 5px;
    position: relative;
}

.discount-code .discount-code-main .code .coupon-detail .info-hover span:nth-child(1) {
    margin-left: 5px;
    display: inline-flex;
}
.discount-code .discount-code-main .code .coupon-detail .info-hover span.info {
    position: absolute;
    top: -17px;
    left: 30px;
    min-width: 150px;
    min-height: 50px;
    border-radius: 5px;
    background: #56666F;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.discount-code .discount-code-main .code .coupon-detail .info-hover:hover span.info {
    opacity: 1;
    visibility: visible;
}

.discount-code .discount-code-main .code .coupon-detail .info-hover span.info:before {content: "";position: absolute;width: 0;height: 0;left: -5px;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 7px solid #56666f;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav .total{ border-radius:10px; background:#F2F6FA; display:flex; align-items:center; justify-content:space-between; padding:10px 40px;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav .total p:nth-child(1){ font-family:"voltesemibold"; font-size:17px; color:#3f4c53; margin-bottom:0;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav .total p:nth-child(2){ margin-bottom:0; text-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav .total p:nth-child(2) span{ font-family:"voltesemibold"; font-size:22px; color:#104260;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav .total p:nth-child(2) span sup{ font-family:"voltesemibold"; font-size:15px; transform:translateY(5px); display:inline-block;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav .completed-btn{box-shadow:none;font-size:17px;font-family:"voltesemibold";display:block;background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);color:#fff;padding:0.9rem 4rem;border-radius:3rem;text-align:center;margin-top:30px;position: relative;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li{padding:0 20px;opacity: 1;transition: 0.4s;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li{padding: 20px 40px 20px 20px;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li{ border-top:none; border-bottom:1px solid #E9F2F7;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li + li{border-top:1px solid #E9F2F7;margin-top: 10px;padding-top: 10px;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li + li{border-top:none;/* margin-top:0px; *//* padding-top:0; */}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li a.pointer-none { pointer-events: none; }
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li a{ display:flex; align-items:center;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li a .icon{ position:relative; margin-right:30px;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text p span{ font-family:"voltemedium"; font-size:16px; color:#56666f;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text > span:nth-child(2){ font-size:13px; color:#56666f; margin-bottom:0;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .text p span{ font-size:18px; color:#104260; font-family:"voltesemibold";}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .text > span:nth-child(2){ font-family:"voltemedium"; display:flex; align-items:center;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text .info {position: relative;cursor: pointer;margin-left: 9px;z-index: 9;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text .info span { padding: 15px 20px; border-radius: 5px; background: #56666f; box-shadow: 0px 6px 10px rgb(0 0 0 / 22%); position: absolute; width: 350px; right: auto; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; font-family: "voltemedium"; font-size: 12px; line-height: 13px; color: #fff; margin-bottom: 0; text-align: left; transition: 0.4s; left: calc(100% + 10px); }
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text .info span:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); left: -2px; width: 20px; height: 20px; background: #56666f; }
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text .info:hover > span { opacity: 1; visibility: visible; }
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .text p:nth-child(2) svg{ margin-left:10px;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item{ display:flex; align-items:center; justify-content:space-between;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .basket-close svg path{fill:#AABCC6;transition: 0.4s;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .basket-close:hover svg path { fill: #f68338; }
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .basket-close svg{ width:12px; height:12px;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .basket-close{margin-right:18px;cursor: pointer;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .price{ text-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .price > span{ font-family:"voltesemibold"; font-size:22px; color:#000;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .price > span sup{ font-family:"voltesemibold"; font-size:15px; color:#000; transform:translateY(5px); display:inline-block;}
.extra-services-menu .extra-services-content .menu-bottom .basket-content .user-nav ul li .basket-item .price > span sup span{ font-family:'Barlow', sans-serif; font-weight:600;}
.extra-services-menu .extra-services-content .menu-bottom .services-content .user-nav ul li .text p span{ color:#104260;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text p:nth-child(1){ margin-bottom:0;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li .text p:nth-child(2) { font-size: 13px; color: #56666f; margin-bottom: 0; }
.extra-services-menu .extra-services-content .menu-bottom .user-content-real .user-nav ul li a .icon:before{ content:""; position:absolute; bottom:-10px; left:-5px; width:40.23px; height:40.23px; background:#ffeae0; border-radius:100%; z-index:-1;}
.menu-bottom{ padding:30px 20px;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-info p{ font-size:13px; line-height:20px; color:#56666f;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-info .icon svg path{ fill:#56666F;}
.extra-services-menu .extra-services-content .menu-top{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: flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:30px;position: relative;height: 122px;}
.extra-services-menu .extra-services-content .menu-top .close{width: 101px;height: 100%;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;background:rgba(128, 128, 128, 0.65);border-top-left-radius:100px;border-bottom-right-radius:85px;transition: 0.4s;cursor: pointer;float: none;position: absolute;top: 0;left: 0;}
.extra-services-menu .extra-services-content .menu-top .close svg{ width:22px; height:22px}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.extra-services-btn{flex:0 0 160px;max-width:160px;height:43px;color:#56666F;font-size:16px;font-family:"voltemedium";border-radius: 100px;}
.extra-services-menu .extra-services-content .menu-top .extra-services-btn svg{ width:16px; height:21px; margin-right:8px;}
.extra-services-menu .extra-services-content .menu-top .login-btn{-webkit-box-flex:0;-ms-flex:0 0 46px;flex:0 0 46px;max-width:46px;height:46px;border-radius:46px;/* background:#104260; */border: 2px solid rgba(128, 128, 128, 0.65);background: white;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;}
.extra-services-menu .extra-services-content .menu-top .login-btn svg{width:18px;height:21px;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn{position:relative;flex:0 0 46px;max-width:46px;height:46px;border-radius:46px;border:2px solid rgba(128, 128, 128, 0.65);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;transition:0.4s;cursor:pointer;margin-right: 30px;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn:hover{ background:#104260; border-color:#104260;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.extra-services-btn:hover{ color:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.extra-services-btn:hover svg path{ fill:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn svg path{ transition:0.4s;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.login-btn:hover svg path{ stroke:#ffffff; fill:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.basket-btn:hover svg path{ fill:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.extra-services-btn.active{ color:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.active{ background:#104260; border-color:#104260;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.extra-services-btn.active svg path{ fill:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.login-btn.active svg path{ stroke:#ffffff; fill:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .extra-menu-btn.basket-btn.active svg path{ fill:#ffffff;}
.extra-services-menu .extra-services-content .menu-top .log-out-btn:hover{ border-color:#ea5d5d;}
.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li.in-active{ opacity:0.5;}
.extra-services-menu .extra-services-content .menu-top .log-out-btn{width:112px;height:43px;border-radius:31px;background:transparent;border:2px solid rgba(170, 188, 198, 0.65);display:flex;align-items:center;justify-content:center;transition: 0.4s;cursor: pointer;}
.extra-services-menu .extra-services-content .menu-top .log-out-btn span{ font-family:"voltemedium"; font-size:16px; color:#ea5d5d; display:block; margin-left:8px;}
.extra-services-menu .extra-services-content .menu-top .basket-btn svg{ width:19px; height:18px}
.extra-services-menu .extra-services-content .menu-top .basket-btn span.count{ width:29px; height:29px; border-radius:29px; line-height:21px; font-size:12px; font-family:"voltebold"; text-align:center; background:#F7783C; border:4px solid #fff; position:absolute; right:-15px; top:0; color:#fff}
.extra-services-menu .extra-services-content .menu-bottom .services-content .user-nav ul li + li{ margin-top:20px; padding-top:20px;}
.extra-services-menu .extra-services-content .menu-bottom .services-content .user-nav ul li{ padding:0 30px;}
.extra-services-menu.open{ right:0}

@media only screen and (max-width:991px){
    header.main-header:before{ height:70px;}
}

@media only screen and (max-width:767px){
    header.main-header:before{ height:40px;}
}

/* [MOBILE MENU]  */
.mobile-menu{display:none;position:fixed;right:-110%;top:0;background: #ffffff;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;z-index: 99999;width:100%;max-width:100%;bottom:0;min-height:100vh;padding-bottom:0;}

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

@media only screen and (max-width:767px){
    .mobile-menu{top: 80px;}
    .mobile-menu{width:100%;top: 65px;}
}

.mobile-menu .mobile-nav-title a { display: flex; align-items: center; }
.mobile-menu .mobile-nav-title h3{ position:absolute; top:25px; left:45px; display:none; font-weight:600; font-size:18px; color:#fff; 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 }
}

.mobile-menu .hamburger-menu {position: fixed;right: 38px;top: 7px;width: 30px;height: 20px;z-index: 53;transition: 0.4s;transform: scale(0.8);}
.mobile-menu .hamburger-menu .bar {display: block;position: absolute;width: 3px;height: 3px;background: #fff;left: 50%;top: 50%;margin-top: -1px;margin-left: -10px;transition: 0.5s;border-radius: 100px;transform: rotate(90deg);}
.mobile-menu.fixed-active .hamburger-menu .bar { background: #002840; }
.mobile-menu.fixed-active .hamburger-menu {/* right: 5px; */}
.mobile-menu .hamburger-menu .bar.first {margin-top: -10px;}
.mobile-menu .hamburger-menu .bar.third { margin-top: 8px; }
.mobile-menu.inner-mobilmenu .hamburger-menu .bar {background: #27495d;}
@media only screen and (max-width:767px){ .mobile-menu .hamburger-menu{right: 1.8rem;top:1.3rem;}
}
@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: initial;height: calc(100vh - 160px);padding-bottom: 100px;overflow-y:auto;}
.mobile-menu .mobile-nav .user-menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.mobile-menu .mobile-nav .mobile-row{ padding-top:30px; position:relative;}
.mobile-menu .mobile-nav .mobile-row-title{ height:20px; position:relative; margin:24px 0 -3px 25px;}
.mobile-menu .mobile-nav .mobile-row-title .mobile-title-item{ position:absolute; top:0; left:0; right:0; opacity:0;}
.mobile-menu .mobile-nav .mobile-row-title .mobile-title-item span{ font-family:"voltesemibold"; font-size:16px; color:#56666f; position:relative; background:#fff; padding-right:8px;}
.mobile-menu .mobile-nav .mobile-row-title .mobile-title-item:before{ content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; height:1px; background:#EAF0F4;}
.mobile-menu .mobile-nav .mobile-row-title .mobile-title-item.active{ opacity:1;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item{ position:absolute; top:30px; right:17px; left:17px; bottom:0; transform:translateX(0); max-width:initial; border-radius:0; width:auto; opacity:0; visibility:hidden; height:70vh; overflow-y:auto; overflow-x:hidden; padding-bottom:110px;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu .total p span sup span{ color:#104260; font-family:'Barlow', sans-serif; font-size:14px; font-weight:600;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li{ border-bottom:1px solid #EAF0F4; margin-bottom:20px; padding:0 10px 20px;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item{ display:flex; align-items:center; justify-content:space-between;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-item-title{display:flex;align-items:center;width: 100%;margin-bottom: 25px;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-item-title .text p span{ font-family:"voltesemibold"; font-size:16px; color:#104260; font-style:normal;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-item-title .text p{ margin-bottom:0; font-family:"voltemedium"; font-size:12px; color:#56666f; font-style:italic; max-width:180px;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .price span{font-family:"voltesemibold";font-size:22px;color:#000;text-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .price span sup{ font-size:14px; top:-4px;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .price span sup span{ font-family:'Barlow', sans-serif; font-size:14px; font-weight:600;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-close{ margin-right:20px;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-close svg path{ fill:#AABCC6;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item .basket-close svg { width: 15px; height: 15px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu .total { display: flex; align-items: center; justify-content: space-between; border-radius: 10px; background: #f2f6fa; padding: 10px 20px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu .total p { font-family: "voltesemibold"; font-size: 17px; color: #3f4c53; margin-bottom: 0; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu .total p > span { font-family: "voltesemibold"; font-size: 22px; color: #104260; text-shadow: 0px 15px 15px rgba(170, 188, 198, 0.15); }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu .total p span sup { font-size: 14px; top: -4px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu .completed-btn { background: linear-gradient(90deg, #f76046 0%, #f6ac29 100%); font-family: "voltesemibold"; font-size: 16px; color: #fff; width: 100%; display: block; text-align: center; padding: 10px 10px; border-radius: 100px; margin-top: 25px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.extra-services-menu ul li a { justify-content: flex-start; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.extra-services-menu ul li a .title { font-family: "voltesemibold"; font-size: 16px; color: #104260; display: block; margin-left: 15px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.extra-services-menu ul li a .icon svg { max-width: 33px; max-height: 30px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.user-menu ul li a .icon svg { max-width: 33px; max-height: 30px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.user-menu ul li a .title { font-family: "voltemedium"; font-size: 16px; color: #56666f; margin-left: 15px; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.user-menu ul li a .icon:before {content: "";position: absolute;bottom: -6px;left: -4px;width: 30px;height: 30px;background: #FFEAE0;z-index: -1;border-radius: 100%;}
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.user-menu ul li a .icon { position: relative; }
.mobile-menu .mobile-nav .mobile-row .mobile-row-item.active { opacity: 1; visibility: visible; }
.mobile-menu .mobile-nav.login-active { border-radius: 0px 94px 0px 0px; background: #fff; box-shadow: 0px -4px 7px rgba(154, 168, 177, 0.13); top: 90px; }
.mobile-menu .mobile-nav.login-active .mobile-row .mobile-row-item { height: 60vh; }
.mobile-menu .mobile-nav .mobile-nav-login-bar { display: flex; justify-content: flex-start; padding-top: 26px; padding-left: 25px; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item { width: 52px; height: 52px; background: transparent; border-radius: 100%; border: 2px solid #AABCC6; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; transition: 0.4s; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item + .login-bar-item {margin-left: 30px;}
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.mobil-bar svg path { fill: #56666F; transition: 0.4s; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon { border: none; background: linear-gradient(#f6c221 0%, #f75849 100%); }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon img:nth-child(2) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: 0.4s; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon:before {content: "";position: absolute;top: 2px;right: 2px;left: 2px;bottom: 2px;background: #ffff;border-radius: 100%;opacity: 1;transition: 0.4s;}
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon img:nth-child(1) {position: relative;transition: 0.4s;}
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.active { background: #104260; border-color: #104260; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.mobil-basket span { position: absolute; top: -8px; right: -4px; background: #ffffff; width: 25px; height: 25px; border-radius: 100%; font-family: "voltesemibold"; font-size: 10px; color: #fff; z-index: 1; display: flex; align-items: center; justify-content: center; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.mobil-basket span:before {content: "";position: absolute;top: 3px;right: 3px;left: 3px;bottom: 3px;background: #F7783C;border-radius: 100%;z-index: -1;}
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.active svg path { fill: #ffffff; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon.active { background: linear-gradient(#f6c221 0%, #f75849 100%); border-color: transparent; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon.active:before {opacity: 0;}
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon.active img:nth-child(2) { opacity: 1; }
.mobile-menu .mobile-nav .mobile-nav-login-bar .login-bar-item.extra-services-icon.active img:nth-child(1) { opacity: 0; }
.mobile-menu.main-mobile-menu .hamburger-menu .bar { background: #fff; }
.mobile-menu-open header.header .header-bottom { background: #fff; border: none; -webkit-box-shadow: 0px 5px 64px -31px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 64px -31px rgba(0, 0, 0, 0.2); }
.mobile-menu-open header.header nav.header-scope .logo a.navbar-brand svg { fill: #004374; }
.mobile-menu-open header.header .search-lang .search svg, .mobile-menu-open header.inner-header .search-lang .search svg { fill: #000; }
.mobile-menu-open .mobile-menu.main-mobile-menu .hamburger-menu .bar { background: #004374; }
.fixed-active.mobile-menu.main-mobile-menu .hamburger-menu .bar { background: #004374; }
.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: #86ccff;}
.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 .mobile-row-item>ul{position:relative;padding: 10px 0px;width:100%;display: block;}
.mobile-menu .mobile-nav .mobile-row-item >ul>li:first-child>a{ padding-top:0}
.mobile-menu .mobile-nav .mobile-row-item>ul>li:first-child>a:before,.mobile-menu .mobile-nav .mobile-row-item>ul>li:first-child>a:after{ top:30%}
.mobile-menu .mobile-nav .mobile-row-item >ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 35px;font-weight:600;font-size:16px;color: #002840;text-align:left;-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;justify-content: flex-start;align-items:center;}

@media only screen and (max-width:767px){
    .mobile-menu .mobile-nav .mobile-row-item>ul{padding:0;flex-direction: column;}
    .mobile-menu .mobile-nav .mobile-row-item >ul li a{padding: 15px 5px;justify-content: start;}    
    .mobile-menu .mobile-nav .mobile-row .mobile-row-item.basket-menu ul li .basket-item {
        align-items: flex-start;
    }
}

.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: #f87d61;}
.mobile-menu .mobile-nav ul li a.sub-item.active:before,.mobile-menu .mobile-nav ul li a.sub-item.active:after{background: #f87d61;}
.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: 2px;height:12px;background: #002840;-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: #f9f9f9;padding:0 0 5px;display:none;}
.mobile-menu .mobile-nav .mobile-row-item ul li ul li a{border-top:none;font-size:15px;padding: 15px 30px;font-weight:500;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.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: #002846; */padding-left: 20px;}
.mobile-menu .mobile-nav ul li ul li ul li a{padding: 15px 45px;}
.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 .mobile-row-item >ul > li + li > a {border-top: 1px solid #EAF0F4;}
.mobil-menu-search { display: none; }
.mobile-menu.open .hamburger-menu .bar { background: #002840; }
.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.open{ right:0}
.mobile-menu.open .hamburger-menu{/* right: 38px; */top: 7px;}
.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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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 .mobile-row-item>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}
.mobile-menu .mobile-nav-title .login a .text { font-family: "voltemedium"; font-size: 12px; color: #64727b; display: block; margin-left: 10px; }
.mobile-menu .mobile-nav-title .login a .icon svg { width: 13px; height: 16px; }
.mobile-nav-title { display: flex; align-items: center; background: #F4F7FA; border-radius: 100px; padding: 10px 20px; width: 95%; margin: 15px auto 0; }
.mobile-nav-title > span { font-family: "voltemedium"; font-size: 10px; color: #bbc3cb; display: block; margin: 0 15px; }
.mobile-nav-title .sign-up a .text { font-family: "voltesemibold"; font-size: 12px; color: #64727b; }
.mobile-nav-title .log-out { display: flex; align-items: center; border-radius: 100px; background: transparent; border: 2px solid rgba(170, 188, 198, 0.65); padding: 5px 20px; }
.mobile-nav-title .log-out span { font-family: "voltesemibold"; font-size: 15px; color: #ea5d5d; display: block; margin-left: 6px; }
.mobile-nav-title.login-bar { justify-content: space-between; padding: 10px 10px 10px 20px; }
.mobile-menu .mobile-nav-title .login a .text { font-size: 14px; }

@media only screen and (max-width: 767px){
    .mobile-menu .mobile-nav { top: 60px; max-height: initial; padding-bottom: 0; overflow: visible; }
    .mobile-menu .mobil-footer { padding: 25px 25px 140px; background: #F4F7FA; position: absolute; bottom: 0; left: 0; right: 0; }
    .mobile-menu .mobil-footer .mobil-footer-title { margin-bottom: 17px; border-bottom: 1px solid #E9EDF2; padding: 0 10px 17px; }
    .mobile-menu .mobil-footer .mobil-footer-title h5 { font-family: "voltesemibold"; font-size: 14px; color: #a7b6c0; margin-bottom: 0; }
    .mobile-menu .mobil-footer ul { display: flex; flex-wrap: wrap; padding: 0 10px; }
    .mobile-menu .mobil-footer ul li { flex: 0 0 50%; margin-bottom: 8px; }
    .mobile-menu .mobil-footer ul li a { font-family: "voltemedium"; font-size: 13px; color: #a4b4be; }
}
/* /[MOBILE MENU]  */

section .title{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:1rem}
section .title h4{ display:inline-block}
section .title a{ display:inline-block}

section.home-announcements{ margin-bottom:0}
section.home-announcements .home-announcements-swiper{ height:auto; max-height:140px}
section.home-announcements .home-announcements-swiper .card{ height:140px; max-height:140px}
section.home-announcements .home-announcements-swiper .card .card-body{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
section.home-announcements .home-announcements-swiper .card .card-body-centered .card-title{ display:inline-block}
section.home-announcements .home-announcements-swiper .card .card-body-centered time{ display:inline-block; padding:.5rem 1rem}
section.home-announcements .home-announcements-swiper .card .card-body-centered .card-text{ display:block; margin-bottom:.5rem; line-height:1rem; min-height:1rem}

section.home-news{ padding:4rem 0 2rem; margin-bottom:0}
section.home-news .title{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:1rem}
section.home-news .title h4{ margin-bottom:0}
section.home-news .home-news-swiper{ padding-bottom:2rem}
section.home-news .home-news-swiper .swiper-slide a.card img{ height:100%; -o-object-fit:cover; object-fit:cover}
section.home-news .home-news-swiper .swiper-slide a.card .card-body h5.card-title{ color:#07101b}
section.home-news .home-news-swiper .swiper-slide a.card .card-body summary{ color:#07101b}
section.home-news .home-news-swiper .swiper-slide a.card .card-body p.card-text{ color:#07101b}

section.home-contents{ padding:4rem 0}
section.home-content-modules{ padding:4rem 0}
section.home-content-modules .swiper-container .swiper-slide .card .img{ height:250px}
section.home-content-modules .swiper-container .swiper-slide .card .img img{ display:block; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover}
section.home-content-modules .swiper-container .swiper-slide .card .card-body .card-title{ color:#07101b}
section.home-content-modules .swiper-container .swiper-slide .card .card-body .card-text{ color:#07101b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

section.home-services{ padding:4rem 0; margin-bottom:0}
section.home-services .swiper-container .swiper-slide .card .img{ height:250px}
section.home-services .swiper-container .swiper-slide .card .img img{ display:block; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover}
section.home-services .swiper-container .swiper-slide .card .card-body .card-title{ color:#07101b}
section.home-services .swiper-container .swiper-slide .card .card-body .card-text{ color:#07101b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
section.home-projects{ padding:4rem 0}

section.home-blogs{ padding:4rem 0; margin-bottom:0}
section.home-blogs .swiper-container .swiper-slide .card .img{ height:250px}
section.home-blogs .swiper-container .swiper-slide .card .img img{ display:block; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover}
section.home-blogs .swiper-container .swiper-slide .card .card-body .card-title{ color:#07101b}
section.home-blogs .swiper-container .swiper-slide .card .card-body .card-text{ color:#07101b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

section.home-references{ padding:4rem 0; margin-bottom:0}
section.home-quickforms{ padding:4rem 0}
section.home-special-file{ padding:4rem 0; margin-bottom:0}
section.home-exchange{ padding:4rem 0}
section.home-premo{ padding:4rem 0; margin-bottom:0}
section.home-faq{ padding:4rem 0}

section.home-products{ padding:4rem 0}
section.home-products .nav.nav-pills{ margin-bottom:1rem}
section.home-products .tab-content .tab-pane .col-12{ margin-bottom:10px}
section.home-products .tab-content .tab-pane .card{ height:100%}
section.home-products .tab-content .tab-pane .card .card-img-top{ max-height:250px; -o-object-fit:cover; object-fit:cover}
section.home-products .tab-content .tab-pane .card .card-body .btn-group{ padding:1rem 0 0 0; -ms-flex-wrap:wrap; flex-wrap:wrap}
section.home-products .tab-content .tab-pane .card .card-body .btn-group a{ display:inline-block; text-align:center; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; padding:.375rem .75rem}
section.home-products .tab-content .tab-pane .card .card-body .btn-group a+a{ margin-top:.5rem}
section.home-brands{ margin-bottom:0}

section.slider{height: calc(100vh - 70px);position:relative;width:100%;overflow:hidden;}


section.slider .slider-container .slider-content{position:relative;margin-top: 0;width:500px;}
section.slider .slider-container .slider-content .content-title h1{ color:#fff; font-size:46px; font-family:"voltesemibold"; max-width:600px; margin-bottom:0; position:absolute; top:0; left:0; opacity:0; visibility:hidden; transition:0.7s 0.1s; transform:translateY(30px);}
section.slider .slider-container{ display:flex; align-items:center; position:relative; height:100%; padding:0 120px; justify-content:space-between;}
section.slider .slider-container .slider-bg{ position:absolute; top:0; right:0; left:0; bottom:0;}
section.slider .slider-container .slider-bg .slider-bg-item.active{ opacity:1; transform:scale(1);}
section.slider .slider-container .slider-bg .slider-bg-item{ position:absolute; top:0; right:0; left:0; bottom:0; transform:scale(1.5); opacity:0;transition: 0.5s; background-size:cover !important; background-position:center !important;}
section.slider .slider-container .slider-pagination{position:absolute;display: flex;align-items: center;}
section.slider .slider-container .slider-pagination {
    bottom: 160px;
    left: 6.4vw;
}
section.slider .slider-container .slider-pagination span{display:block;width:10px;height:10px;border-radius:100px;background:#9AA8B1;cursor: pointer;transition:0.4s;}
section.slider .slider-container .slider-pagination span.active{ width:35px; background:#FFFFFF;}
section.slider .slider-container .slider-pagination span + span{ margin-left:10px;}
section.slider .slider-container .slider-images{position:relative;width:820px;height: 600px;transform: translate(-150px, 125px);z-index:1;overflow:hidden;}
section.slider .slider-container .slider-images .slider-img-item{position:absolute;top:0;left:0;right:0;text-align:center;transform:translateX(60px) scaleX(1.1);opacity:0;filter:blur(5px);transition:0.7s;padding: 0 100px;}
section.slider .slider-container .slider-images .slider-img-item.active{ transform:translateX(0) scaleX(1); filter:blur(0); opacity:1;}
section.slider .slider-container .slider-images .slider-img-item.prev{ transform:translateX(-60px) scaleX(1.1);}
section.slider .slider-container .slider-images .slider-img-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
section.slider .slider-container .slider-content .content-subtitle p{ margin:0; color:#fff; font-size:20px; font-family:"volteregular"; max-width:400px; position:absolute; padding:0; left:0; opacity:0; visibility:hidden; transition:0.7s 0.2s; transform:translateY(30px);}
section.slider .slider-container .slider-content .content-link a{ font-size:17px; border-radius:2rem; font-family:"voltemedium"; letter-spacing:2px;background: linear-gradient(90deg, #f76046 0%, #f6ac29 100%); padding:12px 25px; margin-top:20px; display:inline-block; color:#fff; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transform:translateY(30px); transition:0.7s 0.3s; user-select:none;}
section.slider .slider-container .slider-content .content-link a:before{ content:""; position:absolute; z-index:-1; bottom:-6px; left:0; height:100%; width:100%; opacity:0; border-radius:3rem; background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%); -webkit-filter:blur(9px); filter:blur(9px); -webkit-transition:.8s; transition:.8s;}
section.slider .slider-container .slider-content .content-link a:hover:before{ opacity:0.7;}
section.slider .slider-container .slider-content .content-title{ position:relative; height:165px; margin-bottom:50px; transition:0.4s;}
section.slider .slider-container .slider-content .content-subtitle{ position:relative; height:60px; transition:0.4s;}
section.slider .slider-container .slider-content .content-link{position:relative;height: 50px !important;transition:0.4s;}
section.slider .slider-container .slider-content .content-subtitle p.active{ opacity:1; visibility:visible; transform:translateY(0);}
section.slider .slider-container .slider-content .content-title h1.active{ opacity:1; visibility:visible; transform:translateY(0);}
section.slider .slider-container .slider-content .content-title h1.prev,section.slider .slider-container .slider-content .content-subtitle p.prev,section.slider .slider-container .slider-content .content-link a.prev{transform: translateY(-30px);}
section.slider .slider-container .slider-content .content-link a.active{opacity:1;visibility:visible;transform:translateY(0);}
section.slider .main-slide .swiper-slide .slide-img{ position:absolute; right:200px; bottom:0}
section.slider .main-slide .swiper-slide.swiper-slide-active .slider-content{ display:block}
section.slider .main-slide .slide-nav{ display:none}
section.slider .main-slide .swiper-pagination{ display:none}
section.slider .main-slide .swiper-pagination-bullet{ width:15px; height:15px; cursor:pointer; margin:0 4px}
section.slider .main-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#5490d0}
section.slider .slide-mask{ position:absolute; z-index:1; left:0; top:0; min-width:100%; width:calc(100% + 1px); height:100%; pointer-events:none;}
section.slider .main-img-slide{ pointer-events:none; z-index:58; height:820px; position:absolute; width:820px; height:820px; right:5rem; bottom:0}
section.slider .main-img-slide .swiper-slide{ pointer-events:none}
section.slider .main-img-slide .swiper-slide .slide-img{ position:absolute; right:200px; bottom:0}
section.slider .main-img-slide .swiper-slide .slide-img img{ max-width:initial}
section.slider .main-img-slide .swiper-slide-shadow-left,section.slider .main-img-slide .swiper-slide-shadow-right,section.slider .main-img-slide .swiper-cube-shadow{ display:none !important}
section.slider .container{ padding:100px 225px 0 120px}

section.home{ padding:3rem 0}
section.home .container{ padding:100px 225px 0 120px}
section.home .home-head{ text-align:center; width:40rem; max-width:100%; margin:0 auto; padding:2rem 0 3.4vw;}
section.home .home-head h2{ color:#104260; font-size:30px; line-height:48px; font-family:"voltesemibold"}
section.home .home-head p{ color:#000000; font-size:18px; line-height:25px; font-family:"volteregular"; padding:0 40px}
section.home.home-front-informations{background:url(../img/home-part-1-bg-line.svg) center 75%/contain no-repeat;padding-bottom:6.7vw;}
section.home.home-front-informations .container{ padding:0 3.5rem}
section.home.home-front-informations .row .col-12{ position:relative}
section.home.home-front-informations span.bg{ position:absolute; left:50%; top:75%; -webkit-transform:translate(-45%, -60%); transform:translate(-45%, -60%); width:100%}
section.home.home-front-informations .img{ position:relative; z-index:10}
section.home.home-front-informations .img span.bg{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -45%); transform:translate(-50%, -45%); width:100%}
section.home.home-front-informations .img span.bg img{ max-width:100%}
section.home.home-front-informations .img img{ display:block; margin:0 auto; max-width:60%; position:relative}
section.home.home-front-informations .text{ text-align:center; position:relative; padding:.5rem 5vw 0; z-index:99}
section.home.home-front-informations .text h3{ font-size:18px; color:#002840; font-family:"voltesemibold"; position:relative}
section.home.home-front-informations .text p{ font-size:14px; color:#4D4E4E; font-family:"volteregular"; position:relative; padding:0 10px}

@media screen and (max-width:1650px) and (min-width:1550px){
    section.slider .slider-container .slider-pagination {
    bottom: 95px;
    left: 4.2vw;
}

section.slider .slider-container .slider-content {
    margin-top: 0;
}

section.slider .slider-container .slider-content .content-title {
    margin-bottom: 20px;
}
}

@media only screen and (max-width:1199px){
    section.slider .slider-container .slider-pagination{bottom:125px; left:4.5vw;}
}

@media only screen and (max-width:1370px){
    section.home .home-head{ transform:scale(0.9);}
}

@media only screen and (min-width:1367px) and (max-width:1640px){
    section.home.home-front-informations .text{ padding:.5rem 4vw 0 }
}

@media only screen and (min-width:1200px) and (max-width:1366px){
    section.home.home-front-informations .text{ padding:.5rem 0vw 0 3vw;}
    section.home.home-front-informations .text span.bg{ width:110%; top:60% }
}

section.home.home-themes{position:relative;padding-bottom:0;overflow:hidden;}
section.home.home-themes .container{ position:relative; padding:5.2vw 50px 0;}
section.home.home-themes .filter-container{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-bottom:10.5vw;}
section.home.home-themes .button-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;/* flex-wrap:wrap; */-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;background:#E4EAF0;border-radius:3rem;}
section.home.home-themes .button-group .selector{ background:#fff; width:235px; display:inline-block; position:absolute; left:0px; height:65px; top:0px; z-index:1; margin-top:-4px; -webkit-box-shadow:0 5px 15px rgba(170, 188, 198, 0.44); box-shadow:0 5px 15px rgba(170, 188, 198, 0.44); border-radius:3rem; -webkit-transition:.4s; transition:.4s; pointer-events:none;}
section.home.home-themes .button-group .button{ background:rgba(0, 0, 0, 0); position:relative; z-index:10; -webkit-transition:.4s; transition:.4s; padding:1rem 2.25rem; border:none; color:#829AA8; font-size:17px; font-family:"voltemedium"; margin:0; outline:none; outline-color:rgba(0, 0, 0, 0)}
section.home.home-themes .button-group .button:hover{ color:#104260;}
section.home.home-themes .button-group .button .button-origin{ font-size:19px; opacity:0;}
section.home.home-themes .button-group .button .button-nylon{ font-size:18px; position:absolute; display:block; left:50%; top:50%; width:100%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:.4s; transition:.4s; user-select:none;}
section.home.home-themes .button-group .button.active{ pointer-events:none;}
section.home.home-themes .button-group .button.is-checked{ color:#104260; pointer-events:none;}
section.home.home-themes .button-group .button.is-checked .button-nylon{ font-size:19px}
section.home.home-themes .isotope{ margin-bottom:3rem; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; /* height:400px; */ overflow:visible !important; margin:0 100px;} section.home.home-themes .isotope .element-item{ /* margin:0 25px 50px; */ /* flex:0 0 calc(33.33% - 50px); */ width:33.33%; /* border-top-left-radius:10px; */ /* border-top-right-radius:10px; */ padding:15px;}
section.home.home-themes .isotope .element-item .img{ position:relative; overflow:hidden; padding:10px 10px 0 10px; height:22.1vw; background:#fff; border-top-left-radius:10px; border-top-right-radius:10px;}
section.home.home-themes .isotope .element-item .img img{ display:block; margin:0 auto; -webkit-filter:blur(0); filter:blur(0); -webkit-transition:.4s; transition:.4s}
section.home.home-themes .isotope .element-item .img:before{ content:""; z-index:10; position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/home-theme-item-img-bg.png) center center repeat-x}
section.home.home-themes .isotope .element-item .img .hover{ opacity:0; -webkit-transition:.4s; transition:.4s; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../img/home-theme-detail-icon.png) center center no-repeat rgba(255, 255, 255, 0.7); /* background-size:110px; */ transform:scale(1.3);}
section.home.home-themes .isotope .element-item .img .hover span{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(0.7);font-size: 11px; font-family:"voltesemibold"; color:#104260; letter-spacing:3px;-webkit-transition:.4s; transition:.4s;}
section.home.home-themes .isotope .element-item .text{ background:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; -webkit-box-shadow:0 10px 30px rgba(121, 141, 152, 0.2); box-shadow:0 10px 30px rgba(121, 141, 152, 0.2); z-index:999}
section.home.home-themes .isotope .element-item .text .name{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;text-align:right;max-width:50%;font-size:15px;font-family:"voltesemibold";color:#606F77;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.75rem 65px .75rem 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: left;}
section.home.home-themes .isotope .element-item .text .basket{ -webkit-transition:.3s; transition:.3s; background:#f76046; background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29)); background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%); border-radius:100px; -webkit-box-flex:0; -ms-flex:0 0 50px; flex:0 0 50px; width:50px; height:50px; position:absolute; top:50%; left:50%; cursor:pointer; -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1);}
section.home.home-themes .isotope .element-item .text .basket svg{ width:30px; height:30px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:.3s; transition:.3s}
section.home.home-themes .isotope .element-item .text .basket svg path{ fill:#fff}
section.home.home-themes .isotope .element-item .text .basket span{ opacity:0; -webkit-transition:.3s; transition:.3s; background:#104260; color:#fff; font-size:14px; font-family:"voltemedium"; padding:.5rem 1rem; border-radius:1rem; position:absolute; top:-2rem; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); white-space:nowrap}
section.home.home-themes .isotope .element-item .text .basket span:before{ content:""; position:absolute; -webkit-transition:.3s; transition:.3s; left:50%; bottom:0; -webkit-transform:translate(-50%, 90%); transform:translate(-50%, 90%); width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #104260}
section.home.home-themes .isotope .element-item .text .basket:hover span{ opacity:1}
section.home.home-themes .isotope .element-item .text .basket:before{ -webkit-transition:.4s; transition:.4s; opacity:1; content:""; background:#92A3AC; position:absolute; display:block; top:0; left:0; right:0; bottom:0; border-radius:150px}
section.home.home-themes .isotope .element-item .text .price{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;display:-webkit-box;display:-ms-flexbox;align-items:center;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;padding: .75rem 1rem .75rem 5px;justify-content: flex-end;}
section.home.home-themes .isotope .element-item .text .price .old-price{ color:#616E76; position:relative; font-size:15px; font-family:"volteregular"; line-height:30px}
section.home.home-themes .isotope .element-item .text .price .new-price > span{ font-family:'Barlow', sans-serif; font-weight:500;}
section.home.home-themes .isotope .element-item .text .price .old-price > span{ font-family:'Barlow', sans-serif; font-weight:300;}
section.home.home-themes .isotope .element-item .text .price .old-price:before{ content:""; display:block; background:#616E76; width:100%; position:absolute; top:50%; height:1px}
section.home.home-themes .isotope .element-item .text .price .new-price{ color:#000; position:relative; font-size:20px; font-family:"voltesemibold"; margin-left:44px}
section.home.home-themes .isotope .element-item .text .price .new-price:before{ content:""; display:block; background:#DDDDDD; width:24px; height:1px; position:absolute; left:-36px; top:50%}
section.home.home-themes .isotope .element-item:hover .img img{ -webkit-filter:blur(4px); filter:blur(4px)}
section.home.home-themes .isotope .element-item:hover .img .hover{ opacity:1; /* background-size:73px; */ transform:scale(1);}
section.home.home-themes .isotope .element-item:hover .img .hover span{ letter-spacing:0; transform:translate(-50%, -50%) scale(1);}
section.home.home-themes .isotope .element-item:hover .text .basket{ -webkit-transform:translate(-50%, -50%) scale(1.2); transform:translate(-50%, -50%) scale(1.2)}
section.home.home-themes .isotope .element-item:hover .text .basket span{ -webkit-transform:translate(-50%, -50%) scale(0.8); transform:translate(-50%, -50%) scale(0.8)}
section.home.home-themes .isotope .element-item:hover .text .basket:before{ opacity:0}
section.home.home-steps{ position:relative; padding-top:1rem;}
section.home.home-steps:before{ content:""; position:absolute; width:70vw; height:60vw; top:-300px; left:-500px; background:url(../img/home-steps-bg.png) 100% center/contain no-repeat; z-index:-1;}
section.home.home-steps .home-head h2{ font-size:35px}
section.home.home-steps .container{ position:relative; padding:0 10.5vw; max-width:1700px !important;}
section.home.home-steps .img{ height:24rem; position:relative}
section.home.home-steps .img span.bg{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%}
section.home.home-steps .img span.bg img{ display:block; margin:0 auto; max-width:100%}
section.home.home-steps .img>img{ display:block; margin:0 auto; max-width:90%; position:absolute; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
section.home.home-steps .img.img1 span.bg{width: calc(100% - 15px);margin-left:-4px;}
section.home.home-steps .img.img1>img{ right:0; -webkit-transform:translate(0%, -35%); transform:translate(0%, -35%)}
section.home.home-steps .img.img2 span.bg{ width:calc(100% + 37px); margin:10px 0 0 -12px}
section.home.home-steps .img.img2>img{ left:50%; -webkit-transform:translate(-55%, -34%); transform:translate(-55%, -34%)}
section.home.home-steps .img.img3 span.bg{ width:calc(100% + 30px); margin-top:20px}
section.home.home-steps .img.img3>img{ left:0; -webkit-transform:translate(-3%, -37%); transform:translate(-3%, -37%)}
section.home.home-steps .text{ text-align:center; margin-top:15px}
section.home.home-steps .text h3{ color:#445864; font-size:25px; font-family:"voltebold"; padding-bottom:1rem}
section.home.home-steps .text p{ color:#445864; font-size:17px; line-height:20px; font-family:"volteregular"}

@media only screen and (max-width:1680px){
    section.home.home-themes .isotope .element-item .text .price {
    padding: .75rem 1rem .75rem 14px;
}
}

@media only screen and (max-width:1500px){
    section.home.home-themes .isotope{ margin:20px;}
}

@media only screen and (max-width:1370px){
    section.home.home-steps .container{ transform:scale(0.9);}
}

@media only screen and (max-width:1199px){
    section.home.home-themes{ overflow:hidden;}
    section.home.home-themes .isotope .element-item .img{ height:33vw;}
}

section.home .btn-group{ text-align:center; padding:4rem 0 3rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%;}
section.home .btn-group a{ border:none; -webkit-box-shadow:none; box-shadow:none; outline:none; outline-color:rgba(0, 0, 0, 0); font-size:20px; font-family:"voltesemibold"; letter-spacing:1px; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; display:block; background:#f76046; background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29)); background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%); color:#fff; padding:1rem 4rem; border-radius:3rem}
section.home .btn-group a:after{ content:""; position:absolute; z-index:-1; bottom:-6px; left:0; height:100%; width:100%; opacity:0; border-radius:3rem; background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%); -webkit-filter:blur(9px); filter:blur(9px); -webkit-transition:.8s; transition:.8s;}
section.home .btn-group a:hover:after{ opacity:.7;}
body.choose-control .choose-form .choose-form-overlay{ display:block;pointer-events: none;}
.choose-form .choose-form-overlay{ position:fixed; top:0; right:0; left:0; bottom:0;background: #3b1804cc; z-index:9;  cursor:pointer;opacity: 0;visibility: hidden;transition: .4s;transform: scale(.9);}
.choose-form.active-3 .choose-form-overlay {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.choose-form.active-3 .form-item{transform: translate(-50%, -50%) scale(1);}
.choose-form-btn{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; z-index:99;}
.choose-form-btn-text span{ font-size:18px; color:#104260; display:inline-block; opacity:1; visibility:visible; transition:0.5s; user-select:none;}
.choose-form-btn-text:before{ content:""; position:absolute; right:-10px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:0; height:0; border-style:solid; border-width:7px 0 7px 16px; border-color:transparent transparent transparent #ffffff}
.choose-form-btn-icon .btn-icon.btn-icon-2{ transform:translate(-50%, -50%) scale(0);}
.choose-form-btn-icon.active .btn-icon.btn-icon-1{ transform:translate(-50%, -50%) scale(0);}
.choose-form-btn-icon .btn-icon.btn-icon-1{ transform:translate(-50%, -50%) scale(1);}
.choose-form-btn-icon.active .btn-icon.btn-icon-2{ transform:translate(-50%, -50%) scale(1);}
.choose-form-btn-icon.hover-active .btn-icon.btn-icon-2{ transform:translate(-50%, -50%) scale(1.1);}
.choose-form-btn-icon{ width:85px; height:85px; border-radius:100%; text-align:center; line-height:85px; cursor:pointer; background:transparent linear-gradient(137deg, #F6CE1C 0%, #F77F3A 100%) 0% 0% no-repeat padding-box; -webkit-box-shadow:0px 10px 15px #F68D3471; box-shadow:0px 10px 15px #F68D3471; position:relative;}
.choose-form-btn-icon .btn-icon{ position:absolute; top:50%; left:50%; transition:0.5s;color: #fff;}
.choose-form-btn-icon.in-active{ pointer-events:none;}
.choose-form .choose-submit-trigger{ width:85px; height:85px; border-radius:100%; position:absolute; right:0; opacity:0; pointer-events:none;}
.choose-form .choose-submit-trigger.active{ pointer-events:all; cursor:pointer;}
.choose-form-btn-icon svg path{ fill:#fff}
.choose-form-btn-icon:hover .btn-icon-1{ transform:translate(-50%, -50%) scale(1.1);}
.choose-form .form-item{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);width: 545px;height: 520px;background:#fff;border-radius:30px;transition:0.5s;z-index:9;}
.choose-form .form-item-close:hover{ opacity:1;}
.choose-form .form-item-close{ position:absolute; right:20px; top:15px; z-index:1; cursor:pointer; opacity:0.7; transition:0.5s;}
.choose-form .form-item-close.pointer-none{ pointer-events:none;}
.choose-form .form-item-close svg path{ fill:#fff}
.choose-form .form-item-title{ 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:50px 0 60px; border-radius:30px 30px 0 0; position:relative; overflow:hidden;flex-direction: column;}
.choose-form .form-item-title h2{ font-family:"voltemedium"; font-size:21px; line-height:29px; color:#fff; opacity:0; transition:0.5s 0.4s;}
.choose-form .form-item-title h2 span{ font-family:"voltesemibold"; text-shadow:0px 3px 6px #e06801; display:block;}
.choose-form .form-item form{ padding:25px 30px}
.choose-form .form-item form .form-el.submit{ position:absolute; right:-40px; bottom:-58px; opacity:0; visibility:hidden;}
.choose-form .form-item form .form-el+.form-el{ margin-top:15px}
.choose-form .form-item form .form-el input,.choose-form .form-item form .form-el textarea{ height:45px; border-radius:22.5px; background:#fcfbfa; border:1px solid #f4ccba; box-shadow:none; font-size:14px; color:#a88f83; padding:0 25px; transition:0.4s;}
.choose-form .form-item form .captcha.active .form-control, .choose-form .form-item form .form-el.active .form-control, .choose-form .form-item form .form-el .form-control:focus{ border-color:#f78637;}
.choose-form .form-item form .form-el textarea{ resize:none; height:90px; padding:10px 25px;}
.choose-form .form-item form .form-el .col.captcha{ padding:0}
.choose-form .form-item form .form-el .col.captcha+.col.captcha{ margin-left:15px}
.choose-form .form-item form .form-el .col.captcha img{ border-radius:22.5px; background:#fcfbfa; border:1px solid #f4ccba; height:45px; max-height:inherit;}
.choose-form .form-item form .form-el .form-control::-webkit-input-placeholder{ color:#a88f83;}
.choose-form .form-item form .form-el .form-control:-ms-input-placeholder{ color:#a88f83;}
.choose-form .form-item form .form-el .form-control::placeholder{ color:#a88f83;}
.choose-form .form-item form .form-el .col.captcha a{ background:linear-gradient(45deg, #f79731, #f77c3b);width: 30px;height: 30px; right:4px; margin-top:-10px;font-size: 14px;top: 18px;}
.choose-form .form-item form .form-el button{ border:none;width: 100%;height: 45px;border-radius: 65px; text-align:center;line-height: 1; background:transparent linear-gradient(137deg, #F6CE1C 0%, #F77F3A 100%) 0% 0% no-repeat padding-box;-webkit-box-shadow:0px 10px 15px #F68D3471;box-shadow: 0px 10px 15px #F68D3471;color: #ffff;font-weight: bold;font-family: "voltesemibold";transition: .4s;}
.choose-form .form-item form .form-el button:hover {
    box-shadow: 0px 0px 15px 4px #f68d3471;
}
.choose-form .form-item form .form-el button svg path,.choose-form .form-item form .form-el button svg rect{ fill:#fff}
.choose-form-btn-text{ background:#fff; padding:10px 15px; border-radius:10px; position:relative; margin-right:20px; box-shadow:0px 5px 25px rgba(186, 195, 206, 0.45); transform:translate(0, 0) rotate(0); transition:0.5s 0.4s;}
.choose-form.in-active .choose-form-btn-text{ transition-delay:1.5s;}
.choose-form.active .choose-form-btn-text{ transform:translate(30px, -86px) rotate(38deg);}
.choose-form.in-active-2 .choose-form-btn-text{ transition-delay:0.4s;}
.choose-form.active .choose-form-btn-text span{ opacity:0; visibility:hidden;}
.choose-form.active.active-2 .choose-form-btn-text{ transform:translate(130px, -9px) rotate(38deg) scaleX(0); transition-delay:0s;}
.choose-form .form-item{}
.choose-form .form-item form .form-el:not(.submit){ opacity:0; visibility:hidden; transform:translateY(20px); transition:0.5s;}
.choose-form .form-item-title .title-bg{ position:absolute; top:0; right:0; left:0; bottom:0; background-size:cover; background-repeat:no-repeat; background-position:bottom; transform:translate(0, -110%) scaleY(1.2); transition:0.5s 0.4s; z-index:-1;}
.choose-form .form-item-close svg{ opacity:0; transition:0.5s 0.4s;}
.choose-form.active-3 .form-item-title .title-bg{ transform:translate(0, 0) scaleY(1);}
.choose-form.active-3 .form-item-close svg{ opacity:1;}
.choose-form.active-3 .form-item-title h2{opacity:1;}
.choose-form.active-3 .form-item form .form-el:not(.submit){ opacity:1; visibility:visible; transform:translateY(0);}
.choose-form .form-item form .form-el .form-row{ margin:0;}
.choose-form .form-item form .form-el:nth-child(4){ transition-delay:0.5s;}
.choose-form .form-item form .form-el:nth-child(5){ transition-delay:0.6s;}
.choose-form .form-item form .form-el:nth-child(6){ transition-delay:0.7s;}
.choose-form .form-item form .form-el:nth-child(7){ transition-delay:0.8s;}
.choose-form .form-item form .form-el:nth-child(8){ transition-delay:0.9s;}
.choose-form .form-item form .form-el:nth-child(9){ transition-delay:1s;}
.choose-form.in-active .form-item-close svg{ transform:scale(0); transition-delay:0.9s;}
.choose-form.in-active .form-item-title .title-bg{ transform:translate(0, -110%) scaleY(1.2); transition-delay:0.8s;}
.choose-form.in-active .form-item-title h2{ opacity:0; transition-delay:0.7s;}
.choose-form.in-active .form-item form .form-el:nth-child(9){ transition-delay:0.1s;}
.choose-form.in-active .form-item form .form-el:nth-child(8){ transition-delay:0.2s;}
.choose-form.in-active .form-item form .form-el:nth-child(7){ transition-delay:0.3s;}
.choose-form.in-active .form-item form .form-el:nth-child(6){ transition-delay:0.4s;}
.choose-form.in-active .form-item form .form-el:nth-child(5){ transition-delay:0.5s;}
.choose-form.in-active .form-item form .form-el:nth-child(4){ transition-delay:0.6s;}
.choose-form.in-active .form-item form .form-el:not(.submit){ opacity:0; visibility:hidden; transform:translateY(-20px);}
.choose-form.in-active .form-item{ transform:translate(165px, -335px) scale(0); transition-delay:1s;}

@media only screen and (max-height: 760px){
    .choose-form .form-item-title { padding: 30px 0 40px; }
    .choose-form .form-item-title .title-bg {background-position: bottom;}
    .choose-form .form-item form .form-el input { height: 40px; }
    .choose-form .form-item form .form-el .col.captcha img { height: 40px; }
    .choose-form .form-item {}
}

@media only screen and (max-height: 700px){
    .choose-form .form-item form { max-height: 270px; overflow-y: auto; overflow-x: hidden; padding-bottom: 70px; }
    .choose-form .form-item {}
    .choose-form .form-item:before {content: "";position: absolute;bottom: 40px;left: 0;right: 0;height: 100px;pointer-events: none;background: linear-gradient(to top, white, #ffffff00);z-index: 9;}
    .choose-form .form-item form::-webkit-scrollbar{ width: 0; }
}

@media only screen and (max-height: 560px){
    .choose-form .form-item form { height: 180px; }
    .choose-form .form-item { height: 400px; }
    .choose-form .form-item:before { bottom: 80px; }
}

@media only screen and (max-height: 500px){
    .choose-form .form-item form { height: 120px; }
    .choose-form .form-item { height: 320px; }
    .choose-form .form-item:before { bottom: 30px; }
}

@media only screen and (max-width: 1370px){
    .choose-form {}
}

@media only screen and (max-width: 991px){
    .choose-form-btn-text { padding: 8px 10px; }
}

@media only screen and (max-width: 767px){
 .choose-form .form-item form .form-el .col.captcha a {
    width: 23px;
    height: 23px;
    font-size: 13px;
}
    .choose-form-btn-text { display: none; }
    .choose-form .form-item {width: 320px;height: auto;}
    .choose-form .form-item:before { visibility: hidden; }
    .choose-form .form-item form .form-el input { height: 40px; }
    .choose-form .form-item form .form-el input, .choose-form .form-item form .form-el textarea { font-size: 12px; }
    .choose-form .form-item form { padding: 10px 20px; max-height: initial; overflow: initial; }
    .choose-form .form-item-title h2 { font-size: 18px; line-height: 25px; margin-bottom: 0; }
    .choose-form .form-item form .form-el .col.captcha img { height: 40px; }
    .choose-form .form-item form .form-el input { padding: 0 20px; }
    .choose-form .form-item form .form-el textarea { padding: 10px 20px; }
    .choose-form.scroll {
       width: 100%;
       right: 0;
       bottom: 0;
   }
   
   .choose-form.scroll .choose-form-btn {
       width: 100%;
   }
   
   .choose-form.scroll .choose-form-btn .choose-form-btn-icon {
       width: 100%;
       border-radius: 0;
   }
}

/**/

.page-title {order: 1;width: 50%;}
.page-title .title-first .breadcrumb li:first-child { margin-top: -3px; }
.page-title .container { position: relative; padding-right: 10.10vw; }
.page-title .bread-bg { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.5; background-size: cover !important; background-repeat: no-repeat !important }
.page-title .title-first .breadcrumb {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-start;align-items: center;}
.page-title .title-first .breadcrumb li { color: #BAC8D0; -webkit-transition: .4s; transition: .4s }
.about-page-title.page-title .title-first .breadcrumb li:nth-child(2) { display: none; }
.page-title .title-first .breadcrumb li a { color: #BAC8D0; -webkit-transition: .4s; transition: .4s }
.page-title .title-first .breadcrumb li svg { -webkit-transition: .4s; transition: .4s }
.page-title .title-first .breadcrumb li svg path { fill: #BAC8D0; stroke: #BAC8D0; -webkit-transition: .4s; transition: .4s; }
.page-title .title-first .breadcrumb li a:hover { color: #10427a; }
.page-title .title-first .breadcrumb li a:hover svg path { fill: #10427a; stroke: #10427a; }
.page-title .title-first .breadcrumb li:before { color: #BAC8D0 }
.product-detail .page-title {
    display: none;
}

@media only screen and (max-width: 991px){
    .page-title {padding: 100px 30px 0;margin-bottom: 0;display: block;}
    .page-title .container { padding: 0; }
    .page-title .title-first .breadcrumb { justify-content: flex-start; }
}

@media only screen and (max-width: 767px){
    .page-title {padding: 100px 20px 0;}
    .page-title .title-first .breadcrumb li { font-size: 14px; position: relative; }
    .page-title .title-first .breadcrumb li:before { top: 50%; transform: translateY(-50%) scale(0.9); margin-top: 0; position: absolute; left: 0; }
    .page-title .title-first .breadcrumb li + li { margin-left: 10px; padding-left: 20px; }
    .page-title .title-first .breadcrumb li svg { transform: scale(0.9); }
    section.page-title.about-page-title {
       margin-top: 25px;
       background-color: #9fc5eb;
       padding-bottom: 25px;
   }
}

.page .page-content .img img{ display:block; width:100%; -o-object-fit:cover; object-fit:cover}
.page .page-tags{ padding:2rem 0}
.page .page-tags ul li{ display:inline-block; padding:.25rem}
.page .page-tags ul li a{ color:#fff; padding:.5rem; -webkit-transition:.4s; transition:.4s; background:#333232; border-radius:.25rem; font-size:.75rem}
.page .page-tags ul li a:hover{ background:#ececec; color:#07101b}
.blogs .blog-sidebar{ position:sticky; top:130px;}
.page .blog-sidebar .blog-search{ margin-bottom:3rem}
.blogs .blog-sidebar .side-part-container{ max-height:calc(100vh - 260px); overflow-y:auto; overflow-x:hidden; margin-right:-10px; padding-right:10px;}
.blogs .blog-sidebar .side-part-container::-webkit-scrollbar{ width:3px;}
.blogs .blog-sidebar .side-part-container::-webkit-scrollbar-thumb{ background:rgba(16, 66, 96, 0.54); border-radius:10px;}
.page .blog-sidebar .blog-search .form-group{ position:relative}
.page .blog-sidebar .blog-search .form-group .form-control{ padding-left:0; border:none; font-family:"voltesemibold"; border-bottom:1px solid #535353; color:#2e2923; height:3rem; background:transparent; border-radius:0; opacity:0.6; padding-bottom:0}
.page .blog-sidebar .blog-search .form-group .form-control::-webkit-input-placeholder{ color:#6C6C6C; font-weight:bold}
.page .blog-sidebar .blog-search .form-group .form-control:-ms-input-placeholder{ color:#6C6C6C; font-weight:bold}
.page .blog-sidebar .blog-search .form-group .form-control::-ms-input-placeholder{ color:#6C6C6C; font-weight:bold}
.page .blog-sidebar .blog-search .form-group .form-control::placeholder{ color:#6C6C6C; font-weight:bold}
.page .blog-sidebar .blog-search .form-group.active .btn svg{ transform:scale(0.8);}
.page .blog-sidebar .blog-search .form-group:hover .btn svg{ transform:scale(1.2);}
.page .blog-sidebar .blog-search .form-group .form-control:focus+.btn svg{ transform:scale(0.8);}
.page .blog-sidebar .blog-search .form-group .btn{ border:0; border-radius:0; background:rgba(0, 0, 0, 0); position:absolute; right:0; top:0; width:3rem; height:3rem; outline:none; -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0); box-shadow:0 0 0 rgba(0, 0, 0, 0); padding:.5rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-line-pack:center; align-content:center}
.page .blog-sidebar .blog-search .form-group .btn svg{ display:block; width:20px; height:20px; -webkit-transition:.4s; transition:.4s}
.page .blog-sidebar .blog-search .form-group .btn svg path{ fill:rgba(83, 83, 83, 0.6)}
.page .blog-sidebar .side-part{ margin-bottom:3rem}
.page .blog-sidebar .side-part h4{ margin-bottom:5px; padding-bottom:1rem; border-bottom:1px solid #104260; position:relative; color:#104260; font-size:14px; font-family:"voltesemibold"}
.page .blog-sidebar .side-part h4:before{ content:""; position:absolute; top:100%; margin-top:-1px; left:0; height:3px; width:5.5rem; background:#104260; -webkit-transition:.4s; transition:.4s}
.page .blog-sidebar .side-part .list-group a.list-group-item{ display:block; color:#56666F; -webkit-transition:.4s; transition:.4s; border:none; background:transparent; padding-left:0}
.page .blog-sidebar .side-part .list-group a.list-group-item.active {color: #000;font-weight: 600;}
.page .blog-sidebar .side-part .list-group a.list-group-item span{ display:none}
.page .blog-sidebar .side-part .list-group a.list-group-item+a{ border-top:1px solid #D8D8D8}
.page .blog-sidebar .side-part .list-group a.list-group-item:hover{ color:#104260;}
.page .blog-sidebar .side-part:hover h4:before{ width:100%}
.page.about>.container{ width:1080px; margin:0 auto}
.page.about:before{ z-index:-1; pointer-events:none; content:""; position:absolute; left:0; top:40%; -webkit-transform:translate(-40%, -50%) rotate(16deg); transform:translate(-40%, -50%) rotate(16deg); width:1016px; height:1423px; max-width:100%; background:url(../img/home-steps-bg.png) center center no-repeat}
.page.about:after{ z-index:-1; pointer-events:none; content:""; position:absolute; right:0; top:75%; -webkit-transform:translate(50%, -50%) rotate(-10deg); transform:translate(50%, -50%) rotate(-10deg); width:1408px; height:1256px; max-width:100%; background:url(../img/home-themes-bg.png) center center no-repeat}
.page.about h2{ color:#104260; font-size:35px; font-family:"volteregular"; line-height:3rem}
.page.about p{color:#56666F;font-size: 23px;font-family:"volteregular";line-height: 35px;letter-spacing:-1px;margin-bottom:2rem;}
.page.about p span.colored{ font-family:"voltesemibold"; color:#104260; position:relative; display:inline-block}
.page.about p span.colored:after{ content:""; opacity:1; position:absolute; left:0px; right:0px; bottom:0; height:3px; background:#f8006a; background:-webkit-gradient(linear, left top, right top, from(#f8006a), to(#f4c223)); background:linear-gradient(90deg, #f8006a 0%, #f4c223 100%); border-radius:3px}
.page.about .mini-popups svg{ width:65px; height:65px; display:block; position:absolute; top:0}
.page.about .mini-popups p{ margin-bottom:0; font-size:28px; font-family:"volteregular"; color:#104260}
.page.about .mini-popups p strong{ font-size:40px; font-family:"voltesemibold"}
.page.about .mini-popups p img{ width:227px; display:inline-block; margin-left:10px}
.page.about .mini-popups-left{ border-top-left-radius:0; border-bottom-left-radius:65px}
.page.about .mini-popups-left svg{ left:0; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
.page.about .mini-popups-right{ border-top-right-radius:0; border-bottom-right-radius:65px}
.page.about .mini-popups-right svg{ right:0; -webkit-transform:translate(50%, -50%); transform:translate(50%, -50%)}
.page.about .mini-popups-bg-navy{ background:#104260; padding:2.25rem 6rem; margin-bottom:6rem}
.page.about .mini-popups-bg-navy p{ font-size:30px; font-family:"voltemedium"; color:#fff}
.page.about .about-star-icon svg{ width:84px; height:77px}
.general-text {
    padding: 0 150px;
}

.general-text form .form-group input {background: #F4F7FA;border: 1px solid #DEE7EB;border-radius: 28px;height: 50px;padding: 1rem 1.5rem;font-size: 15px;-webkit-transition: .4s;transition: .4s;font-family: "voltemedium";color: #9DAFB9;line-height: 0;}
.general-text form .form-group input:hover, .general-text form .form-group input:focus {
    border-color: #9aa5aa;
}
.general-text form .form-group select {background: #F4F7FA;border: 1px solid #DEE7EB;border-radius: 28px;height: 50px;padding: 1rem 1.5rem;font-size: 15px;-webkit-transition: .4s;transition: .4s;font-family: "voltemedium";color: #9DAFB9;}

.col.captcha {
    height: 50px;
}

.captcha img.captcha_img {
    max-height: initial;
    border-radius: 30px;
}

@media only screen and (max-width:1370px){
    .page.about h2 { font-size: 2.1vw; }
    .page.about p { font-size: 1.5vw; line-height: 2.7vw; }
    .page.about .mini-popups { transform: scale(0.8); margin-bottom: 4.2vw; margin-top: 1.5vw; }
}

@media only screen and (max-width:1199px){
    .page.about .mini-popups { margin-top: 5vw; margin-bottom: 9vw; transform: scale(0.7); }
    .page.about:after { background-size: cover; }
    .page.about {padding: 200px 45px 100px;}
    .page.about:before { background-size: contain; }
    .page.about h2 { font-size: 2.7vw; margin-bottom: 20px; }
    .page.about p { font-size: 2vw; line-height: 3.8vw; }
}

@media only screen and (max-width: 991px){
    .page.about h2{ font-size:20px; line-height:1.7;}
    .page.about p{ font-size:17px; line-height:1.8;}
    .page.about .mini-popups{padding: 30px 70px; margin-top:10px;margin-bottom: 40px !important;}
    .page.about .mini-popups p{ font-size:25px; line-height:1.5;}
    .page.about .mini-popups p strong{ font-size:30px;}
    .page.about .about-star-icon svg{ width:60px; height:60px;}
    .page.about:after{ width:100vw; height:100vw; background-size:contain;}
    .page.about:before{ background-size:contain; width:100vw; height:170vw;}
    .page.about{padding-bottom:70px;padding-top: 30px;}
}

@media only screen and (max-width: 767px){
    .page.about{padding: 70px 30px 50px;}
    .page.about h2{ font-size:17px; line-height:1.5;}
    .page.about p{ font-size:15px; line-height:1.7;}
    .page.about .mini-popups{ transform:scale(1); padding:20px 30px; max-width:80%;}
    .page.about .mini-popups p{ font-size:16px; line-height:1.5;}
    .page.about .mini-popups p strong{ font-size:20px;}
    .page.about .mini-popups-left svg{ width:35px; height:35px;}
    .page.about .mini-popups svg{ width:35px; height:35px;}
    .page.about .mini-popups p img{ width:130px;}
    .page.about .mini-popups-bg-navy{ padding-left:45px; margin-top:20px;}
    .page.about .about-star-icon svg{ width:40px; height:40px;}
    .page.about .mini-popups-left {max-width: 90%;}
}

.page.career .accordion-cards{ padding-top:calc(.375rem + 1px)}
.page.career .form-group .input-group{ position:relative}
.page.career .form-group .input-group .input-group-prepend{ margin-bottom:1rem}
.page.career .form-group .input-group .input-group-text{ margin-bottom:1rem}
.page.career .form-group .input-group small{ position:absolute; right:0; top:100%}
.page.our-team .team-list{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.our-team .team-list li{ -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; padding:1rem}
.page.our-team .team-list li a{ display:block; border:1px solid #ececec; padding:1rem; color:#07101b; height:100%}
.page.our-team .team-list li a .person-img{ margin-bottom:1rem}
.page.our-team .team-list li a .person-img img{ display:block; width:100%; -o-object-fit:cover; object-fit:cover}
.page.our-team .team-list li a .person-text h4{ font-size:1rem}
.page.our-team .team-list li a .person-text p{ font-size:.875rem}
.page.personnel-detail .side-bar-personnel .sidebar h4{ font-size:1.25rem; padding:1rem; border:1px solid rgba(0, 0, 0, 0.2); border-bottom:0; margin-bottom:0}
.page.personnel-detail .side-bar-personnel .sidebar ul{ border:1px solid rgba(0, 0, 0, 0.2)}
.page.personnel-detail .side-bar-personnel .sidebar ul li a{ display:block; color:#07101b; padding:.5rem 1rem}
.page.personnel-detail .side-bar-personnel .sidebar ul li+li{ border-top:1px solid rgba(0, 0, 0, 0.2)}

@media only screen and (max-width: 767px) {
    .page.personnel-detail .side-bar-personnel { padding-bottom: 1rem }
}

.page.personnel-detail .personnel-detail-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.page.personnel-detail .personnel-detail-container .personnel-detail-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid rgba(0, 0, 0, 0.2); padding: .5rem; min-width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100% }
.page.personnel-detail .personnel-detail-container .personnel-detail-item>* { padding: .5rem }
.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-img { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px }
.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-img img { display: block; -o-object-fit: cover; object-fit: cover; width: 100% }
.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-text { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 200px); flex: 0 0 calc(100% - 200px); max-width: calc(100% - 200px) }
.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-text h3 { font-size: 1.25rem; margin-bottom: .75rem }
.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-text p { font-size: .875rem; margin-bottom: .5rem }

@media only screen and (max-width: 767px) {
    .page.personnel-detail .personnel-detail-container { padding-top: 1rem }
    .page.personnel-detail .personnel-detail-container .personnel-detail-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
}

.page.personnel-relation-news h3 { font-weight: 500; text-transform: uppercase; margin-bottom: 1rem }
.page.personnel-relation-news ul { border: 1px solid rgba(0, 0, 0, 0.2) }
.page.personnel-relation-news ul li a { display: block; color: #07101b; padding: 1rem }
.page.personnel-relation-news ul li+li { border-top: 1px solid rgba(0, 0, 0, 0.2) }
.page.references{margin-top:-20px;/* padding-top:0 */}
.page.references .container{padding: 0 9.6vw;}
.page.references .references-category ul li a{ display:block; font-size:.875rem; color:#07101b}
.page.references .references-category ul li a span{ padding-left:.5rem}
.page.references .references-category-left{ background:#f8f8f8; padding:1rem}
.page.references .references-category-left h2{ font-size:1.25rem; padding-bottom:1.5rem}
.page.references .references-category-left ul li a{ padding:.5rem 0}
.page.references .references-category-left ul li+li{ border-top:1px solid rgba(0, 0, 0, 0.2)}
.page.references .references-category-top ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.references .references-category-top ul li{ border:1px solid rgba(0, 0, 0, 0.1); margin-bottom:1rem}
.page.references .references-category-top ul li a{ padding:.875rem 2rem}
.page.references .references-category-top ul li:nth-of-type(1){ border-top-left-radius:3rem; border-bottom-left-radius:3rem}
.page.references .references-category-top ul li:nth-last-child(1){ border-top-right-radius:3rem; border-bottom-right-radius:3rem}
.page.references .references-category-top ul li+li{ margin-left:.5rem}
.page.references .references-list{ padding:.5rem 0}
.page.references .references-list ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:0 .5rem}
.page.references .references-list ul li{margin-bottom:70px;-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 50px);flex:0 0 calc(50% - 50px);max-width:calc(50% - 50px);-webkit-box-sizing:border-box;box-sizing:border-box;padding:.5rem;background:#fff;-webkit-box-shadow:0 15px 15px rgba(170, 188, 198, 0.15);box-shadow:0 15px 15px rgba(170, 188, 198, 0.15);border-radius:10px;height: 18.6vw;overflow: hidden;}
.page.references .references-list ul li .references-container{height:100%;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.page.references .references-list ul li .references-container .references-img{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%;margin-left:-1.5rem;margin-right:1.5rem;height: 100%;position: relative;}
.page.references .references-list ul li .references-container .references-img a{ display:block; padding-right:1rem}
.page.references .references-list ul li .references-container .references-img:before {content: "";position: absolute;top: 0;right: -36px;width: 140%;height: 100%;z-index: 1;background-image: url(../img/main/mask-laptop.png);background-size: contain;background-position: center;background-repeat: no-repeat;}
.page.references .references-list ul li .references-container .references-img a img{ display:block; -o-object-fit:cover; object-fit:cover; width:100%}
.page.references .references-list ul li .references-container .references-content{ -webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; text-align:center}
.page.references .references-list ul li .references-container .references-content .img{margin-bottom: 20px;}
.page.references .references-list ul li .references-container .references-content .img img{display:block;margin:0 auto;max-width:100%;filter: grayscale(1);opacity: 0.5;transition: 0.5s;max-height: 4.7vw;}
.page.references .references-list ul li .references-container .references-content h3{font-family: "voltemedium";font-size: 14px;color: #838383;transition: 0.5s;margin-bottom: 0;}
.page.references .references-list ul li .references-container .references-content-head h4{ font-size:1rem}
.page.references .references-list ul li .references-container .references-content-location{ font-size:.875rem}

@media only screen and (max-width:991px){
    .page.references .references-list ul li{ flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); margin-bottom: 40px; height: 23vw; }
    .page.references {margin-top: 20px;}
    .page.references .container { padding: 0 3vw; }
    .page.references .references-list ul li .references-container .references-content h3 { transform: scale(0.9); }
}

@media only screen and (max-width:767px){
    .page.references .references-list ul li{-webkit-box-flex:0;-ms-flex:0 0 50%;flex: 0 0 100%;max-width: 100%;height: auto;overflow: hidden;}
}

.page.references.references-outer-edges-none .references-list ul li{ padding:0}
.page.references.references-outer-edges-none .references-list ul li .references-container{ border-bottom:0; border-left:0}
.page.references.references-outer-edges-none .references-list ul li:nth-of-type(1) .references-container,.page.references.references-outer-edges-none .references-list ul li:nth-of-type(2) .references-container,.page.references.references-outer-edges-none .references-list ul li:nth-of-type(3) .references-container,.page.references.references-outer-edges-none .references-list ul li:nth-of-type(4) .references-container{ border-top:0}
.page.references.references-outer-edges-none .references-list ul li:nth-child(4n) .references-container{ border-right:0}
.page.references.references-outer-edges-none .references-list ul li:nth-last-child(1) .references-container{ border-right:0}

@media only screen and (max-width:991px){
    .page.references.references-outer-edges-none .references-list ul li:nth-of-type(4) .references-container{ border-top:1px solid rgba(0, 0, 0, 0.1) }
    .page.references.references-outer-edges-none .references-list ul li:nth-child(4n) .references-container{ border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.references.references-outer-edges-none .references-list ul li:nth-child(3n) .references-container{ border-right:0 }
    .page.references.references-outer-edges-none .references-list ul li:nth-last-child(1) .references-container{ border-right:0 }
}

@media only screen and (max-width:767px){ .page.references.references-outer-edges-none .references-list ul li:nth-child(3n) .references-container{ border-top:1px solid rgba(0, 0, 0, 0.1); border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.references.references-outer-edges-none .references-list ul li:nth-child(2n) .references-container{ border-right:0 }
}

@media only screen and (max-width:480px){ .page.references.references-outer-edges-none .references-list ul li .references-container{ border-right:0 !important }
    .page.references.references-outer-edges-none .references-list ul li:nth-child(2){ border-top:1px solid rgba(0, 0, 0, 0.1) }
}

.page.references.references-outer-edges-none .col+.col .references-list ul li:nth-of-type(4) .references-container{ border-top:1px solid rgba(0, 0, 0, 0.1)}
.page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(4n) .references-container{ border-right:1px solid rgba(0, 0, 0, 0.1)}
.page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(3n) .references-container{ border-right:0}
.page.references.references-outer-edges-none .col+.col .references-list ul li:nth-last-child(1) .references-container{ border-right:0}

@media only screen and (max-width:991px){
    .page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(3n) .references-container{ border-top:1px solid rgba(0, 0, 0, 0.1); border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(2n) .references-container{ border-right:0 }
}

@media only screen and (max-width:480px){
    .page.references.references-outer-edges-none .col+.col .references-list ul li .references-container{ border-right:0 !important }
    .page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(2){ border-top:1px solid rgba(0, 0, 0, 0.1) }
}

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

@media only screen and (max-width:767px){
    .page.references .col+.col{ padding-top:1rem }
}

.page.references .col+.col .references-list ul li{ -webkit-box-flex:0; -ms-flex:0 0 33%; flex:0 0 33%; max-width:33%}

@media only screen and (max-width:991px){
    .page.references .col+.col .references-list ul li{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
}

@media only screen and (max-width:480px){
    .page.references .col+.col .references-list ul li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.references .references-list ul li .references-container .references-img img {filter: grayscale(1);transition: 0.5s;height: 250px;}
.page.references .references-list ul li:hover .references-container .references-img img { filter: grayscale(0); }
.page.references .references-list ul li:hover .references-container .references-content .img img { filter: grayscale(0); opacity: 1; }
.page.references .references-list ul li:hover .references-container .references-content h3 { color: #104260; }

@media only screen and (max-width:767px){ 
    .page.references .references-list ul li .references-container{ display:block;}
    .page.references .references-list ul li .references-container .references-img{ flex:0 0 100%; max-width:100%; text-align:center; height:200px; margin-left:-2.2rem;}
    .page.references .references-list ul li .references-container .references-content .img img{ max-height:40px;}
    .page.references .references-list ul li .references-container .references-content .img{ margin-bottom:0; margin-right:30px;}
    .page.references .references-list ul li .references-container .references-content{ flex:0 0 100%; max-width:100%; display:flex; align-items:center; justify-content:center; margin-top:20px;}
    .page.references{padding-bottom:50px;padding-top: 100px;}
    nav ul.pagination li.page-item a.page-link{ font-size:18px; padding:1px 8px;}
    nav ul.pagination li.page-item+li.page-item{ margin-left:5px;}
}

.page.references-detail .references-name{ margin-bottom:2rem}
.page.references-detail .references-text{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border:1px solid rgba(0, 0, 0, 0.1); margin-bottom:2rem}
.page.references-detail .references-text p{ padding:1rem 1rem 1rem 2rem; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; position:relative; margin-bottom:0}
.page.references-detail .references-text p b{ display:inline-block; padding-right:.5rem}
.page.references-detail .references-text p i{ position:absolute; left:1rem; top:1.875rem; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
.page.references-detail .references-text p a{ display:inline-block; color:#000}
.page.references-detail .references-text p+p+p{ border-top:1px solid rgba(0, 0, 0, 0.1)}
.page.references-detail .references-gallery ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -.5rem}
.page.references-detail .references-gallery ul li{ -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; padding:.5rem}
.page.references-detail .references-gallery ul li .gallery-item-content{ border:1px solid rgba(0, 0, 0, 0.1)}
.page.references-detail .references-gallery ul li .gallery-item-content .img{ padding:.5rem}
.page.references-detail .references-gallery ul li .gallery-item-content .img img{ display:block; width:100%; -o-object-fit:cover; object-fit:cover}
.page.references-detail .references-gallery ul li .gallery-item-content .text{ text-align:center; padding:.5rem; color:#07101b}
.page.references-detail .references-gallery ul li .gallery-item-content .text span{ display:inline-block}

@media only screen and (max-width:991px){
    .page.references-detail .references-gallery ul li{ -webkit-box-flex:0; -ms-flex:0 0 33.33%; flex:0 0 33.33%; max-width:33.33% }
}

@media only screen and (max-width:767px){
    .page.references-detail .references-gallery ul li{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
}

@media only screen and (max-width:480px){
    .page.references-detail .references-gallery ul li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.brands .brands-container ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.page.brands .brands-container ul li{ -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; padding:.75rem}
.page.brands .brands-container ul li .brand-img{ border:1px solid rgba(0, 0, 0, 0.1); -webkit-transition:.4s; transition:.4s; min-height:150px; height:100%; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.brands .brands-container ul li .brand-img a{ display:block; padding:.5rem}
.page.brands .brands-container ul li .brand-img img{ display:block; max-height:100%; max-width:100%; -o-object-fit:cover; object-fit:cover}
.page.brands .brands-container ul li:hover .brand-img{ -webkit-transform:scale(1.1); transform:scale(1.1)}

@media only screen and (max-width:991px){
    .page.brands .brands-container ul li{ -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; max-width:33.333% }
}

@media only screen and (max-width:767px){
    .page.brands .brands-container ul li{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
}

@media only screen and (max-width:480px){
    .page.brands .brands-container ul li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.brands .brands-container .swiper-container{ padding:1rem 0}
.page.brands .brands-container .swiper-container .swiper-slide{ padding:.75rem}
.page.brands .brands-container .swiper-container .swiper-slide .brand-img{ border:1px solid rgba(0, 0, 0, 0.1); -webkit-transition:.4s; transition:.4s; min-height:150px; height:100%; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.brands .brands-container .swiper-container .swiper-slide .brand-img a{ display:block; padding:.5rem}
.page.brands .brands-container .swiper-container .swiper-slide .brand-img img{ display:block; max-height:100%; max-width:100%; -o-object-fit:cover; object-fit:cover}
.page.brands .brands-container .swiper-container .swiper-slide:hover .brand-img{ -webkit-transform:scale(1.1); transform:scale(1.1)}
.page.brands .brands-container-swiper{ width:100%; padding:0 3rem; position:relative}
.page.brands .brands-pagination{ text-align:center; padding:2rem 0 0}
.page.brands .brands-pagination nav{ display:inline-block}
.page.brands.brands-outer-edges-none .brands-container ul li{ padding:0}
.page.brands.brands-outer-edges-none .brands-container ul li .brand-img{ border-bottom:0; border-left:0}
.page.brands.brands-outer-edges-none .brands-container ul li .brand-img a{ -webkit-transition:.4s; transition:.4s}
.page.brands.brands-outer-edges-none .brands-container ul li:hover .brand-img{ -webkit-transform:scale(1); transform:scale(1)}
.page.brands.brands-outer-edges-none .brands-container ul li:hover .brand-img a{ -webkit-transform:scale(0.9); transform:scale(0.9)}
.page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(1) .brand-img,.page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(2) .brand-img,.page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(3) .brand-img,.page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(4) .brand-img{ border-top:0}
.page.brands.brands-outer-edges-none .brands-container ul li:nth-child(4n) .brand-img{ border-right:0}
.page.brands.brands-outer-edges-none .brands-container ul li:nth-last-child(1) .brand-img{ border-right:0}

@media only screen and (max-width:991px){
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(4) .brand-img{ border-top:1px solid rgba(0, 0, 0, 0.1) }
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(4n) .brand-img{ border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(3n) .brand-img{ border-right:0 }
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-last-child(1) .brand-img{ border-right:0 }
}

@media only screen and (max-width:767px){
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(3n) .brand-img{ border-top:1px solid rgba(0, 0, 0, 0.1); border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(2n) .brand-img{ border-right:0 }
}

@media only screen and (max-width:480px){
    .page.brands.brands-outer-edges-none .brands-container ul li .brand-img{ border-right:0 !important }
    .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(2){ border-top:1px solid rgba(0, 0, 0, 0.1) }
}

.page.brands.brands-outer-edges-none .brands-container .swiper-container .swiper-slide{ padding:0}
.page.brands.brands-outer-edges-none .brands-container .swiper-container .swiper-slide .brand-img{ border:none}
.page.brands-detail .img{ margin-bottom:1rem; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.page.brands-detail .img a{ display:block; padding:.5rem; -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}
.page.brands-detail .img a img{ display:block; -webkit-transition:.4s; transition:.4s; width:100%; -o-object-fit:cover; object-fit:cover; border:1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 15px -3px rgba(0, 0, 0, 0.24); box-shadow:0 1px 15px -3px rgba(0, 0, 0, 0.24)}
.page.brands-detail .img a:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1)}

@media only screen and (max-width:991px){
    .page.brands-detail .img a{ -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; max-width:33.333% }
}

@media only screen and (max-width:767px){
    .page.brands-detail .img a{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
}

@media only screen and (max-width:480px){
    .page.brands-detail .img a{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.brands-detail .text{ border:1px solid rgba(0, 0, 0, 0.1)}
.page.brands-detail .text p{ padding:.5rem 1rem; margin-bottom:0}
.page.brands-detail .text p+p{ border-top:1px solid rgba(0, 0, 0, 0.1)}

.page.solution-partners .solution-partners-container ul.solution-partners-list{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.page.solution-partners .solution-partners-container ul.solution-partners-list li{ -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; padding:.75rem}
.page.solution-partners .solution-partners-container ul.solution-partners-list li .solution-partners-list-item{ border:1px solid rgba(0, 0, 0, 0.1); padding:.5rem; -webkit-transition:.4s; transition:.4s}
.page.solution-partners .solution-partners-container ul.solution-partners-list li .solution-partners-list-item .solution-partners-list-img{ overflow:hidden; border-radius:3px}
.page.solution-partners .solution-partners-container ul.solution-partners-list li .solution-partners-list-item .solution-partners-list-img img{ display:block; width:100%; -o-object-fit:cover; object-fit:cover}
.page.solution-partners .solution-partners-container ul.solution-partners-list li:hover .solution-partners-list-item{ -webkit-transform:scale(1.1); transform:scale(1.1)}

@media only screen and (max-width:991px){
    .page.solution-partners .solution-partners-container ul.solution-partners-list li{ -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; max-width:33.333% }
}

@media only screen and (max-width:767px){
    .page.solution-partners .solution-partners-container ul.solution-partners-list li{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
}

@media only screen and (max-width:480px){
    .page.solution-partners .solution-partners-container ul.solution-partners-list li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.solution-partners .solution-partners-container .swiper-container{ padding:1rem 0}
.page.solution-partners .solution-partners-container .swiper-container .swiper-slide{ padding:.75rem}
.page.solution-partners .solution-partners-container .swiper-container .swiper-slide .solution-partners-list-item{ border:1px solid rgba(0, 0, 0, 0.1); min-height:150px; height:100%; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.solution-partners .solution-partners-container .swiper-container .swiper-slide .solution-partners-list-item .solution-partners-list-img{ display:block; padding:.5rem; -webkit-transition:.4s; transition:.4s}
.page.solution-partners .solution-partners-container .swiper-container .swiper-slide .solution-partners-list-item img{ display:block; max-height:100%; max-width:100%; -o-object-fit:cover; object-fit:cover}
.page.solution-partners .solution-partners-container .swiper-container .swiper-slide:hover .solution-partners-list-img{ -webkit-transform:scale(1.1); transform:scale(1.1)}
.page.solution-partners .solution-partners-container-swiper{ width:100%; padding:0 3rem; position:relative}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li{ padding:0}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li .solution-partners-list-item{ border-bottom:0; border-left:0}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li .solution-partners-list-item img{ -webkit-transition:.4s; transition:.4s}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:hover .solution-partners-list-item{ -webkit-transform:scale(1); transform:scale(1)}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:hover .solution-partners-list-item img{ -webkit-transform:scale(0.9); transform:scale(0.9)}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(1) .solution-partners-list-item,.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(2) .solution-partners-list-item,.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(3) .solution-partners-list-item,.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(4) .solution-partners-list-item{ border-top:0}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(4n) .solution-partners-list-item{ border-right:0}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-last-child(1) .solution-partners-list-item{ border-right:0}

@media only screen and (max-width:991px){
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(4) .solution-partners-list-item{ border-top:1px solid rgba(0, 0, 0, 0.1) }
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(4n) .solution-partners-list-item{ border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(3n) .solution-partners-list-item{ border-right:0 }
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-last-child(1) .solution-partners-list-item{ border-right:0 }
}

@media only screen and (max-width:767px){
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(3n) .solution-partners-list-item{ border-top:1px solid rgba(0, 0, 0, 0.1); border-right:1px solid rgba(0, 0, 0, 0.1) }
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(2n) .solution-partners-list-item{ border-right:0 }
}

@media only screen and (max-width:480px){
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li .solution-partners-list-item{ border-right:0 !important }
    .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(2){ border-top:1px solid rgba(0, 0, 0, 0.1) }
}

.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none .swiper-container .swiper-slide{ padding:0}
.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none .swiper-container .swiper-slide .solution-partners-list-item{ border:none}
.page.branch .branch-container{ width:100%; margin-bottom:1rem}
.page.branch .branch-container .location-selection{ padding:1rem 0}
.page.branch .branch-container .location-selection ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.branch .branch-container .location-selection ul li{ width:12rem; padding:.5rem}
.page.branch .branch-container .location-selection ul li .form-group .select2 .select2-selection--single{ border-radius:0; -webkit-transition:.4s; transition:.4s}
.page.branch .branch-container .location-selection ul li .form-group .select2.select2-container--open .select2-selection--single{ border-radius:0 !important}
.page.branch .branch-container .location-selection ul li:nth-child(1) .form-group .select2 .select2-selection--single{ border-top-left-radius:3rem; border-bottom-left-radius:3rem}
.page.branch .branch-container .location-selection ul li:nth-last-child(1) .form-group .select2 .select2-selection--single{ border-top-right-radius:3rem; border-bottom-right-radius:3rem}
.page.branch .branch-container .location-list ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.page.branch .branch-container .location-list ul li{ -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; max-width:33.333%; padding:.375rem}
.page.branch .branch-container .location-list ul li .location-list-content{ border:1px solid rgba(0, 0, 0, 0.1); border-radius:.5rem; padding:1.5rem 2.5rem; height:100%; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.branch .branch-container .location-list ul li .location-list-content .img{ margin-bottom:1rem}
.page.branch .branch-container .location-list ul li .location-list-content .img img{ display:block; width:100%; -o-object-fit:cover; object-fit:cover}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-head h5{ font-size:1rem; margin-bottom:1rem}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-body{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:1rem}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .icon{ -webkit-box-flex:0; -ms-flex:0 0 2.25rem; flex:0 0 2.25rem; max-width:2.25rem}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .icon span,.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .icon i{ color:#07101b; font-size:1rem}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .text{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 2.25rem); flex:0 0 calc(100% - 2.25rem); max-width:calc(100% - 2.25rem)}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .text p{ margin-bottom:0; font-size:.875rem; color:#07101b}
.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .text p a{ color:#07101b}
.page.branch .branch-container .location-list ul li .location-list-content .map iframe{ width:100%}

@media only screen and (max-width:991px){
    .page.branch .branch-container .location-list ul li{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
}

@media only screen and (max-width:767px){
    .page.branch .branch-container .location-list ul li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.branch-detail .branch-container h3{ margin-bottom:1rem}
.page.branch-detail .branch-container .item{ padding:1rem; border-top:1px solid rgba(0, 0, 0, 0.1)}
.page.announcements .announcements-container ul.announcements-list li{ padding:1rem 0}
.page.announcements .announcements-container ul.announcements-list li .card h5.card-title{ font-size:1.25rem; text-transform:uppercase; margin-bottom:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.announcements .announcements-container ul.announcements-list li .card h5.card-title i{ 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; width:40px; height:40px; background:#d20e0e; border-radius:30px; margin-right:10px; font-size:14px; color:#fff}
.page.announcements .announcements-container ul.announcements-list li .card p{ font-size:1rem}
.page.announcements .announcements-container ul.announcements-list li .card .card-body{ padding:0 0 1rem 0}
.page.announcements .announcements-container ul.announcements-list li .card .time-line a{ color:#07101b; font-size:.875rem}
.page.announcements .announcements-container ul.announcements-list li .card .time-line a:hover{ color:red}
.page.bank-accounts .container{ padding:0 8.4vw;}
.page.bank-accounts .container .col-12{ padding:0 2vw;}
.page.bank-accounts .bank-item{ border:none; padding:1.6vw; margin-bottom:3vw; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background:#fff; border-radius:20px; -webkit-box-shadow:0 15px 15px rgba(170, 188, 198, 0.15); box-shadow:0 15px 15px rgba(170, 188, 198, 0.15);}
.page.bank-accounts .bank-item .bank-img{ background:#f4f7fa; -webkit-box-flex:0; -ms-flex:0 0 180px; flex:0 0 9.4vw; max-width:9.4vw; text-align:center; height:8.4vw; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:15px;}
.page.bank-accounts .bank-item .bank-img img{ display:inline-block; max-width:100%; margin:0 auto;}
.page.bank-accounts .bank-item .bank-text{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 180px); flex:0 0 calc(100% - 9.4vw); max-width:calc(100% - 9.4vw);}
.page.bank-accounts .bank-item .bank-text h5{ margin-bottom:10px; text-transform:uppercase; font-size:19px; padding:0 .5rem 0 1.5rem; font-family:"voltesemibold";}
.page.bank-accounts .bank-item .bank-text .bank-info ul{ padding-left:1rem}
.page.bank-accounts .bank-item .bank-text .bank-info ul li p{ display:-ms-flexbox; display:-webkit-box; display:flex; justify-content:flex-start; margin:0; padding:.25rem .5rem; font-size:.875rem;}
.page.bank-accounts .bank-item .bank-text .bank-info ul li p span{ font-family:"voltesemibold"; color:#6F6F6F; height:auto; font-size:0.9vw; display:block;}
.page.bank-accounts .bank-item .bank-text .bank-info ul li p span+span{ font-family:"voltemedium"; color:#A2A2A2; padding-left:15px}
.page.bank-accounts .bank-item .bank-text .bank-info ul li p span:nth-child(1){ width:5.8vw;}
.page.bank-accounts .bank-item .bank-text .bank-info ul li p span:nth-child(1) strong{ float:right}

@media only screen and (max-width:1500px){
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p span:nth-child(1){ width:6.5vw;}
    .page.bank-accounts .bank-item .bank-text h5{ font-size:1.1vw;}
}

@media only screen and (max-width:1450px){
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p span{ font-size:1.1vw;}
}

@media only screen and (max-width:1370px){
    .page.bank-accounts .container{ padding:0 7vw;}
}

@media only screen and (max-width:1199px){
    .bank-accounts{ min-height:50vh;}
}

@media only screen and (max-width:991px){
    .page.bank-accounts .container{ padding:40px 4vw 20px;}
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p span{ font-size:1.3vw;}
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p span:nth-child(1){ font-size:1.1vw;}
    .page.bank-accounts .bank-item .bank-text h5{ font-size:1.2vw;}
}

@media only screen and (max-width:767px){
    .page.bank-accounts .bank-item{ -ms-flex-wrap:wrap; flex-wrap:wrap }
    .page.bank-accounts .bank-item .bank-img{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-bottom:1rem }
    .page.bank-accounts .bank-item .bank-text{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding:0 10px;}
    .page.bank-accounts .bank-item .bank-text h5{ font-size:14px; line-height:normal; padding-left:0;}
    .page.bank-accounts .bank-item .bank-img{ height:auto;}
    .page.bank-accounts .bank-item .bank-img img{ max-width:40%;}
    .page.bank-accounts .bank-item{ padding:10px; margin-bottom:30px;}
    .page.bank-accounts .bank-item .bank-text .bank-info ul{ padding-left:0;}
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p span{ font-size:13px;}
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p span:nth-child(1){ font-size:13px; width:85px;}
    .page.bank-accounts .bank-item .bank-text .bank-info ul li p{ padding:3px 0;}
    .page.bank-accounts .container{padding: 23px 25px 20px;}
    .bank-accounts{ min-height:initial; padding-bottom:30px;}
}

.page.bank-accounts .form-group .select2-container{ width:100% !important}
.page.bank-accounts.border-none .bank-item{ border:none}
.page.bank-accounts.border-radius .bank-item{ border-radius:1rem}
.page.bank-accounts.border-radius .bank-item .bank-img{ border-radius:1rem; overflow:hidden}
.page.payment-notification .payment-form .form-group .select2-container{ width:100% !important}
.page.payment-notification .bank-list .bank-item{ border:1px solid rgba(0, 0, 0, 0.1); padding:1rem; margin-bottom:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.payment-notification .bank-list .bank-item .bank-img{ -webkit-box-flex:0; -ms-flex:0 0 180px; flex:0 0 180px; max-width:180px; text-align:center}
.page.payment-notification .bank-list .bank-item .bank-img img{ display:inline-block; max-width:100%}
.page.payment-notification .bank-list .bank-item .bank-text{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 180px); flex:0 0 calc(100% - 180px); max-width:calc(100% - 180px)}
.page.payment-notification .bank-list .bank-item .bank-text h5{ margin-bottom:1rem; text-transform:uppercase}
.page.payment-notification .bank-list .bank-item .bank-text .bank-info ul li p{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin:0; padding:.5rem}
.page.payment-notification .bank-list .bank-item .bank-text .bank-info ul li p span{ font-weight:bold}
.page.payment-notification .bank-list .bank-item .bank-text .bank-info ul li+li{ border-top:1px solid rgba(0, 0, 0, 0.1)}

@media only screen and (max-width:767px){
    .page.payment-notification .bank-list .bank-item{ -ms-flex-wrap:wrap; flex-wrap:wrap }
    .page.payment-notification .bank-list .bank-item .bank-img{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-bottom:1rem }
    .page.payment-notification .bank-list .bank-item .bank-text{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}

.page.ip-learn .ip-learn-container{ background:rgba(0, 0, 0, 0.1); padding:5rem 0}
.page.ip-learn .ip-learn-container h1{ text-align:center; font-size:4rem}
.page.ip-learn .ip-learn-container h1 code{ font-size:80%}
.page.technical-service .technical-service-container{ width:40rem; max-width:100%; margin:0 auto}
.page.ebulletin .ebulletin-container{ width:40rem; max-width:100%; margin:0 auto}
.page.news .news-container .col-12{ padding-bottom:2rem}
.page.news .news-container .news-item{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; height:100%; border:1px solid rgba(0, 0, 0, 0.1); -webkit-transition:.4s; transition:.4s; padding:10px; -ms-flex-line-pack:baseline; align-content:baseline}
.page.news .news-container .news-item .news-img{ height:200px}
.page.news .news-container .news-item .news-img img{ display:block; margin:0 auto; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover}
.page.news .news-container .news-item .news-text a{ display:block; width:100%; padding:8px 0; color:#000; font-weight:bold}
.page.news .news-container .news-item .news-text span{ font-weight:500}
.page.news .news-container .news-item:hover{ -webkit-transform:translateY(-10px); transform:translateY(-10px)}
.page.services{padding: 160px 6.6vw 60px;}
.page.services .services-list .col-12{ padding:0 2.3vw;}
.page.services .services-list .services-list-item{ padding:3.3vw 2.1vw; margin-bottom:60px; display:-webkit-box; display:-ms-flexbox; display:flex;-webkit-box-pack:center;-ms-flex-pack:center; justify-content:center; background:rgba(255, 255, 255, 0.4); border-radius:10px;-webkit-box-shadow:0 10px 20px rgba(170, 188, 198, 0.3);box-shadow: 0 10px 20px rgba(170, 188, 198, 0.3);}
.page.services .services-list .services-list-item:hover{ background:#fff;box-shadow: 0 15px 20px rgb(170 188 198 / 50%);}
.page.services .services-list .services-list-item .icon{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding:0 1rem 0 0}
.page.services .services-list .services-list-item .icon svg{ width:4.6vw; height:4.6vw;}
.page.services .services-list .services-list-item .text{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.services .services-list .services-list-item .text p{ font-size:1.5vw; font-family:"voltesemibold"; color:#56666F; margin-bottom:0;}

@media only screen and (max-width:991px){
    .page.services{ padding-top:50px;}
    .page.services .services-list .services-list-item{ margin-bottom:40px;}
    .page.services .services-list .services-list-item .text p{ font-size:18px;}
    .page.services .services-list .services-list-item .icon svg{ width:50px; height:50px;}
}

@media only screen and (max-width:767px){
    .page.services .services-list .services-list-item{ padding:30px 20px;}
    .page.services{ padding:40px 25px 30px;}
    .page.services .services-list .services-list-item .icon svg{ width:40px; height:40px;}
    .page.services .services-list .services-list-item .text p{ font-size:16px;}
}
/*--*/
.page.services-detail .container{ padding:0 10vw;}
.page.services-detail .container .services-detail-area{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.page.services-detail .container .services-detail-area .services-detail-item{ -webkit-box-flex:0; -ms-flex:0 0 72.5%; flex:0 0 72.5%; background:#fff; padding:7.3vw 7.3vw 5.2vw; border-radius:33px 0px 0px 33px; -webkit-box-shadow:0px 5px 10px rgba(170, 188, 198, 0.05); box-shadow:0px 5px 10px rgba(170, 188, 198, 0.05);}
.page.services-detail .container .services-detail-area .services-detail-item h2{ font-family:"voltesemibold"; font-size:25px; color:#56666f; text-align:center; margin-bottom:1.5rem}
.page.services-detail .container .services-detail-area .services-detail-item p{ font-size:14px; line-height:23px; color:#263034; margin-bottom:5rem; text-align:center;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a{ border-radius:10px; background:#edeff2; border:1px solid #c5d3db; width:280px; display:flex; align-items:center; justify-content:center; height:60px; padding:0 10px; user-select:none;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a.next-btn span{ margin-left:0; margin-right:0;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a.next-btn .arrow{ margin-left:15px;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a.prev-btn .arrow{ margin-right:15px;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a svg path{ fill:#7E8F98; transition:0.4s;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a .icon svg{ max-width:35px; max-height:35px; margin:0 10px;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a:hover{ border-color:#104260; background:#fff;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a span{ font-size:16px; color:#7e8f98; font-family:"voltesemibold"; display:inline-block; margin-left:0; max-width:170px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:0.7; transition:0.4s;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a:Hover span{ color:#104260;}
.page.services-detail .container .services-detail-area .services-detail-item .btn-set a:hover svg path{ fill:#104260;}
.page.services-detail .container .services-detail-area .services-detail-form{ -webkit-box-flex:0; -ms-flex:0 0 27%; flex:0 0 27%; border-radius:0px 33px 33px 0px; background:#f7783c; -webkit-box-shadow:0px 5px 10px rgba(170, 188, 198, 0.05); box-shadow:0px 5px 10px rgba(170, 188, 198, 0.05); text-align:center; padding:50px 0; position:relative; overflow:hidden;}
.page.services-detail .container .services-detail-area .services-detail-form:before{ content:""; position:absolute; top:0; bottom:0; right:0; left:0; background-image:url("../img/main/service-detail-form-bg.png")}
.page.services-detail .container .services-detail-area .services-detail-form .icon{ margin-bottom:35px}
.page.services-detail .container .services-detail-area .services-detail-form .icon svg{ width:65px; height:75px}
.page.services-detail .container .services-detail-area .services-detail-form .icon svg path{ fill:#fff}
.page.services-detail .container .services-detail-area .services-detail-form .name{ margin:40px 3.8vw 50px; position:relative;}
.page.services-detail .container .services-detail-area .services-detail-form .name:before,.page.services-detail .container .services-detail-area .services-detail-form .name:after{ content:""; position:absolute; left:0; right:0; height:2px; background:#FAA67F}
.page.services-detail .container .services-detail-area .services-detail-form .name:before{ top:-6px}
.page.services-detail .container .services-detail-area .services-detail-form .name:after{ bottom:-10px}
.page.services-detail .container .services-detail-area .services-detail-form .name h3{ font-size:16px; color:#fff; font-family:"voltemedium"}
.page.services-detail .container .services-detail-area .services-detail-form .name h3 span{ font-size:26px; display:block; font-family:"volteregular"; margin-bottom:3px}
.page.services-detail .container .services-detail-area .services-detail-form .name h3 strong{ font-family:"voltebold"}
.page.services-detail .container .services-detail-area .services-detail-form .form{ padding:0 2.3vw;}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group{ position:relative}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group.active .form-control{ background:#fff0; border-color:#fff}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group.active span{ font-size:12px; color:#ffc7ad; top:0; padding:0 5px; background:#f7783c}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group textarea.form-control{ height:75px; padding:13px 25px; resize:none}
.page.services-detail .container .services-detail-area .services-detail-form .form .form-row.first-row{ display:block;}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .form-control{ height:45px; border-radius:22.5px; background:#fc9a6c; border:1px solid #fdb08c; font-family:"voltemedium"; font-size:14px; color:#fff; padding:0 25px; -webkit-transition:0.4s; transition:0.4s}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .form-control:focus{ background:#fff0; border-color:#fff}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .form-control:focus ~ span{ font-size:12px; color:#ffc7ad; top:0; padding:0 5px; background:#f7783c}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .captcha.active .form-control{ background:#fff0; border-color:#fff}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .captcha.active span{ font-size:12px; color:#ffc7ad; top:0; padding:0 5px; background:#f7783c}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .captcha img{ height:100%; border-radius:22.5px; border:1px solid #fdb08c; max-height:100%}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .captcha a{ background:#f7783c; width:23px; height:23px; font-size:13px; top:25%; margin-top:0}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group span{ font-family:"voltemedium"; font-size:14px; color:#fdeee7; position:absolute; top:22px; left:25px; -webkit-transform:translateY(-50%); transform:translateY(-50%); padding:0; pointer-events:none; -webkit-transition:0.3s; transition:0.3s}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group button{ border-radius:22.5px; background:#fff; border:1px solid #fff; -webkit-box-shadow:0px 5px 10px #c7673a; box-shadow:0px 5px 10px #c7673a; font-family:"voltemedium"; font-size:14px; color:#56666f; text-align:center; width:100%; padding:10px 0; margin-top:10px; user-select:none; transition:0.4s;}
.page.services-detail .container .services-detail-area .services-detail-form .form form .form-group button:hover{ background:#ffffff00; color:#ffffff;}

@media only screen and (max-width:1500px){
    .page.services-detail .container .services-detail-area .services-detail-item{ flex:0 0 69%; padding:7.3vw 4vw 5.2vw;}
    .page.services-detail .container .services-detail-area .services-detail-form{ flex:0 0 30%;}
    .page.services-detail .container .services-detail-area .services-detail-form .name{ margin:40px 2vw 50px;}
}

@media only screen and (max-width:1370px){
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a span{ font-size:15px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a.prev-btn .arrow{ margin-right:5px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a.next-btn .arrow{ margin-left:5px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a{ width:260px;}
}

@media only screen and (max-width:1199px){
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-group{ display:block;}
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-group .col.captcha{ height:45px; margin-bottom:13px;}
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-group textarea.form-control{ height:160px; padding:13px 10px;}
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-group span{ left:14px;}
    .page.services-detail .container .services-detail-area .services-detail-form .name h3{ font-size:15px;}
    .page.services-detail .container .services-detail-area .services-detail-form .name h3 span{ font-size:20px;}
    .page.services-detail .container .services-detail-area .services-detail-form .name{ padding:10px 0 1px;}
    .page.services-detail .container .services-detail-area .services-detail-form{ flex:0 0 35%;}
    .page.services-detail .container .services-detail-area .services-detail-item{ flex:0 0 62%;}
    .page.services-detail .container{ padding:0 90px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a .icon svg{ display:none;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a.next-btn span{ margin-right:10px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a.prev-btn span{ margin-left:10px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a{ width:200px;}
}

@media only screen and (max-width:991px){
    .page.services-detail .container .services-detail-area{ display:block;}
    .page.services-detail .container .services-detail-area .services-detail-item h2{ font-size:20px;}
    section.page.services-detail{ padding:50px 0 80px;}
    .page.services-detail .container .services-detail-area .services-detail-item{ border-radius:30px; width:100%; margin:0 auto 50px; padding:7.3vw 10vw 5.2vw;}
    .page.services-detail .container .services-detail-area .services-detail-form{ border-radius:30px; padding:30px 14.8vw; width:100%; margin:0 auto;}
    .page.services-detail .container{ padding:0 40px;}
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-group{ flex:0 0 48.7%;}
    .page.services-detail .container .services-detail-area .services-detail-form .form .form-row.first-row{ display:flex;}
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-row{ justify-content:space-between; display:flex;}
    .page.services-detail .container .services-detail-area .services-detail-form .form form .form-group button{ margin-top:0px;}
    .page.services-detail .container .services-detail-area .services-detail-form .icon svg{ width:60px; height:60px;}
    .page.services-detail .container .services-detail-area .services-detail-form .name h3{ font-size:17px;}
    .page.services-detail .container .services-detail-area .services-detail-form .name h3 span{ font-size:23px;}
}

@media only screen and (max-width:767px){
    .page.services-detail .container{ padding:0 25px;}
    .page.services-detail .container .services-detail-area .services-detail-item h2{ font-size:17px; margin-bottom:15px;}
    .page.services-detail .container .services-detail-area .services-detail-item{padding:30px 20px;margin-bottom:30px;margin-top: 50px;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set{ display:block;}
    .page.services-detail .container .services-detail-area .services-detail-item .btn-set a{ width:100%; margin-top:20px;}
    .page.services-detail .container .services-detail-area .services-detail-form .icon svg{ width:50px; height:50px;}
    .page.services-detail .container .services-detail-area .services-detail-form .icon{ margin-bottom:0;}
    .page.services-detail .container .services-detail-area .services-detail-form{ padding:30px 20px;}
    .page.services-detail .container .services-detail-area .services-detail-form .name{ margin:30px 0 35px;}
    .page.services-detail .container .services-detail-area .services-detail-form .form .form-row.first-row{ display:block; margin:0;}
    .page.services-detail .container .services-detail-area .services-detail-form .form{ padding:0;}
    section.page.services-detail{padding: 23px 0 60px;}
}
/* -- */
.page.complaints-and-suggestions .complaints-and-suggestions-container{ width:40rem; max-width:100%; margin:0 auto}
.page.hdd .hdd-calculator{ width:40rem; max-width:100%; margin:0 auto}
.page.hdd .hdd-calculator .form-group{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start}
.page.hdd .hdd-calculator .form-group input{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 200px); flex:0 0 calc(100% - 200px)}
.page.hdd .hdd-calculator .form-group p,.page.hdd .hdd-calculator .form-group span{ -webkit-box-flex:0; -ms-flex:0 0 100px; flex:0 0 100px}
.page.hdd .hdd-calculator .form-group span{ text-align:left; padding-left:20px}
.page.hdd .hdd-calculator .form-group.form-group-radio input{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 280px); flex:0 0 calc(100% - 280px)}
.page.hdd .hdd-calculator .form-group.form-group-radio .hdd-radio-group{ -webkit-box-flex:0; -ms-flex:0 0 180px; flex:0 0 180px; padding-left:1rem}
@media only screen and (max-width:420px){
    .page.hdd .hdd-calculator .form-group input{ -webkit-box-flex:calc(100% - 100px); -ms-flex:calc(100% - 100px); flex:calc(100% - 100px) }
    .page.hdd .hdd-calculator .form-group p{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% }
    .page.hdd .hdd-calculator .form-group.form-group-radio input{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 180px); flex:0 0 calc(100% - 180px) }
}
.page.useful-links .list-group h2{ font-size:1.25rem; padding:.75rem 1.25rem; border:1px solid rgba(0, 0, 0, 0.1); border-bottom:0; margin-bottom:0}
.page.useful-links .link-items ul li a.link-item{ color:#07101b; display:block; padding:.75rem 0}
.page.useful-links .link-items ul li+li{ border-top:1px solid rgba(0, 0, 0, 0.1)}
.page.support ul.nav.nav-pills li.nav-item a.nav-link{ background:#fff; border:1px solid #07101b; color:#07101b; border-radius:0; -webkit-transition:.4s; transition:.4s; text-transform:uppercase; font-weight:normal}
.page.support ul.nav.nav-pills li.nav-item a.nav-link .mdi{ display:none}
.page.support ul.nav.nav-pills li.nav-item a.nav-link.active{ background:#07101b; color:#fff; font-weight:bold}
.page.support ul.nav.nav-pills li.nav-item a.nav-link.disabled{ opacity:.5; cursor:no-drop}
.page.support ul.nav.nav-pills li.nav-item+li.nav-item a.nav-link{ border-left:0}
@media only screen and (max-width:560px){
    .page.support ul.nav.nav-pills li.nav-item{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; margin-bottom:1rem }
    .page.support ul.nav.nav-pills li.nav-item+li.nav-item a.nav-link{ border-left:1px solid #07101b }
}
.page.support h3.tabs-head{ padding-left:4.5rem; position:relative}
.page.support h3.tabs-head .icon{ display:inline-block; position:absolute; left:0; top:0; width:43px; height:100%}
.page.support h3.tabs-head .icon svg{ width:100%; height:100%}
.page.support h3.tabs-head .icon:before{ content:""; width:4px; height:calc(100% - .25rem); top:.25rem; background:#5D4AC7; position:absolute; right:-1.25rem}
@media only screen and (max-width:560px){
    .page.support h3.tabs-head{ font-size:1.25rem; line-height:1.5rem }
    .page.support h3.tabs-head .icon:before{ right:-.875rem; height:calc(100% - .25rem) }
}
@media only screen and (max-width:480px){
    .page.support h3.tabs-head .icon:before{ right:-.875rem }
}
.page.support .tabs-explanation{ font-size:1rem}
@media only screen and (max-width:560px){
    .page.support .table-responsive .table th,
    .page.support .table-responsive .table td{ font-size:.875rem }
}
.page.support .form-group{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; height:100%; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end}
.page.support .form-group .form-control{ border-color:#5D4AC7; border-radius:0}
.page.support .form-group .select2-container{ width:100% !important}
.page.support .form-group .select2-container .select2-selection--single{ border-color:#5D4AC7; border-radius:0}
.page.support .form-group .input-group .input-group-prepend .input-group-text{ border-color:#5D4AC7; background:#e1def5; border-radius:0}
.page.support .form-group .input-group .custom-file .custom-file-label{ border-color:#5D4AC7; border-radius:0}
.page.support .form-group .captcha img.captcha_img{ border-color:#5D4AC7; border-radius:0}
.page.support .form-group .submit{ width:100%}
.page.support .form-group .submit a{ color:#748290; -webkit-transition:.4s; transition:.4s}
.page.support .form-group .submit a:hover{ color:#5D4AC7}
.page.support .form-group .submit .custom-control .custom-control-input:checked ~ .custom-control-label:before{ background:#5D4AC7; border-color:#5D4AC7}
.page.support .form-group .submit .custom-control .custom-control-input:focus:not(:checked) ~ .custom-control-label:before{ border-color:#5D4AC7}
.page.support .form-group .submit .custom-control .custom-control-input:focus ~ .custom-control-label:before{ -webkit-box-shadow:0 0 0 0.2rem rgba(93, 74, 199, 0.25); box-shadow:0 0 0 0.2rem rgba(93, 74, 199, 0.25)}
.page.support .form-group .submit .btn.btn-primary{ background:#5D4AC7; border-color:#5D4AC7; border-radius:0; margin-bottom:1rem}
.page.support .form-group .submit .btn.btn-primary:hover{ background:#362883; border-color:#362883}
.page.support .support-query-form{ margin-bottom:1rem}
.page.support .support-query-form .form-group .submit .btn.btn-primary{ margin-bottom:0}
.page.support .support-request-list-head{ padding-top:4rem}
.page.support .support-request-list-head ul{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.page.support .support-request-list-head ul li.support-request-status-no p{ color:#adb5bd; font-size:.75rem}
.page.support .support-message-area{ background:rgba(93, 74, 199, 0.05); padding:1rem 6.5rem 1rem 4.5rem}
.page.support .support-message-area .support-request-list{ margin-bottom:2.25rem}
.page.support .support-message-area .support-request-list li p{ margin-bottom:0; font-size:.875rem; color:#8e8e8e}
.page.support .support-message-area .support-request-list li.support-request-subject p{ font-size:1.5rem; color:#414141; font-weight:bold}
.page.support .support-message-area .support-message-area-item{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start}
.page.support .support-message-area .support-message-area-item .support-message-img{ width:3rem; height:3rem; -webkit-box-flex:0; -ms-flex:0 0 3rem; flex:0 0 3rem; margin-right:2rem; border-radius:3rem; overflow:hidden}
.page.support .support-message-area .support-message-area-item .support-message-img img{ display:block; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover}
.page.support .support-message-area .support-message-area-item .support-message-body{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 5rem); flex:0 0 calc(100% - 5rem); padding:1rem 1rem 1rem 1rem; position:relative; margin-bottom:2rem; background:#fff; -webkit-box-shadow:0 2px 3px #E4E7ED; box-shadow:0 2px 3px #E4E7ED}
.page.support .support-message-area .support-message-area-item .support-message-body:before{ content:""; position:absolute; left:-11px; display:block; width:0; height:0; border-right:11px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent}
.page.support .support-message-area .support-message-area-item .support-message-body h5{ font-size:1rem; color:#5D4AC7; text-transform:uppercase; margin-bottom:1rem}
.page.support .support-message-area .support-message-area-item .support-message-body p{ font-size:.875rem; color:#747474}
.page.support .support-message-area .support-message-area-item .support-message-body time{ font-size:.875rem; color:#747474; position:absolute; right:.75rem; top:0; margin-top:.75rem}
.page.support .support-message-area .support-message-area-item .attachment{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 5rem); flex:0 0 calc(100% - 5rem); margin-left:5rem; margin-bottom:2rem; margin-top:-1rem}
.page.support .support-message-area .support-message-area-item .attachment p{ display:inline-block; background:#fff; padding:.5rem 1rem .5rem 2rem; margin-bottom:0; border-radius:2rem; margin-right:1rem}
.page.support .support-message-area .support-message-area-item .attachment p a{ display:inline-block; color:#000; padding:.5rem 1rem; margin-left:1rem; border-radius:2rem; background:rgba(0, 0, 0, 0.1); -webkit-transition:.4s; transition:.4s}
.page.support .support-message-area .support-message-area-item .attachment p a:hover{ background:rgba(0, 0, 0, 0.9); color:#fff}
.page.support .support-message-area .support-message-area-item.manager-answer{ -webkit-transform:translateX(35px); transform:translateX(35px)}
.page.support-border-radius ul.nav.nav-pills li.nav-item:nth-child(1) a{ border-top-left-radius:1.5rem; border-bottom-left-radius:1.5rem}
.page.support-border-radius ul.nav.nav-pills li.nav-item:nth-last-child(1) a{ border-top-right-radius:1.5rem; border-bottom-right-radius:1.5rem}
@media only screen and (max-width:560px){
    .page.support-border-radius ul.nav.nav-pills li.nav-item a{ border-radius:1.5rem !important }
}
.page.support-border-radius .form-group .form-control{ border-radius:1.125rem}
.page.support-border-radius .form-group .select2-container .select2-selection--single{ border-radius:1.125rem}
.page.support-border-radius .form-group .select2-container.select2-container--open .select2-selection--single{ border-bottom-right-radius:0px; border-bottom-left-radius:0px}
.page.support-border-radius .form-group .input-group .input-group-prepend .input-group-text{ border-top-left-radius:1.125rem; border-bottom-left-radius:1.125rem}
.page.support-border-radius .form-group .input-group .custom-file .custom-file-label{ border-top-right-radius:1.125rem; border-bottom-right-radius:1.125rem}
.page.support-border-radius .form-group .captcha img.captcha_img{ border-radius:1.125rem}
.page.support-border-radius .form-group .submit .btn.btn-primary{ border-radius:1.125rem}
.page.support-border-radius .support-message-area{ border-radius:calc(1.125rem * 2)}
.page.support-border-radius .support-message-area .support-message-area-item .support-message-body{ border-radius:1.125rem}
.page.account-info .container{ padding:0 10vw;}
.page.account-info .container .account-info-row{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.account-info .container .account-info-row .account-info-nav ul{ display:block; border:none; padding-bottom:15px;}
.page.account-info .container .account-info-row .account-info-nav ul li+li{ margin-top:50px}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn{ position:absolute; bottom:-15px; left:0; right:0;}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn a{ padding:0; background:#56666F; width:40px; height:40px; border-radius:5px; display:flex; align-items:center; justify-content:center; margin:0 auto; position:relative; overflow:hidden;}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn a:before{ content:""; position:absolute; top:0; right:0; left:0; bottom:0; background:linear-gradient(100deg, #f76046 0%, #f6ac29 100%); opacity:0; transition:0.4s;}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn a:hover:before{ opacity:1;}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn a svg{ margin-bottom:0; position:relative;}
.page.account-info .container .account-info-row .account-info-nav .log-out-btn a svg path{ fill:#fff;}
.page.account-info .container .account-info-row .account-info-nav ul li a{ 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; padding:0; max-width:150px; text-align:center; margin:0 auto; font-family:"voltemedium"; font-size:14px; color:#9aa8b1; border:none !important; transition:0.3s;}
.page.account-info .container .account-info-row .account-info-nav ul li a.active{ background:#fff0; border-color:#fff0; color:#578CAC}
.page.account-info .container .account-info-row .account-info-nav ul li a.pointer-none{ pointer-events:none;}
.page.account-info .container .account-info-row .account-info-nav ul li a.active svg path{ fill:#104260}
.page.account-info .container .account-info-row .account-info-nav ul li a:hover{ background:#fff0; border-color:#fff0; color:#578CAC}
.page.account-info .container .account-info-row .account-info-nav ul li a:hover svg path{ fill:#104260}
.page.account-info .container .account-info-row .account-info-nav ul li a svg{margin-bottom: 15px;}
.page.account-info .container .account-info-row .account-info-nav ul li a svg path{ fill:#9AA8B1; transition:0.3s;}
.page.account-info .container .account-info-row .account-info-detail{-webkit-box-flex:0;-ms-flex:0 0 calc(85% - 25px);flex: 0 0 66.84vw;margin-left:25px;padding:60px;border-radius:10px;background:#fff;-webkit-box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);overflow: hidden;transition: .4s;}
.page.account-info .container .account-info-row .account-info-detail .element-content{position:relative;transition:0.4s;height: 100%;}
.page.account-info .container .account-info-row .account-info-detail .element-content .element-item{/* display:none; */height: 100%;}
.page.account-info .container .account-info-row .support-form .account-info-detail-item-body .element-content .element-item:first-child{ display:block;}
.page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs{ border:none; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-wrap:nowrap; flex-wrap:nowrap; margin-top:70px}
.page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li:first-child a{ border-radius:25px 0 0 25px}
.page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li:last-child a{ border-radius:0 25px 25px 0}
.page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li a{ font-family:"voltesemibold"; font-size:16px; color:#104260; padding:12px 60px; border-radius:0; border-color:#104260; text-align:center; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li a.active{ border-color:#104260; background:#104260; color:#fff}
.page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li a.pointer-none{ pointer-events:none;}
.page.account-info .container .account-info-row .account-info-detail-item-header{ 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-bottom:40px; border-bottom:1px solid #E9F2F7}
.page.account-info .container .account-info-row .account-info-detail-item-header-icon{ position:relative; top:-5px}
.page.account-info .container .account-info-row .account-info-detail-item-header-icon:before{ content:""; position:absolute; top:12px; left:-7px; width:46px; height:46px; background:#FFEAE0; border-radius:100%}
.page.account-info .container .account-info-row .account-info-detail-item-header-icon svg{ width:50px; height:50px; position:relative}
.page.account-info .container .account-info-row .account-info-detail-item-header-icon svg path{ fill:#56666F}
.page.account-info .container .account-info-row .account-info-detail-item-header-title{ margin-left:30px}
.page.account-info .container .account-info-row .account-info-detail-item-header-title h2{ font-family:"voltemedium"; font-size:20px; color:#56666f; margin-bottom:0}
.page.account-info .container .account-info-row .account-info-detail-item-header-title span{ font-size:14px; color:#56666f; display:inline-block}
.page.account-info .container .account-info-row .services-detail-item .my-services-tab-content .tab-item {
    display: flex;
    align-items: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s;
}
.page.account-info .container .account-info-row .services-detail-item .my-services-tab-content .tab-item.active{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}.page.account-info .container .account-info-row .account-info-detail .element-content .element-item .account-info-detail-item {
    height: 100%;
}
.page.account-info .container .account-info-row .account-info-detail-item-body{position:relative;height: 100%;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table{ margin-top:50px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tr td{ width:auto; height:auto}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span svg text{ font-weight:400;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td{ line-height:normal; padding:10px 1vw;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.detail{ cursor:pointer; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.pay-info-form:hover{ color:#f7783c;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.delete:hover{ color:#f7783c;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.delete svg path{ transition:0.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.delete:hover svg path{ fill:#f7783c;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.detail:hover{ color:#f7783c;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.detail svg path{ transition:0.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.detail:hover svg path{ fill:#f7783c;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span{ max-width:initial; overflow:visible; margin:0; white-space:normal; float:none; width:auto; 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; transition:0.4s; display:flex; align-items:center;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.pay-info-form{ font-family:"voltesemibold"; color:#3F4C53; cursor:pointer;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.detail-edit-container{ display:-webkit-box; display:-ms-flexbox; display:flex}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td span.delete{ border-left:1px solid #DEE7EB; padding:8px 0 8px 10px; margin-left:10px; cursor:pointer; color:#EC5F5C; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tbody tr td a.waiting{ background:#56666F; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tr td{ width:110px; height:50px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td{ font-family:"voltesemibold"; font-size:13px; color:#56666f; padding:15px 1vw; background:#f4f7fa; border:1px solid #dee7eb; text-align:center;}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td:first-child,.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td:last-child{ border-color:#fff0; position:relative}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td:first-child:before,.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td:last-child:before{ content:""; position:absolute; top:-1px; right:-1px; left:-1px; bottom:-1px; border:1px solid #dee7eb}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td:first-child:before{ border-top-left-radius:10px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td:last-child:before{ border-top-right-radius:10px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td{ padding:0 10px; text-align:center; border:1px solid #dee7eb; line-height:49px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td:first-child,.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td:last-child{ border-color:#fff0; position:relative}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td:first-child:before,.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td:last-child:before{ content:""; position:absolute; top:-1px; right:-1px; left:-1px; bottom:-1px; border:1px solid #dee7eb}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr:last-child td:first-child:before{ border-bottom-left-radius:10px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr:last-child td:last-child:before{ border-bottom-right-radius:10px}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td span{ display:block; font-family:"voltemedium"; font-size:13px; color:#104260; max-width:60px; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td a{ font-family:"voltemedium"; font-size:13px; color:#fff; border-radius:15px; background:#104260; padding:8px 1vw; user-select:none;}


.page.account-info .container .account-info-row  .info-detail-table-mobile {
    display: none;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile > span {
    font-family: 'voltesemibold';
    font-size: 15px;
    color: #3f4c53;
    display: flex;
    align-items: center;
    height: 45px;
    padding: 0 30px;
    background: #F4F7FA;
    border: 1px solid #DEE7EB;
    border-radius: 10px 0 0 10px;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list {
    position: relative;
    height: 45px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    padding: 0 20px;
    border: 1px solid #DEE7EB;
    border-radius: 0 10px 10px 0;
    border-left: none;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list > span {
    font-family: 'voltemedium';
    font-size: 15px;
    color: #104260;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list .other-list {
    position: absolute;
    top: 47px;
    left: 0;
    right: 0px;
    padding: 10px 20px;
    background: #fff;
    border-radius: 0 10px 10px 0;
    border: 1px solid #e6edf0;
    transform: scale(0.8);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list .other-list > span {
    font-family: 'voltemedium';
    font-weight: 500;
    font-size: 15px;
    color: #104260;
    display: block;
    padding: 5px 0;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list .other-list > span + span {
    margin-top: 0;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile {
    border: 1px solid #DEE7EB;
    border-radius: 10px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item.active{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item + .content-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card {
    text-align: center;
    padding: 18px 0;
    background: #F4F7FA;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card:nth-child(even) {
    background: #FFFFFF;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card > span:nth-child(1) {
    display: block;
    font-family: 'voltesemibold';
    font-size: 15px;
    color: #56666f;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card > span:nth-child(2) {
    font-family: 'voltemedium';
    font-size: 15px;
    color: #104260;
    display: flex;
    margin-top: 5px;
    align-items: center;
    justify-content: center;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card + .item-card {
    border-top: 1px solid #DEE7EB;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card > span:nth-child(2) svg {
    width: 10px;
    height: 20px;
    fill: #104260;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card a {
    font-family: 'voltemedium';
    font-size: 13px;
    color: #fff;
    background: #56666F;
    display: inline-block;
    border-radius: 100px;
    padding: 7px 20px;
    line-height: normal;
    margin-top: 8px;
}


.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card .detail-edit-container > span {
    font-family: 'voltemedium';
    font-weight: 500;
    font-size: 13px;
    color: #104260;
    display: flex;
    align-items: center;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card .detail-edit-container > span svg {
    width: 15px;
    margin-right: 5px;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card .detail-edit-container .delete {color: #EC5F5C;border-left: 1px solid #DEE7EB;margin-left: 10px;padding-left: 10px;}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-content-mobile .content-item .item-card .detail-edit-container .delete svg {
    width: 12px;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list > span:after {content: "";position: relative;display: block;width: 0;height: 0;border-style: solid;border-width: 7px 4.5px 0 4.5px;border-color: #909EA7 transparent transparent transparent;margin-left: 25px;transition: 0.4s;}
.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list.active .other-list {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.page.account-info .container .account-info-row .info-detail-table-mobile .table-menu-mobile .menu-list.active > span:after {
    transform: scale(-1);
}

.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form{ margin-top:80px; padding:0 7.6vw;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-form{ padding:0 5.2vw;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-form .submit{ margin-top:40px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form{ padding:0 2%}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form{ padding:0 7%}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form .form-group-row .form-group{ margin-bottom:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form .submit{ margin-top:20px; margin-right:20px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container{ margin-top:70px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:15px; padding:0 35px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header-status{ font-family:"voltesemibold"; font-size:20px; color:#1d1919}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header-status span{ color:#56666F}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header-code span{ font-family:"voltemedium"; font-size:14px; color:#909691}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body{ border-radius:20px; background:#eaeef2; padding:25px 50px 30px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-title{ margin-bottom:30px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-title span{ display:block}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-title .support-type{ font-family:"voltesemibold"; font-size:16px; color:#54585f}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-title .subject{ font-family:"voltemedium"; font-size:14px; color:#909691}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item{ display:-webkit-box; display:-ms-flexbox; display:flex; margin:30px 30px 30px 40px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item.user-message{ margin-left:0; margin-right:60px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-logo{ margin-right:35px; margin-top:5px; min-width:40px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message{ width:100%}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-container{ border-radius:5px; background:#fff; -webkit-box-shadow:0px 2px 3px #e4e7ed; box-shadow:0px 2px 3px #e4e7ed; padding:10px 20px; position:relative}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-container:before{ content:""; position:absolute; top:15px; left:-10px; width:0; height:0; border-style:solid; border-width:5px 10px 5px 0; border-color:transparent #ffffff transparent transparent}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-title.user-message-title span{ color:#7b8d98}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-title span{ font-family:"voltesemibold"; font-size:16px; color:#104260; display:inline-block; margin-bottom:5px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-content p{ font-family:"voltemedium"; font-size:14px; color:#3a4850; margin-bottom:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-date{ margin-top:10px; margin-left:10px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-date span{ font-size:14px; color:#909691}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form{ margin-top:25px; padding:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form .form-group{ display:-webkit-box; display:-ms-flexbox; display:flex}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form .form-group .form-control{ border-radius:30px 0px 0px 30px; background:transparent; border:1px solid #104260; font-size:14px; color:#56666f; padding:30px 20px; border-right:none}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form .form-group button{ border-radius:0px 30px 30px 0px; background:#104260; font-family:"voltemedium"; font-size:15px; color:#fff; border:none; padding:0 30px; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form{  /* position:absolute; */ /* left:0; */ /* top:-40px; */ padding:0 10vw;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form form .form-group-row{ height:490px;}
.address-loader{ position:absolute; left:50%; top:50%; z-index:1; margin:-60px 0 0 -35px; border:7px solid #f3f3f3; border-radius:50%; border-top:7px solid #104260; width:70px; height:70px; animation:spin 2s linear infinite; display:none;}
@-webkit-keyframes spin{ 0%{ -webkit-transform:rotate(0deg);}
 100%{ -webkit-transform:rotate(360deg);}
 }
@keyframes spin{ 0%{ transform:rotate(0deg);}
 100%{ transform:rotate(360deg);}
 }
.animate-bottom{ position:relative; -webkit-animation-name:animatebottom; -webkit-animation-duration:1s; animation-name:animatebottom; animation-duration:1s }
@-webkit-keyframes animatebottom{ from{ bottom:-100px; opacity:0 }
 to{ bottom:0px; opacity:1 }
 }
@keyframes animatebottom{ from{ bottom:-100px; opacity:0 }
 to{ bottom:0; opacity:1 }
 }
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form form .form-group-row .form-group textarea.form-control{ padding:10px 25px; height:120px; resize:none}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form form .submit button{ padding:10px 25px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio h2{ font-size:16px; color:#718088; margin-bottom:15px; text-align:center}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-bottom:65px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el+.form-el{ margin-left:45px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el input:focus ~ .custom-control-label{ color:#104260}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el input:focus ~ .custom-control-label:before{ -webkit-box-shadow:none; box-shadow:none}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el input:checked ~ .custom-control-label{ color:#104260}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el input:checked ~ .custom-control-label:before{ background:#fff0; border-color:#104260}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el input:checked ~ .custom-control-label:after{ background-image:none; opacity:1}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el label{ margin-bottom:0; font-family:"voltesemibold"; font-size:14px; color:#56666F; -webkit-transition:.4s; transition:.4s; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el label:before{ border-color:#56666F; -webkit-transition:.4s; transition:.4s}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group.form-radio .form-radio-container .form-el label:after{ background:#104260; border-radius:100%;width: 10px;height: 10px;top: 3px; left:-21px; opacity:0;-webkit-transition:.4s; transition:.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; position:relative;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form form .form-group-row:before{ content:""; position:absolute; top:-30px; right:0; left:0; bottom:-30px; background:white; z-index:1; opacity:0; pointer-events:none; transition:0.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form.active form .form-group-row:before{ opacity:1;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group{ position:relative; -webkit-box-flex:1; -ms-flex:1 1 calc(50% - 15px); flex:1 1 calc(50% - 15px); margin:0 7.5px 50px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group.first-form-group{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 15px); flex:0 0 calc(100% - 15px)}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .form-control{ height:50px; border-radius:25px; background:#eaeef2; border:1px solid #dee7eb; font-size:16px; color:#718088; padding:0 25px; transition:0.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group.active .form-control, .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .form-control:focus{ border-color:#104260; background:#fff;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group label{ font-size:16px; color:#718088; position:absolute; top:-30px; left:20px; margin-bottom:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .select2-container .select2-selection--single{ height:50px; border-radius:25px; background:#eaeef2; border:1px solid #dee7eb}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .select2-container .select2-selection--single .select2-selection__rendered{ line-height:48px; font-size:16px; color:#718088; padding:0 25px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .select2-container .select2-selection--single .select2-selection__arrow{ top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:20px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .select2-container .select2-selection--single .select2-selection__arrow b{ width:0; height:0; border-style:solid; border-width:6px 6.5px 0 6.5px; border-color:#56666F transparent transparent transparent}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha img{ height:100%; max-height:100%; border-radius:25px; border:1px solid #dee7eb; font-size:16px; color:#718088}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha a{ background:#104260; font-size:13px; right:20px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha.active .form-control, .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha .form-control:focus{ border-color:#104260; background:#fff;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha .form-control{ height:50px; border-radius:25px; background:#eaeef2; border:1px solid #dee7eb; font-size:16px; color:#718088; padding:0 25px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha label{ font-size:16px; color:#718088; position:absolute; top:-30px; left:30px; margin-bottom:0;}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha span{ display:none}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row{ display:-webkit-box; display:-ms-flexbox; display:flex; width:100%}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container{ -webkit-box-flex:1; -ms-flex:1 1 50%; flex:1 1 50%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .form-group{ margin-bottom:50px; -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 15px); flex:0 0 calc(100% - 15px)}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .textarea-form-group{ margin-bottom:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .textarea-form-group textarea{ height:100%; resize:none; padding:10px 25px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .submit{ text-align:right; margin-top:-20px}
.page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .submit button{ border-radius:22.5px; background:#104260; border:none; font-family:"voltemedium"; font-size:14px; color:#fff; padding:10px 35px; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:40px;flex: 1 0 0;position: relative;z-index: 1;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container{
    width: 100%;
}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container+.my-services-item-container{
    margin-top: 30px;
}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services{width: 100%;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span{min-width: 9.5vw;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info .info-detail{ position:absolute; top:-40px; left:50%; transform:translateX(-50%); width:190px; border-radius:5px; background:#56666f; box-shadow:0px 6px 10px rgba(0, 0, 0, 0.22); padding:10px 10px; opacity:0; visibility:hidden; transition:0.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info{ position:relative; margin-top:-26px; margin-left:10px; cursor:pointer; padding-top:20px;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info .info-detail p{ font-size:12px; line-height:normal; color:#fff; font-family:"voltemedium"; position:relative;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info .info-detail:before{ content:""; position:absolute; bottom:-2px; transform:translateX(-50%) rotate(45deg); left:50%; width:20px; height:20px; background:#56666f;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info:hover .info-detail{ opacity:1; visibility:visible;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li a{ padding:3px 15px}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container h3{ font-family:"voltemedium"; font-size:17px; color:#104260; margin-bottom:10px; margin-left:20px}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item{border:1px solid #DEE7EB;border-radius:25px;padding:15px;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li{padding:13px 25px;background:#F0F3F5;font-family:"voltemedium";font-size:14px;color:#3f4c53;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li:first-child{border-radius:10px 10px 0 0;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li:last-child{ border-radius:0 0 10px 10px}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li:nth-child(even){ background:#fff}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li > span{color:#7d8990;display:inline-block;font-family: 'voltemedium';width:6.8vw;margin-right:10px;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li strong{font-family:"voltesemibold";font-weight:normal;margin-right: 3px;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li strong.number-bar{ width:43px}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li strong span{ font-family:"voltemedium"}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li a{ font-family:"voltesemibold"; font-size:12px; color:#fff; display:inline-block; border-radius:100px; background:linear-gradient(-50deg, #f76046 0%, #f6ac29 70%); padding:5px 15px; position:relative; z-index:1; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li .check{ width:auto; margin-right:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li .progress{ height:6px; width:50%; margin-left:0; background:#C4D1D8}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li .progress .progress-bar{ background:#8AA3B1}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top: 60px;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img {
    flex: 0 0 calc(50% - 100px);
    margin-right: 100px;
    margin-top: 60px;
    position: sticky;
    top: 180px;
}.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul > ul > li {
    background: #fff0;
    border-radius: 10px;
    margin-right: 10px;
    cursor: pointer;
    transition: 0.4s;
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul > ul {
    max-height: 116px;
    overflow-y: auto;
    overflow-x: hidden;
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul > ul > li:hover {
    background: #F2F5F8;
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul > ul > li:hover > span > span {
    opacity: 1;
}
.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul {
    position: relative;
    width: 280px;
}
.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select > li strong {
    white-space: nowrap;
    max-width: 60%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul {
    position: absolute;
    top: 37px;
    left: 0;
    right: 0;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0px 20px 30px rgba(170, 188, 198, 0.3);
    padding: 20px 15px 20px 8px;
    transform: scale(0.9);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s;
}
.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select {
    margin-left: -20px;
}
.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select > li {
    border-radius: 10px;
    background: rgb(255 255 255 / 70%);
    border: 1px solid #d0d0d000;
    padding: 5px 20px;
    transition: 0.4s;
    display: flex;
    align-items: center;
}

.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container:first-child .my-services-item > ul > li:first-child {
    padding: 10px 25px;
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select.active > li {
    background: #fff;
    border-color: #d0d0d0;
    color: #7D8990;
}
.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select > li:after {content: "";position: absolute;top: 50%;right: 15px;transform: translate(0px, -50%) scale(-1);width: 0;height: 0;border-style: solid;border-width: 0 4.5px 7px 4.5px;border-color: transparent transparent #9AA8B1 transparent;transition: 0.4s;}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select li {
    position: relative;
    cursor: pointer;
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select.active > li:after {
    transform: translate(0px, -50%) scale(1);
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul.active > ul {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select > li:hover {
    background: #fff;
}
.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul > li:first-child {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #7d8990;
    padding: 0 13px;
    margin-bottom: 10px;
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul > ul > li + li {
    margin-top: 0;
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul li > span {
    font-family: 'voltesemibold';
    font-size: 13px;
    color: #3f4c53;
    display: flex;
    align-items: center;
    padding: 5px 15px;
}
.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul li > span > span:nth-child(1) {
    white-space: nowrap;
    display: block;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul li > span > span:nth-child(2) {
    font-family: 'voltemedium';
    font-size: 12px;
    color: #7d8990;
    display: block;
    margin-left: 9px;
    /* opacity: 0; */
    transition: 0.4s;
}

.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul > ul::-webkit-scrollbar {
  width: 7px;
}
 
.account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul > ul::-webkit-scrollbar-thumb {
  background: #E5E5E5; 
  border-radius: 10px;
}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item {
    position: relative;
    width: 460px;
    height: 325px;
}

.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item img {
    width: 394px;
    position: relative;
    top: 2px;
    height: 300px;
    object-fit: cover;
    left: 14px;
}
.page.account-info .container .account-info-row .services-detail-item .my-services-tab-content {position: absolute;top: 0;left: 0;bottom: 0;right: 30px;opacity: 0;visibility: hidden;pointer-events: none;z-index: -1;transition: 0.4s;}
.page.account-info .container .account-info-row .services-detail-item .my-services-tab-content.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 2;
}
.page.account-info .container .account-info-row .services-detail-item .my-services-list {
    display: flex;
    flex-wrap: wrap;
    margin: 40px -20px 0;
    transition: 0.4s;
}.page.account-info .container .account-info-row .services-detail-item .my-services-list.in-active {opacity: 0;visibility: hidden;pointer-events: none;}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item {
    display: block;
    flex: 0 0 calc(50% - 40px);
    margin: 0px 20px 40px;
    border-radius: 25px;
    border: 1px solid #dee7eb;
    padding: 30px 80px 30px 40px;
}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img {
    position: relative;
}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px 10px 0;
    position: relative;
    z-index: 1;
}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-title {
    font-family: 'voltesemibold';
    font-size: 14px;
    color: #3f4c53;
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 0;
}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-date {
    font-weight: 600;
    font-size: 12px;
    color: #a0a4a7;
}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-title > span {
    color: #7d8990;
    display: block;
    margin-left: 5px;
}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img:before {content: "";position: absolute;top: 0;left: -15px;width: 110%;height: 100%;z-index: 1;background-image: url(../img/main/mask-laptop.png);background-size: contain;background-position: center;background-repeat: no-repeat;}

.page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img:after {content: "";position: absolute;top: 0px;bottom: -20px;left: -10px;width: 20px;background: #fff;filter: drop-shadow(12px 3px 6px rgba(0, 0, 0, 0.12));border-radius: 100%;z-index: 1;}

.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item:before {content: "";position: absolute;top: -30px;right: -8.3%;width: 110%;bottom: 0;height: 110%;z-index: 1;background-image: url(../img/main/mask-laptop.png);background-size: contain;background-position: center;background-repeat: no-repeat;}

.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item:after {content: "";position: absolute;top: 0;bottom: -20px;left: -15px;width: 20px;background: #fff;filter: drop-shadow(12px 3px 6px rgba(0, 0, 0, 0.12));border-radius: 100%;z-index: 1;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a{ font-family:"voltesemibold"; font-size:0.8vw; letter-spacing:0.08em; color:#aabcc6; padding:0.8vw 1.3vw; border:1px solid #AABCC6; border-radius:100px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a + a{ margin-left:15px}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a:hover{ color:#104260; border-color:#104260;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a svg path{ transition:0.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a:hover svg path{ fill:#104260;}
.page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a svg{ margin-right:10px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:55px auto 0; max-width:770px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item{ -webkit-box-flex:0; -ms-flex:0 0 48.7%; flex:0 0 48.7%; height:245px; margin-bottom:20px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item.add-item{ cursor:pointer}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item.add-item .add-address-item-body{ height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-family:"voltesemibold"; font-size:18px; color:#bac8d0; border-radius:10px; background:#f4f7fa; border:1px solid #dee7eb; -webkit-transition:.4s; transition:.4s; user-select:none;}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item.add-item .add-address-item-body:hover{ background:#bac8d0; color:#f4f7fa}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item.add-item .add-address-item-body:hover svg path{ fill:#f4f7fa}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item.add-item .add-address-item-body svg{ margin-bottom:30px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item.add-item .add-address-item-body svg path{ fill:#bac8d0; -webkit-transition:.4s; transition:.4s}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item+.add-address-item{ margin-left:20px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item:nth-child(2n+1){ margin-left:0}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-header{ text-align:center; padding:34px 0 15px; background:#fff; border-radius:10px 10px 0 0; border:1px solid #dee7eb;height: 35%;}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-header h3{ font-family:"voltesemibold"; font-size:17px; color:#104260; margin-bottom:0.4rem}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-header span{ font-size:15px; color:#56666f}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body{ border-radius:0px 0px 10px 10px; background:#ffeae0; margin-top:-1px; margin-left:-1px; margin-right:-1px;height: 65%;}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;justify-content: space-between;-ms-flex-align:center;align-items:center;padding:25px;min-height: 145px;}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content ul{ max-width:200px; margin-right:25px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content ul li{ font-family:"voltemedium"; font-size:13px; color:#56666f}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content ul li+li{ margin-top:8px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn{ display:-webkit-box; display:-ms-flexbox; display:flex}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn .edit-delete-btn{ cursor:pointer; 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; font-size:9px; color:#104260; width:47px; height:47px; border-radius:5px; border:1px solid #104260; -webkit-box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15); box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15); -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; user-select:none; -webkit-transition:.4s; transition:.4s;}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn .edit-delete-btn:hover{ background:#104260; color:#fff}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn .edit-delete-btn:hover svg path{ fill:#fff}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn .edit-delete-btn+.edit-delete-btn{ margin-left:8px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn .edit-delete-btn svg{ margin-bottom:5px}
.page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item-body-content-btn .edit-delete-btn svg path{ fill:#104260; -webkit-transition:.4s; transition:.4s}

@media only screen and (max-width: 1650px){
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a {font-size: 0.75vw;}

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a svg {
        width: 1vw;
    }
}

@media only screen and (max-width: 1600px){
    .page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td a { font-size: 0.7vw; }
    .page.account-info .container .account-info-row .account-info-detail-item-body-table { max-width: 58vw; overflow-x: auto; padding-bottom: 20px; }
    .page.account-info .container .account-info-row .account-info-detail-item-body-table.orders-table table tr td { min-width: 160px; }
    .page.account-info .container .account-info-row .account-info-detail-item-body-table::-webkit-scrollbar { height: 3px; }
    .page.account-info .container .account-info-row .account-info-detail-item-body-table::-webkit-scrollbar-thumb { background: #56666f5e; border-radius: 10px; }
}

@media only screen and (max-width: 1450px){
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-form { padding: 0 1vw; }
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form { padding: 0 5vw; }
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container { flex: 0 0 100%; }
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container+.my-services-item-container { flex: 0 0 100%; margin-left: 0; margin-top: 50px; }
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns { margin: 20px 0 3px; }   
    
    .account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul {
        width: 70%;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a {
        font-size: 12px;
        display: inline-flex;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a svg {
        width: 20px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns {
        flex-wrap: wrap;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .my-services-item-btns a + a {
        margin-left: 0;
        margin-top: 10px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img {
        flex: 0 0 calc(50% - 100px);
        margin-right: 40px;
    }
    .account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul li > span > span:nth-child(1) {
        max-width: 50%;
    }
}

@media only screen and (max-width: 1370px){
    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item {
        padding-right: 5%;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item { flex: 0 0 calc(50% - 10px); }
    .page.account-info .container .account-info-row #user-menu-5 .account-info-detail-item-body .account-info-detail-item-form { padding: 0 6vw; }
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li {
        flex-wrap: wrap;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li > span {
        width: 100%;
        margin-bottom: 4px;
    }

    .account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1199px){
    .page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li a{ padding:12px 40px; font-size:15px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form{ padding:10px 10px;}
    .page.account-info .container .account-info-row{ display:block;}
    .page.account-info .container .account-info-row .account-info-nav ul{ display:flex; align-items:center; flex-wrap:nowrap; padding:0 60px;}
    .page.account-info .container .account-info-row .account-info-nav ul li+li{ margin-top:0; margin-left:20px;}
    .page.account-info .container .account-info-row .account-info-nav{height:auto;padding:25px 100px 25px 0;z-index: 99;top: 110px;}
    .page.account-info .container{ padding:0;}
    .page.account-info .container .account-info-row .account-info-nav ul li{ width:auto;}
    .page.account-info .container .account-info-row .account-info-nav .log-out-btn{ display:none;}
    .page.account-info .container .account-info-row .account-info-detail{ margin:40px 50px;}
    .page.account-info{ padding-bottom:70px;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body-table{ max-width:100%;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info svg{ display:none;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info:before{ content:attr(data-title); font-size:10px; margin-top:-2px; display:block; background:#92a3ac; color:#fff; border-radius:100px; padding:2px 10px; font-family:"voltemedium";}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info{ margin-top:0; padding-top:0;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li>span .info .info-detail{ top:-80px; width:170px;}

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item:before {
        top: -10px;
        height: 110%;
    }

    nav ul.pagination li.page-item a.page-link {
        font-size: 18px;
    }
}

@media only screen and (max-width: 991px){
    .page.account-info{margin-top: 0;padding-top: 150px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .captcha{/* flex:0 0 100%; */display: flex;align-items: flex-end;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .captcha + .captcha{ margin-top:30px;}
    .page.account-info .container .account-info-row .account-info-detail{ padding:60px 30px; margin:40px 30px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body{ padding:40px 10px 30px 40px;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body-table{overflow-x:auto;max-width:100%;padding-bottom:20px;display: none;}
    .page.account-info .container .account-info-row .account-info-detail-item-body-table table thead tr td{ min-width:110px;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns a{font-size: 15px;padding: 7px 20px;border: 1px solid #AABCC6;border-radius: 100px;display: flex;color: #AABCC6;font-family: 'voltesemibold';align-items: center;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha img {
        height: 50px;
    }
    .page.account-info .container .account-info-row .services-detail-item .my-services-tab-content .tab-item {
        flex-wrap: wrap;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img {
        flex: 0 0 70%;
        margin-right: 0;
        position: relative;
        top: 0;
        display: none;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha a {
        top: 68%;
    }
    .page.account-info .container .account-info-row .services-detail-item .my-services-list {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .page.account-info .container .account-info-row .account-info-nav {
        display: block;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item {
        display: flex;
        flex: auto;
        min-width: 500px;
        align-items: center;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img {
        flex: 0 0 50%;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info {
        margin: 0 0 0 30px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-title {
        flex-direction: column-reverse;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-title > span {
        margin-left: 0;
        margin-bottom: 5px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list::-webkit-scrollbar {
        height: 0px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .tablet-item-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .tablet-item-btn h3 {
        margin-bottom: 0;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns {
        margin: 0;
        display: flex;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns a + a {
        margin-left: 10px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns a svg {
        margin-right: 5px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container h3 {
        margin-bottom: 15px;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li {
        flex-wrap: initial;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li > span {
        width: 180px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row {
        margin-top: 0;
    }

    .page.account-info .container .account-info-row .info-detail-table-mobile {
        display: block;
    }
}

@media only screen and (max-width: 767px){
    .page.account-info .container .account-info-row .account-info-nav{ padding-right:150px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .captcha img{ height:50px;}
    .page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs{ display:block; margin-top:30px;}
    .page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li:first-child a{ border-radius:25px 25px 0 0;}
    .page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li:last-child a{ border-radius:0 0 25px 25px;}
    .page.account-info .container .account-info-row .account-info-detail-item.support-form .nav-tabs li a{ font-size:14px; padding:15px 10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-header{display: block;padding:0 10px 25px;text-align: center;}
    .page.account-info .container .account-info-row .account-info-detail-item-header-title{margin-left:0;margin-top: 15px;}
    .page.account-info .container .account-info-row .account-info-detail-item-header-icon{top:0;transform:scale(0.9);/* left:-10px; */}
    .page.account-info .container .account-info-row .account-info-detail{ padding:30px 20px 40px; margin:40px 20px;}
    .page.account-info .container .account-info-row .account-info-detail-item-header-title h2{ font-size:18px; margin-bottom:10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group{ flex:0 0 100%; margin:0 0 50px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container{ flex:0 0 100%;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row{ display:block;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .captcha{padding:0;flex: 0 0 48%;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .textarea-form-group textarea{ margin-top:0; height:250px; padding:15px 20px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .form-group{ flex:0 0 100%;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group .form-control{ font-size:14px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group label{ font-size:15px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .textarea-form-group{ margin-bottom:30px !important;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form .form-group-row .form-group{ margin-bottom:60px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form .submit{ margin-top:-25px; margin-right:0px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header-status{ font-size:17px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header{ padding:0 20px; display:block;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-header-code span{ font-size:12px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item{ display:block; margin:0;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item.user-message{ margin:0;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body{ padding:40px 20px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-logo{ margin-top:0; margin-bottom:10px; margin-right:0; margin-left:8px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-container:before{ left:11px; top:-8px; transform:rotate(90deg); visibility:hidden;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-title span{ font-size:14px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-content p{ font-size:12px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-date span{ font-size:10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-message-date{ margin-top:3px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item + .support-chat-body-messages-item{ margin-top:30px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container .support-chat-body-messages-item-logo img{ max-width:17%;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form .form-group{ display:block; text-align:right;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form .form-group .form-control{ padding:25px 20px; border-radius:100px; line-height:normal; width:100%; border:1px solid #104260; text-align:left;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-queries-form form{ padding:0;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form .support-chat-container form .form-group button{ border-radius:100px; padding:10px 25px; margin-top:20px;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form{ padding:0 10px; margin-top:30px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item{ flex:0 0 100%;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item+.add-address-item{margin-left:0;margin-top:20px;height: 100%;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container{ margin:30px auto;}
    .page.account-info{padding-bottom:20px;padding-top: 100px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item+.add-address-item a {
        display: block;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .add-address-container .add-address-item+.add-address-item a .add-address-item-body {
        height: 250px;
    }
    .page.account-info .container .account-info-row .account-info-nav ul{padding: 0 25px;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group.first-form-group{ flex:0 0 100%;}
    .page.account-info .container .account-info-row #user-menu-5 .account-info-detail-item-body .account-info-detail-item-form{ padding:0 10px; margin-top:55px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form{ margin-top:60px; padding:0 10px;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body-table{ margin-top:30px; margin-bottom:20px;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li{justify-content: center;font-size: 13px;flex-wrap: wrap;padding: 10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li.check-control strong{ display:inline; margin-right:10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.other-services .my-services-item ul li.check-control .check{ display:inline-block; width:auto; margin-left:0; transform:translateY(-3px);}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li.check-control{ padding-bottom:8px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item > ul > li > span{width:100%;margin-bottom:6px;margin-right:0;text-align: center;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li strong{display:block;text-align: center;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns{display: block;margin: 20px 10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns a{display: flex;justify-content: center;padding: 8px 10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item-btns a+a{margin-left:0;margin-top: 10px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row{ margin-top:30px;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item ul li .progress{ width:100%;}
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container{opacity: 0;visibility: hidden;pointer-events: none;}
    /**/
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container.active {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body-table table tbody tr td a {
        font-size: 12px;
        padding: 8px 10px;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha label {
        left: -130px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .form-group-inner-row .form-group-container .captcha + .captcha {
        margin-left: 11px;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.support-form .submit {
        text-align: center;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .form-group-row .captcha a {
        top: 70%;
        right: 6px;
        width: 23px;
        height: 23px;
        font-size: 12px;
    }
    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item {
        padding: 20px 0 10px;
        min-width: 245px;
        flex-direction: column-reverse;
        border: none;
        margin: 0 10px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info {
        display: block;
        margin: 0 auto 20px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-date {
        margin-top: 3px;
        text-align: center;
    }
    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-title {
        margin: 0;
        align-items: center;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-info .item-title > span {
        margin-bottom: 7px;
        font-size: 12px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img:after {
        bottom: 20px;
        top: 20px;
        left: 10px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img {border: 1px solid #DEE7EB;padding: 30px 25px;flex: none;border-radius: 25px;}

    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item .item-img:before {
        width: calc(100% - 25px);
        height: 100%;
        right: auto;
        left: 25px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-list {
        margin: 20px -20px 0 0;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body.services-detail-item:before {content: "";position: absolute;top: -20px;bottom: 10px;right: -20px;width: 100px;background: linear-gradient(to left, white, #ffffff00);z-index: 2;}
    .page.account-info .container .account-info-row .services-detail-item .my-services-list .list-item:last-child {
        /* margin-right: 100px; */
        padding-right: 60px;
        min-width: 305px;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-header-icon:before {
        left: 47%;
        transform: translate(-50%, 0px);
        top: 8px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item {
        /* border: none; */
        /* padding: 0; */
        padding: 0;
        border-color: #f0f3f5;
        overflow: hidden;
        border-radius: 10px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-tab-content {
        right: 0;
    }

    .account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > .other-thema-select {
        width: 100%;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container:first-child .my-services-item > ul > li > span {display: none;}

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container:first-child .my-services-item > ul > li:last-child {
        border-radius: 0;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container .my-services-item .other-thema-select > li {
        justify-content: flex-start;
        padding: 5px 10px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container:first-child .my-services-item > ul > li:first-child {
        padding: 10px 15px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container + .my-services-item-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        transition: 0.4s;
        margin-top: 0;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-tab-content .tab-item .services-item-menu {
        width: calc(100% - 10px);
        margin-left: -20px;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-tab-content .tab-item .services-item-menu span {
        font-family: 'voltemedium';
        font-size: 15px;
        color: #7d8990;
        display: block;
        transition: 0.4s;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-tab-content .tab-item .services-item-menu .swiper-slide.swiper-slide-active span {
        color: #104260;
    }

    .page.account-info .container .account-info-row .services-detail-item .my-services-tab-content .tab-item .services-item-menu .swiper-slide {
        width: auto;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-item-row .my-services-item-container h3 {
        display: none;
    }

    .account-info .services-detail-item .my-services-item-row .my-services-item-container .my-services-item > ul > li > ul > ul li > span > span:nth-child(1) {
        max-width: 70%;
    }

    .page.account-info .container .account-info-row .account-info-nav ul li a svg {
        height: 25px;
    }
}

.page.services-categories .service-categories-container a{ display:block; -webkit-transition:.4s; transition:.4s; margin-bottom:1.875rem}
.page.services-categories .service-categories-container a .card{ overflow:hidden}
.page.services-categories .service-categories-container a .card img.card-img-top{ display:block; -o-object-fit:cover; object-fit:cover; -webkit-transition:.4s; transition:.4s; max-width:100%; height:100%}
.page.services-categories .service-categories-container a .card .card-body h5.card-title{ color:#438381}
.page.services-categories .service-categories-container a .card .card-body p{ color:#747474}
.page.services-categories .service-categories-container a:hover{ -webkit-transform:translateY(-0.75rem); transform:translateY(-0.75rem)}
.page.services-categories .service-categories-container a:hover .card img.card-img-top{ -webkit-transform:scale(1.1); transform:scale(1.1)}
.page.services-categories .service-categories-container .form-row a{ margin-bottom:.625rem}
.page.services-detail .services-detail-container .services-detail-img{ margin-bottom:1rem; height:410px; position:relative}
.page.services-detail .services-detail-container .services-detail-img img{ display:block; -o-object-fit:cover; object-fit:cover; width:100%; max-height:100%}
.page.services-detail .services-detail-container .services-detail-img .btn{ white-space:nowrap; position:absolute; top:0; background:#fff; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-radius:0; max-width:90%; padding:.5rem 5.5rem; color:#000; -webkit-transition:.4s; transition:.4s}
.page.services-detail .services-detail-container .services-detail-img .btn:hover{ color:#fff; background:#000}
@media only screen and (min-width:768px) and (max-width:991px){ .page.services-detail .services-detail-container .services-detail-img .btn{ padding:.5rem 3rem }
}
@media only screen and (max-width:767px){ .page.services-detail .services-detail-container .services-detail-img .btn{ width:100%; white-space:normal; padding:.5rem 1rem }
}
.page.services-detail .services-detail-container .services-head{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0 3rem}
.page.services-detail .services-detail-container .services-head-category{ margin-bottom:1rem}
.page.services-detail .services-detail-container .services-head-title h4{ font-size:1.875rem}
.page.services-detail .services-detail-container .services-head-explanation p{ line-height:1.125rem; color:#747474}
@media only screen and (max-width:767px){ .page.services-detail .services-detail-container .services-head{ padding:0 }
 .page.services-detail .services-detail-container .services-head-category h3{ font-size:1.5rem }
 .page.services-detail .services-detail-container .services-head-title h4{ font-size:1.5rem }
 .page.services-detail .services-detail-container .services-head-explanation p{ font-size:.875rem; line-height:1rem }
}
.page.services-detail .services-detail-container .modal .modal-dialog{ width:720px; max-width:calc(100% - 1rem)}
.page.services-detail .services-detail-container .modal .modal-content{ padding:2.5rem 6rem 2.5rem 4rem}
@media only screen and (max-width:560px){ .page.services-detail .services-detail-container .modal .modal-content{ padding:1.5rem 3rem 1.5rem 1rem }
}
@media only screen and (max-width:420px){ .page.services-detail .services-detail-container .modal .modal-content{ padding:1rem 2rem 1rem 0 }
}
.page.services-detail .services-detail-container .modal .modal-header{ display:none}
.page.services-detail .services-detail-container .modal .modal-body .service-modal-title{ text-align:center}
.page.services-detail .services-detail-container .modal .modal-body .service-modal-title p span{ color:#4EBBFF; font-weight:bold}
.page.services-detail .services-detail-container .modal .modal-body .form-group{ position:relative; padding-left:2rem}
.page.services-detail .services-detail-container .modal .modal-body .form-group .mdi{ position:absolute; left:.25rem; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); color:#adb5bd}
.page.services-detail .services-detail-container .modal .modal-body .form-group .form-control{ border:none; border-bottom:1px solid #adb5bd; border-radius:0; color:#adb5bd}
.page.services-detail .services-detail-container .modal .modal-body .form-group .form-control:focus{ -webkit-box-shadow:none !important; box-shadow:none !important}
.page.services-detail .services-detail-container .modal .modal-body .form-group .select2-container .select2-selection--single{ border:none; border-bottom:1px solid #adb5bd; border-radius:0}
.page.services-detail .services-detail-container .modal .modal-body .form-group .select2-container .select2-selection--single span{ color:#adb5bd}
.page.services-detail .services-detail-container .modal .modal-body .form-group .captcha .captcha_img{ border:none}
.page.services-detail .services-detail-container .modal .modal-body .captcha-line{ -webkit-box-flex:0; -ms-flex:0 0 330px; flex:0 0 330px; max-width:330px; margin:0 auto}
@media only screen and (max-width:420px){ .page.services-detail .services-detail-container .modal .modal-body .captcha-line .col{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% }
 .page.services-detail .services-detail-container .modal .modal-body .captcha-line .col:nth-child(1){ margin-bottom:1rem }
}
.page.services-detail .services-detail-container .modal .modal-footer{ border-top:0; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-left:3rem}
.page.services-detail .services-detail-container .modal .modal-footer .btn.btn.btn-primary{ background:#4EBBFF; color:#fff; border:0; border-radius:0}
.page.services-detail .services-detail-container .modal .modal-footer .btn.btn.btn-primary:hover{ background:#008ee7}
.page.services-detail .services-detail-container .modal .modal-footer .close{ position:absolute; left:50%; top:100%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:#adb5bd; width:40px; height:40px; opacity:1}
.page.services-detail .services-detail-container .modal .modal-footer .close .mdi{ font-size:2.5rem; color:#747474}

.page.file-archive .form-group .select2-container{ width:100% !important}
.page.file-archive .file-archive-process-container{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:1.5rem}
.page.file-archive .file-archive-process-container .file-archive-search{ -webkit-box-flex:0; -ms-flex:0 0 27.5rem; flex:0 0 27.5rem; height:3rem; max-width:100%; margin-bottom:1rem}
.page.file-archive .file-archive-process-container .file-archive-search .form-group{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; position:relative}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input{ border:1px solid #5D4AC7; padding-left:2.25rem; color:#5D4AC7; height:3rem; -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 4.5rem); flex:0 0 calc(100% - 4.5rem); border-radius:0}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::-webkit-input-placeholder{ color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input:-ms-input-placeholder{ color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::-ms-input-placeholder{ color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::placeholder{ color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-search .form-group svg{ position:absolute; top:50%; left:1.25rem; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
.page.file-archive .file-archive-process-container .file-archive-search .form-group svg path{ color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-search .form-group button{ -webkit-transition:.4s; transition:.4s; background:#5D4AC7; color:#fff; height:3rem; -webkit-box-flex:0; -ms-flex:0 0 4.5rem; flex:0 0 4.5rem; border-radius:0}
.page.file-archive .file-archive-process-container .file-archive-search .form-group button:hover{ background:#4634aa}
@media only screen and (max-width:991px){ .page.file-archive .file-archive-process-container .file-archive-search{ margin-bottom:3rem }
}
.page.file-archive .file-archive-process-container .file-archive-group-select{ width:20rem; margin-bottom:1rem}
.page.file-archive .file-archive-process-container .file-archive-group-select label{ position:absolute; margin-top:-.5rem; -webkit-transform:translateY(-100%); transform:translateY(-100%); color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2{ width:100% !important}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single{ height:48px; border-color:#5D4AC7; border-radius:0; -webkit-transition:.4s; transition:.4s}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__rendered{ line-height:46px; color:#5D4AC7}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__arrow{ top:10px}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__arrow b{ border-color:#5D4AC7 transparent transparent transparent}
.page.file-archive .file-archive-process-container .file-archive-search-result{ padding:.8rem 2rem; border:1px solid #5D4AC7; margin-bottom:1rem}
.page.file-archive .file-archive-process-container .file-archive-search-result p{ color:#5D4AC7; margin:0; line-height:1rem}
.page.file-archive .file-archive-process-container .file-archive-search-result p i{ margin-right:.5rem}
@media only screen and (max-width:991px){ .page.file-archive .file-archive-process-container .file-archive-search{ -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55% }
 .page.file-archive .file-archive-process-container .file-archive-search-result{ -webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40% }
}
@media only screen and (max-width:767px){ .page.file-archive .file-archive-process-container .file-archive-search{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% }
 .page.file-archive .file-archive-process-container .file-archive-search-result{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% }
}
.page.file-archive .file-list .table-responsive .table thead tr th{ background:rgba(93, 74, 199, 0.05); color:#747474; font-weight:normal}
.page.file-archive .file-list .table-responsive .table tr th,.page.file-archive .file-list .table-responsive .table tr td{ padding:.5rem 1rem}
.page.file-archive .file-list .table-responsive .table tr th a,.page.file-archive .file-list .table-responsive .table tr td a{ display:inline-block; color:#5D4AC7; -webkit-transition:.4s; transition:.4s}
.page.file-archive .file-list .table-responsive .table tr th a:hover,.page.file-archive .file-list .table-responsive .table tr td a:hover{ color:#362883}
.page.file-archive-border-radius .file-archive-process-container .file-archive-search .form-group input{ border-top-left-radius:3rem; border-bottom-left-radius:3rem}
.page.file-archive-border-radius .file-archive-process-container .file-archive-search .form-group button{ border-top-right-radius:3rem; border-bottom-right-radius:3rem}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select{ width:20rem}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select label{ position:absolute; margin-top:-.5rem; -webkit-transform:translateY(-100%); transform:translateY(-100%); color:#5D4AC7}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2{ width:100% !important}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single{ border-radius:1.5rem}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2.select2-container--open .select2-selection--single{ border-bottom-right-radius:0; border-bottom-left-radius:0}
.page.file-archive-border-radius .file-archive-process-container .file-archive-search-result{ border-radius:3rem}
.page.file-archive-border-radius .file-list .table-responsive{ border:1px solid #dee2e6; border-radius:1.5rem}
.page.file-archive-border-radius .file-list .table-responsive .table{ margin-bottom:0; width:calc(100% + 1px); margin-left:-1px; margin-top:-1px}
.page.file-archive-border-radius .file-list .table-responsive .table tr th:nth-last-child(1),.page.file-archive-border-radius .file-list .table-responsive .table tr td:nth-last-child(1){ border-right:0 !important}
.page.file-archive-border-radius .file-list .table-responsive .table tr:nth-last-child(1) th,.page.file-archive-border-radius .file-list .table-responsive .table tr:nth-last-child(1) td{ border-bottom:0 !important}

.page.extra-services .extra-services-btn{font-family: "voltemedium";padding: 10px 30px 12px;font-size:15px;color:#fff;border-radius:20px;background: linear-gradient(90deg, #f76046 0%, #f6ac29 100%);position: relative;z-index: 1;line-height: normal;}

.page.extra-services-logo{ padding:80px 0 160px}
.page.extra-services-logo .container{ padding:0 8rem}
.page.extra-services-logo .container .services-logo-title{ text-align:center}
.page.extra-services-logo .container .services-logo-title h2{ font-family:"voltesemibold"; font-size:30px; color:#56666f; margin-bottom:80px}
.page.extra-services-logo .container .services-logo-item{border-radius:10px;border:1px solid #dfe5eb;}
.page.extra-services-logo .container .services-logo-item-header{ text-align:center; background:#eaf2f8; padding:50px 10px}
.page.extra-services-logo .container .services-logo-item-header-title{ padding:25px 60px; border-radius:25px 15px 25px 0px; background:#104260; -webkit-box-shadow:7px 15px 15px rgba(16, 66, 96, 0.25); box-shadow:7px 15px 15px rgba(16, 66, 96, 0.25); display:inline-block}
.page.extra-services-logo .container .services-logo-item-header-title h3{ font-family:"voltebold"; font-size:23px; color:#fff; margin-bottom:0}
.page.extra-services-logo .container .services-logo-item-header-title h3 span{ color:#F7783C}
.page.extra-services-logo .container .services-logo-item-body{text-align:center;background:#fff;padding: 40px 50px 55px;border-radius:0 0 10px 10px;border-top:1px solid #dfe5eb;}
.page.extra-services-logo .container .services-logo-item-body h4{ font-size:20px; color:#104260; margin-bottom:20px}
.page.extra-services-logo .container .services-logo-item-body p{font-size:16px;line-height:24px;color:#6a7a83;margin-bottom:30px;}

@media only screen and (max-width: 1370px){
    .page.extra-services-logo .container .services-logo-item-header-title { padding: 25px 4vw; }
    .page.extra-services-logo .container .services-logo-item-header-title h3 { font-size: 1.5vw; }
    .page.extra-services-logo .container .services-logo-item-body { padding: 40px 3vw 55px; }
}

@media only screen and (max-width: 1199px){
    .page.extra-services-logo .container { padding: 0 6vw; }
    .page.extra-services-logo { padding: 50px 0 130px; }
    .page.extra-services-logo .container .services-logo-item-header-title h3 { font-size: 17px; }
    .page.extra-services-logo .container .services-logo-item-header-title { padding: 25px 5vw; }
}

@media only screen and (max-width: 991px){
    .page.extra-services-logo .container .services-logo-item { display: flex; margin-bottom: 40px; }
    .page.extra-services-logo .container .services-logo-item-header { display: flex; align-items: center; padding-left: 0; border-radius: 10px 0 0 10px; }
    .page.extra-services-logo .container .services-logo-item-header-title { padding: 25px 0; min-width: 220px; margin: 0 30px 0 0; border-top-left-radius: 0; }
    .page.extra-services-logo { padding-bottom: 60px; }
    .page.extra-services-logo .container .services-logo-item-body { padding: 40px 30px; border-radius: 0 10px 10px 0; }
}

@media only screen and (max-width: 767px){
    .page.extra-services-logo .container .services-logo-title h2 { font-size: 20px; margin-bottom: 40px; }
    .page.extra-services-logo { padding: 40px 0; }
    .page.extra-services-logo .container .services-logo-item { display: block; margin: 0 20px 40px; }
    .page.extra-services-logo .container .services-logo-item-header { justify-content: center; padding: 21px 0; border-radius: 10px 10px 0 0; }
    .page.extra-services-logo .container .services-logo-item-header-title { border-radius: 20px; margin: 0 auto; padding: 20px 0; }
    .page.extra-services-logo .container .services-logo-item-body { padding: 30px 20px; border-radius: 0 0 10px 10px; }
    .page.extra-services .extra-services-btn { display: inline-block; padding: 8px 30px; }
    .page.extra-services-logo .container .services-logo-item-body p { font-size: 15px; line-height: 21px; }
    .page.extra-services-logo .container .services-logo-item-body h4 { font-size: 18px; margin-bottom: 15px; }
}

.page.extra-services-hosting .container{max-width: 1550px !important;}
.page.extra-services-hosting .container .row>div{ padding:0 20px}
.page.extra-services-hosting .container .services-hosting-item-header-title{ border-radius:25px 15px 25px 0px; background:#104260; -webkit-box-shadow:7px 15px 15px rgba(16, 66, 96, 0.25); box-shadow:7px 15px 15px rgba(16, 66, 96, 0.25); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-right:25px; margin-bottom:-50px; position:relative}
.page.extra-services-hosting .container .services-hosting-item-header-title.special-foryou{ background:#f7783c; -webkit-box-shadow:7px 15px 15px rgba(247, 120, 60, 0.25); box-shadow:7px 15px 15px rgba(247, 120, 60, 0.25)}
.page.extra-services-hosting .container .services-hosting-item-header-title.special-foryou .services-hosting-item-header-title-stars{ background:#FD8851; padding:15.5px 30px}
.page.extra-services-hosting .container .services-hosting-item-header-title.special-foryou h2 span{ color:#fff}
.page.extra-services-hosting .container .services-hosting-item-header-title-stars{ border-radius:25px 40px 40px 0px; background:#154b6c; display:-webkit-box; display:-ms-flexbox; display:flex; margin-right:30px; padding:30px 20px}
.page.extra-services-hosting .container .services-hosting-item-header-title-stars svg+svg{ margin-left:8px}
.page.extra-services-hosting .container .services-hosting-item-header h2{ font-size:23px; color:#fff; margin-bottom:0}
.page.extra-services-hosting .container .services-hosting-item-header h2 span{color:#F7783C;font-family: "voltesemibold";}
.page.extra-services-hosting .container .services-hosting-item-header-price{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;background:#EAF2F8;padding:90px 0 30px;border:1px solid #DFE5EB;border-radius:0 10px 0 0;min-height: 260px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.page.extra-services-hosting .container .services-hosting-item-header-price-old{ font-family:"voltemedium"; font-size:18px; text-align:left; color:#92a3ac; margin-bottom:-5px}
.page.extra-services-hosting .container .services-hosting-item-header-price-new span{ font-family:"voltesemibold"; font-size:40px; color:#000}
.page.extra-services-hosting .container .services-hosting-item-header-price-new span span{ font-size:24px; -webkit-transform:translateY(-12px); transform:translateY(-12px); display:inline-block}
.page.extra-services-hosting .container .services-hosting-item-header-price-new span span svg { width: 14px; transform: translateY(-7px); }
.page.extra-services-hosting .container .services-hosting-item-header-price-old del { display: flex; align-items: center; }
.page.extra-services-hosting .container .services-hosting-item-header-price-old del svg { width: 10px; height: auto; fill: #92A3AC; margin-top: -3px; }
.page.extra-services-hosting .container .services-hosting-item-header-price-new span span.year{ font-size:17px; color:#7f8181; -webkit-transform:translateY(0); transform:translateY(0); margin-left:5px}
.page.extra-services-hosting .container .services-hosting-item-header-price a{ margin-top:10px; padding:8px 40px; font-size:17px}
.page.extra-services-hosting .container .services-hosting-item-header-price a.special-foryou{ background:#104260}
.page.extra-services-hosting .container .services-hosting-item-header-price a.special-foryou:after { background: #104260; }
.page.extra-services-hosting .container .services-hosting-item-body{padding: 20px 30px;background: #FCFDFF;border:1px solid #DFE5EB;border-top:none;border-radius:0 0 10px 10px;min-height: 385px;}
.page.extra-services-hosting .container .services-hosting-item-body-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;justify-content: center;align-items:center;}
.page.extra-services-hosting .container .services-hosting-item-body-item+.services-hosting-item-body-item{margin-top:25px;padding-top:25px;border-top:1px solid #DEE2E5;}
.page.extra-services-hosting .container .services-hosting-item-body-item-content{ margin-left:20px}
.page.extra-services-hosting .container .services-hosting-item-body-item-content h3{ font-family:"voltemedium"; font-size:19px; color:#121314}
.page.extra-services-hosting .container .services-hosting-item-body-item-content h3 span{ font-family:"voltesemibold"}
.page.extra-services-hosting .container .services-hosting-item-body-item-content p{ font-family:"voltemedium"; font-size:14px; line-height:17px; color:#56666f}
.page.extra-services-hosting .container .services-hosting-item-body-item .services-hosting-item-body-item-el{ display:flex; align-items:center;}
.services-hosting-item-body-item-info{ position:relative; padding-left:5px; padding-right:20px; cursor:pointer; margin-right:-20px;}
.services-hosting-item-body-item-info .info{ padding:15px 20px; border-radius:5px; background:#56666f; box-shadow:0px 6px 10px rgba(0, 0, 0, 0.22); position:absolute; width:130px; right:-131px; top:50%; transform:translateY(-50%); opacity:0; visibility:hidden; transition:0.4s;}
.services-hosting-item.special-foryou .services-hosting-item-body-item-info .info p{ font-family:"voltemedium"; font-size:12px; line-height:13px; color:#fff; margin-bottom:0; text-align:left; position:relative;}
.services-hosting-item-body-item-info .info:before{ content:""; position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); left:-2px; width:20px; height:20px; background:#56666f;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-content h3{ font-size:14px; color:#56666f; margin-bottom:0;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-content{ margin-left:8px;}
.services-hosting-item.special-foryou .services-hosting-item-body-item-icon{ background:#F4F7FA; width:55px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:25px 0 0 25px; padding-left:11px; border:1px solid #DEE7EB; border-right:none;}
.services-hosting-item.special-foryou .services-hosting-item-body-item-icon svg{ width:22px; max-height:28px;}
.services-hosting-item.special-foryou .services-hosting-item-body-item-icon svg path{ fill:#90A2AC;}
.services-hosting-item.special-foryou .services-hosting-item-body-item-input{ width:200px; height:50px; display:flex; align-items:center; background:#fff; border:1px solid #DEE7EB; border-radius:0 25px 25px 0; padding:0 15px;}
.page.extra-services-hosting .container .services-hosting-item .services-hosting-item-body-item-input .input-text{ display:flex; align-items:center; margin:0 13px;}
.page.extra-services-hosting .container .services-hosting-item .services-hosting-item-body-item-input .input-text input{ font-family:"voltesemibold"; font-size:15px; color:#104260; border:none; background:transparent; width:13px; transition:0.4s;}
.page.extra-services-hosting .container .services-hosting-item .services-hosting-item-body-item-input .input-text input.width-2{ margin-left:-2px; width:18px;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .input-text span{ font-family:"voltesemibold"; font-size:15px; color:#104260;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button{ width:20px; height:20px; background:#fff; border:1px solid #d7dde0; filter:drop-shadow(0px 3px 6px #e2e6ea); border-radius:100%; position:relative; cursor:pointer; transition:0.4s;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button.services-hosting-item-body-item-input-mines:before{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:7px; height:2px; background:#104260;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button.services-hosting-item-body-item-input-plus:before{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:7px; height:2px; background:#104260; transition:0.4s;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button.services-hosting-item-body-item-input-plus:after{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(90deg); width:7px; height:2px; background:#104260; transition:0.4s;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button:hover{ background:#104260; border-color:#104260;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button:hover:before, .page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-input .pm-button:hover:after{ background:#fff !important;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body{ padding:40px 18px;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body .services-hosting-item-body-info{ margin-top:25px; padding-left:20px;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body .services-hosting-item-body-info p{ font-family:"voltemedium"; font-size:14px; color:#7d9ba8; margin-bottom:0;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body .services-hosting-item-body-info p span{ font-family:"voltebold";}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item-info:hover .info{ opacity:1; visibility:visible;}
.page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item+.services-hosting-item-body-item{ border-top-color:#F0F3F5;}

@media only screen and (max-width: 1450px){
    .page.extra-services-hosting .container { padding: 0 7vw; }
    .page.extra-services-hosting .container .row>div { padding: 0 10px; }
    .page.extra-services-hosting .container .services-hosting-item-header-title-stars { padding: 30px 15px; margin-right: 1.3vw; }
    .page.extra-services-hosting .container .services-hosting-item-header h2 { font-size: 1.5vw; }
    .page.extra-services-hosting .container .services-hosting-item-body-item { transform: scale(0.9); }
}

@media only screen and (max-width: 1370px){
    .page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body { min-height: 417px; }
}

@media only screen and (max-width: 1199px){
    .page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item {transform: scale(1.1);}
    .extra-services-hosting{ padding:0 40px 80px;}
    .extra-services-hosting .services-hosting-item{ margin:0 20px 60px;}
    .page.extra-services-hosting .container .services-hosting-item-header h2{ font-size:2.5vw;}
    .page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body{ min-height:385px;}
    .page.extra-services-hosting .container .services-hosting-item-body-item-content p{ margin-bottom:0;}
    .page.extra-services-hosting .container .services-hosting-item-body{ padding-top:40px;}
    .services-hosting-item-body-item-info .info{ left:28%; transform:translateX(-50%); top:-70px; right:0;}
    .services-hosting-item-body-item-info .info:before{ bottom:-2px; top:auto; left:50%; transform:translate(-50%, 0) rotate(45deg);}
}

@media only screen and (max-width: 991px){
    .page.extra-services-hosting .container { padding: 0; }
    .extra-services-hosting .services-hosting-item { margin: 0 10px 60px; }
    .extra-services-hosting { padding: 40px 30px; }
    .services-hosting-item-body-item-info .info { left: -30px; }
    .services-hosting-item-body-item-info .info:before { left: auto; right: 5px; }
}

@media only screen and (max-width: 767px){
    .page.extra-services-hosting .container .services-hosting-item-header h2{ font-size:18px;}
    .page.extra-services-hosting .container .services-hosting-item-header-title-stars{ padding:18px; margin-right:15px;}
    .page.extra-services-hosting .container .services-hosting-item-header-title-stars svg{ width:15px; height:15px;}
    .page.extra-services-hosting .container .services-hosting-item-header-title{ margin-bottom:-30px;}
    .page.extra-services-hosting .container .services-hosting-item-header-price-old{ font-size:15px;}
    .page.extra-services-hosting .container .services-hosting-item-header-price-new span{ font-size:35px;}
    .page.extra-services-hosting .container .services-hosting-item-header-price-new span span{ font-size:19px; transform:translateY(-9px);}
    .page.extra-services-hosting .container .services-hosting-item-header-price-new span span svg{ width:8px; transform:translateY(-5px);}
    .page.extra-services-hosting .container .services-hosting-item-header-price-new span span.year{ font-size:15px; transform:translateY(-7px);}
    .page.extra-services-hosting .container .services-hosting-item-header-price{ padding:60px 0 30px; min-height:initial;}
    .page.extra-services-hosting .container .services-hosting-item-header-price a{ font-size:15px; padding:7px 40px;}
    .page.extra-services-hosting .container .services-hosting-item-body-item-content h3{ font-size:17px;}
    .page.extra-services-hosting .container .services-hosting-item-body-item{ transform:scale(1);}
    .page.extra-services-hosting .container .services-hosting-item-body-item .services-hosting-item-body-item-icon{ transform:scale(0.9);}
    .page.extra-services-hosting .container .services-hosting-item-body{ padding:30px; min-height:initial;}
    .extra-services-hosting .services-hosting-item{ margin:0 10px 50px;}
    .page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-header-title-stars svg{ width:25px; height:25px;}
    .page.extra-services-hosting .container .services-hosting-item.special-foryou .services-hosting-item-body-item{ transform:scale(1);}
    .page.extra-services-hosting .container .services-hosting-item-body-item .services-hosting-item-body-item-icon{ transform:scale(1);}
    .extra-services-hosting{ padding-bottom:10px;}
}

.page.blogs .container{ width:1300px; margin:0 auto; padding:0 50px}
.page.blogs .blog-list{ margin-left:70px}
.page.blogs .blog-list ul li.blog-item{ padding-bottom:1.8rem; margin-bottom:1.8rem; border-bottom:1px solid rgba(83, 83, 83, 0.3)}
.page.blogs .blog-list ul li.blog-item .blog-list-img{ margin-bottom:1rem; height:19rem; overflow:hidden; border-radius:20px}
.page.blogs .blog-list ul li.blog-item .blog-list-img a{display:block;height:19rem;transform: scale(1);transition: 0.5s;}
.page.blogs .blog-list ul li.blog-item .blog-list-img a img{display:block;-o-object-fit:cover;object-fit:cover;height: 100%;width:100%;max-height:100%;}
.page.blogs .blog-list ul li.blog-item .blog-list-content{ padding:0 2rem}
.page.blogs .blog-list ul li.blog-item .blog-list-content-head{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-line-pack:center; align-content:center; margin-bottom:1rem}
.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date{ border:1px solid #F7783C; border-radius:10px; -webkit-box-flex:0; -ms-flex:0 0 3.5rem; flex:0 0 3.5rem; padding:8px 0; max-width:3.5rem; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date span{ display:block; text-align:center; font-size:.875rem; line-height:.875rem; color:#F7783C; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%}
.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date-month,.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date-year{ font-family:"voltesemibold"}
.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-content-title{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 5rem); flex:0 0 calc(100% - 5rem); display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-content-title .blog-title{font-family:"voltesemibold";font-size:17px;color:#18181a;transition: 0.5s;}
.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; position:relative}
.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation p{ font-size:15px; color:#56666f; line-height:18px; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%}
.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation .btn{font-size:14px;font-family:"voltemedium";background:#104260;color:#fff;border-radius:0;border:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:.4s;transition:.4s;border-radius:3rem;padding:8px 20px;-webkit-box-shadow:none;box-shadow:none;position: relative;}
.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation .author{ display:none; color:#adb5bd; font-size:.875rem; position:absolute; right:.125rem; bottom:-.25rem; -webkit-transform:translateY(100%); transform:translateY(100%)}
.blogs nav ul.pagination { margin-top: 40px; }
.page .blog-sidebar .side-part h4 span{ display: none; }
.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation .btn:after { background: #104260; }
.page.blogs .blog-list ul li.blog-item .blog-list-img a:hover { transform: scale(1.05); }
.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-content-title .blog-title:hover { color: #f76544; }

@media only screen and (max-width: 1450px){
    .page.blogs .container { width: 1200px; }
}

@media only screen and (max-width: 991px){
    .page.blogs .blog-list{ margin-left:0;}
    .page.blogs .blog-list ul{ display:flex; flex-wrap:wrap;}
    .page.blogs .blog-list ul li.blog-item{ flex:0 0 calc(50% - 15px); margin-bottom:50px; padding-bottom:50px;}
    .page.blogs .blog-list ul li.blog-item + li.blog-item{ margin-left:30px;}
    .blogs .blog-sidebar .side-part-container{display:flex;justify-content:space-between;max-height: initial;overflow: initial;margin: 0;padding: 0;}
    .blogs .side-part-container .side-part{ flex:0 0 calc(50% - 20px);}
    .page .blog-sidebar .side-part:hover h4:before{ width:5.5rem;}
    .page .blog-sidebar .side-part .list-group a.list-group-item{ font-size:14px;}
    .page.blogs .blog-list ul li.blog-item .blog-list-img a{ height:100%;}
    .page.blogs .blog-list ul li.blog-item .blog-list-img{ height:170px;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content{ padding:0 10px;}
    .page .blog-sidebar .side-part h4 span{ position:absolute; right:0; top:25%; transform:translateY(-50%); display:block; width:14px; height:14px;}
    .page .blog-sidebar .side-part h4 span:before, .page .blog-sidebar .side-part h4 span:after{ content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; height:2px; background:#104260; transition:0.4s;}
    .page .blog-sidebar .side-part h4 span:after{ height:100%; width:2px; left:50%; transform:translate(-50%, -50%);}
    .page .blog-sidebar .side-part h4.active:before{ width:100%;}
    .page .blog-sidebar .side-part h4.active span:after{ height:0;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content-head{ display:block; margin-bottom:10px;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date{ max-width:100%; display:inline-flex; padding:9px 20px; margin-bottom:10px;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date span{ flex:none;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date span + span{ margin-left:4px;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-content-title .blog-title{ font-size:16px;}
    .page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation p{ font-size:14px; margin-bottom:20px;}
    .page.blogs .blog-list ul li.blog-item:nth-child(2n+1){ margin-left:0 !important;}
    .blogs nav ul.pagination{ margin-top:0;}
    .blogs .blog-sidebar {position: relative;top: 0;padding-top: 75px;}
    section.page.blogs{ padding-bottom:60px; padding-top:30px;}
    .page .blog-sidebar .blog-search .form-group .btn svg{ width:18px !important; height:18px !important;}
    .page .blog-sidebar .blog-search .form-group .btn { height: 18px; width: 18px; padding: 0; top: 50%; transform: translateY(-50%); }
}

@media only screen and (max-width: 767px){
    .page.blogs .container { width: 100%; padding: 0 25px; }
    section.page.blogs { padding-top: 20px; }
    .blogs .blog-sidebar .side-part-container { display: block; margin-bottom: 60px; }
    .blogs .side-part-container .side-part { margin-bottom: 0; }
    .blogs .side-part-container .side-part + .side-part { margin-top: 30px; }
    .page.blogs .blog-list ul li.blog-item { flex: 0 0 100%; }
    .page.blogs .blog-list ul li.blog-item + li.blog-item { margin-left: 0; }
}

.page.blog-detail .container{padding: 0 6.8vw;}
.page.blog-detail .container .row{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.blog-detail .blog-item .blog-item-img{ height:300px; border-radius:20px; margin-bottom:20px}
.page.blog-detail .blog-item .blog-item-img .bg{ height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:20px}
.page.blog-detail .blog-item .blog-details .blog-date{color:#AABCC6;font-family:"voltemedium";display:inline-block;padding:.125rem;font-size:.875rem;margin-bottom: 10px;}
.page.blog-detail .blog-item .blog-details .blog-date .blog-date-month{ padding-left:0}
.page.blog-detail .blog-item .blog-details span.visualization{ display:none}
.page.blog-detail .blog-item .blog-details .author{ display:none}
.page.blog-detail .blog-head h4{ font-weight:bold; font-size:17px; color:#18181A; margin-bottom:1rem; font-family:"voltesemibold"}
.page.blog-detail .blog-content p{ font-size:15px; color:#56666F; font-family:"volteregular"; line-height:18px}
.page.blog-detail .blog-list-time-content{ margin-bottom:1rem; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.blog-detail .blog-list-time-content .blog-date{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto}
.page.blog-detail .blog-list-time-content .blog-date span{ display:inline-block; padding:.125rem; font-size:.875rem}
.page.blog-detail .blog-list-time-content .blog-date .blog-date-month{ padding-left:0}
.page.blog-detail .blog-list-time-content .counter{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; font-size:.875rem}
.page.blog-detail .blog-item-head h4{ font-weight:bold; color:#000; margin-bottom:1rem}
.page.blog-detail .blog-text p{ color:#000}

@media only screen and (max-width: 1370px){
    .page.blog-detail .container {padding: 0;}
}

@media only screen and (max-width: 991px){
    .blog-detail { padding: 40px 50px 70px; }
    .page.blog-detail .blog-item .blog-item-img { height: 250px; }
    .blog-detail .blog-item {
        padding-top: 75px;
    }
}

@media only screen and (max-width: 767px){
    .blog-detail { padding: 30px 20px 40px; }
    .page.blog-detail .blog-item .blog-item-img { height: 160px; }
    .page.blog-detail .blog-item .blog-details .blog-date {font-size: 13px;}
    .page.blog-detail .blog-head h4 { font-size: 16px; }
}

.page.certificates .certificate-container ul{ border:1px solid rgba(151, 151, 151, 0.15); -webkit-transition:.4s; transition:.4s; overflow:hidden; margin-bottom:1rem}
.page.certificates .certificate-container ul li a{ font-size:14px; font-weight:600; line-height:1rem; min-height:62px; color:#5D4AC7; position:relative; padding:20px 52px 20px 34px; display:block}
.page.certificates .certificate-container ul li a span{ position:absolute; right:40px; line-height:normal; top:calc(50% - 11px)}
.page.certificates .certificate-container ul li+li{ border-top:1px solid rgba(151, 151, 151, 0.15); background:#fff}
.page.certificates .identification{ display:block; height:315px; position:relative; top:0; -webkit-transition:.4s; transition:.4s; overflow:hidden}
.page.certificates .identification:before{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(30, 29, 29, 0.78); z-index:9; -webkit-transition:.4s; transition:.4s}
.page.certificates .identification:hover{ -webkit-box-shadow:0 18px 25px 0 rgba(0, 0, 0, 0.11); box-shadow:0 18px 25px 0 rgba(0, 0, 0, 0.11); top:-10px}
.page.certificates .identification:hover:before{ background:rgba(30, 29, 29, 0.32)}
.page.certificates .identification .corporate-identification{ height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; width:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.certificates .identification .corporate-identification h3{ font-size:17px; font-weight:600; font-style:normal; font-stretch:normal; line-height:1.65; letter-spacing:normal; text-align:center; color:#ffffff; margin-bottom:0; margin-top:12px; position:relative; z-index:9}
.page.certificates .identification .corporate-identification h3 span{ display:block; font-weight:bold}
.page.certificates .identification .corporate-identification-item{ background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; position:absolute; right:0; left:0; top:0; bottom:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column; flex-flow:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.page.certificates .identification .corporate-identification-item img{ width:154px; position:relative; z-index:9}
.page.certificates .certificate-list a{ display:block; margin-bottom:2rem; overflow:hidden}
.page.certificates .certificate-list a .certificate-item{ height:19rem; -webkit-transition:.4s; transition:.4s}
.page.certificates .certificate-list a .certificate-item img{ display:block; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover; margin:0 auto}
@media only screen and (max-width:560px){ .page.certificates .certificate-list a .certificate-item img{ max-width:initial; height:initial; max-height:100%; width:100% }
}
.page.certificates .certificate-list a:hover .certificate-item{ -webkit-transform:scale(1.1); transform:scale(1.1)}
.page.certificates-border-radius .certificate-container ul{ border-radius:1.5rem}
.page.certificates-border-radius .identification{ border-radius:1.5rem}
.page.certificates-border-radius .certificate-list a{ border-radius:1.5rem}

.page.gallery .gallery-filter .select2-container { width: 100% !important }
.page.gallery .gallery-filter .btn.btn-primary.btn-block { height: 35px; line-height: 22px }
.page.gallery .gallery-list .card .card-img-top { height: 10rem; -o-object-fit: cover; object-fit: cover; -webkit-transition: .4s; transition: .4s }
.page.gallery .gallery-list .card .card-body .card-title { color: #07101b }
.page.gallery .gallery-list .card .card-body .card-text { color: #07101b }
.page.gallery .gallery-list .card:hover .card-img-top { -webkit-transform: scale(1.05) translateY(-0.5rem); transform: scale(1.05) translateY(-0.5rem) }
.page.client-comment .media img { width: 80px; height: 80px; -o-object-fit: cover; object-fit: cover }
.page.projects .card { height: calc(100% - 1rem); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.page.projects .card .card-img-overlay { background: rgba(0, 0, 0, 0.1) }
.page.projects .card .card-img-overlay .card-title { text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5) }
.page.sitemap .list-group>li a { margin-bottom: .5rem }
.page.sitemap .list-group>li ul { margin-bottom: 1rem }
.page.sitemap .list-group>li ul li { padding-left: 1rem }
.page.sitemap .list-group>li ul li a { margin-bottom: .25rem; background: rgba(0, 0, 0, 0.05) }
.page.sitemap .list-group>li ul li ul li a { background: rgba(0, 0, 0, 0.1) }

.page.curiosities .nav{border-bottom:1px;position: relative;z-index: 999;}
.page.curiosities .nav .nav-item{width:100%;margin-bottom:15px;}
.page.curiosities .nav .nav-item a{-webkit-transition:.4s;transition:.4s;position:relative;display: block;width:100%;border-radius:10px;background:#fff;padding: 30px 20px;color:#92A3AC;border:3px solid rgba(0, 0, 0, 0);font-size:18px;font-family:"voltebold";text-align:center;user-select: none;}
.page.curiosities .nav .nav-item a span{ display:inline-block; overflow:hidden; line-height:10px; width:12px; opacity:0; -webkit-transition:.4s; transition:.4s}
.page.curiosities .nav .nav-item a.active,.page.curiosities .nav .nav-item a:hover{ border-color:#104260; color:#104260}
.page.curiosities .nav .nav-item a.active span,.page.curiosities .nav .nav-item a:hover span{ width:12px; opacity:1}
.curiosities .tab-content { position: relative; z-index: 999; transition: 0.4s; }
section.curiosities { position: relative; }
header.header.faq-header { z-index: 9999; }
.page.curiosities .nav .nav-item a.in-active { opacity: 0.1; }
section.curiosities.active:before { opacity: 1; }
section.curiosities:before {content: "";position: fixed;top: -100%;right: 0;left: 0;bottom: -100%;background: rgba(0, 0, 0, 0.03);z-index: 999;opacity: 0;pointer-events: none;transition: 0.4s;}
.page.curiosities .tab-content .tab-pane.fade-active { opacity: 1; visibility: visible; pointer-events: all; }
.page.curiosities .tab-content .tab-pane{padding:0 5rem 5rem 1rem;position: absolute;top: 0;left: 0;right: 0;opacity: 0;pointer-events: none;visibility: hidden;display: block;transition: 0.5s;}
.page.curiosities .tab-content .tab-pane .coriosities-item{position:relative;margin-bottom:30px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:22px;cursor: pointer;border-radius:15px;background:#fff;align-items: center;transition: 0.5s;box-shadow: 0px 10px 15px rgba(186, 200, 208, 0);}
.page.curiosities .tab-content .tab-pane .coriosities-item.in-active { opacity: 0.1; }
.page.curiosities .tab-content .tab-pane .coriosities-item.active { box-shadow: 0px 10px 15px rgba(186, 200, 208, 0.8); }
.page.curiosities .tab-content .tab-pane .coriosities-item.active .hover { opacity: 1; pointer-events: all; }
.page.curiosities .tab-content .tab-pane .coriosities-item .icon{ position:relative; -webkit-box-flex:0; -ms-flex:0 0 62px; flex:0 0 62px; max-width:62px; height:60px; 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; background:#f7763d; background:linear-gradient(135deg, #f7763d 0%, #f6d519 100%); -webkit-transition:.4s; transition:.4s; border-radius:15px}
.page.curiosities .tab-content .tab-pane .coriosities-item .icon svg{ position:relative}
.page.curiosities .tab-content .tab-pane .coriosities-item .icon svg path{ -webkit-transition:.4s; transition:.4s}
.page.curiosities .tab-content .tab-pane .coriosities-item .icon:before{ content:""; -webkit-transition:.4s; transition:.4s; opacity:1; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:15px; background:#c2d7e2; background:linear-gradient(135deg, #c2d7e2 0%, #e8f0f4 100%)}
.page.curiosities .tab-content .tab-pane .coriosities-item .text{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 82px); flex:0 0 calc(100% - 82px); max-width:calc(100% - 82px); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.page.curiosities .tab-content .tab-pane .coriosities-item .text p{color:#56666F;line-height:20px;font-size: 18px;font-family:"voltesemibold";margin-bottom:0;}
.page.curiosities .tab-content .tab-pane .coriosities-item .hover{background:#fff;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:22px;opacity:0;pointer-events:none;-webkit-transition:.4s;transition:.4s;position:absolute;right:0;left:0;top:100%;margin-top:-20px;border-radius:15px;z-index: 999;}
.page.curiosities .tab-content .tab-pane .coriosities-item .hover p{ color:#000; font-size:15px; font-family:"volteregular"; line-height:22px; margin-bottom:0; -webkit-transition:.4s; transition:.4s}
.page.curiosities .tab-content .tab-pane .coriosities-item:hover .icon svg path{ fill:#ffffff}
.page.curiosities .tab-content .tab-pane .coriosities-item:hover .icon:before{opacity:0;}

@media only screen and (max-width: 1500px){
    .page.curiosities .tab-content .tab-pane .coriosities-item .text{ flex:0 0 calc(100% - 72px); max-width:calc(100% - 72px);}
    .page.curiosities .tab-content .tab-pane .coriosities-item .text p{ font-size:16px;}
    .page.curiosities .tab-content .tab-pane .coriosities-item .icon{ flex:0 0 50px; max-width:50px; height:50px;}
    .page.curiosities .tab-content .tab-pane .coriosities-item .icon svg{ transform:scale(0.8);}
    .page.curiosities .nav .nav-item a{ font-size:16px; padding:18px 20px;}
}

@media only screen and (max-width: 1370px){
    .page.curiosities .tab-content .tab-pane .coriosities-item .text p{ font-size:16px;}
    .page.curiosities .tab-content .tab-pane .coriosities-item .icon{ flex:0 0 52px; max-width:52px; height:50px;}
    .page.curiosities .tab-content .tab-pane .coriosities-item .icon svg{ transform:scale(0.8);}
    .page.curiosities .tab-content .tab-pane .coriosities-item .text{ flex:0 0 calc(100% - 72px); max-width:calc(100% - 72px);}
    .page.curiosities .nav .nav-item a{ font-size:16px; padding:20px 20px;}
    section.page.curiosities{ padding-bottom:150px;}
    .page.curiosities .tab-content .tab-pane .col-md-4{ flex:0 0 50%; max-width:50%;}
}

@media only screen and (max-width: 1199px){
    .page.curiosities .tab-content .tab-pane { padding-right: 40px; }
}

@media only screen and (max-width: 991px){
    section.page.curiosities{padding: 120px 0 20px;}
    .page.curiosities .nav .nav-item a{ width:auto; display:inline-block; padding:20px 30px;}
    .page.curiosities .nav .nav-item{ width:auto;}
    section.page.curiosities .swiper-container{ padding:0 100px;}
    .page.curiosities .tab-content .tab-pane{ padding:40px 20px 160px;}
    .page.curiosities .nav{ flex-wrap:nowrap;}
    .page.curiosities .tab-content .tab-pane .coriosities-item.active .hover{ pointer-events:all !important; opacity:1 !important;}
    .page.curiosities .tab-content .tab-pane .coriosities-item:hover .hover{ opacity:0; pointer-events:none;}
    .page.curiosities .tab-content .tab-pane .coriosities-item:hover .icon:before{ opacity:1;}
    .page.curiosities .tab-content .tab-pane .coriosities-item.active .icon:before{ opacity:0;}
    .page.curiosities .tab-content .tab-pane .coriosities-item.active .icon svg path{ fill:#ffffff !important;}
    .page.curiosities .tab-content .tab-pane .coriosities-item:hover .icon svg path{ fill:#56666f;}
}

@media only screen and (max-width: 767px){
    .page.curiosities .tab-content .tab-pane .col-md-4 { flex: 0 0 100%; max-width: 100%; }
    .page.curiosities .nav .nav-item a { font-size: 15px; padding: 14px 20px; border-width: 2px; display: flex; }
    .page.curiosities .nav .nav-item a span { line-height: normal; margin-right: 8px; }
    section.page.curiosities .swiper-container { padding: 0 20px; }
}

.picture-point .img-pointer { position: relative }
.picture-point .img-pointer .img-pointer-dot { position: absolute }

/* User Login */
.user-login .container{display:-webkit-box;display:-ms-flexbox;display:flex;padding: 0 10.5vw;}
.user-login .left-area{height: 660px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;width:calc(100% - 415px);-webkit-transition:.8s;transition:.8s;-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 415px);flex:0 0 calc(100% - 415px);-webkit-box-sizing:border-box;box-sizing:border-box;padding:6rem 0 7rem;position:relative;border-top-left-radius:33px;border-bottom-left-radius:33px;background:#fff;}
.user-login .left-area:before{content:"";position:absolute;left:0;width:0;-webkit-transition:.9s;transition:.9s;top:0;bottom:0;background:#fff;z-index:1;visibility: hidden;}
.user-login .left-area .left-area-content{width:600px;padding:0 3rem;text-align:center;position: absolute;left: 0;right: 0;margin:0 auto;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);-webkit-transition:.9s;transition:.9s;}
.user-login .left-area .left-area-content h2{ color:#104260; font-size:55px; font-family:"voltelight"; margin-bottom:4rem}
.user-login .left-area .left-area-content .form-group{ position:relative; margin-bottom:25px}
.user-login .left-area .left-area-content .form-group.active .form-control{ background:#fff; border-color:#104260}
.user-login .left-area .left-area-content .form-group.active span{ top:0; font-size:14px; color:#104260; background:#fff; font-family:"voltemedium"}
.user-login .left-area .left-area-content .form-group .form-control{ background:#F4F7FA; -webkit-box-shadow:none; box-shadow:none; color:#000000; font-family:"voltemedium"; font-size:16px; padding:.5rem 2rem; -webkit-transition:.4s; transition:.4s; height:50px; border-radius:30px; border:1px solid #DEE7EB}
.user-login .left-area .left-area-content .form-group .form-control::-webkit-input-placeholder{ color:#9DAFB9}
.user-login .left-area .left-area-content .form-group .form-control:-ms-input-placeholder{ color:#9DAFB9}
.user-login .left-area .left-area-content .form-group .form-control::-ms-input-placeholder{ color:#9DAFB9}
.user-login .left-area .left-area-content .form-group .form-control::placeholder{ color:#9DAFB9}
.user-login .left-area .left-area-content .form-group .form-control:focus{ background:#fff; border-color:#104260}
.user-login .left-area .left-area-content .form-group .form-control:focus::-webkit-input-placeholder{ color:#fff}
.user-login .left-area .left-area-content .form-group .form-control:focus:-ms-input-placeholder{ color:#fff}
.user-login .left-area .left-area-content .form-group .form-control:focus::-ms-input-placeholder{ color:#fff}
.user-login .left-area .left-area-content .form-group .form-control:focus::placeholder{ color:#fff}
.user-login .left-area .left-area-content .form-group .form-control:focus ~ span{ top:0; font-size:14px; color:#104260; background:#fff; font-family:"voltemedium"}
.user-login .left-area .left-area-content .form-group span{ position:absolute; top:50%; left:1.5rem; -webkit-transition:.4s; transition:.4s; padding:0 .5rem; background:#fff0; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); color:#9DAFB9; font-size:16px; font-family:"volteregular"; pointer-events:none}
.user-login .left-area .left-area-content .form-group a{ color:#56666F; padding:.75rem 1rem}
.user-login .left-area .left-area-content .form-group a:hover{ color:#f76046}
.user-login .left-area .left-area-content .form-group button{outline:none;outline-color:rgba(0, 0, 0, 0);border:none;color:#fff;padding:.5rem 2rem;border-radius:3rem;font-size:18px;font-family:"voltemedium";background:#f76046;background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29));background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);position: RELATIVE;}
.user-login .center-area{ height:660px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-transition:.8s; transition:.8s; overflow:hidden; max-width:415px; -webkit-box-flex:0; -ms-flex:0 0 415px; flex:0 0 415px; border-top-right-radius:33px; border-bottom-right-radius:33px; background:url(../img/uye-ol-bg.png) left top no-repeat #104260; display:flex}
.user-login .center-area .user,.user-login .center-area .sign{ -webkit-transition:.8s; transition:.8s; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; text-align:center; padding:5rem 2rem 5rem}
.user-login .center-area .user h2,.user-login .center-area .sign h2{ color:#fff; font-size:55px; font-family:"voltelight"; margin-bottom:2rem; -webkit-transition:.9s; transition:.9s}
.user-login .center-area .user p,.user-login .center-area .sign p{ font-size:16px; color:#fff; font-family:"volteregular"; -webkit-transition:.9s; transition:.9s}
.user-login .center-area .user .buttons,.user-login .center-area .sign .buttons{ padding-top:150px; -webkit-transition:.9s; transition:.9s}
.user-login .center-area .user .buttons p,.user-login .center-area .sign .buttons p{ color:#BAC8D0; font-size:14px; font-family:"voltemedium"; margin-bottom:0.7rem}
.user-login .center-area .user .buttons button,.user-login .center-area .sign .buttons button{ outline:none; outline-color:rgba(0, 0, 0, 0); color:#104260; background:#fff; border:none; border-radius:3rem; font-size:18px; border:1px solid #fff; padding:.5rem 3rem; font-family:"voltemedium"; -webkit-transition:.4s; transition:.4s}
.user-login .center-area .user .buttons button:hover,.user-login .center-area .sign .buttons button:hover{ background:#fff0; color:#fff}
.user-login .center-area .user h2{ -webkit-transform:translateX(0); transform:translateX(0)}
.user-login .center-area .user>p{ -webkit-transform:translateX(0); transform:translateX(0)}
.user-login .center-area .user .buttons{ -webkit-transform:translateX(0); transform:translateX(0)}
.user-login .center-area .sign h2{ -webkit-transform:translateX(200%); transform:translateX(200%)}
.user-login .center-area .sign>p{ -webkit-transform:translateX(100%); transform:translateX(100%)}
.user-login .center-area .sign .buttons{ -webkit-transform:translateX(75%); transform:translateX(75%)}
.user-login .right-area{ height:660px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; -webkit-transition:.8s; transition:.8s; padding:6rem 0 7rem; -webkit-box-flex:0; -ms-flex:0 0 0px; flex:0 0 0; width:0; overflow:hidden; background:#fff; border-top-right-radius:33px; border-bottom-right-radius:33px}
.user-login .right-area:before{ content:""; position:absolute; right:0; width:0; -webkit-transition:.9s; transition:.9s; top:0; bottom:0; background:#fff; z-index:1}
.user-login .right-area .forgot-password{ width:710px; text-align:center; margin:-100px auto 0; -webkit-transform:translate(50%) scale(0); transform:translate(50%) scale(0); position:absolute; left:0; right:0; -webkit-transition:.9s; transition:.9s}
.user-login .right-area .forgot-password h2{ color:#104260; font-size:55px; font-family:"voltelight"; margin-bottom:2.2rem}
.user-login .right-area .forgot-password form{ margin:0 100px}
.user-login .right-area .forgot-password .form-group{ position:relative; margin-bottom:25px}
.user-login .right-area .forgot-password .form-group.active .form-control{ background:#fff; border-color:#104260}
.user-login .right-area .forgot-password .form-group.active span{ top:0; font-size:14px; color:#104260; background:#fff; font-family:"voltemedium"}
.user-login .right-area .forgot-password .form-group .form-control{ background:#F4F7FA; -webkit-box-shadow:none; box-shadow:none; color:#000000; font-family:"voltemedium"; font-size:16px; color:#9DAFB9; padding:.5rem 2rem; -webkit-transition:.4s; transition:.4s; height:50px; border-radius:30px; border:1px solid #DEE7EB}
.user-login .right-area .forgot-password .form-group .form-control::-webkit-input-placeholder{ color:#9DAFB9}
.user-login .right-area .forgot-password .form-group .form-control:-ms-input-placeholder{ color:#9DAFB9}
.user-login .right-area .forgot-password .form-group .form-control::-ms-input-placeholder{ color:#9DAFB9}
.user-login .right-area .forgot-password .form-group .form-control::placeholder{ color:#9DAFB9}
.user-login .right-area .forgot-password .form-group .form-control:focus{ background:#fff; border-color:#104260}
.user-login .right-area .forgot-password .form-group .form-control:focus ~ span{ top:0; font-size:14px; color:#104260; background:#fff; font-family:"voltemedium"}
.user-login .right-area .forgot-password .form-group span{position:absolute;top: 0;left:1.5rem;-webkit-transition:.4s;transition:.4s;padding:0 .5rem;background: #fff;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);color:#9DAFB9;font-size:16px;font-family:"volteregular";pointer-events:none;}
.user-login .right-area .forgot-password .submit{ text-align:right}
.user-login .right-area .forgot-password .submit button{outline:none;outline-color:rgba(0, 0, 0, 0);border:none;color:#fff;padding:.5rem 2rem;border-radius:3rem;font-size:18px;font-family:"voltemedium";background:#f76046;background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29));background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);position: relative;}
.user-login .right-area .right-area-content{width:710px;text-align:center;margin:0 auto;-webkit-transform:translate(50%) scale(0);transform:translate(50%) scale(0);position:absolute;left:0;z-index: 1;right:0;-webkit-transition:.9s;transition:.9s;}
.user-login .right-area .right-area-content .form-group.sign-up-choose-bar .col-auto {
    max-width: 400px;
}
.user-login .right-area .right-area-content .contracts-info {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #EBECED;
}

.user-login .right-area .right-area-content .contracts-info p a:hover {
    color: #f7733f;
}
.user-login .right-area .right-area-content h2{ color:#104260; font-size:55px; font-family:"voltelight"; margin-bottom:4rem}
.user-login .right-area .right-area-content .form-group{position:relative;margin-bottom:25px;align-items: center;}
.user-login .right-area .right-area-content .form-group .sign-up-choose-bar { align-items: center; }
.user-login .right-area .right-area-content .captcha span { left: 40px; }
.user-login .right-area .right-area-content .captcha.active .form-control, .user-login .right-area .right-area-content .form-group.active .form-control{ background:#fff; border-color:#104260}
.user-login .right-area .right-area-content .captcha.active span, .user-login .right-area .right-area-content .form-group.active span{ top:0; font-size:14px; color:#104260; background:#fff; font-family:"voltemedium"}
.user-login .right-area .right-area-content .form-group .form-control{ background:#F4F7FA; -webkit-box-shadow:none; box-shadow:none; color:#000000; font-family:"voltemedium"; font-size:16px; color:#9DAFB9; padding:.5rem 2rem; -webkit-transition:.4s; transition:.4s; height:50px; border-radius:30px; border:1px solid #DEE7EB}
.user-login .right-area .right-area-content .form-group .form-control::-webkit-input-placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .form-group .form-control:-ms-input-placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .form-group .form-control::-ms-input-placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .form-group .form-control::placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .form-control:focus{ background:#fff; border-color:#104260}
.user-login .right-area .right-area-content .form-control:focus ~ span{ top:0; font-size:14px; color:#104260; background:#fff; font-family:"voltemedium"}
.user-login .right-area .right-area-content .form-group .col-auto{ text-align:left}
.user-login .right-area .right-area-content .form-group .col-auto .custom-control{ font-size:14px; font-family:"volteregular"; color:#56666F}
.user-login .right-area .right-area-content .form-group .col-auto .custom-control label:before{ border-radius:20px}
.user-login .right-area .right-area-content .form-group .col-auto .custom-control label:before { box-shadow: none; border-color: #BAC3CE; background: #fff; }
.user-login .right-area .right-area-content .form-group .col-auto .custom-control-input:checked~.custom-control-label::before { background: #f66245; border-color: #f66245; }
.user-login .right-area .right-area-content .form-group .col-auto .custom-control label a{ padding:0; font-family:"voltemedium"}
.user-login .right-area .right-area-content .form-group .col-auto .custom-control label a:hover { color: #f76744; }
.user-login .right-area .right-area-content span{position:absolute;top: 0;left:1.5rem;-webkit-transition:.4s;transition:.4s;padding:0 .5rem;background: #fff;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);color:#9DAFB9;font-size:16px;font-family:"volteregular";pointer-events:none;}
.user-login .right-area .right-area-content .form-group a{ color:#56666F; padding:.75rem 1rem}
.user-login .right-area .right-area-content .form-group button{outline:none;outline-color:rgba(0, 0, 0, 0);border:none;color:#fff;padding:.5rem 2rem;border-radius:3rem;font-size:18px;font-family:"voltemedium";background:#f76046;background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29));background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);position: relative;}
.user-login .right-area .right-area-content .captcha img{height: 50px;max-height: initial;border-radius:30px;border:1px solid #DEE7EB;}
.user-login .right-area .right-area-content .captcha a{font-size:16px;margin-top:0;top:10px;background: #69B6F1;width:30px;height:30px;right:30px;}
.user-login .right-area .right-area-content .captcha input{ background:#F4F7FA; -webkit-box-shadow:none; box-shadow:none; font-size:16px; color:#9DAFB9; padding:.5rem 2rem; -webkit-transition:.4s; transition:.4s; height:50px; border-radius:30px; border:1px solid #DEE7EB}
.user-login .right-area .right-area-content .captcha input::-webkit-input-placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .captcha input:-ms-input-placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .captcha input::-ms-input-placeholder{ color:#9DAFB9}
.user-login .right-area .right-area-content .captcha input::placeholder{ color:#9DAFB9}

.user-login.forgot-pass-active .right-area .forgot-password{ -webkit-transform:translateX(0) scale(1); transform:translateX(0) scale(1)}
.user-login.active .left-area{ -webkit-box-flex:0; -ms-flex:0 0 0px; flex:0 0 0}
.user-login.active .left-area:before{ width:3rem}
.user-login.active .left-area .left-area-content{ -webkit-transform:translateX(-70%) scale(0.1); transform:translateX(-70%) scale(0.1)}
.user-login.active .center-area{ -webkit-box-flex:0; -ms-flex:0 0 415px; flex:0 0 415px; border-top-left-radius:33px; border-bottom-left-radius:33px; border-top-right-radius:0; border-bottom-right-radius:0}
.user-login.active .center-area .user{ margin-left:-100%}
.user-login.active .center-area .user h2{ -webkit-transform:translateX(-200%); transform:translateX(-200%)}
.user-login.active .center-area .user>p{ -webkit-transform:translateX(-100%); transform:translateX(-100%)}
.user-login.active .center-area .user .buttons{ -webkit-transform:translateX(-75%); transform:translateX(-75%)}
.user-login.active .center-area .sign h2{ -webkit-transform:translateX(0); transform:translateX(0)}
.user-login.active .center-area .sign>p{ -webkit-transform:translateX(0); transform:translateX(0)}
.user-login.active .center-area .sign .buttons{ -webkit-transform:translateX(0); transform:translateX(0)}
.user-login.active.forgot-pass-active .right-area .right-area-content{ -webkit-transform:translate(50%) scale(0); transform:translate(50%) scale(0)}
.user-login.active .right-area{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 415px); flex:0 0 calc(100% - 415px)}
.user-login.active .right-area:before{ width:3rem}
.user-login.active .right-area .right-area-content{ -webkit-transform:translateX(0) scale(1); transform:translateX(0) scale(1)}

@media only screen and (max-width:1600px){
    .user-login .right-area .right-area-content{ width:44vw;} }

@media only screen and (max-width:1450px){ 
    .user-login .left-area .left-area-content h2{ font-size:3.8vw; margin-bottom:4vw;}
    .user-login .center-area .user h2, .user-login .center-area .sign h2{ font-size:3.9vw; margin-bottom:2vw;}
    .user-login .center-area .user .buttons, .user-login .center-area .sign .buttons{ margin-top:2vw;}
}

@media only screen and (max-width:1370px){
    .user-login .right-area .right-area-content{ width:41vw;}
    .user-login .right-area .right-area-content h2{ font-size:3.8vw;}
    .user-login .right-area .right-area-content .form-group .col-auto .custom-control{ width:23vw;}
    .user-login .right-area .right-area-content .form-group button{ font-size:1.2vw; padding:0.7rem 2rem;}
    .user-login .right-area .forgot-password h2{ font-size:3.7vw;}
    .user-login .right-area .forgot-password{ width:41vw;}
    .user-login .left-area .left-area-content{ width:45vw;}
    .user-login .right-area .forgot-password form{ margin:0 5.2vw;}
}

@media only screen and (max-width: 1199px){
    .user-login .left-area .left-area-content{ width:39vw; padding:0 20px;}
    .user-login .center-area{ max-width:330px; flex:0 0 330px;}
    .user-login .left-area{ width:calc(100% - 330px); flex:0 0 calc(100% - 330px);}
    .user-login.active .center-area{ flex:0 0 330px;}
    .user-login.active .right-area{ flex:0 0 calc(100% - 330px);}
    .user-login .right-area .right-area-content .form-group span{ font-size:13px;}
    .user-login .right-area .right-area-content .captcha input{ font-size:13px;}
    .user-login .right-area .right-area-content .form-group .col-auto .custom-control{width: 100%;}
    .user-login.active .right-area .right-area-content {
        transform: translateX(0) scale(0.75);
    }

    .user-login .right-area .right-area-content .form-group.sign-up-choose-bar .col-auto {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .user-login .right-area .right-area-content .form-group {
        flex-wrap: wrap;
    }

    .user-login .right-area .right-area-content .form-group button {
        margin-left: auto;
        margin-top: 15px;
    }

    .user-login .right-area .right-area-content .form-group.sign-up-choose-bar {
        margin-top: 20px !important;
    }
}

@media only screen and (max-width:991px){
    .user-login .center-area{ max-width:230px; flex:0 0 230px;}
    .user-login .center-area .user, .user-login .center-area .sign{ padding:5rem 1rem 5rem;}
    .user-login .center-area .user p, .user-login .center-area .sign p{ font-size:15px;}
    .user-login .center-area .user h2, .user-login .center-area .sign h2{ font-size:30px;}
    .user-login .center-area .user .buttons button, .user-login .center-area .sign .buttons button{ padding:.5rem 2rem; font-size:16px;}
    .user-login .left-area{ width:calc(100% - 230px); flex:0 0 calc(100% - 230px);}
    .user-login .left-area .left-area-content{ width:44vw;}
    .user-login .left-area .left-area-content .form-group button{ font-size:16px; padding:.5rem 1.7rem;}
    .user-login .left-area .left-area-content .form-group a{ font-size:15px;}
    .user-login.active .right-area{ flex:0 0 calc(100% - 230px);}
    .user-login .right-area .right-area-content .form-group .form-control{ height:40px;}
    .user-login .right-area .right-area-content h2{ font-size:30px; margin-bottom:30px;}
    .user-login .right-area .right-area-content .captcha input{height:40px;}
    .user-login .right-area .right-area-content .captcha span { left: 30px; font-size: 14px; }
    .user-login .right-area .right-area-content .captcha img{ height:40px;}
    .user-login .right-area .right-area-content .captcha a{ font-size:13px; width:23px; height:23px; right:20px; top:9px;}
    .user-login .right-area .right-area-content .captcha:nth-child(1){ padding-right:0;}
    .user-login .right-area .right-area-content .captcha{ padding-right:0;}
    .user-login.active .right-area .right-area-content {
        transform: translateX(0) scale(0.85);
    }
    .user-login .right-area .right-area-content .captcha + .captcha{ padding-right:15px;}
    .user-login .right-area .right-area-content .sign-up-choose-bar{ display:block !important; text-align:right; margin-bottom:0; margin-top:30px !important;}
    .user-login .right-area .right-area-content .sign-up-choose-bar .col-auto{ padding:0;}
    .user-login .right-area .right-area-content .form-group .col-auto .custom-control{ width:100%;}
    .user-login .right-area .right-area-content .sign-up-choose-bar button{ margin-top:20px; font-size:14px; padding:9px 20px;}
    .user-login .right-area .right-area-content .form-group .col-auto .custom-control label{font-size:13px;line-height: 1.5 !important;}
    .user-login .right-area .forgot-password form{ margin:0;}
    .user-login .right-area .forgot-password{ z-index:1;}
    .user-login .right-area .forgot-password .submit button{ font-size:15px;}
    .user-login.active .left-area .left-area-content{ transform:translateX(-190%) scale(0.1);}
    .user-login .container{ padding:0 8vw;}
}

@media only screen and (max-width:767px){ 
    .user-login .container{ display:block; padding:0 20px;}
    .user-login .left-area{ width:100%; flex:100%; padding:0; height:360px; border-top-right-radius:33px; border-bottom-left-radius:0;}
    .user-login .left-area .left-area-content{ width:100%;}
    .user-login .left-area .left-area-content h2{ font-size:24px; margin-bottom:25px;}
    .user-login .left-area .left-area-content .form-group .form-control{ height:40px; font-size:15px; padding-left:20px;}
    .user-login .left-area .left-area-content .form-group span{ font-size:15px; left:13px;}
    .user-login .left-area .left-area-content .form-group{ margin-bottom:15px;}
    .user-login .left-area .left-area-content .form-group a{ font-size:13px;}
    .user-login .left-area .left-area-content .form-group button{ font-size:15px; padding:5px 20px;}
    .user-login .center-area{max-width:100%;flex:0 0 100%;border-top-right-radius:0;border-bottom-left-radius:33px;height: 300px;background-size:cover;position: relative;}
    .user-login .center-area .user, .user-login .center-area .sign{padding:40px 20px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
    .user-login .center-area .user .buttons, .user-login .center-area .sign .buttons{ padding-top:60px;}
    .user-login .center-area .user h2, .user-login .center-area .sign h2{ font-size:25px;}
    .user-login .center-area .user p, .user-login .center-area .sign p{ font-size:13px;}
    .user-login .center-area .user .buttons button, .user-login .center-area .sign .buttons button{ font-size:15px; padding:6px 20px;}
    .user-login .center-area .user .buttons p, .user-login .center-area .sign .buttons p{ font-size:13px;}
    .user-login .center-area .sign h2 { transform: translateX(0); }
    .user-login .center-area .sign>p { transform: translateX(0); }
    .user-login .center-area .sign .buttons { transform: translateX(0); }
    .user-login .center-area .sign { transform: translateY(100%); }
    .user-login.active .center-area .sign { transform: translateY(0); }
    .user-login.active .center-area .user { margin-left: 0; transform: translateY(-100%); }
    .user-login.active .center-area .user h2 { transform: translateX(0); }
    .user-login.active .center-area .user>p { transform: translateX(0); }
    .user-login.active .center-area .user .buttons { transform: translate(10px, 10px); transform: translateX(0); }
    .user-login.active .left-area{ height:0;}
    .user-login.active .center-area{ border-top-right-radius:33px; border-bottom-left-radius:0;}
    .user-login.active .left-area .left-area-content{ transform:translate(0, -80%) scale(0.1);}
    .user-login.active .right-area{flex:0 0 100%;height: 760px;}
    .user-login .right-area{ width:100%; border-top-right-radius:0; border-bottom-left-radius:33px; height:0; padding:0;}
    .user-login .right-area .right-area-content{ width:90%; transform:translate(0, 80%) scale(0);}
    .user-login .right-area .right-area-content .captcha a{ right:10px;}
    .user-login .right-area .right-area-content .captcha input{ padding-left:20px;}
    .user-login .right-area .right-area-content .form-group .form-control{ padding-left:20px;}
    .user-login .right-area .right-area-content .form-group span{ left:20px;}
    .user-login.active .right-area .right-area-content{ transform:translate(0, 0) scale(1);}
    .user-login .right-area .forgot-password{ width:90%; margin-top:0; transform:translate(0, 80%) scale(0);}
    .user-login .right-area .forgot-password h2{ font-size:22px;}
    .user-login .right-area .forgot-password .form-group span{ font-size:15px;}
    .user-login .right-area .forgot-password .form-group .form-control{ height:45px;}
    .user-login.forgot-pass-active .right-area .forgot-password{ transform:translate(0, 0) scale(1);}
    .user-login.forgot-pass-active .right-area{ height:350px;}
    .user-login{padding-bottom:70px;padding-top: 0;}
}

/* Product List && Product Detail */
.product-list{padding-top: 110px;}
.row.product-row { width: 100%; }
.product-list .container,.product-detail .container{ padding:0 15px}
.product-detail .sticky-area, .product-list .sticky-area {
    border-top: 6px solid #F4F7FA;
    left: 0;
    background: #fff;
    padding: 60px 40px 60px 40px;
    width: 428px;
    z-index: 85;
    position: sticky;
    top: 110px;
}
.product-list .product-search .form-group,.product-detail .product-search .form-group{ position:relative; margin-bottom:3rem}
.product-search .form-group.active .form-control, .product-search .form-group .form-control:focus { border-color: #104260; color: #104260; }
.product-search .form-group .form-control{background:#EFF6FA;border: 1px solid #EFF6FA;-webkit-box-shadow:none !important;box-shadow:none !important;padding:1rem 4rem 1rem 1rem;border-radius:23px;color:#BAC8D0;font-size:15px;font-family: "voltemedium";height:45px;transition: 0.4s;}
.product-list .product-search .form-group .form-control::-webkit-input-placeholder,.product-detail .product-search .form-group .form-control::-webkit-input-placeholder{ color:#BAC8D0}
.product-list .product-search .form-group .form-control:-ms-input-placeholder,.product-detail .product-search .form-group .form-control:-ms-input-placeholder{ color:#BAC8D0}
.product-list .product-search .form-group .form-control::-ms-input-placeholder,.product-detail .product-search .form-group .form-control::-ms-input-placeholder{ color:#BAC8D0}
.product-list .product-search .form-group .form-control::placeholder,.product-detail .product-search .form-group .form-control::placeholder{ color:#BAC8D0}
.product-list .product-search .product-search-button, .product-detail .product-search .product-search-button{ position:absolute; top:50%; right:0; -webkit-transform:translate(0%, -50%); transform:translate(0%, -50%); padding:.5rem 1rem; border:none; background:none; outline:none; outline-color:transparent}
.product-list .product-search h6,.product-detail .product-search h6{font-size:20px;font-family:"volteregular";color:#104260;padding:0 1.5rem;margin-bottom: 30px;}
.product-list .product-search h6 span,.product-detail .product-search h6 span{ font-family:"voltemedium"}
.product-list .sidebar-general,.product-detail .sidebar-general{position:relative;z-index:84;left:0;-webkit-box-flex:0;}
.sidebar-general .sticky-area {height: 100%;background: #fff;}
.product-list .sidebar-general .product-sidebar li .custom-control,.product-detail .sidebar-general .product-sidebar li .custom-control{padding: 5px 0px 5px 70px;}
.product-list .sidebar-general .product-sidebar li .custom-control .custom-control-label:before,.product-detail .sidebar-general .product-sidebar li .custom-control .custom-control-label:before{ display:none}
.product-list .sidebar-general .product-sidebar li a,.product-detail .sidebar-general .product-sidebar li a{position:relative;z-index:40;display:block;font-size:16px;color:#000;font-family:"volteregular";padding: .75rem 3rem .75rem 2.25rem;}
.product-sidebar li a .circle {position: absolute;top: 50%;left: 20px;transform: translate(0, -50%);width: 6px;height: 6px;background: rgb(16 66 96 / 0.5);border-radius: 100%;transition: 0.4s;}
.product-sidebar li.active a .circle, .product-sidebar li a:hover .circle { background: rgb(16 66 96 / 1); }
.product-list .sidebar-general .product-sidebar li a .plus-minus,.product-detail .sidebar-general .product-sidebar li a .plus-minus{ position:absolute; left:4.25rem; top:50%; width:14px; height:14px; -webkit-transform:translate(-50%, -50%) rotate(0); transform:translate(-50%, -50%) rotate(0); -webkit-transition:.4s; transition:.4s}
.product-list .sidebar-general .product-sidebar li a .plus-minus .plus,.product-detail .sidebar-general .product-sidebar li a .plus-minus .plus{ display:block; position:absolute; height:14px; width:2px; background:#104260; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:.4s; transition:.4s}
.product-list .sidebar-general .product-sidebar li a .plus-minus .plus:before,.product-list .sidebar-general .product-sidebar li a .plus-minus .plus:after,.product-detail .sidebar-general .product-sidebar li a .plus-minus .plus:before,.product-detail .sidebar-general .product-sidebar li a .plus-minus .plus:after{ content:""; display:none; -webkit-transition:.4s; transition:.4s; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); height:100%; width:100%; background:#104260}
.product-list .sidebar-general .product-sidebar li a .plus-minus .minus,.product-detail .sidebar-general .product-sidebar li a .plus-minus .minus{ display:block; position:absolute; width:14px; height:2px; background:#104260; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:.4s; transition:.4s}
.product-list .sidebar-general .product-sidebar li a .plus-minus .minus:before,.product-list .sidebar-general .product-sidebar li a .plus-minus .minus:after,.product-detail .sidebar-general .product-sidebar li a .plus-minus .minus:before,.product-detail .sidebar-general .product-sidebar li a .plus-minus .minus:after{ content:""; display:none; -webkit-transition:.4s; transition:.4s; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); height:100%; width:100%; background:#104260}
.product-list .sidebar-general .product-sidebar li ul,.product-detail .sidebar-general .product-sidebar li ul{display:none;padding: 1rem 2rem;}
.product-detail .sidebar-general .product-sidebar li ul li ul, .product-list .sidebar-general .product-sidebar li ul li ul {padding-left: 40px;}
.product-list .sidebar-general .product-sidebar li ul li,.product-detail .sidebar-general .product-sidebar li ul li{ position:relative}
.product-list .sidebar-general .product-sidebar li ul li a,.product-detail .sidebar-general .product-sidebar li ul li a{padding: 5px 0 5px 30px;}
.product-list .sidebar-general .product-sidebar li ul li:before,.product-detail .sidebar-general .product-sidebar li ul li:before{content:"";display:block;width:1px;position:absolute;left: 15px;top:0rem;bottom:0rem;background:#BAC8D0;}
.product-list .sidebar-general .product-sidebar li ul li:after,.product-detail .sidebar-general .product-sidebar li ul li:after{content:"";display:block;width:3px;position:absolute;left: 15px;margin-left:-.0625rem;top:50%;opacity:0;bottom:50%;-webkit-transition:.4s;transition:.4s;background:#104260;border-radius:3px;}
.product-list .sidebar-general .product-sidebar li ul li:hover a,.product-detail .sidebar-general .product-sidebar li ul li:hover a{font-family: "voltemedium";padding-left: 40px;}
.product-list .sidebar-general .product-sidebar li ul li:hover:after,.product-detail .sidebar-general .product-sidebar li ul li:hover:after{ top:.375rem; bottom:.375rem; opacity:1}
.product-list .sidebar-general .product-sidebar li ul li.active a,.product-detail .sidebar-general .product-sidebar li ul li.active a{font-family: "voltemedium";/* padding-left: 80px; */}
.sidebar-general > .product-sidebar > li { width: 100%; }
.product-list .sidebar-general .product-sidebar li ul li.active:after,.product-detail .sidebar-general .product-sidebar li ul li.active:after{ top:.375rem; bottom:.375rem; opacity:1}
.product-list .sidebar-general .product-sidebar li ul li:nth-child(1):before,.product-detail .sidebar-general .product-sidebar li ul li:nth-child(1):before{ top:.375rem}
.product-list .sidebar-general .product-sidebar li ul li:nth-last-child(1):before,.product-detail .sidebar-general .product-sidebar li ul li:nth-last-child(1):before{ bottom:.375rem}
.product-list .sidebar-general .product-sidebar li>a:before,.product-detail .sidebar-general .product-sidebar li>a:before{ content:""; z-index:-1; -webkit-transition:.4s; transition:.4s; position:absolute; display:block; left:0; right:100%; top:0; bottom:0; background:#e7eff4; background:-webkit-gradient(linear, left top, right top, from(#e7eff4), to(rgba(255, 255, 255, 0))); background:linear-gradient(90deg, #e7eff4 0%, rgba(255, 255, 255, 0) 100%); opacity:0}
.product-list .sidebar-general .product-sidebar li>a:hover .plus-minus .plus:before,.product-detail .sidebar-general .product-sidebar li>a:hover .plus-minus .plus:before{ -webkit-transform:translate(130%, -50%) rotate(40deg); transform:translate(130%, -50%) rotate(40deg); height:70%}
.product-list .sidebar-general .product-sidebar li>a:hover .plus-minus .plus:after,.product-detail .sidebar-general .product-sidebar li>a:hover .plus-minus .plus:after{ -webkit-transform:translate(-130%, -50%) rotate(-40deg); transform:translate(-130%, -50%) rotate(-40deg); height:70%}
.product-list .sidebar-general .product-sidebar li>a:hover .plus-minus .minus:before,.product-detail .sidebar-general .product-sidebar li>a:hover .plus-minus .minus:before{ -webkit-transform:translate(-50%, -50%) rotate(-50deg); transform:translate(-50%, -50%) rotate(-50deg)}
.product-list .sidebar-general .product-sidebar li>a:hover .plus-minus .minus:after,.product-detail .sidebar-general .product-sidebar li>a:hover .plus-minus .minus:after{ -webkit-transform:translate(-50%, -50%) rotate(50deg); transform:translate(-50%, -50%) rotate(50deg)}
.product-list .sidebar-general .product-sidebar li.side-drop.active>a,.product-detail .sidebar-general .product-sidebar li.side-drop.active>a{ font-family:"voltesemibold"; color:#104260}
.product-list .sidebar-general .product-sidebar li.side-drop.active ul li>a:before, .product-detail .sidebar-general .product-sidebar li.side-drop.active ul li>a:before {opacity: 0;}
.product-list .sidebar-general .product-sidebar li.side-drop.active>a span.plus-minus .plus,.product-detail .sidebar-general .product-sidebar li.side-drop.active>a span.plus-minus .plus{ height:0rem; opacity:0}
.product-list .sidebar-general .product-sidebar li.side-drop.active>a:hover .minus:before,.product-detail .sidebar-general .product-sidebar li.side-drop.active>a:hover .minus:before{ -webkit-transform:translate(-80%, -50%) rotate(-50deg); transform:translate(-80%, -50%) rotate(-50deg); width:70%}
.product-list .sidebar-general .product-sidebar li.side-drop.active>a:hover .minus:after,.product-detail .sidebar-general .product-sidebar li.side-drop.active>a:hover .minus:after{ -webkit-transform:translate(-20%, -50%) rotate(50deg); transform:translate(-20%, -50%) rotate(50deg); width:70%}
.product-list .sidebar-general .product-sidebar li.side-drop.active>a:before,.product-detail .sidebar-general .product-sidebar li.side-drop.active>a:before{opacity:1;right:0;}
.product-list .list-general,.product-detail .list-general{flex: 1;padding: 0 140px 0 90px;}
.product-list .list-general .theme-head h2,
.product-detail .list-general .theme-head h2{font-family: 'volteregular';font-size:30px;color:#104260;margin-left:35px;order: 2;display: none;}
.product-list .list-general .theme-head h2 span,
.product-detail .list-general .theme-head h2 span{font-family: 'voltemedium';}
.product-list .list-general .searchProduct,.product-detail .list-general .searchProduct{/* display:none; */display: flex;align-items: center;justify-content: flex-end;/* margin-bottom: 15px; */order: 3;width: 100%;}
.product-list .list-general .searchProduct .urunArama h4, .product-detail .list-general .searchProduct .urunArama h4 {
    margin-bottom: 0;
    font-size: 16px;
    padding-right: 14px;
    position: relative;
}
.product-list .list-general .searchProduct .urunArama h4:before, .product-detail .list-general .searchProduct .urunArama h4:before {content: "/";position: absolute;right: 4px;top: 0;}

.product-list .list-general .allProductList,.product-detail .list-general .allProductList{ display:none}
.product-list .list-general #grid,.product-detail .list-general #grid{min-height:calc(100vh - 265px);width: 106%;flex: 0 0 106%;}
.product-list .list-general #grid .picture-item,.product-detail .list-general #grid .picture-item{float:left;width:calc(50% - 70px);margin:0 35px 40px;}
.product-list .list-general #grid .picture-item .img,.product-detail .list-general #grid .picture-item .img{ position:relative; overflow:hidden; padding:10px 10px 0 10px; background:#fff; border-top-left-radius:10px; border-top-right-radius:10px}
.product-list .list-general #grid .picture-item .img img,.product-detail .list-general #grid .picture-item .img img{ display:block; margin:0 auto; -webkit-filter:blur(0); filter:blur(0); -webkit-transition:.4s; transition:.4s; border-radius:.125rem}
.product-list .list-general #grid .picture-item .img .hover,.product-detail .list-general #grid .picture-item .img .hover{opacity:0;-webkit-transition:.4s;transition:.4s;position:absolute;top:0;right:0;bottom:0;left:0;background: url(../img/home-theme-detail-icon.png) center center no-repeat rgba(255, 255, 255, 0.7);background-size:110px;z-index: 99;pointer-events: none;}
.product-list .list-general #grid .picture-item .img .hover span,.product-detail .list-general #grid .picture-item .img .hover span{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-size:14px; font-family:"voltemedium"; color:#104260; letter-spacing:3px; -webkit-transition:.4s; transition:.4s}
.product-list .list-general #grid .picture-item .text,.product-detail .list-general #grid .picture-item .text{ background:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; -webkit-box-shadow:0 10px 30px rgba(121, 141, 152, 0.2); box-shadow:0 10px 30px rgba(121, 141, 152, 0.2); z-index:99}
.product-list .list-general #grid .picture-item .text .basket,.product-detail .list-general #grid .picture-item .text .basket{-webkit-transition:.3s;transition:.3s;background:#f76046;background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29));background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);border-radius:100px;-webkit-box-flex:0;-ms-flex:0 0 50px;flex:0 0 50px;width:50px;height:50px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(1);cursor: pointer;transform:translate(-50%, -50%) scale(1);}
.product-list .list-general #grid .picture-item .text .basket svg,.product-detail .list-general #grid .picture-item .text .basket svg{ width:30px; height:30px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:.3s; transition:.3s}
.product-list .list-general #grid .picture-item .text .basket svg path,.product-detail .list-general #grid .picture-item .text .basket svg path{ fill:#fff}
.product-list .list-general #grid .picture-item .text .basket span,.product-detail .list-general #grid .picture-item .text .basket span{ opacity:0; -webkit-transition:.3s; transition:.3s; background:#104260; color:#fff; font-size:14px; font-family:"voltesemibold"; padding:.5rem 1rem; border-radius:1rem; position:absolute; top:-2rem; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); white-space:nowrap}
.product-list .list-general #grid .picture-item .text .basket span:before,.product-detail .list-general #grid .picture-item .text .basket span:before{ content:""; position:absolute; -webkit-transition:.3s; transition:.3s; left:50%; bottom:0; -webkit-transform:translate(-50%, 90%); transform:translate(-50%, 90%); width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #104260}
.product-list .list-general #grid .picture-item .text .basket:hover span,.product-detail .list-general #grid .picture-item .text .basket:hover span{ opacity:1}
.product-list .list-general #grid .picture-item .text .basket:before,.product-detail .list-general #grid .picture-item .text .basket:before{ -webkit-transition:.4s; transition:.4s; opacity:1; content:""; background:#92A3AC; position:absolute; display:block; top:0; left:0; right:0; bottom:0; border-radius:150px}
.product-list .list-general #grid .picture-item .text .price,.product-detail .list-general #grid .picture-item .text .price {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;padding: .75rem 2rem .75rem 65px;justify-content: flex-end;}
.product-list .list-general #grid .picture-item .text .price .old-price,.product-detail .list-general #grid .picture-item .text .price .old-price{ color:#616E76; position:relative; font-size:15px; font-family:"volteregular"; line-height:30px}
.product-list .list-general #grid .picture-item .text .price .old-price:before,.product-detail .list-general #grid .picture-item .text .price .old-price:before{ content:""; display:block; background:#616E76; width:100%; position:absolute; top:50%; height:1px}
.product-list .list-general #grid .picture-item .text .price .new-price,.product-detail .list-general #grid .picture-item .text .price .new-price{color:#000;position:relative;font-size:20px;font-family:"voltesemibold";margin-left: 44px;}
.product-list .list-general #grid .picture-item .text .price .new-price > span {margin-left: 5px;}
.product-list .list-general #grid .picture-item .text .price .old-price > span { font-family: 'Barlow', sans-serif; font-weight: 300; }
.product-list .list-general #grid .picture-item .text .price .new-price:before,.product-detail .list-general #grid .picture-item .text .price .new-price:before{content:"";display:block;background:#DDDDDD;width: 22px;height:1px;position:absolute;right: calc(100% + 10px);top:50%;}
.product-list .list-general #grid .picture-item:hover .img img,.product-detail .list-general #grid .picture-item:hover .img img{ -webkit-filter:blur(4px); filter:blur(4px)}
.product-list .list-general #grid .picture-item:hover .img .hover,.product-detail .list-general #grid .picture-item:hover .img .hover{ opacity:1; background-size:73px}
.product-list .list-general #grid .picture-item:hover .img .hover span,.product-detail .list-general #grid .picture-item:hover .img .hover span{ letter-spacing:0}
.product-list .list-general #grid .picture-item:hover .text .basket,.product-detail .list-general #grid .picture-item:hover .text .basket{ -webkit-transform:translate(-50%, -50%) scale(1.2); transform:translate(-50%, -50%) scale(1.2)}
.product-list .list-general #grid .picture-item:hover .text .basket span,.product-detail .list-general #grid .picture-item:hover .text .basket span{ -webkit-transform:translate(-50%, -50%) scale(0.8); transform:translate(-50%, -50%) scale(0.8)}
.product-list .list-general #grid .picture-item:hover .text .basket:before,.product-detail .list-general #grid .picture-item:hover .text .basket:before{ opacity:0}
.product-list .list-general .my-sizer-element,.product-detail .list-general .my-sizer-element{ position:absolute; opacity:0; visibility:hidden}
.product-detail .theme-general .theme-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-list .list-general .theme-head {
    padding: 30px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product-list .theme-general,.product-detail .theme-general{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 450px);flex: 1;padding-top: 30px;margin-left: 30px;margin-right: 50px;}
.product-list .theme-general .theme-head h2,.product-detail .theme-general .theme-head h2{font-size:30px;font-family:"volteregular";color:#104260;padding-left:20px;margin-bottom: 30px;}
.product-list .theme-general .theme-content,.product-detail .theme-general .theme-content{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;padding: 3rem 4.2vw 4rem 2.8vw;background:#fff;border-radius:10px;border-top-right-radius:130px;}
.product-list .theme-general .theme-content .theme-preview,.product-detail .theme-general .theme-content .theme-preview{ -webkit-box-flex:0; -ms-flex:0 0 600px; flex:0 0 600px; max-width:600px; min-width:300px}
.product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide img{width:96px;height:72px;object-fit:cover;border-radius:5px;box-shadow: 0px 10px 20px #ffffff00;opacity:0.7;transition:0.4s;}
.product-detail .theme-general .theme-content .theme-preview .theme-preview-item{ position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; visibility:hidden; transition:0.4s;}
.product-detail .theme-general .theme-content .theme-preview{ position:relative; flex:0 0 31.5vw; min-width:15.7vw;}
.product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide .site-title{position:absolute;top:-40px;left:50%;transform:translateX(-50%);background:#104260;font-family:"voltemedium";font-size: 11px;letter-spacing:-0.04em;color:#fff;padding: 4px;opacity:0;width: 100%;text-align: center;border-radius:100px;transition:0.4s;}
.product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide .site-title:before{ content:""; position:absolute; bottom:-8px; left:50%; transform:translateX(-50%); display:inline-block; width:0; height:0; border-style:solid; border-width:10px 10px 0 10px; border-color:#104260 transparent transparent transparent;}
.product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide.swiper-slide-thumb-active .site-title{ opacity:1;}
.product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide{ cursor:pointer;}
.product-detail .theme-general .theme-content .theme-preview .theme-preview-item.active{ opacity:1; visibility:visible;}
.product-detail .theme-general .theme-content .theme-preview .main-slider .swiper-slide a{ display:block; position:relative; height:100%;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item .color-item-shadow{ position:absolute; top:6px; right:1px; left:1px; bottom:-4px; border-radius:5px; filter:blur(9px); pointer-events:none; opacity:0; transition:0.4s;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item.active{ opacity:1;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item.active .color-item-shadow{ opacity:1;}
.product-detail .theme-general .theme-content .theme-informations{ padding:10px 0 10px 90px;}
.product-detail .theme-general .theme-content .theme-preview .main-slider .swiper-slide img{ height:430px; object-fit:inherit;}
.product-detail .theme-general .theme-content .theme-preview:hover .main-slider .swiper-slide a:before{ opacity:1;}

.product-detail .theme-general .theme-content .theme-preview:hover .thumbs-slider .thumbs-slider-item { opacity: 1; transform: translateY(0); }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .thumbs-slider-item { opacity: 0; transform: translateY(20px); transition: 0.5s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(1) .thumbs-slider-item { transition-delay: 0.1s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(2) .thumbs-slider-item { transition-delay: 0.2s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(3) .thumbs-slider-item { transition-delay: 0.3s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(4) .thumbs-slider-item { transition-delay: 0.4s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(5) .thumbs-slider-item { transition-delay: 0.5s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(6) .thumbs-slider-item { transition-delay: 0.6s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(7) .thumbs-slider-item { transition-delay: 0.7s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(8) .thumbs-slider-item { transition-delay: 0.8s; }
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider .swiper-slide:nth-child(9) .thumbs-slider-item { transition-delay: 0.9s; }

.product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide.swiper-slide-thumb-active img{opacity:1;box-shadow: 0px 4px 20px #92a3ac;}
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider{padding: 45px 20px 0;margin-top:-82px !important;height:30% !important;}


.product-list .theme-general .theme-content .theme-preview .main-slider,.product-detail .theme-general .theme-content .theme-preview .main-slider{width:100%;-webkit-box-shadow:0 20px 30px rgba(170, 188, 198, 0.49);box-shadow:0 20px 30px rgba(170, 188, 198, 0.49);border-radius:10px;height: 100%;}
.product-list .theme-general .theme-content .theme-preview .main-slider .swiper-slide img,.product-detail .theme-general .theme-content .theme-preview .main-slider .swiper-slide img{width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;height: 100%;}
.product-detail .theme-general .theme-content .theme-preview .thumbs-slider{-webkit-transition:.4s;transition:.4s;height:20%;width: 85%;margin:-3rem auto 0;/* opacity:0; */pointer-events:none;}
.product-detail .theme-general .theme-content .theme-preview:hover .thumbs-slider{/* opacity:1; */pointer-events:all;}
.product-list .theme-general .theme-content .theme-informations,.product-detail .theme-general .theme-content .theme-informations{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 600px);flex: 1;padding-left: 4vw;}
.product-list .theme-general .theme-content .theme-informations .code,.product-detail .theme-general .theme-content .theme-informations .code{font-size:16px;font-family:"volteregular";color:#92A3AC;margin: 1rem 0 4px;}
.product-list .theme-general .theme-content .theme-informations h3,.product-detail .theme-general .theme-content .theme-informations h3{ font-size:26px; font-family:"voltesemibold"; color:#104260; margin-bottom:1.5rem}
.product-list .theme-general .theme-content .theme-informations p,.product-detail .theme-general .theme-content .theme-informations p{ font-size:15px; color:#4F5E65; font-family:"volteregular"; margin-bottom:2rem}
.product-list .theme-general .theme-content .theme-informations p strong,.product-detail .theme-general .theme-content .theme-informations p strong{ font-family:"voltesemibold"}
.product-list .theme-general .theme-content .theme-informations .theme-pay,.product-detail .theme-general .theme-content .theme-informations .theme-pay{ 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; border-top:1px solid #E9F2F7; border-bottom:1px solid #E9F2F7; padding:2rem 0}
.product-list .theme-general .theme-content .theme-informations .theme-pay .price, .product-detail .theme-general .theme-content .theme-informations .price{color:#000;font-size:40px;font-family: "voltesemibold";flex:0 0 calc(100% - 280px);max-width:calc(100% - 280px);}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .price > svg { margin-left: 15px; }

.product-detail .theme-general .theme-content .theme-informations .price .old-price svg {margin-left: -6px;margin-top: -3px;}

.product-list .theme-general .theme-content .theme-informations .theme-pay .price sup, .product-detail .theme-general .theme-content .theme-informations  .price sup{ font-size:15px; font-family:"voltesemibold"}
.product-list .theme-general .theme-content .theme-informations .theme-pay .price span.year, .product-detail .theme-general .theme-content .theme-informations .price span.year{ font-size:20px; font-family:"voltemedium"; color:#7F8181}
.product-list .theme-general .theme-content .theme-informations .theme-pay .price .old-price, .product-detail .theme-general .theme-content .theme-informations .price .old-price{ margin-left:10px; font-size:18px; font-family:"voltemedium"; color:#92A3AC; position:relative; display:inline-block}
.product-list .theme-general .theme-content .theme-informations .theme-pay .price .old-price:before, .product-detail .theme-general .theme-content .theme-informations .price .old-price:before{ content:""; display:block; height:1px; width:100%; top:50%; position:absolute; background:#92A3AC}
.product-list .theme-general .theme-content .theme-informations .theme-pay .price .old-price svg, .product-detail .theme-general .theme-content .theme-informations .price .old-price svg{ height:20px}
.product-list .theme-general .theme-content .theme-informations .theme-pay .price .old-price svg text, .product-detail .theme-general .theme-content .theme-informations .price .old-price svg text{ font-size:48px; fill:#92A3AC}
.product-list .theme-general .theme-content .theme-informations .theme-pay .price svg text, .product-detail .theme-general .theme-content .theme-informations .price svg text{ font-size:33px}
.product-list .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap,.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap{ -webkit-box-flex:0; -ms-flex:0 0 280px; flex:0 0 280px; max-width:280px; padding:1rem; background:#F2FAFD; border:1px solid #DEE5E8}
.product-list .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-input:checked ~ .custom-control-label,.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-input:checked ~ .custom-control-label{ color:#104260}
.product-list .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-input:checked ~ .custom-control-label svg text,.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-input:checked ~ .custom-control-label svg text{ fill:#104260}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap{ border-radius:5px; max-width:100%;flex:0 0 100%; display:flex;flex-wrap:wrap; background:transparent;border:none; padding:0 10px;gap: 50px;}
.product-detail .theme-general .theme-content .theme-informations .theme-info-header{ display:flex; align-items:center; justify-content:space-between;}
.product-detail .theme-general .theme-content .theme-informations .price .new-price{margin-top:-20px;font-size: 33px;}
.product-detail .theme-general .theme-content .theme-informations .price .new-price svg{ margin-top:-14px;}
.product-detail .theme-general .theme-content .theme-informations h3{ margin-bottom:0;}
.product-detail .theme-general .theme-content .theme-informations .code{ margin:0;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay{ border:none; padding:25px 0 15px; display:block;}
.product-detail .theme-general .theme-content .theme-informations .theme-title{ position:relative; margin-bottom:20px;}
.product-detail .theme-general .theme-content .theme-informations .theme-title span{ font-family:"voltesemibold"; font-size:13px; color:#9aa8b1; display:inline-block; position:relative; background:#fff; padding-right:10px;}
.product-detail .theme-general .theme-content .theme-informations .theme-title:before{ content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; height:1px; background:#E9F2F7;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control:nth-child(2n+1){ margin-left:0 !important;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control{/* flex:0 0 230px; */ margin-bottom:8px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .colors-list-row{ display:flex; align-items:center;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors{ border-bottom:1px solid #E9F2F7; padding-bottom:28px; margin-bottom:35px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content{ display:flex; align-items:center; padding:0 5px; position:relative;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list{ display:flex; align-items:center;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list.swiper-container{ padding:20px 0 20px 20px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button{ width:25px; height:25px; display:flex; align-items:center; justify-content:center; cursor:pointer; position:relative; border:1px solid #aabcc6; transition:0.4s;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-next{ border-radius:5px 5px 0 0;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content.color-slider-active:before{ content:""; position:absolute; top:0; bottom:0; left:0; width:30px; background:linear-gradient(to right, white, #ffffff00); z-index:9; pointer-events:none;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button:hover svg{ fill:#104260;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button:hover{ border-color:#104260;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-prev:before, .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-next:before{ content:""; position:absolute; left:0; right:0; height:1px; background:#38627b; opacity:0; z-index:9; transition:0.4s;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-prev svg{ transform:rotate(180deg);}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-prev:before{ top:-1px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-next:before{ bottom:-1px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button:hover:before{ opacity:1;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content.color-slider-active .colors-text{ margin-right:-110px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button svg{ width:13px; height:13px; fill:#aabcc6; transition:0.4s;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-buttons-row .colors-button.colors-button-prev{ margin-left:0; margin-top:-1px; border-radius:0 0 5px 5px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list.swiper-container .theme-colors-item + .theme-colors-item{ margin-left:0;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .swiper-slide{ width:auto;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item{ min-width:28px; height:30px; position:relative; border-radius:5px; opacity:0.5; transition:0.4s; cursor:pointer;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item + .theme-colors-item{ margin-left:20px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text .colors-text-item.active{ opacity:1; visibility:visible;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text .colors-text-item{ position:absolute; top:0; left:0; right:0; opacity:0; visibility:hidden; transition:0.4s; display:flex; align-items:center;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text{ display:flex; align-items:center; margin-left:30px; width:100%; position:relative; height:22px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text p{ font-family:"voltemedium"; font-size:15px; color:#1d61ce; margin-bottom:0;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text svg{ margin-right:8px; width:12px; height:10px;}
.product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text p strong{ font-family:"voltebold";}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control-input:checked ~ .custom-control-label::before{ border-color:#104260; background:#fff0;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control-label::before{ background:#fff0; box-shadow:none !important;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-checkbox .custom-control-label::after{background-position:center;background-size:contain;width:10px;height: 10px;left:-21px;top: 3px;}
.product-detail .theme-general .theme-content .theme-informations .price{ max-width:initial; flex:initial; margin-top:-25px;}
.product-detail .theme-general .theme-content .theme-informations .price sup{ top:-8px; margin-left:0;}
.product-detail .theme-general .theme-content .theme-informations .price span.year{ transform:translateY(-4px); margin-left:-3px; display:inline-block;}
.product-detail .theme-general .theme-content .theme-informations .price .old-price{ margin:0 0 0 0;}
.product-detail .category-btn{ display:none;}
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange{display:flex;align-items:center;margin-left: 0;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-checkbox .custom-control-input:checked~.custom-control-label::after{ background-image:url(../img/main/tick-sign.svg);}
.product-list .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label,.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label{ -webkit-transition:.4s; transition:.4s; font-size:13px; font-family:"voltesemibold"; color:#56666F}
.product-list .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label svg,.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label svg{ width:11px; height:14px}
.product-list .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label svg text,.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label svg text{ fill:#56666F; -webkit-transition:.4s; transition:.4s; font-size:50px}
.product-list .theme-general .theme-content .theme-informations .buttons,.product-detail .theme-general .theme-content .theme-informations .buttons{margin-top:1.5rem;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: 0 -5px;}
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn{border:1px solid #AABCC6;background:rgba(0, 0, 0, 0);border-radius:3rem;padding: .75rem 0;flex: 1;box-shadow: none;line-height: normal;transition: 0.4s;margin: 0 5px;display: flex;align-items: center;justify-content: center;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info p:before{content:"";position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);left:-5px;width:17px;height:17px;background:#56666F;z-index: -1;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info:hover p{ opacity:1; visibility:visible; pointer-events:all;}
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info p{ max-width:130px; border-radius:5px; background:#56666f; box-shadow:0px 6px 10px rgba(0, 0, 0, 0.22); font-family:"voltemedium"; font-size:12px; line-height:13px; color:#fff; padding:10px 20px; position:absolute; top:50%; transform:translateY(-50%); right:-150px; margin-bottom:0; opacity:0; visibility:hidden; pointer-events:none; transition:0.4s;}
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange:after { content: ""; position: absolute; z-index: -1; bottom: -6px; left: 0; height: 100%; width: 100%; opacity: 0; border-radius: 3rem; background: linear-gradient(90deg, #f76046 0%, #f6ac29 100%); -webkit-filter: blur(9px); filter: blur(9px); -webkit-transition: .8s; transition: .8s; }
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange:hover:after { opacity: 0.7; }
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn:hover { border-color: #104260; }
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn:hover span { color: #104260; }
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn:hover svg path { fill: #104260; }
.product-list .theme-general .theme-content .theme-informations .buttons button.btn svg,.product-detail .theme-general .theme-content .theme-informations .buttons button.btn svg{display:inline-block;margin-right: 5px;}
.product-list .theme-general .theme-content .theme-informations .buttons button.btn svg path,.product-detail .theme-general .theme-content .theme-informations .buttons button.btn svg path{fill:#AABCC6;transition: 0.4s;}
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{color:#AABCC6;font-size: 13px;font-family:"voltesemibold";transition: 0.4s;}
.product-list .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange,.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange{ border-color:rgba(0, 0, 0, 0); position:relative; z-index:10}
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange svg {width: 28px !important;height: 28px !important;margin-right: 5px;}
.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange:before{ content:""; z-index:-1; display:block; position:absolute; left:0; right:0; bottom:0; top:0; background:#f76046; background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29)); background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%); border-radius:3rem}
.product-list .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange svg path,.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange svg path{ fill:#fff}
.product-list .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange span,.product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange span{ color:#fff}
.product-list .theme-general .nav-tabs,
.product-detail .theme-general .nav-tabs{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:10px 0 14px; border-bottom:0}
.product-list .theme-general .nav-tabs .nav-item,
.product-detail .theme-general .nav-tabs .nav-item{ -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 5px); flex:0 0 calc(50% - 5px)}
.product-list .theme-general .nav-tabs .nav-item a.nav-link,
.product-detail .theme-general .nav-tabs .nav-item a.nav-link{border:none;color:#92A3AC;border: 1px solid #fff;font-size:16px;font-family:"voltesemibold";padding:1rem;display:block;text-align:center;background:#fff;border-radius:10px;}
.product-list .theme-general .nav-tabs .nav-item a.nav-link.active,
.product-detail .theme-general .nav-tabs .nav-item a.nav-link.active{color:#104260;border-color: #104260;}
.product-list .theme-general .tab-content .tab-pane .accordion,
.product-detail .theme-general .tab-content .tab-pane .accordion{ padding:2rem 1rem; background:#fff; border-radius:10px}
.product-list .theme-general .tab-content .tab-pane .accordion .card,
.product-detail .theme-general .tab-content .tab-pane .accordion .card{ border:none}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-header,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header{ padding:0; margin:0; border:none; background:rgba(0, 0, 0, 0)}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn{border-radius:10px;background:#F4F7FA;padding:.75rem 2rem .75rem 4rem;font-size:18px;font-family:"voltesemibold";color:#5B6A72;position:relative;align-items: center;}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information{ font-size:13px; font-family:"voltemedium"; color:#A7B8C1; position:relative}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information svg,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information svg{ position:absolute; left:-1rem; top:50%; margin-top:-6px}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn:before,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn:before{ content:""; display:block; width:13px; height:2px; border-radius:2px; background:#5B6A72; position:absolute; top:50%; margin-top:-1px; left:2rem}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build{ padding:.5rem 1rem}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:20px 0 15px}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-head,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-head{ -webkit-box-flex:0; -ms-flex:0 0 200px; flex:0 0 200px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; padding-right:3rem; -webkit-box-sizing:border-box; box-sizing:border-box}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-head svg,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-head svg{ position:absolute; right:1rem; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-content,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-content{ -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 200px); flex:0 0 calc(100% - 200px)}
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-content span.build-property,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-content span.build-property{ display:inline-block; padding:.25rem .5rem; margin:0 5px 5px 0; border:1px solid #AABCC6; border-radius:5px; font-size:13px; font-family:"voltemedium"; color:#4A5E67}
.product-detail .tab-content .card-body { padding: 5px 1.25rem; }
.product-list .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item+.build-item,
.product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item+.build-item{ border-top:1px solid #E1EAEF}
.product-list .theme-general .tab-content .tab-pane .general-informaiton,.product-detail .theme-general .tab-content .tab-pane .general-informaiton{margin: 20px 0 20px;padding:2rem 1rem;background:#fff;border-radius:10px;}
.product-list .theme-general .tab-content .tab-pane .general-informaiton .general-information-head,
.product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-head{ border-radius:10px; background:#F4F7FA; padding:.75rem 2rem; font-size:18px; font-family:"voltesemibold"; color:#5B6A72; position:relative}
.product-list .theme-general .tab-content .tab-pane .general-informaiton .general-information-head h2,
.product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-head h2{ margin:0; color:#5B6A72; font-size:18px; font-family:"voltesemibold"}
.product-list .theme-general .tab-content .tab-pane .general-informaiton .general-information-content,
.product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-content{ padding:2rem 1rem}
.product-list .theme-general .tab-content .tab-pane .general-informaiton .general-information-content p,
.product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-content p{font-size:14px;font-family:"volteregular";color:#263034;margin-bottom: 0;}
.product-detail .theme-general .tab-content .tab-pane .theme-table{background:#fff;border-radius:10px;padding: 3rem 8rem;}
.product-list .theme-general .tab-content .tab-pane .theme-table ul,
.product-detail .theme-general .tab-content .tab-pane .theme-table ul{ overflow:hidden; border-radius:10px}
.product-list .theme-general .tab-content .tab-pane .theme-table ul li,
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li{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;align-items: center;padding:.75rem 3rem .75rem 1rem;}
.product-list .theme-general .tab-content .tab-pane .theme-table ul li span, .product-detail .theme-general .tab-content .tab-pane .theme-table ul li > span{ color:#4A5E67; font-size:13px; font-family:"voltemedium"; height:18px; display:inline-block; position:relative}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li > span {min-width: 200px;}
.product-list .theme-general .tab-content .tab-pane .theme-table ul li span svg,
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li span svg{ width:25px; heighT:25px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
.product-list .theme-general .tab-content .tab-pane .theme-table ul li span+span, .product-detail .theme-general .tab-content .tab-pane .theme-table ul li > span+span{font-family:"voltesemibold";color:#104260;width:40px;text-align:center;}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li:nth-child(odd){background: #F4F7FA;}
.product-list .theme-general .service-in-service,
.product-detail .theme-general .service-in-service{ background:#fff; padding:3rem 0 3rem 4rem; border-radius:10px}
.product-list .theme-general .service-in-service .service-head,
.product-detail .theme-general .service-in-service .service-head{ text-align:center; padding:2rem; margin-right:4rem}
.product-list .theme-general .service-in-service .service-head h2,
.product-detail .theme-general .service-in-service .service-head h2{ font-size:23px; font-family:"voltesemibold"; color:#104260; margin-bottom:2rem}
.product-list .theme-general .service-in-service .service-head p,
.product-detail .theme-general .service-in-service .service-head p{font-size:15px;font-family:"volteregular";color:#000;max-width: 440px;margin: 0 auto 2rem;}
.product-list .theme-general .service-in-service .service-content ul,
.product-detail .theme-general .service-in-service .service-content ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.product-list .theme-general .service-in-service .service-content ul li,
.product-detail .theme-general .service-in-service .service-content ul li{ -webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%; -webkit-box-sizing:border-box; box-sizing:border-box; padding:1rem}
.product-list .theme-general .service-in-service .service-content ul li .icon,
.product-detail .theme-general .service-in-service .service-content ul li .icon{ position:relative; padding:1rem; height:95px; z-index:30}
.product-list .theme-general .service-in-service .service-content ul li .icon span.bg,
.product-detail .theme-general .service-in-service .service-content ul li .icon span.bg{ position:absolute; left:-30px; top:0; width:140px; z-index:-1}
.product-list .theme-general .service-in-service .service-content ul li .icon span.bg img,
.product-detail .theme-general .service-in-service .service-content ul li .icon span.bg img{ display:block; max-width:100%}
.product-list .theme-general .service-in-service .service-content ul li .icon svg,
.product-detail .theme-general .service-in-service .service-content ul li .icon svg{width: 50px;height: 50px;margin: 13px 0 0 -15px;}
.product-list .theme-general .service-in-service .service-content ul li .text h3,
.product-detail .theme-general .service-in-service .service-content ul li .text h3{ font-size:16px; color:#56666F; font-family:"voltesemibold"}
.product-list .theme-general .service-in-service .service-content ul li .text p,
.product-detail .theme-general .service-in-service .service-content ul li .text p{font-size: 14px;color:#4F5E65;font-family:"volteregular";}

.product-detail .theme-general .tab-content .tab-pane .theme-table ul li > span + span{ width:auto; display:block; height:auto;}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li > span.select > span.select2-container{ width:auto !important;}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li:nth-child(even){ background:#ECEFF2;}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li:first-child > span + span{font-family:"voltemedium";font-size:15px;}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li + li{ margin-top:5px;}
.product-detail .theme-general .tab-content .tab-pane .theme-table ul li{ padding:0 30px; height:50px;}
.product-detail .theme-general .select2-container .select2-selection--single .select2-selection__rendered{ padding-right:30px; line-height:30px;}
.product-detail .theme-general .select2-container--default .select2-selection--single .select2-selection__arrow{ top:50%; transform:translateY(-50%); height:2px; right:6px;}
.product-detail .theme-general .select2-container--default .select2-selection--single .select2-selection__arrow b{ margin-top:0; top:0; border-color:#7D8990 transparent transparent transparent; border-width:6px 5px 0 5px;}
.product-detail .theme-general .select2-container--default .select2-selection--single{ border:1px solid #AABCC6; border-radius:7px;}
.product-detail .theme-general .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.product-detail .theme-general .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-width:0 5px 6px 5px; border-color:transparent transparent #7D8990 transparent;}
.product-detail .theme-general .nav-tabs .nav-item{ flex:0 0 32.9%;}
.product-detail .theme-general .nav-tabs .nav-item + .nav-item{ margin-left:8px;}
.product-detail .theme-general .nav-tabs{ padding-bottom:0; margin-bottom:10px; flex-wrap:nowrap;}
.product-detail .theme-general .tab-content .tab-pane#service-tab .general-informaiton{ margin-top:10px;}


@media only screen and (max-width: 1650px){
    .product-list .list-general #grid .picture-item .text .price { padding-left: 3.4vw; }
    .product-list .list-general #grid .picture-item .text .name {padding-right: 3.4vw;}
    .product-list .list-general #grid .picture-item { margin: 0 1.6vw 40px; width: calc(50% - 3.3vw); }
    .product-list .list-general #grid .picture-item .text .price, .product-detail .list-general #grid .picture-item .text .price {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 1600px){
    .product-list .list-general { padding-left: 4vw; padding-right: 2vw; }
    .product-list .list-general>h2 { font-size: 1.8vw; }
}

@media only screen and (max-width: 1450px){
    .product-list .sidebar-general, .product-detail .sidebar-general {
        padding-top: 0;
    }
    .product-list .product-search h6, .product-detail .product-search h6 {
        padding-left: 0;
    }
    .product-list .product-search, .product-detail .product-search { width: 360px; padding: 37px 28px 18px; }
    .product-list .list-general #grid .picture-item .text .name { font-size: 1vw; }
    .product-list .list-general {padding-right: 0;}
    .product-detail .sticky-area, .product-list .sticky-area {
        padding-top: 0px;
    }
    .product-sidebar li a .circle {
    left: 20px;
}
}

@media only screen and (max-width: 1370px){
    .product-list .list-general #grid .picture-item .text .price .new-price{ font-size:1.4vw;}
    .product-list .product-search h6, .product-detail .product-search h6{ padding-left:0;}
    .product-list .list-general #grid .picture-item .text .price .old-price{ font-size:1.1vw;}
    .product-list .sidebar-general .product-sidebar li a, .product-detail .sidebar-general .product-sidebar li a{ padding-left:50px;}
    .product-sidebar li a .circle {
        left: 30px;
    }
    .product-list .sidebar-general .product-sidebar li a .plus-minus, .product-detail .sidebar-general .product-sidebar li a .plus-minus{ left:30px;}
    .product-list .sidebar-general .product-sidebar li .custom-control, .product-detail .sidebar-general .product-sidebar li .custom-control{ padding-left:35px;}
    .product-list .sidebar-general .product-sidebar li ul li:before, .product-detail .sidebar-general .product-sidebar li ul li:before{ left:14px;}
    .product-list .sidebar-general .product-sidebar li ul li a, .product-detail .sidebar-general .product-sidebar li ul li a{ padding-left:35px;}
    .product-list .product-search, .product-detail .product-search{ padding-left:25px; width:330px;}
    .product-list .product-search .form-group, .product-detail .product-search .form-group{ margin-bottom:30px;}
    .product-list .sidebar-general{top: 0;padding-top: 0;}
    .product-list .sidebar-general .product-sidebar, .product-detail .sidebar-general .product-sidebar{padding-top: 0;}
    .product-list .list-general{padding-left:3vw;}
}

@media only screen and (max-width: 1199px){
    .product-list .list-general #grid, .product-detail .list-general #grid { width: 100%; flex: 0 0 100%; min-height: initial; }
    .product-detail .theme-general .theme-content .theme-preview .thumbs-slider .thumbs-slider-item { opacity: 1; transform: translateY(0); }
    .product-detail .theme-general .theme-content .theme-preview .swiper-container.thumbs-slider .swiper-slide img { opacity: 1; }
    .product-detail .theme-general .tab-content .tab-pane .theme-table { padding: 3rem 3rem; }
    .product-list .list-general{flex:0 0 calc(100% - 320px);max-width:calc(100% - 320px);margin-top: 0px;/* margin-left: 350px; */}
    .product-list .list-general>h2{ margin-left:20px;}
    .product-list .product-search h6, .product-detail .product-search h6{ font-size:17px; padding:0 20px;}
    .product-list .sidebar-general .product-sidebar li .custom-control, .product-detail .sidebar-general .product-sidebar li .custom-control{ font-size:14px;}
    .product-list .sidebar-general .product-sidebar li ul li a, .product-detail .sidebar-general .product-sidebar li ul li a{ font-size:14px;}
    .product-list .sidebar-general .product-sidebar li a, .product-detail .sidebar-general .product-sidebar li a{ font-size:15px;}
    .product-list .product-search, .product-detail .product-search{ padding-bottom:30px;}
    .product-list .sidebar-general, .product-detail .sidebar-general{flex:0 0 290px;width:290px;max-width:290px;top: 20px;}
    .product-list .product-search, .product-detail .product-search{ width:290px; padding:30px 10px;}
    .product-list .sidebar-general{ top:10px !important;}
    .product-list .list-general #grid .picture-item .text .price .new-price{font-size:1.6vw;margin-top:0;margin-left: 0;}
    .product-list .list-general #grid .picture-item .text .name{ padding:0 3.4vw 0 1rem;}
    .product-list .list-general #grid .picture-item .text .basket{ width:40px; height:40px;}
    .product-list .list-general #grid .picture-item .text .price{padding:7px 1rem 5px 3.4vw;align-items:center;flex-wrap: wrap;}
    .product-list .list-general #grid .picture-item .text .price .new-price:before, .product-detail .list-general #grid .picture-item .text .price .new-price:before {
        display: none;
    }
}

@media only screen and (max-width: 991px){
    .product-list .container, .product-detail .container { padding: 0; }
    .product-list .product-search, .product-detail .product-search{position:relative;width: 90%;top:0;background:transparent;border:none;margin: 10px 35px;padding:0;}
    .product-list .product-search h6, .product-detail .product-search h6{position:absolute;top:13px;left:0;padding:0;}
    .product-list .product-search .form-group, .product-detail .product-search .form-group{margin-bottom:0;}
    .product-list .product-search .form-group .form-control, .product-detail .product-search .form-group .form-control{position:relative;z-index:9;padding:0;margin-right:0;width:93%;margin-left: -10px;opacity:0;visibility:hidden;transition:0.4s;background:#f4f7fa;font-family:"voltemedium";font-size:17px;padding: 10px 40px;border: none;}
    .product-list .product-search .product-search-button, .product-detail .product-search .product-search-button{padding:0;}
    .product-list .product-search.active .form-group .form-control, .product-detail .product-search.active .form-group .form-control{opacity:1;visibility:visible;}
    .product-list .product-search.active .form-group button svg, .product-detail .product-search.active .form-group button svg{opacity:0;}
    .product-list .product-search .product-search-button:before, .product-list .product-search .product-search-button:after, .product-detail .product-search .product-search-button:before, .product-detail .product-search .product-search-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);width:20px;height:2px;background:#3F4C53;opacity:0;transition:0.4s;}
    .product-list .product-search .product-search-button:after, .product-detail .product-search .product-search-button:after{transform:translate(-50%, -50%) rotate(-45deg);}
    .product-list .product-search.active .product-search-button:before, .product-list .product-search.active .product-search-button:after, .product-detail .product-search.active .product-search-button:before, .product-detail .product-search.active .product-search-button:after{opacity:1;}
    .product-list .product-search.active .product-search-button svg, .product-detail .product-search.active .product-search-button svg{opacity:0;}
    .product-list .product-search .product-search-button svg, .product-detail .product-search .product-search-button svg{transition:0.4s;}
    .product-list .product-row{overflow:hidden;margin: 0;}
    .product-list .sidebar-general, .product-detail .sidebar-general{flex:0 0 100%;max-width:100%;width:100%;}
    .product-list .list-general #grid, .product-detail .list-general #grid{min-height:auto;margin: 0;}
    .product-list .list-general{margin:0;padding: 40px 10px;flex:0 0 100%;max-width:100%;}
    .product-list .sidebar-general{top:0 !important;}
    .product-list .list-general #grid .picture-item .img:before {
        visibility: hidden;
    }

    .product-list .list-general #grid .picture-item .text {
        background: none;
        box-shadow: none;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 0 15px;
        flex-direction: column;
    }

    .product-list .list-general #grid .picture-item a {
        display: block;
        margin-bottom: 20px;
        height: 300px;
    }

    .product-list .list-general #grid .picture-item .img {
        height: 100%;
        padding: 10px;
        border-radius: 10px;
    }

    .product-list .list-general #grid .picture-item .img img {
        height: 100%;
        width: 100%;
    }

    .product-list .list-general #grid .picture-item .text .basket {
        right: 6px;
        left: auto;
        transform: translate(0, -50%) scale(1);
    }

    .product-list .list-general #grid .picture-item .text .price .new-price:before {
        left: -18px;
        width: 13px;
        background: rgb(146 163 172 / 0.2);
    }
    .sidebar-general .category-bar{height:60px;line-height:59px;background: linear-gradient(to right, rgba(185, 209, 222, 1), transparent);padding:0;}
    .sidebar-general .category-bar .swiper-slide, .sidebar-general .category-sub-bar .swiper-slide{width:auto;}
    .sidebar-general .category-bar .swiper-slide a{font-size:16px;color:#000;display:inline-block;border-bottom:2px solid #ffffff00;font-family:"voltemedium";}
    .sidebar-general .category-sub-bar{height: 70px;position:relative;background:#fff;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.05);}
    .sidebar-general .category-sub-bar .category-sub-bar-item{position:absolute;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:0.4s;overflow:hidden;width:100%;}
    .sidebar-general .category-sub-bar .category-sub-bar-item.active{opacity:1;visibility:visible;}
    .sidebar-general .category-bar .swiper-container,.sidebar-general .category-sub-bar .swiper-container{padding: 0 30px;}
    .sidebar-general .category-sub-bar .swiper-slide label:before, .sidebar-general .category-sub-bar .swiper-slide label:after{visibility:hidden;}
    .sidebar-general .category-sub-bar .swiper-slide .custom-control{padding-left:0;min-height:initial;}
    .sidebar-general .category-sub-bar .swiper-slide label, .sidebar-general .category-sub-bar .swiper-slide a{font-size:15px;color:#104260;border:1px solid #ECF2F5;padding:6px 13px;display:block;border-radius:100px;line-height:normal !important;transition:0.4s;}
    .sidebar-general .category-bar .swiper-slide a.active{border-bottom-color:#104260;color:#104260;}
    .sidebar-general .category-sub-bar .swiper-slide a.active, .sidebar-general .category-sub-bar .swiper-slide label.active{background:#104260;border-color:#104260;color:#fff;font-family:"voltemedium";}
    .product-list .list-general>h2{font-size:23px;margin-bottom:25px;}
    .product-list .list-general #grid .picture-item{margin-bottom: 80px;/* height: 300px; */background: linear-gradient(to top, rgb(185 209 222 / 0.3) 0%, rgb(200 219 229 / 0.1) 26.4%, rgba(255, 255, 255, 0) 100%);padding: 20px;border-radius: 20px;}
    .product-list{padding:70px 0 10px;}
    .product-list nav ul.pagination{margin-top:30px;}
    .product-list .list-general #grid .picture-item .text .name{font-size:12px;padding: 0;text-align: left;flex: none;white-space: nowrap;max-width: 100px;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;}
    .product-list .list-general #grid .picture-item .text .price .old-price{font-size:1.8vw;}
    .product-list .list-general #grid .picture-item .text .price .new-price{font-size: 15px;margin-left: 25px;}
    .product-list .list-general #grid .picture-item .text .price{border: 1px solid rgb(146 163 172 / 0.5);flex: none;max-width: initial;padding: 0 40px 0 20px;border-radius: 100px;}
}

@media only screen and (max-width: 767px){
    .product-list .product-search .product-search-button, .product-detail .product-search .product-search-button {
        right: 20px;
        z-index: 9;
    }
    .product-list .list-general .searchProduct, .product-detail .list-general .searchProduct {
    flex-direction: column;
    margin-bottom: 0;
}

.product-list .list-general .searchProduct .urunArama h4:before, .product-detail .list-general .searchProduct .urunArama h4:before {
    display: none;
}
    .product-list{padding-top:50px;}
    .product-list .list-general>h2{font-size:18px;max-width:190px;text-align:center;margin:0 auto 30px;}
    .product-list .list-general #grid .picture-item{width:100%;margin: 0 0px 50px;}
    .product-list .list-general{padding-bottom:10px;}
    .sidebar-general .category-sub-bar{height:55px;overflow:hidden;transition: 0.4s;}
    .sidebar-general .category-sub-bar.in-active {
        height: 0;
    }
    .sidebar-general .category-bar{height:50px;line-height:49px;}
    .product-list .list-general #grid .picture-item .text .basket svg{width:25px;height:25px;}
    .product-list .list-general #grid .picture-item .text .price .new-price{font-size:15px;}
    .product-list .list-general #grid .picture-item .text .price .old-price{font-size:12px;line-height: normal;}
    .product-list .list-general #grid .picture-item .text .price{padding: 3px 35px 3px 15px;}
    .product-list .list-general #grid .picture-item .text .name{font-size: 12px;padding-right: 0;max-width: 90px;}
    .product-list .product-search, .product-detail .product-search{margin:10px 30px;}
    .product-list .product-search.active .form-group .form-control, .product-detail .product-search.active .form-group .form-control{font-size:15px;}
}

@media only screen and (max-width: 1820px){
    .product-detail .theme-general .theme-content .theme-informations .buttons{flex-wrap:initial;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn + button.btn{margin-left:1vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn{padding:12px 1.3vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{font-size:0.7vw;}
    .product-detail .theme-general .theme-content .theme-preview{flex:0 0 29.5vw;}
    .product-detail .theme-general .theme-content .theme-informations{padding-left:3vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn + button.btn{margin-left:0;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{font-size:0.8vw;}
}

@media only screen and (max-width: 1780px){
    .product-detail .theme-general .theme-content .theme-informations { padding-left: 1vw; }
}

@media only screen and (max-width: 1680px){
    .product-detail .sidebar-general {
    padding-top: 10px;
}
    .product-detail .theme-general .theme-content .theme-informations { padding-left: 1.5vw; }
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span {font-size: 0.7vw;}  
    .product-list .list-general #grid .picture-item .text .price, .product-detail .list-general #grid .picture-item .text .price {
        padding-right: 20px;
    } 
}

@media only screen and (max-width: 1630px){
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn + button.btn { margin-left: 1vw; }
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span { font-size: 0.8vw; }
}

@media only screen and (max-width: 1600px){
    .product-detail .product-search{padding:37px 20px 18px;}
    .product-detail .sidebar-general .product-sidebar li a{padding-left:50px;}
    .product-sidebar li a .circle {left: 21px;}
    .product-detail .sidebar-general .product-sidebar li a .plus-minus{left:33px;}
    .product-detail .sidebar-general .product-sidebar li ul li a{padding-left:38px;}
    .product-detail .sidebar-general .product-sidebar li ul li:before{left:17px;}
    .product-detail .sidebar-general .product-sidebar li ul li:after{left:17px;}
    .product-detail .product-search h6{padding-left:10px;}
    .product-detail .theme-general .theme-content{padding-right:2vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{font-size:1vw;}
}

@media only screen and (max-width: 1520px){
    .product-detail .theme-general .theme-content .theme-preview { flex: 0 0 27vw; }
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span { font-size: 1.1vw; } 
}

@media only screen and (max-width: 1450px){
    .product-detail .theme-general .theme-content{flex-direction:column;justify-content:center;padding-top:20px;}
    .product-detail .theme-general .theme-content .theme-preview{margin:20px auto 20px;flex:none;height:420px;width:550px;}
    .product-detail .theme-general .theme-content .theme-informations{flex:0 0 100%;max-width:100%;padding:0 40px 10px 20px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-title span{font-size:15px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control{flex:0 0 260px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap{max-width:90%;flex:0 0 90%;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{font-size:1.3vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons{max-width: 90%;margin:0 auto;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay{margin-top:40px;}
}

@media only screen and (max-width: 1370px) {
    .product-detail .theme-general .theme-content .theme-informations .buttons {
        max-width: 100%;
    }
} 

@media only screen and (max-width: 1199px){
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control{flex:0 0 49%;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap{flex:0 0 100%;max-width:100%;}
    .product-detail .theme-general .theme-content .theme-informations{padding-right: 50px;}
    .product-detail .theme-general .theme-content .theme-preview .thumbs-slider{opacity:1;pointer-events:all;}
    .product-detail .theme-general .theme-content .theme-preview .main-slider .swiper-slide a:before{opacity:1;}
    .product-detail .theme-general .nav-tabs .nav-item a.nav-link{height:100%;display:flex;align-items:center;justify-content:center;}
    .product-detail .theme-general .nav-tabs .nav-item{flex:0 0 32%;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information{font-size:11px;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn{align-items:center;}
    .product-detail .theme-general .service-in-service .service-content ul li{flex:0 0 33%;max-width:33%;}
}

@media only screen and (max-width: 991px){
    .page.product-detail{padding:90px 0 60px;}
    .product-detail .row{display:block;}
    .row.align-items-start {margin-right: 0;}
    .product-detail .category-btn span{font-size:18px;color:#104260;}
    .product-detail .category-btn{display:flex;align-items:center;justify-content:space-between;padding:0 60px 0 30px;}
    .product-detail .category-btn .close-btn{width:20px;height:20px;position:relative;}
    .product-detail .category-btn .close-btn:before, .product-detail .category-btn .close-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:2px;background:#104260;transition:0.4s;}
    .product-detail .category-btn .close-btn:after{transform:translate(-50%, -50%) rotate(90deg);width:0;}
    .product-detail .category-btn.active .close-btn:after{width:100%;}
    .product-detail .product-search{display:none;}
    .product-detail .sidebar-general{flex:0 0 100%;max-width:100%;margin-top: -3px;width:100%;margin-bottom: 0;padding-bottom: 40px;}
    .product-detail .theme-general .theme-head h2{display:none;}
    .product-detail .theme-general .theme-content .theme-preview{width:100%;min-width:initial;max-width:100%;}
    .product-detail .theme-general .theme-content .theme-preview .swiper-slide.swiper-slide-active{transform:translateY(-20px);opacity:1;}
    .product-detail .theme-general .theme-content .theme-preview .swiper-slide{text-align:center;border-radius:10px;box-shadow:0px 20px 30px rgba(170, 188, 198, 0.49);opacity: 1;transition:0.4s;}
    .product-detail .theme-general .theme-content .theme-preview .swiper-slide img{border-radius:10px;}
    .product-detail .theme-general .theme-content{display:block;width:100%;padding:0 0 10px;}
    .product-detail .theme-general{flex:0 0 100%;max-width:100%;margin-top: 20px;padding:0;margin-right: 0;margin-left: 0;}
    .product-detail .theme-general .theme-content .theme-preview .theme-preview-item .swiper-container{padding:30px 150px 100px;}
    .product-detail .theme-general .theme-content .theme-informations{padding: 30px 50px 30px 50px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-info-header {
        padding: 0 0;
    }
    .product-detail .theme-general .theme-content .theme-preview .swiper-slide .site-title{position:absolute;bottom:-70px;left:50%;transform:translateX(-50%);font-family:"voltemedium";font-size:17px;color:#7d8990;}
    .product-detail .theme-general .theme-content .theme-preview .swiper-slide .site-title:before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);display:inline-block;width:0;height:0;border-style:solid;border-width:0 5px 5px 5px;border-color:transparent transparent #7D8990 transparent;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item{width: 40px;height: 40px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item .color-item-shadow{top:30px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item + .theme-colors-item{margin-left: 20px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text p strong{font-family:"voltesemibold";}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text{margin-left:6vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons{max-width: 100%;justify-content: center;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{font-size:2.2vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn{padding:10px 20px;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange svg{width:30px !important;height:30px !important;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors{border-bottom:none;margin-bottom:0;padding-bottom:0;margin-top: 40px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay{margin-top:20px;border-bottom:1px solid #E9F2F7;margin-bottom:40px;padding-bottom:30px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control{flex: 0 0 45%;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info {
        right: 0px;
        top: 0;
    }
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info:before {
        content: attr(data-title);
        background: none;
        font-size: 10px;
        margin-top: -2px;
        display: block;
        background: #92a3ac;
        color: #fff;
        border-radius: 100px;
        padding: 2px 10px;
        font-family: "voltemedium";
        width: auto;
        height: auto;
        margin-top: 0;
        right: -20px;
        top: 0px !important;
    }
    .product-detail .sticky-area, .product-list .sticky-area {
        width: 100%;
        min-height: auto;
        height: 234px;
        padding: 0;
    }
   
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap {
        justify-content: space-between;
        flex-direction: row !important;
    }
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info p {
        top: -100%;
        left: 50%;
        right: auto;
        transform: translate(-40%, -65%);
        width: 40vw;
    }

    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info p:before {
        bottom: -5px;
        top: auto;
        left: 50%;
        transform: translate(-50%, 0) rotate(45deg);
    }
    .product-detail .theme-general .nav-tabs .nav-item a.nav-link{background:transparent;border-color:#AABCC6;color:#AABCC6;padding:15px 10px;font-size:13px;}
    .product-detail .theme-general .nav-tabs .nav-item a.nav-link.active{background:rgba(16, 66, 96, 0.06);}
    .product-detail .theme-general .nav-tabs{padding: 15px 0px 0;margin: 0 10px 30px 25px;}
    .product-detail .theme-general .tab-content .tab-pane#service-tab .general-informaiton{padding:10px 20px;margin:0;}
    .product-detail .theme-general .tab-content .tab-pane{margin:0 10px;}
    .product-detail .theme-general .service-in-service{margin:0 10px;padding:50px 50px 20px;}
    .product-detail .theme-general .service-in-service .service-head{padding:0;max-width:470px;margin:0 auto 60px;}
    .product-detail .theme-general .service-in-service .service-content ul{flex-wrap:nowrap;}
    .product-detail .theme-general .service-in-service .service-head h2{margin-bottom:10px;}
    .product-detail .theme-general .service-in-service .swiper-pagination{position:relative;bottom:0;margin-bottom:15px;}
    .product-detail .theme-general .service-in-service .swiper-pagination .swiper-pagination-bullet{background:#D8E1E6;border-radius:100px;transition:0.4s;opacity:1;}
    .product-detail .theme-general .service-in-service .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide{padding-left: 40px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon{position:relative;padding: 1rem;height:95px;z-index:30;display: flex;align-items: center;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon span.bg{ position:absolute; left:-30px; top:0; width:140px; z-index:-1}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon span.bg img{ display:block; max-width:100%}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon svg{width: 70px;max-height: 70px;margin: 5px 0 0 -22px;display: flex;align-items: center;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .text h3{ font-size:16px; color:#56666F; font-family:"voltesemibold"}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .text p{ font-size:14px; color:#4F5E65; font-family:"volteregular"}
}

@media only screen and (max-width: 767px){
    .product-detail .theme-general{margin-top:20px;}
    .product-detail .theme-general .theme-content .theme-preview .swiper-slide .site-title{font-size:15px;bottom:-60px;}
    .product-detail .theme-general .theme-content .theme-preview{margin-top:0;height:220px;}
    .product-detail .category-btn{padding-right:41px;}
    .product-detail .sidebar-general{margin-bottom: 20px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors { margin-top: 60px; }
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap { display: inline-block; }
    .product-detail{padding-bottom:40px;padding-top:70px;}
    .product-detail .theme-general .service-in-service .swiper-pagination{margin-bottom:10px;margin-top:7px;}
    .product-detail .theme-general .theme-content .theme-informations h3{font-size:18px;max-width:170px;}
    .product-detail .theme-general .theme-content .theme-preview .theme-preview-item .swiper-container{padding: 30px 50px 100px;}
    .product-detail .theme-general .theme-content .theme-informations .code{font-size:10px;margin-bottom:10px;}
    .product-detail .theme-general .theme-content .theme-informations{padding: 20px 35px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content{display:block;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text{margin-left:0;margin-top:30px;justify-content:center;}
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-text .colors-text-item{justify-content:center;}
    .product-detail .theme-general .theme-content .theme-informations .theme-title{margin-bottom:30px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control{flex: 0 0 auto;margin-bottom:10px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control + .custom-control{margin-left:0;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .custom-control-label{font-size:15px;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay{margin-top:10px;margin-bottom:30px;padding-bottom:20px;}
    .product-detail .theme-general .theme-content .theme-informations .buttons{max-width:100%;flex-wrap:wrap;align-items:center;justify-content: space-between;padding: 0 11px;}
    .product-detail .theme-general .theme-content .theme-informations .price{font-size:30px;margin-bottom:20px;width: 100%;}
    .product-detail .theme-general .theme-content .theme-informations .price .old-price{font-size:12px;}
    .product-detail .theme-general .theme-content .theme-informations .price .old-price svg{width:9px;height:12px;margin-top:-5px;margin-left:-4px;}
    .product-detail .theme-general .theme-content .theme-informations .price sup{margin-left:-4px;top:-7px;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn svg{width:17px !important;max-height:23px;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn{padding:9px 14px;line-height:normal;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn + button.btn{margin-left: 0;height: 45px;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn span{line-height:normal;font-size: 2.7vw;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange svg{margin-right:4px;width:21px !important;}
    .product-detail .theme-general .theme-content .theme-informations .price .new-price svg{width:11px;}
    .product-detail .theme-general .theme-content .theme-informations .price span.year{font-size:14px;}
    .product-detail .theme-general .theme-content .theme-informations .buttons button.btn.btn-orange{padding: 10px 25px;margin-bottom: 0;}
    .product-detail .theme-general .nav-tabs{justify-content:flex-start;padding: 15px 0px 0;margin-bottom:6px;margin-left: 0;}
    .product-detail .theme-general .theme-content{border-top-right-radius:80px;}
    .product-detail .theme-general .nav-tabs .nav-item{flex:none;width:auto;}
    .product-detail .theme-general .nav-tabs .nav-item + .nav-item {
        margin-left: 0;
    }
    .product-detail .theme-general .nav-tabs .nav-item a.nav-link{padding:15px;}
    .product-detail .theme-general .services-slide{padding: 0 20px;max-width: 100%;/* overflow-x: auto; *//* overflow-y: hidden; */}
    .product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-content p{text-align:center;}
    .product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-content{padding:20px 20px;}
    .product-detail .theme-general .tab-content .tab-pane{margin:9px 10px 10px;}
    .product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-head h2{font-size:16px;}
    .product-detail .theme-general .tab-content .tab-pane .general-informaiton .general-information-head{padding:.75rem 1.2rem;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn{padding-left:50px;justify-content:flex-start;text-align:left;font-size:17px;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information{display:block;margin-top:6px;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn:before{left:20px;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-header h5 button.btn span.acc-information svg{position:relative;top:0;left:0;}
    .product-detail .tab-content .card-body{padding:0;}
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info {
        right: 0;
        width: 48px;
    }
    .product-detail .theme-general .theme-content .theme-informations .theme-colors .theme-colors-content .colors-list .theme-colors-item + .theme-colors-item {
        margin-left: 30px;
    }
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-head svg {display: none;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-content{flex:0 0 100%;}
    .product-detail .theme-general .tab-content .tab-pane .accordion .card .card-body .theme-build .build-item .build-head{flex:0 0 100%;margin-bottom:10px;}
    .product-detail .theme-general .tab-content .tab-pane .accordion{padding-bottom:10px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide{padding-left:0;}
    .product-detail .theme-general .tab-content .tab-pane .theme-table{padding:30px 30px;}
    .product-detail .theme-general .tab-content .tab-pane .theme-table ul li{padding-right:1rem;}
    .product-detail .theme-general .tab-content .tab-pane .theme-table ul li span:last-child {width: 100%;}
    .product-detail .theme-general .select2-container--default .select2-selection--single .select2-selection__arrow {right: -110px;}
    .product-detail .theme-general .service-in-service .service-head h2{font-size:18px;}
    .product-detail .theme-general .service-in-service{padding:30px 30px 10px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon{transform:scale(0.9);}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon span.bg{left:-10px;top:-8px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .icon svg{margin-left: 2px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .text h3{margin-top:10px;font-size:15px;}
    .product-detail .theme-general .service-in-service .swiper-container{padding-top:10px;padding-left:2px;}
    .product-detail .theme-general .service-in-service .service-head{margin-bottom:50px;}
    .product-detail .theme-general .service-in-service .service-content .swiper-slide .text p{display:none;}
}

/* Contact */
.map-responsive{ height:400px}
.map-responsive iframe{ height:400px; width:100%}
.contact-bottom{ padding:60px 0}
.contact-us .form-row.checkbox-row {
    justify-content: space-between;
    margin: 0;
    align-items: center;
}
.contact-us .form-row.checkbox-row .form-group:nth-child(2) {flex: 0 0 127px;}
.contact-us .contact-us-item{margin: 0 1vw;}
.contact-us .contact-us-item h3{ font-size:25px; font-family:"voltebold"; color:#BAC3CE; padding:1rem}
.contact-us .contact-us-item .item-content{background:#fff;padding:4rem 3rem 2rem;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow: 0px 15px 15px rgba(170, 188, 198, 0.15);}
.contact-us .contact-us-item .item-content .head{ padding:1rem 0.8rem; 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; border-top:1px solid #E2E4E5; border-bottom:1px solid #E2E4E5}
.contact-us .contact-us-item .item-content .head .icon{display: flex;align-items: center;}
.contact-us .contact-us-item .item-content .head .icon svg{ margin-right:.5rem}
.contact-us .contact-us-item .item-content .head .icon span{ font-size:19px; font-family:"voltesemibold"; color:#56666F}
.contact-us .contact-us-item .item-content .head a{ font-size:25px; color:#F7783C; font-family:"voltebold"; display:inline-block}
.contact-us .contact-us-item .item-content ul li .icon{ -webkit-box-flex:0; -ms-flex:0 0 30px; flex:0 0 30px; max-width:30px; position:relative; height:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end}
.contact-us .contact-us-item .item-content ul li .icon svg{position:relative;width: 25px;height: 29px;}
.contact-us .contact-us-item .item-content ul li .icon:before{content:"";position:absolute;background:#FFE2D5;width:26px;height:26px;left: -6px;bottom: -3px;border-radius:26px;}
.contact-us .contact-us-item .item-content ul li p{ color:#56666F; margin-bottom:0; -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 40px); flex:0 0 calc(100% - 40px); -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:14px; line-height:18px}
.contact-us .contact-us-item .item-content ul li a{ color:#56666F; -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 40px); flex:0 0 calc(100% - 40px); -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.contact-us .contact-us-item .item-content #map{margin:0;height:100%;border-top-left-radius:20px;border-top-right-radius:20px;overflow: hidden;}
.contact-us .contact-us-item .item-content .captcha.active .form-control, .contact-us .contact-us-item .item-content .form-group.active .form-control{ border-color:#49505773}
.contact-us .contact-us-item .item-content .form-group .form-control{ background:#F4F7FA; border:1px solid #DEE7EB; border-radius:28px; height:50px; padding:1rem 1.5rem; font-size:15px; -webkit-transition:.4s; transition:.4s; font-family:"voltemedium"; color:#9DAFB9}
.contact-us .contact-us-item .item-content .form-group .form-control::-webkit-input-placeholder{ color:#9DAFB9}
.contact-us .contact-us-item .item-content .form-group .form-control:-ms-input-placeholder{ color:#9DAFB9}
.contact-us .contact-us-item .item-content .form-group .form-control::-ms-input-placeholder{ color:#9DAFB9}
.contact-us .contact-us-item .item-content .form-group .form-control::placeholder{ color:#9DAFB9}
.contact-us .contact-us-item .item-content .form-group .form-control:focus{ border-color:#49505773}
.contact-us .contact-us-item .item-content .form-group textarea.form-control{ height:115px; resize:none}
.contact-us .contact-us-item .item-content .form-group button{background:#56666F;border:1px solid #707070;font-size:15px;font-family:"voltesemibold";color:#fff;padding: .75rem 0;border-radius:30px;width: 100%;transition: 0.5s;}
.contact-us .contact-us-item .item-footer{ margin-top:10px; background:#F97037; padding:0.9rem 1rem; height:85px; display:-webkit-box; display:-ms-flexbox; display:flex; border-bottom-left-radius:20px; border-bottom-right-radius:20px; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; position:relative}
.contact-us .contact-us-item .item-footer:before{content:"";position:absolute;left:1rem;top: 49.5%;height:3px;margin-top:-1px;background:#FCA581;width:50%;}
.contact-us .contact-us-item .item-footer p{margin-bottom:0;position:relative;color:#ffffff;background:#F97037;font-size:19px;color:#fff;font-family:"voltesemibold";padding:.25rem .5rem;height:65px;text-align:right;display: flex;align-items: center;margin-top: -5px;}
.contact-us .contact-us-item.contact-us-item-1 .item-content{ height:555px}
.contact-us .contact-us-item.contact-us-item-1 .item-content ul{ padding:4rem 1rem 0}
.contact-us .contact-us-item.contact-us-item-1 .item-footer{ background:#F97037}
.contact-us .contact-us-item.contact-us-item-1 .item-footer:before{ background:#FCA581}
.contact-us .contact-us-item.contact-us-item-1 .item-footer p{ background:#F97037}
.contact-us .contact-us-item.contact-us-item-1 .item-footer p a:hover{ background:#fff; color:#f97037}
.contact-us .contact-us-item.contact-us-item-2 .item-content{ height:555px; padding:0}
.contact-us .contact-us-item.contact-us-item-2 .item-footer{ background:#F88D23}
.contact-us .contact-us-item.contact-us-item-2 .item-footer:before{ background:#FAAF65}
.contact-us .contact-us-item.contact-us-item-2 .item-footer p{ background:#F88D23}
.contact-us .contact-us-item.contact-us-item-2 .item-footer p a:hover{ background:#fff; color:#F88D23}
.contact-us .contact-us-item.contact-us-item-3 .item-content{padding: 3rem 4.2vw;height:555px;}
.contact-us .contact-us-item.contact-us-item-3 .item-footer{ background:#FDAD15}
.contact-us .contact-us-item.contact-us-item-3 .item-footer:before{ background:#FFD17B}
.contact-us .contact-us-item.contact-us-item-3 .item-footer p{ background:#FDAD15}
.contact-us .contact-us-item.contact-us-item-3 .item-footer p a:hover{ background:#fff; color:#FDAD15}
.contact-us .captcha {
    height: 50px;
}
.contact-us .captcha img.captcha_img{height:100%;max-height:100%;border-radius:100px;border-color:#DEE7EB;}
.contact-us .captcha a{background:#56666F;font-size: 13px;width:25px;height:25px;margin-top:-13px;}
.contact-us .captcha a i{margin-left:2px;}

.contact-us .contact-us-item .item-content .head a:hover {
    color: #56666f;
}

.contact-us .contact-us-item .item-content ul li a:hover {
    color: #f7783c;
}

.contact-us .contact-us-item .item-content .form-group button:hover {
    background: #ffffff;
    color: #56666F;
}

@media only screen and (max-width:1780px){
    .contact-us .contact-us-item.contact-us-item-3 .item-content {
        padding: 3rem 3vw;
    }
}

@media only screen and (max-width:1750px){
    .contact-us .contact-us-item .item-footer p{font-size:1vw;}
    .contact-us .contact-us-item .item-footer p a{padding:7px 1.5vw;font-size:0.9vw;}
}

@media only screen and (max-width:1650px){
    .contact-us .contact-us-item.contact-us-item-3 .item-content{padding:3rem 4vw;}
    .contact-us .contact-us-item .item-content .head a{font-size:1.3vw;}
    .contact-us .contact-us-item .item-content .head .icon span{font-size:1vw;}
}


@media only screen and (max-width:1570px){
    .contact-us .contact-us-item.contact-us-item-3 .item-content {
        padding: 3rem 2vw;
    }
}

@media only screen and (max-width:1470px){
    .contact-us .form-row.checkbox-row .form-group .custom-control.last-custom-checkbox {
        max-width: 100%;
    }

    .contact-us .form-row.checkbox-row .form-group:nth-child(2) {
        margin-left: auto;
        margin-top: -8px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width:1370px){
    .contact-us .contact-us-item.contact-us-item-1 .item-content ul{padding-top:30px;}
    .contact-us .contact-us-item{margin:0;}
    .contact-us .contact-us-item .item-content{padding:4rem 2rem 2rem;}
    .contact-us .contact-us-item.contact-us-item-3 .item-content{padding:3rem 2.5vw;}
}

@media only screen and (max-width:1199px){
    .contact-us .contact-us-item.contact-us-item-2 .item-content{position:relative;border-radius:20px;}
    .contact-us .contact-us-map{flex:0 0 100%;max-width:100%;margin-bottom:40px;}
    .contact-us .contact-us-info, .contact-us .contact-us-form{flex:0 0 50%;max-width:50%;}
    .contact-us .contact-us-item.contact-us-item-2 .item-footer{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 20px 20px;justify-content:center;background:none;height:120px;align-items:center;padding:0;margin:0;}
    .contact-us .contact-us-item .item-content #map{border-radius:20px;}
    .contact-us .contact-us-item .item-footer p{font-size:1.5vw;}
    .contact-us .contact-us-item .item-footer p a{padding:7px 2vw;font-size:1.5vw;}
    .contact-us .contact-us-item.contact-us-item-2 .item-footer:before{top:0;right:0;left:0;bottom:0;width:100%;height:100%;margin-top:0;border-radius:0 0 20px 20px;background:linear-gradient(to top, rgba(0, 0, 0, 0.34), #ffffff00);pointer-events:none;}
    .contact-us .contact-us-item.contact-us-item-2 .item-footer p{background:none;height:auto;margin-top:0;text-align:center;}
    .contact-us .contact-us-item.contact-us-item-2 .item-footer p span{display:none;}
    .contact-us .contact-us-item.contact-us-item-2 .item-footer p a{margin-left:0;margin-top:30px;}
    .contact-us .form-row.checkbox-row {
        margin-top: 30px;
    }
}

@media only screen and (max-width:991px){
    .contact-us .contact-us-item .item-content .head .icon span{font-size:1.9vw;}
    .contact-us .contact-us-item .item-content .head a{font-size:2vw;}
    .contact-us .form-row.checkbox-row .form-group:nth-child(2) {
        flex: 0 0 110px !important;
    }
    .contact-us .form-row.checkbox-row .form-group .custom-control.last-custom-checkbox {
        max-width: 180px !important;
    }
}

@media only screen and (max-width:767px){
    .contact-us .contact-us-info, .contact-us .contact-us-form{flex:0 0 100%;max-width:100%;}
    .contact-us .contact-us-item h3{font-size:19px;margin-bottom:0;font-family: "voltesemibold";}
    .contact-us .contact-us-item .item-content .head .icon svg{transform:scale(0.9);}
    .contact-us .contact-us-item .item-content .head .icon span{font-size: 15px;}
    .contact-us .contact-us-item .item-content .head a{font-size:16px;}
    .contact-us .contact-us-item .item-content{padding:30px 20px;height:auto !important;}
    .contact-us .contact-us-item.contact-us-item-1 .item-content ul{padding-top:10px;}
    .contact-us .contact-us-item .item-content ul li .icon{flex:0 0 20px;max-width:20px;}
    .contact-us .contact-us-item .item-content ul li .icon svg {
        min-width: 20px;
        height: 25px;
    }
    .contact-us .contact-us-item .item-content ul li .icon:before{width:20px;height:20px;left:-5px;bottom:1px;}
    .contact-us .contact-us-item .item-content ul li p, .contact-us .contact-us-item .item-content ul li a{font-size:15px;}
    .contact-us .contact-us-item .item-content ul li{padding:20px 0;}
    .contact-us .contact-us-item.contact-us-item-1 .item-content{height:auto;padding-bottom:10px;}
    .contact-us .contact-us-item .item-footer p{font-size:14px;height:auto;padding:0;margin-top:0;padding-left:10px;}
    .contact-us .contact-us-item .item-footer p a{font-size:13px;padding:5px 20px;}
    .contact-us .contact-us-item .item-footer{height:auto;align-items:center;padding:13px 10px;}
    .contact-us .contact-us-info{margin-bottom:40px;}
    .contact-us .contact-us-item.contact-us-item-2 .item-footer p a{padding:8px 20px;font-size:14px;}
    .contact-us{padding-bottom:70px;}
    .contact-us .contact-us-item .item-content #map{height:500px;}
    .contact-us .contact-us-item.contact-us-item-3 .item-content{padding:30px 20px 20px;}

    .contact-us .contact-us-item.contact-us-item-2 .item-footer p {
       bottom: -105px;
       width: 100%;
       right: 0;
       left: 0;
       border-bottom-left-radius: 30px;
       border-bottom-right-radius: 30px;
       padding: 0;
       overflow: hidden;
       border: 0;
   }
   
   .contact-us .contact-us-item.contact-us-item-2 .item-content {
       margin-bottom: 110px;
   }
   
   .contact-us .contact-us-item.contact-us-item-2 .item-footer p a {
       width: 100%;
       height: 60px;
       margin: 0;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 0;
       background-color: #FDAD15;
       border: 0;
   }
}

/* Local Basket */
section.page.sepetScreen .sepet-alert {
    width: 82%;
    margin: auto;
}
section.page.sepetScreen .alert{margin:0 15px;margin-bottom:30px;}
.page.basket .basket-item .pay-info-container .pay-choose-item .alert {
    width: 100%;
    margin-top: 40px;
}
.sepetScreen i.fa-lira-sign{ font-size:80%}
.basket-nav .step{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: flex;padding:20px 0 25px;/* border-bottom:1px dashed #ccc; *//* margin-bottom:35px; */z-index:1;width:100%;overflow:hidden;justify-content: center;position: relative;}
.progress-line {
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: 1px;
}
.progress-thumb {
    position: relative;
    width: 0;
    height: 2px;
    background: #104260;
    z-index: 1;
}
.progress-line:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;border: 1px dashed #86949B;}
.basket-nav .active.bar:before{width: 100%;}
.basket-nav .step.active .stepIcon{border-color: #104260;}
.basket-nav .step .stepIcon{border: 1px solid #86949B;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;background: #f4f7fa;z-index:9;border-radius:200px;width:auto;height:auto;display:inline-block !important;}
.basket-nav .step .stepIcon a{width: 100px;height: 100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;overflow:hidden;justify-content: center;}
.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 .stepTitle{width:100%;padding: 20px 0;text-align:center;text-transform:uppercase;}
.basket-nav .step.active .stepIcon a svg path { fill: #104260; }
.basket-nav .step .stepIcon a svg path { transition: 0.4s; }
.basket-nav .step:first-child:after { left: 14vw; }
.basket-nav .step:last-child:after { right: 14vw; }
.basket-nav .step .stepTitle a{font-size: 20px;color: #92a3ac;}
.basket-nav .step.active .stepTitle a{color: #104260;}
.basket-title{ margin:0; padding:20px; position:relative; font-size:19px; color:#fff; background:#122c48; border-radius:3px; font-weight:500; text-transform:uppercase}
.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:#122c48; 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; 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}
.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{flex: 1;display:inline-block;margin-bottom:0;text-align: left;padding-left: 10px;font-size: 16px;font-family: 'voltemedium';color: #56666F;margin-top: 0;}
.price p {margin-bottom: 0;font-size: 19px;font-family: 'voltesemibold';color: #000;}
.price p span {
    font-size: 16px;
    font-family: 'voltesemibold';
}
.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%;text-align: center;}
.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; 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}
.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; 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{font-size: 15px;background:none;font-family: 'voltemedium';color: #3F4C53;}
.account-info-detail .table-responsive .table tr td > b {
    color: #92A3AC;
    font-size: 15px;
    font-family: 'voltesemibold';
}
.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: #10425f;margin: 0 4px;}
.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}
table.ozelTablo6.productsL tr td{ border:1px solid #00cad7; padding:10px; text-align:center}
table.ozelTablo6.productsL{ width:100%}
.scrollArea.sozlesmeDetay p{font-family: 'voltemedium';font-size:14px;line-height:normal;letter-spacing:normal;color: #104260;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}

/* Album */
.album-type-1{ background:#f6f6f6}
.album-type-1>.container{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start}
.album-type-1 .album-title{ -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; max-width:33.333%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.album-type-1 .swiper-container{ -webkit-box-flex:0; -ms-flex:0 0 66.666%; flex:0 0 66.666%; max-width:66.666%}
.album-type-1 .swiper-container .swiper-slide{ height:220px}
.album-type-1 .swiper-button-next,.album-type-1 .swiper-button-prev{ border:1px solid #07101b; width:34px; height:32px; 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; margin-top:calc(-32px / 2)}
.album-type-1 .swiper-button-prev{ left:initial; right:10px; margin-top:calc((32px / 2) - 1px)}
.album-type-2{ background:#f9f9f9}
.album-type-2>.container{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start}
.album-type-2 .album-title{ -webkit-box-flex:0; -ms-flex:0 0 22%; flex:0 0 22%; max-width:22%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.album-type-2 .swiper-container{ -webkit-box-flex:0; -ms-flex:0 0 78%; flex:0 0 78%; max-width:78%}
.album-type-2 .swiper-container .swiper-slide{ height:250px}
.album-type-2 .swiper-button-next,.album-type-2 .swiper-button-prev{ border:1px solid rgba(0, 0, 0, 0); width:34px; height:32px; 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; margin-top:0; top:calc(100% - 32px - 26px)}
.album-type-2 .swiper-button-prev{ left:initial; right:calc(10px + 34px)}
.album-type-2 .swiper-pagination{ font-size:1.25rem; left:calc(100% - (34px * 2) - 20px - 28px - 10px); width:auto; line-height:32px; height:32px; bottom:26px}
.album-type-3{ background:#f4f4f4}
.album-type-3>.container{ position:relative; padding:0 4.5rem}
.album-type-3 .album-title{ text-align:center}
.album-type-3 .swiper-container .swiper-slide{ height:220px}
.album-type-3 .swiper-button-next,.album-type-3 .swiper-button-prev{ top:calc(50% + 28px); margin-top:calc(-32px / 2); width:34px; height:32px; 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}
.album-type-3 .swiper-button-next svg,.album-type-3 .swiper-button-prev svg{ width:1.75rem; height:1.75rem}

/* Footer */
.footer{margin:auto auto 0 auto;width:100%;position:relative;z-index:99;background: url(../img/footer-mask.png) left bottom/contain no-repeat #fff;}
.footer .container{width: 68.4vw;margin:0 auto;padding: 0 0 0 0;}
.footer .footer-top{ padding:104px 0 50px}
.footer .footer-bottom .container{ padding:28px 0; border-top:1px solid #E7EBEF}
.footer .footer-logo{ width:200px; margin-bottom:20px}

.footer .footer-menu ol.footer-menu-container{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.footer .footer-menu ol.footer-menu-container>li{flex: 1 1 0;}
.footer .footer-menu ol.footer-menu-container>li h3.footer-menu-head{ color:#002840; font-weight:500; font-size:15px; padding-bottom:15px; margin-bottom:0; position:relative; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
.footer .footer-menu ol.footer-menu-container>li h3.footer-menu-head:before{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:#4d80b7; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
.footer .footer-menu ol.footer-menu-container>li .footer-menu-list li a{color: #869FAD;font-family: "voltemedium";font-size:14px;display: inline-block;margin-bottom:4px;}
.footer .footer-menu ol.footer-menu-container>li .footer-menu-list li a:hover{color: #104260;}
.footer .footer-menu ol.footer-menu-container>li .footer-menu-list.active h3{ color:#486f98}
.footer .footer-menu ol.footer-menu-container>li .footer-menu-list.active h3:before{ width:100%}

.footer.footer-type-4 .footer-top .phone{padding-top:1rem;}
.footer.footer-type-4 .footer-top .phone a{display:-webkit-box;display:-ms-flexbox;display:flex;color:#AABCC6;align-items: center;}
.footer.footer-type-4 .footer-top .footer-logo .phone a img{ display:inline-block; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; margin-right:.5rem}
.footer.footer-type-4 .footer-top .footer-logo .phone a span{display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;white-space:nowrap;font-size:25px;font-family:"voltesemibold";}
.footer.footer-type-4 .footer-top .footer-logo .phone a span b{ font-family:"voltebold"}
.footer.footer-type-4 .footer-top .footer-menu{flex:1 1 0;}
.footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container{padding-left: 8vw;}
.footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-head{ color:#002840; font-family:"voltemedium"}
.footer.footer-type-4 .footer-top .footer-contact-information h3.footer-information-head{color:#002840;font-weight:500;font-family: "voltemedium";font-size:17px;padding-bottom:15px;margin-bottom:0;position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .icon{ color:#869FAD; display:none}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}
.footer .footer-contact-information ul li:last-child .text{ margin-left:0}
.footer .footer-contact-information ul li+li{ margin-top:8px; padding-top:8px; border-top:1px solid #E7EBEF}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text p{ color:#869FAD; position:relative; font-size:14px; font-family:"voltemedium"}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text p span{ position:absolute; left:0}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text p a{ color:#869FAD}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text h4{ color:#002840; display:inline-block; padding-right:1rem; font-size:1rem; font-family:"voltemedium"}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social a{font-size:1.2rem;padding:0;color:#AABCC6;}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social a+a{ margin-left:10px}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social a svg{width:20px;height:20px;fill:#AABCC6;transition: 0.4s;}
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social span{display:inline-block;color:#AABCC6;font-family: "voltemedium";line-height:1.75rem;margin-left:8px;}

.footer.footer-type-4 .footer-bottom .copyright p{color:#5E727E;font-size:14px;font-family:"voltemedium";margin-bottom: 0;}
.footer.footer-type-4 .footer-bottom .copyright p strong{font-family: "voltesemibold";}
.footer.footer-type-4 .footer-bottom .cards-area a{display:inline-block;margin-left:.5rem;}
.footer.footer-type-4 .footer-bottom .copyright p > span {
    border-left: 1px solid #b8c8d1;
    margin-left: 3px;
    padding-left: 5px;
}

.footer .cards-area { user-select: none; }

.biltek{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.biltek a{ font-size:12px; color:#73828c; display:inline-block; line-height:20px; position:relative; vertical-align:top}
.biltek a:nth-last-child(1){ margin-left:10px; padding-left:10px; position:relative; top:-4px}
.biltek a:nth-last-child(1):before{ content:""; position:absolute; top:2px; left:0; width:1px; height:24px; background:rgba(115, 130, 140, 0.3)}
.biltek a img{ display:block; width:65px}

.footer.footer-type-4 .footer-top .footer-contact-information ul li .text p a:hover { color: #3a689a; }
.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social a:hover svg { fill: #3a689a; }
.footer.footer-type-4 .footer-top .phone a:hover {
    color: #104260;
}
.footer.footer-type-4 .footer-top .phone a svg {
    margin-right: 8px;
}

.footer.footer-type-4 .footer-top .phone a svg path {
    transition: 0.4s;
}

.footer.footer-type-4 .footer-top .phone a:hover svg path {
    fill: #104260;
}

@media only screen and (max-width:1370px){
    .footer .footer-contact-information { padding-right: 3.6vw; }
    .footer .footer-contact-information { padding-right: 0; }
    .footer .container { padding-left: 1vw; }
    .footer .footer-bottom .container { padding-left: 1vw; }
}

@media only screen and (max-width:1199px){
    .footer .container { padding-left: 15vw; width: 93vw; }
    .footer .footer-bottom .container { margin-left: 15vw; width: 82vw; }
}

@media only screen and (max-width:991px){
    .footer.footer-type-4 .footer-top .footer-logo{margin-top: -10px;width: 180px;}
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container{ padding-left:0 }
    .footer.footer-type-4 .footer-top .footer-menu { flex: 0.9 0.9 0; }
    .footer .footer-contact-information { margin-top: 20px; }
}

@media only screen and (max-width:767px){
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-bottom:1rem }
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-head{ padding-bottom:.25rem; margin-bottom:0 }
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-list{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-.5rem }
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-list li{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; margin-bottom:0 }
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-list li a{ padding:.25rem .5rem; margin-bottom:0 }
    .footer.footer-type-4 .footer-top .footer-contact-information h3.footer-information-head{ margin-bottom:0; padding-bottom:.5rem }
    .footer.footer-type-4 .footer-top .footer-contact-information ul li{margin-bottom: 0;}
}

@media only screen and (max-width:480px){
    .footer.footer-type-4 .footer-top .footer-contact-information{ text-align:center }
    .footer.footer-type-4 .footer-top .footer-contact-information ul li .text p span{ position:static }
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-head{ text-align:center }
    .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-list{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-left:0 }
}

/* Basket info */
.page.basket{ margin-top:-30px; padding-bottom:100px;}
.page.basket .basket-item .basket-title{ padding:0; font-size:initial; background:initial; color:initial; border-radius:0; font-weight:initial; text-transform:inherit; margin-bottom:25px;}
.page.basket .basket-item .basket-title h2{ font-size:30px; color:#56666f; margin-bottom:0;}
.page.basket .basket-item .basket-content{display:flex;align-items:center;justify-content: space-between;background:#fff;overflow:hidden;border-radius:10px;min-height: 403px;padding-right: 20px;}
.page.basket .basket-item .basket-content .basket-img{margin-left: -60px;max-width: 610px;flex: 0 0 50%;position: relative;}
.page.basket .basket-item .basket-content .basket-img:before {content: "";position: absolute;top: -30px;right: -25px;bottom: -10px;z-index: 1;background-image: url(../img/main/mask-laptop.png);background-size: contain;background-position: center;background-repeat: no-repeat;pointer-events: none;height: 320px;width: 435px;}

.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .money { display: inline; font-size: 13px; color: #3F4C53; margin-right: 0; }
.page.basket .basket-item .basket-content .basket-content-list > ul{ width:405px; border-radius:10px; border:2px solid #aabcc6; border-style:dashed; padding:20px 0 0;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li{display:flex;align-items:center;font-family:"voltesemibold";font-size:14px;color:#104260;padding:0 25px;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li + li{ border-top:1px solid #E1EAEF; padding-top:13px; margin-top:13px;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.discounted span .real-price {font-size: 13px;text-decoration: line-through;margin-right: 7px;color: #80808094;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.discounted span .real-price .money {margin-left: 1px !important ;}
.page.basket .basket-item .basket-content .basket-content-list ul li > span{font-family:"voltemedium";font-size:14px;color:#56666f;display:block;min-width: 120px;margin-right:20px;}
.page.basket .basket-item .basket-content .basket-content-list ul li .ext-text{ font-family:"voltemedium"; font-size:13px; color:#56666f !important; display:inline-block; min-width:initial; margin-left:10px;}
.page.basket .basket-item .basket-content .basket-content-list ul li .basket-number{display:flex;align-items:center;border:1px solid #D8E1E6;border-radius:15px;text-align:center;padding: 0 6px;}
.page.basket .basket-item .basket-content .basket-content-list ul li .basket-number .number-mines, .basket .basket-item .basket-content .basket-content-list ul li .basket-number .number-plus{ position: relative; width: 20px; height: 20px; cursor: pointer; }
.basket .basket-item .basket-content .basket-content-list ul li .basket-number .number-plus:before {content: "";position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;width: 8px;height: 2px;background: #56666F;}
.page.basket .basket-item .basket-content .basket-content-list ul li .basket-number .number-mines:before {content: "";position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;height: 2px;width: 6px;background: #56666F;}
.basket .basket-item .basket-content .basket-content-list ul li .basket-number .number-plus:after { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; height: 8px; width: 2px; background: #56666F; }
.page.basket .basket-item .basket-content .basket-content-list ul li .basket-number span.number{font-family:"voltebold";font-size: 12px;color:#104260;border-left:1px solid #D8E1E6;border-right:1px solid #D8E1E6;padding: 6px 8px;margin: 0 4px;}
.page.basket .basket-item .basket-content .basket-content-list ul li > span:nth-child(2){ font-family:"voltesemibold"; font-size:14px; color:#104260;}
.page.basket .basket-item .basket-content .basket-content-list ul li.discounted > span:nth-child(2){ font-size:20px; color:#000;}
.page.basket .basket-item .basket-content .basket-content-list ul li.discounted > span:nth-child(2) .zero{ font-size:14px; transform:translateY(-2px); display:inline-block;}
.page.basket .basket-item .basket-content .basket-content-list ul li.discounted > span:nth-child(2) .money{ font-family:'Barlow', sans-serif; font-weight:600; display:inline-block; margin-left:10px;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{ background:#F5F9FC; padding:20px 25px; border-top:none;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li{ font-size: 13px; color: #3F4C53; }
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label{ display:flex; align-items:center; -webkit-transition:.4s; transition:.4s; font-size:13px; font-family:"voltesemibold"; color:#56666F;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label svg{ width:11px; height:20px; margin-top:-2px; fill:#56666F;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control input:checked ~ .custom-control-label{ color:#104260;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control input:checked ~ .custom-control-label svg{ fill:#104260;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li + li{ margin-top:4px;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label:before{background:#fff0;box-shadow: none;border-color: #56666F;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label:after{ background-position:center; background-size:contain; width:10px; height:9px; left:-21px; top:7px;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control input:checked ~ .custom-control-label::before{border-color:#104260;background:#fff0;}
.page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control input:checked ~ .custom-control-label::after{ background-image:url(../img/main/tick-sign.svg);}
.page.basket .basket-item .basket-info{ border-radius:10px; background:#fff; padding:30px 20px; text-align:center; margin-top:15px;}
.page.basket .basket-item .basket-info p{ font-size:16px; color:#56666f; margin-bottom:0;}
.page.basket .basket-item .basket-info p span{ font-family:"voltesemibold"; font-size:17px; color:#104260; display:inline-block; margin:0 10px 0 6px;}
.page.basket .basket-item .basket-content .basket-content-list ul li > .del-text{ text-decoration-line:line-through;}
.page.basket .basket-item .basket-content .basket-content-list ul li .money{ font-family:'Barlow', sans-serif; font-weight:500;}
.page.basket .basket-item .basket-domain{display:flex;align-items:center;justify-content:space-between;border-radius: 10px 129px 10px 10px;background:#fff;padding: 40px;position:relative;}
.page.basket .basket-item .basket-domain .domian-choose{ display:block;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn.active{ color:#104260;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn + .choose-btn{ margin-top:8px;}
.page.basket .basket-item .basket-domain .basket-domain-name .select2{/* border-radius:0 25px 25px 0; *//* background:#eaeef2; *//* border:1px solid #dee7eb; */margin-left:5px;width:90px !important;height: 50px;/* border-radius: 0 100px 100px 0; */}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn a:before{ content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; width:17px; height:17px; background:#fff; border:1px solid #56666f; border-radius:100%;}
.product-detail-select-dp .select2-search--dropdown { display: none; }
.page.basket .basket-item .basket-domain .tab-content { width: 100%; }
.page.basket .basket-item .basket-domain .basket-domain-name .select2.select2-container--open.select2-container--focus { border-radius: 0 25px 0 0; }
.page.basket .basket-item .basket-domain .basket-domain-name .select2.select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: 0; top: 67%; }
.page.basket .basket-item .basket-domain .domian-choose .choose-btn a:after{ content:""; position:absolute; top:50%; left:4px; transform:translate(0, -50%); width:9px; height:9px; background:#104260; border-radius:100%; opacity:0;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn.active:before{ border-color:#104260;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn.active:after{ opacity:1;}
.page.basket .basket-item .basket-domain .basket-domain-name .select2 span.select2-selection.select2-selection--single{height:100%;background: #eaeef2;/* border:none; */border: 1px solid #dee7eb;border-radius: 0 100px 100px 0;}
.page.basket .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:50px;}
.page.basket .basket-item .basket-domain .tab-pane a{font-family:"voltemedium";font-size:18px;color:#fff;border-radius:100px;background:#104260;height:50px;line-height:49px;padding: 0 30px;text-align: center;margin-left:15px;display: block;position: relative;z-index: 1;}
.page.basket .basket-item .basket-domain .tab-pane a:after { background: #104260; }
.page.basket .basket-item .domain-form-el{background:#fff;padding:0 40px 40px;min-height:189px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.page.basket .basket-item .basket-user-info .captcha.active input, .page.basket .basket-item .basket-user-info .form-group.active input, .page.basket .basket-item .basket-user-info .form-group input:focus { border-color: #104260; background: #fff; }
.page.basket .basket-item .basket-user-info .form-group input::-webkit-input-placeholder { color: #9dafb9; }
.page.basket .basket-item .basket-user-info .form-group input:-ms-input-placeholder { color: #9dafb9; }
.page.basket .basket-item .basket-user-info .form-group input::placeholder { color: #9dafb9; }
.page.basket .basket-item .basket-domain .basket-domain-name .select2 span.select2-selection.select2-selection--single .select2-selection__arrow { right: 8px; top: 7px; }
.page.basket .basket-item .basket-user-info .form-group input{height:50px;border-radius:25px;background:#f4f7fa;border:1px solid #dee7eb;font-family:"voltemedium";font-size:14px;color:#9dafb9;padding:0 30px;transition: 0.4s;}
.page.basket .basket-item .basket-user-info .form-row .form-group{ flex:0 0 calc(50% - 10px);}
.page.basket .col-lg-6:nth-child(2){ padding-left:0;}
.page.basket .col-lg-6:nth-child(1){ padding-right:0;}
.page.basket .basket-item .basket-user-info .form-row .form-group + .form-group{ margin-left:20px;}
.page.basket .basket-item .basket-user-info .form-row{ margin:0;}
.page.basket .basket-item .basket-user-info .form-row .form-group .captcha img.captcha_img{ height:100%; border-radius:25px; border:1px solid #dee7eb; max-height:100%;}
.page.basket .basket-item .basket-user-info .form-row .form-group .captcha{ height:50px; padding:0;}
.page.basket .basket-item .basket-user-info .form-row .form-group .captcha a{background:#104260;font-size:16px;margin-top:-12px;margin-right: 0;right: 8px;}
.page.basket .basket-item .basket-user-info .form-row .form-group .captcha + .captcha{ margin-left:20px;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract p{ margin-bottom:0; font-size:15px; color:#56666f;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract p a{ font-family:"voltesemibold"; text-decoration:underline; color:#56666f;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .submit button{font-family:"voltesemibold";font-size:20px;color:#fff;background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);border:none;padding:10px 35px;border-radius:100px;position: relative;z-index: 1;}
.page.basket .basket-item .basket-user-info .basket-domain-bottom .submit button a { color: #fff; }
.page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract label:before{content:"";position:absolute;top:50%;left: -5px;transform: translateY(-50%);width:10px;height:10px;/* background:#104260; */border-radius:100%;opacity: 1;border: 1px solid #104260;}
.page.basket .basket-item .domain-form-el .basket-user-info-title{ margin-bottom:30px;}
.page.basket .basket-item .domain-form-el .basket-user-info-title h3{ font-size:16px; color:#104260; margin-bottom:0; position:relative;}
.page.basket .basket-item .domain-form-el .basket-user-info-title h3:before{ content:""; position:absolute; top:50%; transform:translateY(0); left:0; right:0; height:1px; background:#E1EAEF;}
.page.basket .basket-item .domain-form-el .basket-user-info-title h3 span{ background:#fff; position:relative; padding-right:15px;}
.page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info{
    margin-bottom: 30px;
    width: 100%;
    padding-left: 40px;
    position: relative;
}
.page.basket .basket-item .basket-domain .tab-pane:nth-child(2) .basket-domain-name input{ width:100%; border-radius:100px;}
.page.basket .basket-item .basket-domain .tab-pane:nth-child(2) .basket-domain-item{width: 100%;}
.page.basket .basket-item .basket-domain .tab-pane:nth-child(2) .basket-domain-name{margin-left: -10px;width: 100%;}
.page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p{ font-family:"voltemedium"; font-size:15px; color:#384045; margin-bottom:0; position:relative;}
.page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p span{ font-family:"voltesemibold"; display:inline-block; margin-left:20px;}
.page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info:before{content:"";position:absolute;top:50%;left: 0px;transform:translateY(-50%);background-image:url(../img/main/basket-info-icon.svg);width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn a{ font-family:"voltesemibold"; font-size:15px; color:#56666f; position:relative; padding-left:25px;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn a.active:after{ opacity:1;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn a.active:before{ border-color:#104260;}
.page.basket .basket-item .basket-domain .domian-choose .choose-btn a.active{ color:#104260;}

.order-summary-container{position:sticky;top:140px;}
.order-summary-container .order-summary{background:#fff;padding:30px 30px;border-radius: 10px;}
.order-summary-container .order-summary .order-summary-title{margin-bottom:20px;}
.page.basket-info.basket .basket-item .basket-content .basket-img{margin-right:-60px;}
.order-summary-container .order-summary .order-summary-title h2{font-family:"voltesemibold";font-size:15px;color:#104260;margin-bottom:0;text-align:center;border-radius:10px;border:1px solid #bac8d0;padding:20px;}
.order-summary-container .order-summary .order-summary-list .list-item{display:flex;align-items:center;justify-content:space-between;padding:0 10px;}
.order-summary-container .order-summary .order-summary-list.custom-list .list-item {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #E1EAEF;
}
.order-summary-container .order-summary .order-summary-list .list-item > span{font-family:"voltemedium";font-size:16px;color:#56666f;}
.order-summary-container .order-summary .order-summary-list .list-item .price{display:flex;align-items:center;font-family:"voltesemibold";font-size:19px;color:#000;}
.order-summary-container .order-summary .order-summary-list .list-item .price span{font-size:12px;display:inline-block;transform:translateY(1px);margin-right: 5px;}
.page.basket-step-4.basket .basket-item .basket-content .basket-img{margin-right:20px;}
.order-summary-container .order-summary .order-summary-list .list-item .price svg{height:30px;margin-left:10px;}
.order-summary-container .order-summary .order-summary-list .list-item + .list-item{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #E1EAEF;
}
.order-summary-container .order-summary .discount-btn{margin-top:20px;position: relative;}
.order-summary-container .order-summary .discount-form {display: flex;align-items: center;position: absolute;top: 0;right: 0;left: 0;bottom: 0;opacity: 0;visibility: hidden;transition: 0.4s;}
.order-summary-container .order-summary .discount-form input { color: #104260; border-radius: 10px; border: 1px solid #bac8d0; height: 100%; width: 100%; padding-right: 80px; padding-left: 20px; }
.order-summary-container .order-summary .discount-form button { position: absolute; right: 0; top: 0; bottom: 0; padding: 0 10px; border-radius: 0 10px 10px 0; border: none; background: #104260; color: #fff; font-size: 15px; font-family: "voltemedium"; }
.order-summary-container .order-summary .discount-btn.active > a { opacity: 0; visibility: hidden; }
.order-summary-container .order-summary .discount-btn.active .discount-form { opacity: 1; visibility: visible; }
.order-summary-container .order-summary .discount-btn a{font-family:"voltesemibold";font-size:15px;color:#104260;border-radius:10px;border:1px solid #bac8d0;padding:14px 20px;display:block;text-align:center;opacity: 1;visibility: visible;}
.order-summary-container .order-summary-btn{font-family:"voltesemibold";font-size:20px;color:#fff;background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);border:none;padding:10px 35px;border-radius:100px;display:block;text-align:center;margin-top:20px;position: relative;}
.page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.price-name{background:#F0F3F5;padding:18px 20px !important;margin-bottom:-13px;border-radius:10px;margin:15px 10px 15px;border-bottom:none;}
.page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul{padding:0 0 6px;width:31vw;}
.page.basket.basket-step-1 .basket-item .basket-content .basket-img{max-width: 37.3vw;flex: 0 0 40%;height: 280px;}
.page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li + li{border-top:none;margin-top:0;padding-top:0;padding:0;margin:0 30px;}
.page.basket-step-1.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li{border-bottom:1px solid #E1EAEF;margin-bottom:20px;padding-bottom:10px;}
.page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{background:none;padding:initial;border-bottom:none;}
.page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li a{border:1px solid #AABCC6;font-family:"voltemedium";font-size:13px;color:#4a5e67;padding:6px 10px;border-radius:5px;display:block;cursor: inherit;}
.page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul{display:flex;align-items:center;}
.order-summary-container .order-summary .discount-btn a:hover { background: #104260; border-color: #104260; color: #fff; }
.page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li + li{margin-top:0;margin-left:15px;}
.page.basket .basket-item .basket-invoice-info{background:#fff;height:100%;padding: 70px 50px 30px;border-radius:10px;}
.page.basket .basket-item .basket-invoice-info .form-title{display:flex;align-items:center;position:relative;margin-bottom:40px;}
.page.basket .basket-item .basket-invoice-info .form-title h3{font-size:19px;color:#104260;margin-bottom:0;background:#fff;position:relative;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox{display:flex;align-items:center;padding-left:20px;background:#fff;position:relative;padding-right:15px;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control{padding-left:0;cursor: pointer;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control label.custom-control-label{font-family:"voltesemibold";font-size:14px;color:#56666f;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div{flex:0 0 calc(50% - 23px);margin-bottom:40px;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div .form-control{font-size:16px;color:#6e7f88;height:50px;border-radius:25px;background:#f4f7fa;border:1px solid #b9c6ce;padding:0 30px;transition: 0.4s;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div .select2{/* border:1px solid #b9c6ce;*/ width:100% !important;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div.active .form-control, .page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div .form-control:focus { background: #ffff; border-color: #104260; }
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control + .custom-control{margin-left:20px;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control .custom-control-label::before{border-radius:100%;background:#fff0;border-color:#56666F;}
.page.basket .basket-item .basket-invoice-info .form-title:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:1px;background:#E1EAEF;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div + .form-div{margin-left:45px;}
.page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content .form-group .form-div.form-tax-administration { margin-left: 0; }
.page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content { position: relative; height: 470px; }
.page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: -30px;background: #fff;z-index: 1;transition: 0.4s;pointer-events: none;opacity: 0;}
.page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content .form-group .form-div.form-user-id { flex: 0 0 100%; }
.page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content.active:before { opacity: 1; }
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-row{margin:0;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-row .select2-container .select2-selection--single{border-radius:25px;background:#f4f7fa;border:1px solid #b9c6ce;height:50px;transition:0.3s;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-row .select2-container.select2-container--open .select2-selection--single{border-radius:25px 25px 0 0;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-row .select2-container--default .select2-selection--single .select2-selection__arrow{top:50%;transform:translateY(-50%);right:20px;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div textarea.form-control{resize:none;height:140px;padding:10px 30px;}
.page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 30px;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control label{margin-bottom:0;font-family:"voltesemibold";font-size:14px;color:#56666f;position:relative;padding-left:25px;cursor: pointer;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control label:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);height:18px;width:18px;border:1px solid #56666F;border-radius:100%;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control label:after{content:"";position:absolute;top:6px;left:4px;width:10px;height:10px;background:#104260;border-radius:100%;opacity:0;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control input:checked ~ label:after{opacity:1;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control input:checked ~ label{color:#104260;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control input:checked ~ label:before{border-color:#104260;}
.page.basket .basket-item .basket-invoice-info .form-title .form-checkbox .custom-control input{position:absolute;visibility:hidden;}
.page.basket .basket-item .pay-info-container .pay-type{background:#fff;padding:15px 30px;border-radius:10px;margin-bottom:13px;}
.page.basket .basket-item .pay-info-container .pay-type p{font-family:"voltemedium";font-size:17px;color:#104260;margin-bottom:0;display: flex;align-items: center;}
.page.basket .basket-item .pay-info-container .pay-type p > span{font-family:"voltesemibold";position: relative;width: 200px;height: 25px;display: block;margin-left: 10px;}
.page.basket .basket-item .pay-info-container .pay-type p > span > span { display: block; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: 0.4s; }
.page.basket .basket-item .pay-info-container .pay-type p > span > span.active { opacity: 1; visibility: visible; }
.page.basket .basket-item .pay-info-container .pay-choose{margin-bottom:13px;}
.page.basket .basket-item .pay-info-container .pay-choose ul li{flex:0 0 calc(50% - 10px);text-align:center;background:#fff;border-radius:10px;}
.page.basket .basket-item .pay-info-container .pay-choose ul li a{font-family:"voltesemibold";font-size:17px;color:#92a3ac;border:1px solid #fff;padding:0;border-radius:10px;padding:20px 0;}
.page.basket .basket-item .pay-info-container .pay-choose ul li + li{margin-left:20px;}
.page.basket .basket-item .pay-info-container .pay-choose ul li a.active{color:#104260;border-color:#104260;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text{display:flex;align-items:center;justify-content:space-between;border-radius:10px;background:#fff;border:1px solid #bac8d0;border-style:dashed;box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);padding:30px 3.1vw;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-logo{margin-right:50px;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text{display:flex;flex-wrap:wrap;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text{flex:0 0 50%;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text p{font-family:"voltemedium";font-size:0.9vw;color:#000;margin-bottom:0;}
.page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text p span{font-family:"voltesemibold";}
.page.basket .basket-item .pay-info-container .pay-invoice-info{display:flex;align-items:center;background:#fff;border-radius:10px;padding:50px 40px;margin-top:13px;}
.page.basket .basket-item .pay-info-container .pay-invoice-info h4{font-size:20px;color:#56666f;margin-bottom:0;margin-right:6vw;}
.page.basket .basket-item .pay-info-container .pay-invoice-info .info-text{display:flex;align-items:center;}
.page.basket .basket-item .pay-info-container .pay-invoice-info .info-text h5{margin-bottom:0;font-family:"voltemedium";font-size:15px;color:#56666f;}
.page.basket .basket-item .pay-info-container .pay-invoice-info .info-text p{margin-bottom:0;font-family:"voltemedium";font-size:15px;color:#56666f;max-width:230px;margin:0 60px;}
.page.basket .basket-item .pay-info-container .pay-invoice-info .info-text .info-tel-mail a{font-family:"voltemedium";font-size:15px;color:#56666f;display:block;}
.basket-step-3 .order-summary-container .order-summary-btn{width:100%;}
.order-summary-container .order-summary .discount-text{position:relative;display:flex;align-items:center;margin-top:35px;}
.order-summary-container .order-summary .discount-text input{position:absolute;visibility:hidden;}
.order-summary-container .order-summary .discount-text label{min-width:18px;height:18px;border:1px solid #104260;border-radius:100%;margin-bottom:0;margin-right:10px;cursor: pointer;}
.order-summary-container .order-summary .discount-text p{font-size:14px;color:#104260;margin-bottom:0;max-width: 70%;}
.order-summary-container .order-summary .discount-text p a{font-family:"voltesemibold";text-decoration:underline;color:#104260;}
.order-summary-container .order-summary .discount-text label:before{content:"";position:absolute;top: 50%;transform: translateY(-50%);left:4px;width:10px;height:10px;border-radius:100%;opacity:0;background:#104260;}
.order-summary-container .order-summary .discount-text input:checked ~ label:before{opacity:1;}
.page.basket .basket-item .basket-content a.pay-form{font-family:"voltesemibold";font-size:14px;color:#fff;background:#F7783C;border-radius:100px;padding:5px 11px;position: relative;z-index: 1;margin-left: 50px;margin-bottom: 0;}
.page.basket-step-4.basket .basket-item .basket-content .basket-content-list > ul > li{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.page.basket-step-4.basket .basket-item .basket-content .basket-content-list > ul{width:680px;padding:0;border:none;border-radius:10px;}
.page.basket-step-4.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{background:#F0F3F5;padding:10px 30px;}
.page.basket-step-4.basket-step-1.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li:nth-child(even){background:#fff;}
.page.basket.basket-step-4 .basket-item .basket-content .basket-img {
    flex: 0 0 30%;
}
.page.basket.basket-step-4 .basket-item .basket-content {
    justify-content: initial;
}
.page.basket.basket-step-4 .basket-item .basket-content .basket-content-list {
    margin-left: 150px;
}
.page.basket-step-4.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li:first-child{border-radius:10px 10px 0 0;}
.page.basket-step-4.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li:last-child{border-radius:0 0 10px 10px;}
.page.basket-step-4.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li{border-bottom:none;margin:0;padding:10px 30px;background:#F0F3F5;}
.page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info{text-align:center;margin-bottom:30px;}
.page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info p{font-family:"voltemedium";font-size:15px;color:#384045;margin-bottom:0;position:relative;display:inline-block;padding-left:50px;}
.page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info p span{font-family:"voltesemibold";margin-left:20px;}
.page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info p:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;background-image:url(../img/main/basket-info-icon.svg);width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;}
.page.basket .final-step{display:flex;justify-content:center;margin-bottom:50px;}
.page.basket .final-step p{margin-bottom:0;font-family:"voltesemibold";font-size:25px;color:#32ba7c;position:relative;padding-left:75px;display:inline-block;}
.page.basket .final-step p:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;background-image:url(../img/main/checked.svg);width:55px;height:55px;background-size:contain;background-repeat:no-repeat;background-position:center;}
.sepetScreen .page.basket{padding-bottom:30px;max-width:87%;margin:40px auto 30px;}
.order-summary-container .order-summary-btn a{color:#fff;}
.page.basket .basket-item .basket-content .basket-content-list ul li .basket-number span.number input{text-align:center;width:7px;border:none;transition:0.4s;}
.page.basket .basket-item .basket-content .basket-content-list ul li .basket-number span.number input.width-2{width:15px;}

.modal-only-text .modal-header { border-bottom: none; padding: 0; justify-content: center; margin-bottom: 30px; }
.modal-only-text .modal-header h5 { font-family: "voltesemibold"; font-size: 20px; color: #104260; margin-bottom: 0; }
.modal-only-text .modal-body { padding: 0; }
.modal-only-text .modal-body p { font-size: 14px; line-height: 23px; color: #263034; margin-bottom: 0; }
.modal-only-text .modal-content:before {content: "";position: absolute;top: 20px;right: 20px;left: 20px;bottom: 20px;border: 1px solid #BAC3CE;border-radius: 30px;}
.modal-only-text .modal-content {padding: 50px 70px;min-height: 580px;border-radius: 25px;}
.modal-only-text .modal-dialog { max-width: 1100px; }
.modal-only-text .modal-header .close {position: absolute;top: 60px;right: 60px;padding: 0;width: 20px;height: 20px;transition: 0.4s;}
.modal-only-text .modal-header .close span { display: none; }
.modal-only-text button.close:before {content: "";position: absolute;top: 0;right: 0;background-image: url(../img/main/close-btn.svg);width: 20px;height: 20px;}
.modal-backdrop { background: #56666F; }
.modal-backdrop.show { opacity: 0.8; }

/* Credit Card */

@media only screen and (max-width: 1700px){
    .page.basket-step-1-real.basket .basket-item .basket-content .basket-content-list > ul { width: 32.5vw; }    
}

@media only screen and (max-width: 1730px){
    .page.basket .basket-item .basket-info p { font-size: 0.8vw; display: flex; align-items: center; justify-content: space-between; }
    .page.basket .basket-item .basket-info p svg { margin-right: -2.6vw; }
    .page.basket .basket-item .basket-content .basket-content-list > ul {width: 400px;}
}

@media only screen and (max-width: 1650px){
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p { font-size: 0.9vw; }
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p span { margin-left: 10px; }
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info { padding-left: 10px; max-width: 41vw; }

    /* -- */

    .page.basket .basket-item .pay-info-container .pay-invoice-info h4 { font-size: 1vw; }
    .page.basket .basket-item .pay-info-container .pay-invoice-info { padding: 50px 2vw; }
}

@media only screen and (max-width: 1600px){
    .page.basket .basket-item .basket-content .basket-content-list > ul{width:24vw;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li{padding:0 1vw;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{padding:20px 1vw;}
    .page.basket .basket-item .basket-info p span{font-size:16px;display:block;}
    .page.basket .basket-item .basket-info p svg{margin-right:-40px;}
    
    /*---*/
    
    .page.basket-step-1-real.basket .basket-item .basket-content .basket-content-list > ul{width:33vw;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li a{font-size:0.8vw;}
    .order-summary-container .order-summary{padding:20px;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li + li{margin:0 2vw;}
    
    /*---*/
    
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text{padding:30px 2vw;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-logo{margin-right:3vw;}
    .page.basket .basket-item .basket-content .basket-img:before {
    right: -85px;
    top: -29px;
}

.page.basket-info.basket .basket-item .basket-content .basket-img {margin-left: -100px;}
}


@media only screen and (max-width: 1550px){
    .page.basket .basket-item .basket-content .basket-content-list ul li > span:nth-child(2){font-size:0.9vw;}
    .page.basket .basket-item .basket-content .basket-img{flex:0 0 75%;}
    .page.basket .basket-item .basket-content .basket-content-list > ul{margin-left:10px;width: 70%;margin: 0 auto;}
    .page.basket .basket-item .basket-info p span{margin-right:0;font-size:1vw;}
    .page.basket .basket-item .basket-domain{padding-left:30px;}
    .page.basket .basket-item .basket-user-info .form-group input{padding:0 20px;}
}

@media only screen and (max-width: 1450px){
    .page.basket .basket-item .basket-content .basket-content-list > ul{margin-left:10px;width:28vw;}
    .page.basket .basket-item .basket-info p svg{transform:scale(0.9);margin-right: -20px;}
    .page.basket .basket-item .basket-domain .domian-choose .choose-btn a{font-size:13px;}
    .page.basket .basket-item .basket-domain .tab-pane a{font-size:15px;padding:0 20px;}
    .page.basket .basket-item .basket-user-info .basket-domain-bottom .submit button{padding:10px 20px;font-size:18px;}
    .page.basket .basket-item .basket-user-info .form-row .form-group .captcha a{right:5px;width:24px;height:24px;font-size:14px;}
    .page.basket .basket-item .basket-user-info .form-row .form-group .captcha + .captcha{margin-left:10px;}
    
    /*---*/
    
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li a{padding:6px;}
    .order-summary-container .order-summary .order-summary-list .list-item > span{font-size:14px;}
    .sepetScreen .page.basket{max-width:89vw;}
    .page.basket.basket-step-1 .basket-item .basket-content .basket-img{max-width:42vw;margin-bottom: 300px;width: 450px;}

    /*---*/

    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list > ul{width:43vw;}
    .page.basket.basket-step-4 .basket-item .basket-content .basket-img{max-width:42vw;}
}

@media only screen and (max-width: 1370px){
    .page.basket .basket-item .basket-content .basket-content-list ul li > span { min-width: 80px; }
    .page.basket .basket-item .basket-content .basket-content-list > ul { margin-left: 20px; }
    .page.basket .basket-item .basket-domain { padding-right: 30px; }
    .page.basket .basket-item .basket-domain .tab-pane:nth-child(2) .basket-domain-name { width: 90%; }
}

@media only screen and (max-width: 1199px){
    .modal-open .modal{ padding: 0 50px !important; }
    .modal-open .modal::-webkit-scrollbar { width: 0px; }

    /* --- */

    .page.basket{padding: 190px 60px 100px;}
    .page.basket .basket-item.basket-item-domain{margin-top:70px;}
    .page.basket .basket-item .basket-info p{font-size:17px;justify-content:center;}
    .page.basket .basket-item .basket-info p svg{margin-right:0;}
    .page.basket .basket-item .basket-info p span{font-size:17px;margin:0 30px 0 10px;}
    .page.basket .basket-item .basket-domain .tab-pane:nth-child(2) .basket-domain-item{width:100%;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p{font-size:15px;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info{max-width:80%;padding-left: 50px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li{font-size:1.3vw;}
    .page.basket .basket-item .basket-content .basket-content-list > ul{width:42vw;}
    .page.basket .basket-item .basket-content .basket-content-list ul li > span:nth-child(2){font-size:1.2vw;}
    .page.basket .basket-item .basket-content .basket-content-list ul li > span{font-size:1.2vw;}
    .page.basket .basket-item .basket-content .basket-content-list ul li.discounted > span:nth-child(2){font-size:1.8vw;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label{font-size:1.2vw;}
    .page.basket .basket-item .basket-domain {
        border-radius: 10px;
    }

    /* --- */

    .sepetScreen .page.basket{max-width:100%;}
    .page.basket.basket-step-1 .basket-item .basket-content .basket-img{max-width:100%;flex:0 0 100%;margin:0 auto;text-align:center;}
    .page.basket.basket-step-1 .basket-item{background:#fff;border-radius:10px;}
    .basket-step-1-real .order-summary-container{flex:0 0 calc(40% - 15px);margin-top:11px;}
    .page.basket.basket-step-1 .basket-item.basket-content-ipad{flex:0 0 calc(54.8% - -17px);margin-left:15px;margin-right:11px;margin-top:11px;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul{width:100%;margin:0 auto;}
    .page.basket.basket-step-1 .basket-item .basket-content{justify-content:center;}
    .page.basket.basket-step-1 .basket-item .basket-content .basket-content-list{width:100%;height:100%;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li a{font-size:1.1vw;padding:1vw;}
    .page.basket-step-1.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.price-name{margin-bottom:30px;}
    .page.basket.basket-step-1 .order-summary-container .order-summary{border-radius:10px;}

    /*--*/

    .page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div{flex:0 0 100%;}
    .page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div + .form-div{margin-left:0;}
    .page.basket .basket-item .basket-invoice-info{padding:50px 30px 20px;}
    .basket-step-2 .order-summary-container{top:140px;}
    .page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content { height: 760px; }
    .page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content:before { bottom: -20px; }
    
    /*---*/

    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text{display:block;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info{display:block;padding:40px 50px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text p{margin:20px 0px;max-width:100%;font-size:18px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info h4{font-size:23px;margin-bottom:35px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text h5{font-size:18px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text .info-tel-mail a{font-size:18px;}
    .page.basket.basket-step-3 .basket-item{background:transparent;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text{display:block;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text p{font-size:17px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text{flex:0 0 100%;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text + .text{margin-top:10px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-logo{margin-right:0;text-align:center;margin-bottom:30px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item{padding:30px 30px 40px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item > p{margin-bottom:30px;}
    .page.basket .basket-item .pay-info-container .pay-type{padding:25px 30px;}

    /**/

    .page.basket.basket-step-4 .basket-item .basket-content{display:block;height:auto;}
    .page.basket.basket-step-4 .basket-item .basket-content .basket-content-list{width:auto;height:auto;margin-left: 0;}
    .page.basket.basket-step-4 .basket-item{display:flex;align-items:center;justify-content:center;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info p{padding-top:10px;}
    .page.basket.basket-step-4 .basket-item .basket-content .basket-img{margin-bottom:30px;}
}

@media only screen and (max-width: 991px){

    .basket-nav .step .stepIcon a{width:70px;height:70px;}
    .basket-nav .step .stepIcon a svg{transform:scale(0.7);}
    .basket-nav .step .stepTitle a{font-size:16px;}
    .basket-nav .step.active:before{top:26.7%;left:90px;}
    .basket-nav .step{width:25%;}

    /*--*/

    .page.basket{padding:130px 5px 100px;}
    .page.basket .basket-item .basket-title h2{padding:0 20px;font-size:28px;}
    .page.basket-info.basket .basket-item .basket-content .basket-img{margin-right:-60px;margin-left: -90px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul{width: 70vw;}
    .page.basket .basket-item .basket-content .basket-content-list ul li > span{font-size: 14px;min-width:90px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li{font-size: 14px;padding:0 15px;}
    .page.basket .basket-item .basket-content .basket-content-list ul li > span:nth-child(2){font-size: 14px;}
    .page.basket .basket-item .basket-content .basket-content-list ul li.discounted > span:nth-child(2){font-size:2.5vw;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label{font-size:1.5vw;}
    .page.basket .basket-item .basket-info p span{font-size:1.8vw;margin-right:10px;}
    .page.basket .basket-item .basket-info p{font-size:1.8vw;}
    .page.basket .basket-item .basket-info p svg{transform:scale(0.8);}
    .page.basket .basket-item .basket-info{padding:20px 20px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{padding:20px 15px;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info{max-width: 100%;top: 0;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p{font-size:14px;display: flex;}
    .page.basket .basket-item .basket-domain{padding-top:90px;}
    .page.basket .basket-item .basket-user-info .basket-domain-bottom{margin-top:-5px;border-top-left-radius:0;border-top-right-radius:0;flex-direction: column;}
    .page.basket .basket-item .domain-form-el{padding-bottom:0;}

    /*---*/

    .page.sepetScreen{padding-top:100px;padding-bottom:20px;}
    .sepetScreen .page.basket{padding-top:0;margin-top:20px;max-width:90%;}
    .basket-step-1 .order-summary-container{flex:0 0 calc(50% - 62px);}
    .page.basket.basket-step-1 .basket-item.basket-content-ipad{flex:0 0 calc(50% - -21px);}
    .basket-step-1 .order-summary-container .order-summary .order-summary-title h2{padding:12px 20px;}
    .page.basket-step-1-real.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul{display:block;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li a{font-size:12px;padding:8px 10px;margin-left:0;display:inline-block;}
    .page.basket-step-1-real.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li + li{margin-left:0;margin-top:15px;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{align-items:flex-start;margin-bottom:0 !important;padding-bottom:10px !important;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services span{margin-top:7px;}
    .page.basket.basket-step-1-real .basket-item .basket-content .basket-content-list ul li > span:nth-child(2){display:none;}
    .page.basket-step-1.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li{margin-bottom:13px;padding-bottom:13px;}
    .page.basket-step-1.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.price-name{margin-bottom:20px;padding:14px 20px !important;}
    .page.basket.basket-step-1 .order-summary-container .order-summary{height:100%;padding:25px 20px;}
    .page.basket.basket-step-1 .order-summary-container .order-summary .discount-btn a{padding:11px 20px;}

    /*--*/

    .page.basket .basket-item .basket-invoice-info{padding:40px 10px 10px;}
    .page.basket .basket-item .basket-invoice-info .form-title h3{font-size:17px;}
    .page.basket .basket-item .basket-invoice-info .form-title{justify-content:space-between;}
    .page.basket .basket-item .basket-invoice-info .form-title:before{visibility:hidden;}
    .order-summary-container .order-summary .order-summary-list .list-item .price{transform:scale(0.9);}
    .order-summary-container .order-summary .order-summary-list .list-item{padding-right:4px;}

    /* --- */
    
    .page.basket .basket-item .pay-info-container .pay-choose ul li a{font-size:16px;padding:15px 0;}
    .page.basket .basket-item .pay-info-container .pay-type p{font-size:15px;}
    .page.basket .basket-item .pay-info-container .pay-choose ul li + li{margin-left:10px;}
    .page.basket .basket-item .pay-info-container .pay-choose ul li{flex:0 0 calc(50% - 5px);}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text p{font-size:15px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item{padding:30px 20px 40px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item > p{font-size:14px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info{padding:40px 40px;}
    .page.basket.basket-step-4 .basket-item .basket-content .basket-img{margin:0 auto 40px;}
    .page.basket.basket-info.basket-step-1.basket-step-4{padding-bottom:110px;}

}

@media only screen and (max-width: 767px){
    .modal-open .modal { padding: 0 10px !important; z-index: 99999; }
    .modal-only-text .modal-content:before { top: 10px; right: 10px; left: 10px; bottom: 10px; }
    .modal-only-text .modal-content { padding: 60px 30px 40px; }
    .modal-only-text .modal-header .close { top: 50px; right: 50px; }
    .modal-only-text .modal-header h5 { font-size: 18px; }
    .modal-only-text .modal-header { margin-bottom: 20px; }

    /* -- */

    .basket-nav .step{width:70px;float:none;margin: 0 75px;}
    .basket-nav .step:first-child:after{left:17vw;}
    .basket-nav .step:last-child:after{right:17vw;}
    .basket-nav{width: 500px;overflow-x: scroll;justify-content: flex-start;padding-right: 100px;}
    .basket-nav .step.active:before{top:26.7%;left:17vw;}
    .page.sepetScreen .swiper-container.basket-nav-slide{padding:0 0;width: 750px;}
    .basket-nav::-webkit-scrollbar {
        display: none;
    }

    /* -- */

    .page.basket .basket-item .basket-title h2{font-size:25px;}
    .page.basket .basket-item .basket-content{display:block;padding-right: 0;}
    
    .page.basket-info.basket .basket-item .basket-content .basket-img{margin:0;}
    .page.basket .basket-item .basket-content .basket-content-list > ul{width:88%;margin:10px auto 40px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li{font-size: 13px;padding-right:0;flex-wrap: wrap;}
    .page.basket .basket-item .basket-content .basket-content-list ul li > span{font-size: 13px;min-width:65px;}
    .page.basket .basket-item .basket-content .basket-content-list ul li > span:nth-child(1) {
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 2px;
    }
    .page.basket .basket-item .basket-content .basket-content-list ul li > span:nth-child(2){font-size: 13px;margin-right:0;}
    .page.basket .basket-item .basket-content .basket-content-list ul li .basket-number{transform:scale(0.9);margin-left:-7px;}
    .page.basket .basket-item .basket-content .basket-content-list ul li.discounted > span:nth-child(2){font-size:18px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label{font-size:10px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control{padding-left:10px;}
    .page.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li .custom-control label.custom-control-label:before{width:13px;height:13px;left:-18px;}
    .page.basket .basket-item .basket-info p span{font-size:15px;display:block;margin:0;text-align: left;}
    .page.basket .basket-item .basket-info p{flex-wrap:wrap;font-size:10px;position:relative;padding-left: 65px;justify-content:flex-start;align-items:initial;text-align: left;}
    .page.basket .basket-item .basket-info p svg{position:absolute;left:0;top:50%;transform:translateY(-50%) scale(1);width: 40px;height: 40px;}
    .page.basket .basket-item.basket-item-domain{margin-top:50px;}
    .page.basket .basket-item .basket-domain{border-top-right-radius:80px;padding: 40px 10px 20px;display:block;}
    .page.basket .basket-item .basket-domain .domian-choose{display:flex;align-items:center;margin-bottom:20px;}
    .page.basket .basket-item .basket-domain .domian-choose .choose-btn + .choose-btn{margin-top:0;margin-left:20px;}
    .page.basket .basket-item .basket-domain .domian-choose .choose-btn a{transform:scale(0.9);display:block;}
    .page.basket .basket-item .basket-domain .tab-content{width:100%;padding-right:10px;}
    .page.basket .basket-item .basket-domain .basket-domain-name{ width: 100%; }
    .page.basket .basket-item .basket-domain .basket-domain-item{display:block;overflow:hidden;}
    .page.basket .basket-item .basket-domain .basket-domain-name input{width:100%;height:45px;font-size:15px;}
    .page.basket .basket-item .basket-domain .basket-domain-name .select2{height:45px;}
    .page.basket .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:43px;font-size:15px;}
    .page.basket .basket-item .basket-domain .basket-domain-name .select2 span.select2-selection.select2-selection--single .select2-selection__arrow{top:3px;right: 4px;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info{max-width:100%;position:relative;top:0;text-align: center;padding-left: 0;padding-top: 60px;padding-bottom: 30px;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p span{display:initial;margin-left:0;}
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info p{font-size:13px;}
    .page.basket .basket-item .basket-domain .tab-pane:nth-child(2) .basket-domain-name{width:100%;margin-left:0;margin-top:20px;}
    .page.basket .basket-item .basket-domain .tab-pane a{height:auto;line-height:normal;padding:10px 20px;display:inline-block;margin-left:auto;margin-top:20px;}
    .page.basket .basket-item .domain-form-el{padding:20px;margin-top:0px;min-height:auto;}
    .page.basket .basket-item .basket-user-info .form-row .form-group{flex:0 0 100%;}
    .page.basket .basket-item .basket-user-info .form-row .form-group + .form-group{margin-left:0;}
    .page.basket .basket-item .basket-user-info .basket-domain-bottom{display:block;padding:10px 25px 30px;}
    .page.basket .basket-item .basket-user-info .basket-domain-bottom .submit{margin-top:30px;text-align:center;}
    .page.basket .basket-item .basket-user-info .basket-domain-bottom .submit button{padding:10px 40px;}
    .page.basket{padding-bottom:50px;}
    .page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract p{font-size: 12px;}

    /*---*/

    .order-summary-container .order-summary-btn{font-size:18px;padding:10px 20px;margin:20px 15px 0;}
    .order-summary-container .order-summary .discount-btn{margin-top: 20px;/* display: none; */}
    .order-summary-container .order-summary .order-summary-list{margin:0 10px;}
    .page.basket.basket-step-1 .row > .col-lg-12{padding:0;}
    .basket-step-1 .order-summary-container{margin: 10px 10px 0;flex:0 0 100%;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul{width:90%;padding-top:7px;}
    .page.basket-step-1.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li{margin:0 20px 10px;padding-bottom:10px;}
    .page.basket-step-1.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.price-name{margin:0 5px 20px;padding:12px 10px !important;}
    .page.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li a{font-size:10px;padding:6px 13px;}
    .page.basket.basket-step-1-real .basket-item{padding-bottom:30px;}
    .page.basket.basket-step-1 .pay-info-container .order-summary-container .order-summary {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    /* -- */

    .page.basket.basket-step-2 .basket-item .basket-invoice-info .form-content {
        height: 630px;
    }
    .sepetScreen .page.basket{max-width:100%;}
    .page.basket .basket-item .basket-invoice-info .form-content .form-group .form-div{margin-bottom:20px;}
    .page.basket.basket-step-2 .basket-item{padding-bottom:0px;}
    
    /* */

    .page.basket .basket-item .pay-info-container .pay-choose ul li{flex:0 0 100%;}
    .page.basket .basket-item .pay-info-container .pay-choose ul li + li{margin-left:0;margin-top:13px;}
    .page.basket .basket-item .pay-info-container .pay-type p{font-size:14px;}
    .page.basket .basket-item .pay-info-container .pay-type{padding:20px;text-align:center;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text p{font-size:14px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text{padding:30px 20px;}
    .page.basket .basket-item .pay-info-container .pay-choose-item .choose-item .choose-text .item-text .text + .text{margin-top:5px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text p{font-size:15px;margin:10px 0;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text h5{font-size:15px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text .info-tel-mail a{font-size:15px;}
    .page.basket .basket-item .pay-info-container .pay-invoice-info h4{margin-bottom:20px;font-size:20px;}
    .basket-step-3 .order-summary-container .order-summary-btn{margin:20px auto 0;width:90%;}
    /* */

    .page.basket .final-step p{font-size:20px;max-width:240px;padding-left:60px;}
    .page.basket .final-step p:before{width:45px;height:45px;}
    .page.basket.basket-info.basket-step-1.basket-step-4{margin-top:10px;padding-bottom:80px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info p{padding-left:70px;padding-top:0;max-width:330px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info p:before{width:50px;height:50px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list .list-info{text-align:left;display:flex;justify-content:center;}
    .page.basket.basket-step-4 .basket-item .basket-content{margin-top:-30px;}
    .page.basket .final-step{margin-bottom:30px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul{display:block;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services ul li + li{margin-left:0;margin-top:13px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list > ul > li span.ext-text{font-size:9px;}
    .page.basket-step-4.basket-step-1.basket .basket-item .basket-content .basket-content-list > ul > li.extra-services{padding:10px 15px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list > ul > li{padding:10px 15px !important;margin-bottom:0 !important;}
    .page.basket .basket-item .basket-content a.pay-form{font-size:11px;margin-left: 50px;}
    .page.basket-step-4.basket .basket-item .basket-content .basket-content-list > ul{width:100%;}
    .page.sepetScreen{padding-top:80px;}
}

/**/

.order-payinfo-form .modal-dialog{ max-width:1030px;}
.order-payinfo-form .modal-content h5.modal-title{font-family:"voltesemibold";font-size:17px;color:#104260;margin-bottom:0;line-height:normal;padding: 25px 50px;}
.order-payinfo-form .modal-header .close{position:absolute;top:0;right:0;width:40px;height:40px;border-radius:0px 10px;background:#F7FAFC;padding:0;transform: translate(-40%, 40%);opacity:1;}
.order-payinfo-form .modal-header .close svg { margin-top: -4px; margin-right: -4px; }
.order-payinfo-form .modal-content{border:none;border-radius:10px;padding: 60px 65px 40px;}
.order-payinfo-form .modal-content:before{ content:"";}
.order-payinfo-form .modal-header{ border:none; padding:0; margin-bottom:25px;}
.order-payinfo-form .modal-body{ padding:0;}
.order-payinfo-form .modal-body .table-container{ padding: 0 15px 30px; }
.order-payinfo-form .body-content { border: 1px solid #DEE7EB; border-radius: 25px; }
.order-payinfo-form .modal-body .table-container .table{margin-bottom:0;color:#fff0;display:flex;justify-content:space-between;}
.order-payinfo-form .modal-body .table-container .table ul.last-price-title{/* flex: 0 0 245px; */width: 245px;}
.order-payinfo-form .modal-body .table-container .table ul.time li > span {
    margin: 0 auto;
}
.order-payinfo-form .modal-body .table-container .table ul.service-name li > span {
    margin-left: 0;
}
.order-payinfo-form .modal-body .table-container .table ul.code li > span {
    margin: 0 auto;
}
.order-payinfo-form .modal-body .table-container .table ul li > span {white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis;display: block;margin-left: auto;}
.order-payinfo-form .modal-body .table-container .table ul li > span > span { display: inline-block; }
.order-payinfo-form .modal-body .table-container .table ul.service-name {/* flex: 0 0 335px; */width: 335px;}
.order-payinfo-form .modal-body .table-container .table ul.amount {/* flex: 0 0 150px; */width: 150px;}
.order-payinfo-form .modal-body .table-container .table ul li{font-family:"voltemedium";font-size:13px;color:#3f4c53;height: 50px;padding: 0 20px;border:1px solid #ECEEF0;border-left:none;text-align:center;display: flex;align-items: center;}
.order-payinfo-form .modal-body .table-container .table ul li + li{ border-top:none;}
.order-payinfo-form .modal-body .table-container .table ul .title{font-family:"voltesemibold";color:#92a3ac;justify-content: center;}
.order-payinfo-form .modal-body .table-container .table ul.code{/* flex: 0 0 100px; */width: 100px;}
.order-payinfo-form .modal-body .table-container .table ul.service-name li{ text-align:left;}
.order-payinfo-form .modal-body .table-container .table ul.service-name li.title{justify-content: center;}
.order-payinfo-form .modal-body .table-container .table ul.time{/* flex: 0 0 95px; */width: 95px;}
.order-payinfo-form .modal-body .table-container .table ul.amount li{ text-align:right;}
.order-payinfo-form .modal-body .table-container .table ul.amount li.title{ text-align:center;}
.order-payinfo-form .modal-body .table-container .table ul.discount-amount{/* flex: 0 0 190px; */width: 190px;}
.order-payinfo-form .modal-body .table-container .table ul.discount-amount li{ text-align:right;}
.order-payinfo-form .modal-body .table-container .table ul.discount-amount li.title{ text-align:center;}
.order-payinfo-form .modal-body .table-container .table ul li span.currency{ font-family:'Barlow', sans-serif;}
.order-payinfo-form .modal-body .table-container .first-table.table ul:first-child li:first-child{ border-top-left-radius:10px;}
.order-payinfo-form .modal-body .table-container .first-table.table ul:last-child li:first-child{ border-top-right-radius:10px;}
.order-payinfo-form .modal-body .table-container .first-table.table ul:first-child li{ border-left:1px solid #ECEEF0;}
.order-payinfo-form .modal-body .table-container .second-table.table .order-number{/* flex: 0 0 435px; */width: 435px;border:1px solid #ECEEF0;border-bottom-left-radius:10px;display:flex;align-items:center;justify-content:center;}
.order-payinfo-form .modal-body .table-container .table ul.last-price{/* flex: 0 0 190px; */width: 190px;}
.order-payinfo-form .modal-body .table-container .second-table.table{ margin-top:-1px;}
.order-payinfo-form .modal-body .table-container .table ul.last-price li{ text-align:right;}
.order-payinfo-form .modal-body .table-container .table ul.last-price-title li{text-align:right;}
.order-payinfo-form .modal-body .table-container .first-table.table ul li{ background:#F7FAFC;}
.order-payinfo-form .modal-body .table-container .table ul.last-price li:last-child{ border-bottom-right-radius:10px;}
.order-payinfo-form .modal-body .table-container .second-table.table .order-number > span{ font-family:"voltesemibold"; font-size:13px; color:#7d8990; border:1px solid #DEE7EB; height:40px; width:180px; border-radius:100px 0 0 100px; display:flex; align-items:center; padding:0 20px;}
.order-payinfo-form .select2-container--default .select2-selection--single{ height:40px; border-color:#DEE7EB; border-radius:0 100px 100px 0;}
.order-payinfo-form .modal-body .table-container .second-table.table .order-number .number-select{ width:150px;}
.order-payinfo-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered { border-radius: 0 100px 0 0; }
.order-payinfo-form .modal-body .pay-info-form .form-row button:after { background: #104260; }
.order-payinfo-form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:39px;background:#EAEEF2;border-radius:0 100px 100px 0;font-family:"voltesemibold";font-size:14px;color:#3f4c53;transition: 0.4s;}
.order-payinfo-form .select2-container--default .select2-selection--single .select2-selection__arrow b{ margin-top:0; border-width:6px 6px 0px 6px; border-color:#3F4C53 transparent transparent transparent; right:17px; left:auto; top:47%;}
.order-payinfo-form .modal-body .pay-info-form{ padding:30px 50px; background:#F4F7FA; border-top:1px solid #DEE7EB; border-radius:0 0 25px 25px;}
.order-payinfo-form .modal-body .pay-info-form h5{ font-family:"voltesemibold"; font-size:17px; color:#104260; margin-bottom:30px; padding:0 15px;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group{border-radius:22.5px;background:#fff;border:1px solid #dee7eb;padding: 0;height:45px;flex:1 1;margin-bottom:20px;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group .form-control{font-family:"voltemedium";font-size:15px;color:#7d8990;background:#fff0;border:none;padding: 0 20px;height:100%;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group .price{font-family:"voltesemibold";font-size:14px;color:#3f4c53;height:100%;line-height:42px;padding: 0 20px;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group .price span{ font-family:'Barlow', sans-serif; font-weight:600;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group + .form-group{ margin-left:17px;}
.order-payinfo-form .modal-body .pay-info-form .form-row:first-child .form-group:first-child{ flex:1.8 1;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group.form-date input{ font-family:"voltesemibold"; font-size:14px; color:#3f4c53; height:100%;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group textarea.form-control{resize:none;padding: 15px 20px;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group.text-group{ height:150px;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item{ display:flex; align-items:center; height:50px; justify-content:space-between; padding:0 30px;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item span{ font-family:"voltemedium"; font-size:15px; color:#7d8990;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item .bank-el{ display:flex; align-items:center;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item .bank-el .bank-number{font-family:"voltemedium";font-size: 14px;color:#788891;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item .bank-el .bank-number span{ font-family:"voltesemibold";}
.order-payinfo-form .modal-body .pay-info-form .form-row button{font-family:"voltesemibold";font-size:18px;color:#fff;width:100%;border:none;border-radius:25px;background:#104260;padding:10px 0;position: relative;z-index: 1;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item .bank-el .bank-el-logo{ max-width:120px; margin-right:15px; margin-left:15px;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item .bank-el input{ position:absolute; visibility:hidden;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item .bank-el label{width:18px;height:18px;border:1px solid #AABCC6;border-radius:100%;margin-bottom:0;position:relative;cursor: pointer;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item .bank-el input:checked ~ label{ border-color:#104260;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item .bank-el label:before{ content:""; position:absolute; top:3px; left:3px; width:10px; height:10px; background:#104260; border-radius:100%; opacity:0;}
.order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item .bank-el input:checked ~ label:before{ opacity:1;}
.order-payinfo-form .modal-body .form-pay-info ul{ padding-left:40px; margin-top:30px;}
.order-payinfo-form .modal-body .form-pay-info ul li{ font-family:"voltesemibold"; font-size:13px; color:#7d8990; list-style-type:disc;}
.order-payinfo-form .modal-body .form-pay-info ul li + li{ margin-top:4px;}
.order-payinfo-form .modal-body .table-container .second-table.table .order-number .detele-btn span { color: #EC5F5C; }
.order-payinfo-form .modal-body .table-container .second-table.table .order-number .pay-info-detail-btn { border-radius: 100px; border: 1px solid #dee7eb; padding: 10px 20px; display: flex; align-items: center; cursor: pointer; transition: 0.4s; }
.order-payinfo-form .modal-body .table-container .second-table.table .order-number .form-btn:hover { background: #104260; border-color: #104260; }
.order-payinfo-form .modal-body .table-container .second-table.table .order-number .pay-info-detail-btn:hover span { color: #fff; }
.order-payinfo-form .modal-body .table-container .second-table.table .order-number .pay-info-detail-btn svg path { transition: 0.4s; }
.order-payinfo-form .modal-body .table-container .second-table.table .order-number .pay-info-detail-btn:hover svg path { fill: #ffffff; }
.order-payinfo-form .modal-body .table-container .second-table.table .order-number .detele-btn:hover { background: #EC5F5C; border-color: #EC5F5C; }
.order-payinfo-form .modal-body .table-container .second-table.table .order-number .form-btn span { color: #104260; }
.order-payinfo-form .modal-body .table-container .second-table.table .order-number .pay-info-detail-btn span { font-family: "voltemedium"; font-size: 13px; display: block; margin-left: 7px; transition: 0.4s; }
.order-payinfo-form .modal-body .table-container .second-table.table .order-number .detele-btn { margin-left: 13px; }
#order-pay-info-detail .pay-info-detail-text { margin-top: 10px; margin-left: 20px; }
#order-pay-info-detail .pay-info-detail-text p { font-family: "voltemedium"; font-size: 15px; color: #7d8990; margin-bottom: 0; }
.order-payinfo-form#order-pay-info-detail  .modal-body .table-container { padding-bottom: 11px; }

@media only screen and (max-width: 1084px){
    .order-payinfo-form .modal-body .table-container .second-table.table .order-number > span {
        width: 120px;
        font-size: 11px;
        padding-right: 10px;
    }

    .order-payinfo-form .modal-body .table-container .second-table.table .order-number .number-select {
        width: 110px;
    }

    .order-payinfo-form .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1045px){
    .order-payinfo-form .modal-body .table-container .table ul.last-price-title {
        width: 250px;
    }
    
}

@media only screen and (max-width: 991px){
    .order-payinfo-form .modal-body .table-container .table ul.last-price-title {width: 268px;}

    .order-payinfo-form .modal-body .table-container .second-table.table .order-number {
        width: 449px;
    }
    .order-payinfo-form .modal-dialog {
        max-width: 800px;
    }

    .order-payinfo-form .modal-body .table-container .table ul li {
        font-size: 11px;
    }
    .order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item span {
        font-size: 11.5px;
    }

    .order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item .bank-el .bank-number {
        font-size: 13px;
    }

    .order-payinfo-form .modal-body .pay-info-form {
        padding: 30px 30px;
    }

    .order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item {
        padding: 0 20px;
    }

    .order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item .bank-el .bank-el-logo {
        max-width: 90px;
    }
}

@media only screen and (max-width: 900px){
    .order-payinfo-form .modal-content {
        padding: 60px 40px 40px;
    }
}

@media only screen and (max-width: 850px){
    .order-payinfo-form .modal-content {
        padding: 60px 30px 40px;
    }
    .order-payinfo-form .modal-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .order-payinfo-form .modal-dialog {
        width: 730px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 30px auto;
    }
}

@media only screen and (max-width: 767px){
    .order-payinfo-form .modal-content {
        left: 0;
        position: relative;
        max-height: initial;
        overflow: initial;
        padding: 40px 20px;
    }

    .order-payinfo-form .modal-dialog {
        transform: scale(1) !important;
        position: relative;
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
    }

    .order-payinfo-form .modal-body .table-container {
        overflow-y: hidden;
        /* overflow-x: auto; */
    }

    .order-payinfo-form .modal-body .table-container .second-table.table .order-number {
        min-width: 266px;
        width: auto;
    }

    .order-payinfo-form .modal-body .table-container .table ul.last-price-title {
        width: 200px;
    }

    .order-payinfo-form .modal-body .table-container .table ul.time {
        min-width: 101px;
    }

    .order-payinfo-form .modal-body .table-container .table ul.last-price {
        min-width: 90px;
    }

    .order-payinfo-form .modal-content h5.modal-title {
        font-size: 15px;
        padding: 15px 30px;
    }

    .modal-open .modal {
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .order-payinfo-form .modal-body .pay-info-form {
        padding: 25px 25px;
    }

    .order-payinfo-form .modal-body .pay-info-form .form-row .form-group {
        flex: 0 0 100%;
    }

    .order-payinfo-form .modal-body .pay-info-form .form-row .form-group + .form-group {
        margin-left: 0;
    }

    .order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item .bank-el {
        flex-wrap: wrap;
        margin-top: 10px;
    }

    .order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item {
        flex-wrap: wrap;
        height: auto;
        padding: 15px 20px;
    }

    .order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item span {
        font-size: 14px;
        padding-right: 10px;
    }

    .order-payinfo-form .modal-body .pay-info-form .form-row .form-group.bank-item .bank-el .bank-number {
        margin-top: 11px;
    }

    .order-payinfo-form .modal-body .pay-info-form .form-row button {
        font-size: 15px;
    }
    .order-payinfo-form .modal-body .table-container .second-table.table .order-number {
        flex-wrap: wrap;
    }

    .order-payinfo-form .modal-body .table-container .second-table.table .order-number .detele-btn {
        margin-left: 0;
        margin-top: -80px;
    }
}

.basket-wrapper {
    display: none;
}

/* @media only screen and (max-width: 750px){
    .order-payinfo-form .modal-dialog{transform: scale(0.9) !important;margin: 0px auto;}
}

@media only screen and (max-width: 730px){
   .order-payinfo-form .modal-content {
        left: -1%;
    }
    .order-payinfo-form .modal-dialog {
        transform: scale(0.8) !important;
        margin: -50px 0;
    }
}

@media only screen and (max-width: 700px){
   .order-payinfo-form .modal-content {
        left: -4%;
    }
}

@media only screen and (max-width: 680px){
   .order-payinfo-form .modal-content {
        left: -5%;
    }
}

@media only screen and (max-width: 650px){
   .order-payinfo-form .modal-content {
        left: -8%;
    }
}

@media only screen and (max-width: 620px){
    .order-payinfo-form {
        overflow: hidden !important;
    }
    .order-payinfo-form .modal-content {
        overflow: auto;
        max-height: calc(100vh - -120px);
        left: -9.5%;
    }
}

@media only screen and (max-width: 580px){
    .order-payinfo-form .modal-dialog {
        transform: scale(0.7) !important;
    }

    .order-payinfo-form .modal-content {
        left: -20vw;
    }
} */

/**/

.btn-filter-container{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;background:#E4EAF0;border-radius:3rem;margin-bottom:80px;margin-left:140px;}
.btn-filter-container .button{background:rgba(0, 0, 0, 0);position:relative;z-index:10;-webkit-transition:.4s;transition:.4s;padding:0.6rem 2.25rem;border:none;color:#829AA8;font-size:17px;font-family:"voltesemibold";margin:0;outline:none;outline-color:rgba(0, 0, 0, 0);text-align:center;cursor:pointer;}
.btn-filter-container .button.is-checked{color:#104260;}
.btn-filter-container .selector{background:#fff;width:115px;display:inline-block;position:absolute;left:0px;height:51px;top:0px;z-index:1;margin-top:-4px;-webkit-box-shadow:0 5px 15px rgba(170, 188, 198, 0.44);box-shadow:0 5px 15px rgba(170, 188, 198, 0.44);border-radius:3rem;-webkit-transition:.4s;transition:.4s;}
.btn-filter-container .button span.button-nylon{font-size:17px;position:absolute;display:block;left:50%;top:49%;width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:.4s;transition:.4s;}
.btn-filter-container .button span.button-origin{font-size:19px;opacity:0;}
.btn-filter-container .button.is-checked .button-nylon{font-size:19px;top:45%;}

.extra-services-content1{padding-top:50px;padding-bottom:150px;}
.user-mobil-menu span{display:block;position:absolute;width:100%;height:3px;background:#fff;left:50%;top:50%;margin-top:-1px;margin-left:-10px;transition:0.5s;border-radius:100px;}
.user-mobil-menu{position:fixed;right:80px;top: 49px;width:30px;height:20px;cursor:pointer;z-index:999;display:none;transition:0.4s;}

.mobile-menu-open header.header{background-color:#fff;box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);}
.mobile-menu-open header.main-header:before{opacity:0;}
.mobile-menu-open header.header .container{padding-top:10px;padding-bottom:10px;}
.mobile-menu-open header.header nav.header-scope .logo a.navbar-brand svg path.one-color{fill:#002840;}

.user-mobil-menu.fixed span{background:#27495d;}
.user-mobil-menu span:nth-child(1){margin-top:-11px;}
.user-mobil-menu span:nth-child(3){margin-top:9px;}

.extra-services-content1 .title h2{font-size:35px;color:#002840;margin-bottom:0;line-height:1.4;}
.extra-services-content1 .content-container .content .content-item .content-el + .content-el{margin-left:35px;}
.extra-services-content1 .content-container .content .content-item .content-el .content-btn{height:40px;border-radius:20px;background:linear-gradient(90deg, #F76444 0%, #f6ac29 100%);line-height:39px;max-width:140px;margin:25px auto;cursor:pointer;z-index:1;position:relative;}
.extra-services-content1 .content-container .content .content-item .content-el .content-btn span{font-family:"voltesemibold";font-size:17px;color:#fff;}
.extra-services-content1 .content-container .content .content-item:before{content:"";position:absolute;bottom:0;left:0;right:0;height:90px;background:#FCFDFF;border-top:1px solid #DFE5EB;border-radius:0 0 10px 10px;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-body ul li:last-child{border-bottom:none;}
.extra-services-content1 .container{padding:0 30px 0 130px;}
.extra-services-content1 .image{width:33vw;}
.extra-services-content1 .content-container{text-align:center;}
.extra-services-content1 .content-container .content{display:flex;align-items:center;}
.extra-services-content1 .content-container .content .content-item-menu{margin-top:25px;width:15.7vw;}
.extra-services-content1 .content-container .content .content-item-menu ul li{font-family:"voltesemibold";font-size:0.8vw;color:#56666f;position:relative;padding-left:3.1vw;background:#EAF2F8;height:55px;display:flex;align-items:center;}
.extra-services-content1 .content-container .content .content-item-menu ul li + li{border-top:1px solid #DCE8EF;}
.extra-services-content1 .content-container .content .content-item{display:flex;align-items:center;background:#fff;border:1px solid #DFE5EB;padding:0 35px;position:relative;border-radius:10px;}
.extra-services-content1 .content-container .content .content-item .content-el{width:12vw;text-align:center;margin-top:-30px;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header{background:#FCFDFF;border:1px solid #DFE5EB;border-radius:10px 10px 0 0;padding:25px 0;margin-bottom:-1px;height:145px;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header > span{font-family:"voltesemibold";font-size:1vw;color:#f7783c;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price{font-family:"voltesemibold";font-size:2vw;color:#000;margin-top:5px;position:absolute;top:0;left:50%;transform:translateX(-50%) scale(0);opacity:0;transition:0.4s;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price-container{position:relative;width:100%;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price.active{transform:translateX(-50%) scale(1);opacity:1;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price span{font-size:20px;display:inline-block;transform:translateY(-13px);}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price span svg{width:12px;margin-top:-12px;}
.extra-services-content1 .content-container .content .content-item-menu ul li:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:1.5vw;width:10px;height:10px;border:3px solid #BAC8D0;border-radius:100%;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-body ul li{font-family:"voltemedium";font-size:16px;color:#002840;text-align:center;border:1px solid #DCE8EF;height:55px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;}
.extra-services-content1 .content-container .content .content-item .content-el .content-el-body ul li + li{margin-top:-1px;}
.extra-services-content1 .title h2 span{font-family:"voltesemibold";font-size:35px;color:#002840;position:relative;}
.extra-services-content1 .title h2 span:before {content: "";position: absolute;bottom: -10px;left: 0;right: 0;height: 5px;border-radius: 3px;background: linear-gradient(90deg, #f80026 0%, #f6ac29 100%);}

@media only screen and (max-width: 1650px){
    .extra-services-content1 .content-container .content .content-item .content-el{width:14vw;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price{font-size:2.2vw;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-el-header > span{font-size:1.1vw;}
    .extra-services-content1 .content-container .btn-filter-container{margin-left:8.1vw;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price span{transform:translateY(-0.6vw);}
    .extra-services-content1 .content-container .btn-filter-container{margin-left:14vw;}
}

@media only screen and (max-width: 1500px){
    .extra-services-content1 .image{width:100%;margin-top:71px;}
    .extra-services-content1 .col-lg-5{flex:0 0 35%;max-width:35%;}
    .extra-services-content1 .content-container{margin-left:20px;}
    .extra-services-content1 .container{padding:0 70px;}
    .extra-services-content1 .col-lg-7{flex:0 0 63%;max-width:63%;}
    .extra-services-content1 .content-container .content .content-item .content-el{width:15vw;}
    .extra-services-content1 .content-container .content .content-item-menu{width:17vw;}
    .extra-services-content1 .content-container .content .content-item-menu ul li{font-size:0.9vw;}
    .extra-services-content1 .row{justify-content:space-between;}
    .extra-services-content1 .content-container .btn-filter-container{margin-left:16vw;}
    .extra-services-content1 .title h2{font-size:2.4vw;line-height:3vw;}
    .extra-services-content1 .title h2 span{font-size:2.3vw;}
}

@media only screen and (max-width: 1199px){
    .extra-services-content1 .content-container .content .content-item .content-el{width:26vw;height:auto;}
    .extra-services-content1 .content-container .content .content-item .content-el + .content-el{margin-left:0;margin-top:100px;}
    .extra-services-content1 .content-container .content .content-item{padding:0 20px 0;flex-direction:column;}
    .extra-services-content1 .title h2{font-size:3vw;line-height:4vw;}
    .extra-services-content1 .title h2 span{font-size:3vw;}
    .extra-services-content1 .image{width:90%;}
    .extra-services-content1 .content-container .content .swiper-container{height:530px;}
    .extra-services-content1 .content-container .content{align-items:initial;}
    .extra-services-content1 .content-container .content .content-item-menu ul li{font-size:1.3vw;}
    .extra-services-content1 .content-container .content .content-item-menu{width:22vw;margin-top:0;}
    .extra-services-content1 .content-container .btn-filter-container{margin-left:19vw;}
    .extra-services-content1 .content-container .content .content-item:before{visibility:hidden;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-btn:before{content:"";position:absolute;top:-25px;right:-80px;left:-80px;bottom:-30px;background:#FCFDFF;z-index:-1111;border-top:1px solid #e9f0f5;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-btn span{position:relative;display:block;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-btn span{z-index:9;height:40px;border-radius:20px;background:linear-gradient(90deg, #F76444 0%, #f6ac29 100%);line-height:39px;max-width:140px;margin:25px auto;cursor:pointer;z-index:1;position:relative;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-el-header > span{font-size:2vw;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price{font-size:3.4vw;}
    .extra-services-content1 .content-container .content .content-item .content-el .content-el-header .price span{transform:translateY(-1vw);}
    .extra-services-content1 .content-container .content .content-item-menu ul{position:sticky;top:385px;margin-top:114px;}
}

.extra-services-content2 .content-container .content .content-item .content-el .content-el-header .price{position:relative;left:0;transform:translateX(0) scale(1);opacity:1;}
.extra-services-content2 .content-container .content .content-item .content-el .content-el-header > span{color:#104260;}
.extra-services-content2 .content-container .content .content-item .content-el .content-el-header > span > span{color:#f7783c;font-family:"voltemedium";}
.extra-services-content2 .content-container .content .content-item .content-el{margin-top:0;width:310px;}
.extra-services-content2 .content-container .content .content-item .content-el + .content-el{margin-left:0;}
.extra-services-content2 .content-container .content .content-item .content-el .content-el-header{border:none;background:transparent;}
.extra-services-content2 .content-container .content .content-item .content-el .content-el-body ul li{border-left:none;border-right:none;background:transparent;}
.extra-services-content2 .content-container .content .content-item{background:#EAF2F8;padding:0;}
.extra-services-content2 .content-container .content .content-item-menu ul li:before{visibility:hidden;}
.extra-services-content2 .content-container .content .content-item-menu ul li{padding:0;justify-content:center;background:#FCFDFF;font-family:"voltemedium";height:54.1px;}
.extra-services-content2 .content-container .content .content-item-menu{width:200px;margin:0 0 91.9px;}
.extra-services-content2 .content-container .content{align-items:flex-end;}
.extra-services-content2 .card-info{border-radius:25px 10px 10px 10px;background:#fcfdff;border:1px solid #dfe5eb;box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);margin-top:30px;}
.extra-services-content2 .card-info .card-header{border-radius:25px 15px 25px 0px;background:#154b6c;padding:20px 30px 20px 100px;border:none;position:relative;width:85%;}
.extra-services-content2 .card-info .card-header svg{position:absolute;bottom:-13px;left:20px;}
.extra-services-content2 .card-info .card-header span{font-size:25px;color:#fff;}
.extra-services-content2 .card-info .card-header span strong{font-family:"voltebold";}
.extra-services-content2 .card-info .card-body{padding:50px 60px 40px;text-align:center;}
.extra-services-content2 .card-info .card-body .first-content{border-bottom:1px solid #DCE8EF;margin-bottom:30px;padding-bottom:30px;}
.extra-services-content2 .card-info .card-body .first-content p{font-size:20px;line-height:30px;color:#104260;text-align:center;margin-bottom:0;}
.extra-services-content2 .card-info .card-body > p{font-family:"voltemedium";font-size:16px;line-height:23px;color:#56666f;margin-bottom:0;text-align:center;}
.extra-services-content2 .card-info .card-body > a{height:40px;border-radius:20px;background:linear-gradient(90deg, #F76444 0%, #f6ac29 100%);line-height:39px;font-family:"voltesemibold";font-size:17px;color:#fff;display:inline-block;text-align:center;padding:0 35px;margin-top:40px;position: relative;z-index: 1;}
.extra-services-logo-single .logo-single-item{text-align:center;margin:30px 15px 0;}
.extra-services-logo-single .logo-single-item:hover .logo-single-item-container{background:#104260;/* box-shadow:0px 15px 15px rgba(16, 66, 96, 0.29); */border-color:#104260;transform:translateY(-30px);}
.extra-services-logo-single .logo-single-item .logo-single-item-container{border-radius:10px;border:2px solid #aabcc6;background:transparent;box-shadow:0px 15px 15px rgba(16, 66, 96, 0);padding-bottom:50px;transition:0.5s;}
.extra-services-logo-single .container{padding:90px 10.5vw;}
.extra-services-logo-single .logo-single-item .icon{width:130px;height:90px;border-radius:25px 15px 25px 0px;background:#fff;box-shadow:7px 15px 15px rgba(170, 188, 198, 0.15);display:flex;align-items:center;justify-content:center;margin:0 auto;margin-top:-45px;}
.extra-services-logo-single .logo-single-item h2{font-family:"voltesemibold";font-size:25px;color:#104260;margin:40px 0 20px;transition:0.5s;}
.extra-services-logo-single .logo-single-item .price{font-family:"voltesemibold";font-size:38px;color:#000;}
.extra-services-logo-single .logo-single-item .price span{font-size:20px;display:inline-block;transform:translateY(-13px);}
.extra-services-logo-single .logo-single-item .price span svg{width:12px;margin-top:-12px;transition:0.5s;}
.extra-services-logo-single .logo-single-item .button{height:40px;border-radius:120px;background:linear-gradient(90deg, #F76444 0%, #f6ac29 100%);line-height:39px;max-width:140px;margin:30px auto 0;cursor:pointer;position:relative;font-family:"voltesemibold";font-size:17px;color:#fff;}
.extra-services-logo-single .logo-single-item h2 span{font-family:"voltemedium";color:#f7783c;transition:0.5s;}
.extra-services-logo-single .logo-single-item:hover h2{color:#fff;}
.extra-services-logo-single .logo-single-item:hover h2 span{color:#fff;}
.extra-services-logo-single .logo-single-item:hover .price{color:#fff;transition:0.5s;}
.extra-services-logo-single .logo-single-item:hover .price span svg{fill:#fff;}

@media only screen and (max-width: 1450px){
    .extra-services-logo-single .container { padding: 90px 6.5vw; }
}

.extra-services-textpage .logo-single-item .logo-single-item-container{background:#EAF2F8;}
.extra-services-textpage.extra-services-logo-single .logo-single-item h2{margin-left:10px;padding-right:10px;}
.extra-services-textpage .content{padding-right:60px;}
.extra-services-textpage .content h2{font-family:"voltemedium";font-size:25px;color:#002840;margin-bottom:18px;}
.extra-services-textpage .content p{font-size:16px;line-height:25px;color:#263034;margin-bottom:0;}
.extra-services-textpage .content-img img{width:100%;}
.extra-services-textpage.extra-services-textpage1 .container .row{align-items:center;}
.extra-services-textpage.extra-services-textpage1 .container{padding:10px 10.5vw;}
.extra-services-textpage .content{padding-right:0;}
.extra-services-textpage .page-call-form{display:flex;align-items:center;justify-content:space-between;background:#fcfdff;border:1px solid #dfe5eb;padding:30px 50px;margin-top:70px;}
.extra-services-textpage .page-call-form .call-text{display:flex;align-items:center;}
.extra-services-textpage .page-call-form .call-form-item button{font-family:"voltemedium";font-size: 16px;color:#fff;border-radius:100px;background:#104260;border:none;padding:0 30px;margin-left: 10px;position: relative;z-index: 1;flex: 0 0 170px;}
.extra-services-textpage .page-call-form .call-form-item button:after { background: #104260; }
.extra-services-textpage .page-call-form .call-text h3{font-family:"voltemedium";font-size: 1vw;line-height:1.3vw;color:#2f3b41;max-width:21vw;margin-bottom:0;margin-left: 20px;}
.extra-services-textpage .page-call-form .call-form-item{
    flex: 0 0 73%;
}
.extra-services-textpage .page-call-form .call-form-item .form-group.last-custom-row {
    width: 100%;
    display: flex;
    align-items: center;
    /* margin-top: 10px; */
}

.extra-services-textpage .page-call-form .call-form-item .form-group.last-custom-row label {
    position: relative;
    top: 0;
    left: 0;
    transform: translateY(0) scale(1) !important;
}
.extra-services-textpage .page-call-form .call-form-item .form-group{height:50px;margin-bottom:0;position: relative;}
.extra-services-textpage .page-call-form .call-form-item .form-group input{font-size:14px;color:#718088;height:100%;width: 14vw;max-width: 270px;border-radius:25px;background:#eaeef2;border:1px solid #dee7eb;padding:0 20px;transition: 0.4s;}
.extra-services-textpage .page-call-form .call-form-item .form-group + .form-group{margin-left:30px;}
.extra-services-textpage .page-call-form .call-form-item .form-group label { font-size: 14px; color: #718088; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); padding: 0 10px; transition: 0.4s; }
.extra-services-textpage .page-call-form .call-form-item .form-group.active label, .extra-services-textpage .page-call-form .call-form-item .form-group input:focus ~ label { transform: translate(-4px, -35px) scale(0.9); background: #fcfdff; }
.extra-services-textpage .page-call-form .call-form-item .form-group.active input, .extra-services-textpage .page-call-form .call-form-item .form-group input:focus { background: #fff; }
.extra-services-textpage .page-call-form .call-form-item .form-row{margin:0;flex-wrap:nowrap;}

@media only screen and (max-width: 1620px){
    .extra-services-textpage .page-call-form .call-form-item button {font-size: 0.8vw;margin-left: 20px;flex: 0 0 150px;}
    .extra-services-textpage .page-call-form .call-form-item .form-group + .form-group { margin-left: 20px; }
    .extra-services-textpage .page-call-form .call-form-item .form-group input {width: 230px;}
}

@media only screen and (max-width: 1550px){
    .extra-services-textpage .page-call-form {
        padding: 30px 30px;
    }

    .extra-services-textpage .page-call-form .call-text img {
        width: 50px;
        height: 50px;
    }

    .extra-services-textpage .page-call-form .call-form-item {
        flex: 0 0 75%;
    }

    .extra-services-textpage .page-call-form .call-form-item button {
        padding: 0;
        flex: 0 0 130px;
    }
}

@media only screen and (max-width: 1370px){
    .extra-services-textpage .page-call-form .call-form-item .form-group input {
        width: 16.5vw;
    }
}

@media only screen and (max-width: 1199px){
    .extra-services-textpage .page-call-form .call-text h3 { font-size: 18px; line-height: normal; max-width: 50%; }
    .extra-services-textpage .page-call-form .call-text {margin-bottom: 0;}
    .extra-services-textpage .page-call-form .call-form-item .form-group input { width: 100%; }
    .extra-services-textpage .page-call-form .call-form-item .form-row {
        flex-wrap: wrap;
    }

    .extra-services-textpage .page-call-form .call-form-item {flex: none;max-width: 405px;}
    .extra-services-textpage .page-call-form .call-form-item .form-group.last-custom-row label {margin-top: 15px;}
    .extra-services-textpage .page-call-form .call-form-item button {
        height: 40px;
        margin-left: auto;
        margin-top: 15px;
        margin-right: 5px;
    }

    .extra-services-textpage .page-call-form .call-form-item .form-group.last-custom-row {width: 60%;margin-left: 10px;}
}

@media only screen and (max-width: 1450px){
    .extra-services-textpage.extra-services-textpage1 .container { padding: 0 7vw; }
    .extra-services-textpage .page-call-form .call-form-item button { font-size: 13px; }
}

@media only screen and (max-width: 1199px){
    .extra-services-logo-single .logo-single-item h2{font-size:25px;padding:0 10px;}
    .extra-services-textpage .content{margin-right:30px;}
    .extra-services-logo-single{min-height:50vh;padding-top:30px;}
    .extra-services-logo-single .swiper-container{padding:50px 13.1vw 0;}
    .extra-services-logo-single .logo-single-item{margin:30px 0 0;}
    .extra-services-logo-single .logo-single-item .price{font-size:45px;}
    .extra-services-logo-single .logo-single-item .button{height:50px;line-height:49px;max-width:180px;font-size:18px;}
    .extra-services-logo-single .logo-single-item .icon{width:150px;height:100px;margin-top:-49px;}
}

@media only screen and (max-width: 991px){
    .extra-services-textpage .content{margin-bottom:50px;}
    .extra-services-textpage.extra-services-logo-single .logo-single-item{margin:20px 0 0;position:sticky;top:130px;}
    .extra-services-logo-single .container{padding-bottom:30px;}
    .extra-services-textpage.extra-services-textpage1 .container{padding:50px 7vw 0;}
    .extra-services-textpage .content-img img{width:60%;}
    .extra-services-textpage .content-img{text-align:center;}
    .extra-services-textpage .page-call-form .call-form-item .form-row{flex-wrap:wrap;}
    .extra-services-textpage .page-call-form .call-form-item button{height:50px;margin-left:auto;margin-top:20px;}
    .extra-services-textpage .page-call-form .call-text h3{max-width:80%;}
    .extra-services-logo-single .logo-single-item{margin:0;}
    .extra-services-logo-single .container{padding:100px 30px 10px;}
    .extra-services-logo-single .logo-single-item .icon{width:120px;height:70px;margin-top:-35px;}
    .extra-services-logo-single .logo-single-item .icon img{transform:scale(0.7);}
    .extra-services-logo-single .logo-single-item h2{font-size:22px;margin-top:30px;margin-bottom:0;}
    .extra-services-logo-single .logo-single-item .price{transform:scale(0.9);}
    .extra-services-logo-single .logo-single-item .button{transform:scale(0.9);font-size:19px;}
    .extra-services-logo-single .logo-single-item .logo-single-item-container{padding-bottom:40px;}
    .extra-services-logo-single .swiper-container{padding:50px 22.1vw 0;}
    .extra-services-logo-single{padding-top:40px;}
    .extra-services-textpage .container{padding:10px 30px;}
    .extra-services-textpage.extra-services-logo-single .logo-single-item .icon img{transform:scale(0.8);}
    .extra-services-textpage.extra-services-logo-single .logo-single-item h2{font-size:20px;}
    .extra-services-textpage.extra-services-logo-single .logo-single-item .price{transform:scale(0.8);}
    .extra-services-textpage.extra-services-logo-single .logo-single-item .button{margin-top:20px;}
    .extra-services-textpage.extra-services-logo-single .logo-single-item .logo-single-item-container{padding-bottom:35px;}
}

@media only screen and (max-width: 767px){
    .extra-services-textpage .content h2{font-size:19px;}
    .extra-services-logo-single .container{padding:0px 30px;}
    .extra-services-textpage .content p{font-size:14px;line-height:22px;}
    .extra-services-logo-single .logo-single-item{margin:50px 0 30px;}
    .extra-services-logo-single .logo-single-item .icon{transform:scale(0.8);}
    .extra-services-logo-single .logo-single-item h2{font-size:20px;margin:20px 0 0px;}
    .extra-services-logo-single .logo-single-item .price{transform:scale(0.8);}
    .extra-services-logo-single .logo-single-item .button{transform:scale(0.8);margin-top:20px;}
    .extra-services-textpage .logo-single-item .logo-single-item-container{padding-bottom:40px;}
    .extra-services-textpage{padding-bottom:40px;}
    .extra-services-textpage .content{margin-right:0;margin-bottom:70px;}

    /**/

    .extra-services-textpage .page-call-form{padding:30px 30px;margin-top:0;flex-wrap: wrap;}
    .extra-services-textpage .page-call-form .call-form-item {
        max-width: 100%;
    }
    .extra-services-textpage.extra-services-textpage1 .content-img{display:none;}
    .extra-services-textpage .page-call-form .call-text img{width:50px;}
    .extra-services-textpage .page-call-form .call-text h3{font-size:15px;margin-left:20px;}
    .extra-services-textpage .page-call-form .call-text{margin-bottom:40px;}
    .extra-services-textpage .page-call-form .call-form-item .form-group{flex:0 0 100%;}
    .extra-services-textpage .page-call-form .call-form-item .form-group + .form-group{margin-left:0;margin-top:20px;}
    .extra-services-textpage .page-call-form .call-form-item button{height:43px;}
    /**/

    .extra-services-logo-single{padding:20px 0 40px;}
    .extra-services-logo-single .logo-single-item .logo-single-item-container{padding-bottom:30px;}
    .extra-services-textpage.extra-services-logo-single{padding:30px 0 60px;}
    .extra-services-textpage.extra-services-logo-single .logo-single-item .logo-single-item-container{padding-bottom:30px;}
    .extra-services-textpage.extra-services-logo-single .logo-single-item .icon{transform:scale(0.9);}
}

/**/

.extra-services-ssl .sll-faq{margin:0 4.2vw 0 0;}
.extra-services-ssl .sll-faq h2{margin-left:20px;font-size:25px;color:#3f4c53;margin-bottom:35px;}
.extra-services-ssl .sll-faq .faq-item{border-radius:15px;background:#fff;box-shadow:0px 5px 10px rgba(186, 200, 208, 0.3);}
.extra-services-ssl .sll-faq .faq-item .faq-item-title{display:flex;align-items:center;padding:20px 30px;cursor:pointer;}
.extra-services-ssl .sll-faq .faq-item .faq-item-title .plus{min-width:15px;height:15px;margin-right:15px;position:relative;}
.extra-services-ssl .sll-faq .faq-item .faq-item-title h3{font-family:"voltesemibold";font-size:17px;color:#3f4c53;margin-bottom:0;transition: 0.4s;}
.extra-services-ssl .sll-faq .faq-item .faq-item-body{padding:0px 60px 30px;display:none;}
.extra-services-ssl .sll-faq .faq-item .faq-item-body p{font-size:15px;line-height:22px;color:#263034;margin-bottom:0;}
.extra-services-ssl .sll-faq .faq-item .faq-item-title .plus:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:2px;background:#104260;border-radius:15px;}
.extra-services-ssl .sll-faq .faq-item .faq-item-title .plus:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:2px;height:100%;background:#104260;border-radius:15px;transition:0.4s;}
.extra-services-ssl .sll-faq .faq-item + .faq-item{margin-top:10px;}
.extra-services-ssl .sll-faq .faq-item .faq-item-title.active .plus:after{height:0;}
.extra-services-ssl .sll-faq .faq-item .faq-item-title.active h3 { color: #104260; }
.extra-services-ssl .sll-container{text-align:center;padding:0 20px;}
.extra-services-ssl .sll-container h3{font-size:1.6vw;color:#002840;margin-bottom:30px;}
.extra-services-ssl .sll-container h3 span {font-family: "voltemedium";}
.extra-services-ssl .sll-container .sll-content{display:flex;}
.extra-services-ssl .sll-container .sll-content .sll-content-item{flex:0 0 50%;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-title{position:relative;border-radius:25px 15px 25px 0px;background:#154b6c;padding:20px 2.6vw 20px 110px;margin-bottom:-70px;z-index:9;width:80%;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-title img{position:absolute;top:10px;left:30px;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-title h4{font-size:1.3vw;color:#ccdce5;margin-bottom:0;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-title h4 span{font-family:"voltebold";}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-header{display:flex;align-items:center;justify-content:center;position:relative;padding:110px 0 60px;border-radius:25px 10px 0 0;background:#eaf2f8;border:1px solid #dfe5eb;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-header .price{font-family:"voltesemibold";font-size:45px;color:#000;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-header .price span{font-size:20px;display:inline-block;transform:translateY(-13px);}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-header .price span svg{width:12px;margin-top:-12px;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-header .year{font-family:"voltesemibold";font-size:17px;color:#7f8181;margin-top:7px;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-header .content-btn{height:40px;border-radius:20px;background:linear-gradient(90deg, #F76444 0%, #f6ac29 100%);line-height:39px;margin:30px auto 0;cursor:pointer;position:absolute;font-family:"voltesemibold";font-size:17px;color:#fff;text-align:center;left:50%;bottom:-20px;padding:0 30px;transform:translate(-50%, 0);}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-body{background:#fff;border:1px solid #DFE5EB;margin-top:-1px;padding:40px 20px 40px;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-body ul li:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:10px;width:10px;height:10px;border:3px solid #BAC8D0;border-radius:100%;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-body ul li{font-family:"voltemedium";font-size:16px;color:#56666f;padding:15px 0 15px 35px;position:relative;text-align:left;}
.extra-services-ssl .sll-container .sll-content .sll-content-item .content-body ul li + li{border-top:1px solid #DCE8EF;/* margin-top:15px;*/ /* padding-top:15px;*/ }
.extra-services-ssl .sll-container .sll-content .sll-content-item + .sll-content-item{margin-left:25px;}
.extra-services-ssl .col-lg-5{margin-right:0;}
.extra-services-ssl{padding:10px 0px 100px;}
.extra-services-ssl .container .row{justify-content:center;}


@media only screen and (max-width: 1600px){
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title img { width: 50px; left: 1.9vw; }
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title { padding: 20px 2.6vw 20px 5vw; margin-bottom: -60px; }
}

@media only screen and (max-width: 1370px){
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title img { width: 50px; }
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title { width: 90%; }
}

@media only screen and (max-width: 1199px){
    .extra-services-ssl .sll-faq{margin-right:0;}
    .extra-services-ssl .container .row{flex-direction:column-reverse;}
    .extra-services-ssl .sll-faq .faq-item{margin:0 5px 10px;}
    .extra-services-ssl .sll-faq .faq-item + .faq-item{margin-top:0;}
    .extra-services-ssl .sll-container h3{font-size:30px;margin-bottom:40px;}
    .extra-services-ssl .sll-container{margin-bottom:70px;}
    .extra-services-ssl .sll-container .sll-content{padding:0;}
    .extra-services-ssl .container{padding:0 120px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title h4{text-align:left;font-size:20px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title{padding-left:90px;padding-right:20px;width:80%;}

}


@media only screen and (max-width: 991px){
    .extra-services-ssl .container { padding: 50px 40px; }
}

@media only screen and (max-width: 767px){
    .extra-services-ssl .container{padding:30px 25px 50px;}
    .extra-services-ssl .sll-faq h2{font-size:20px;margin-bottom:20px;}
    .extra-services-ssl .sll-faq .faq-item .faq-item-title{padding:20px 20px;}
    .extra-services-ssl .sll-faq .faq-item .faq-item-title h3{font-size:15px;}
    .extra-services-ssl .sll-faq .faq-item .faq-item-title .plus{min-width:13px;height:13px;margin-right:10px;}
    .extra-services-ssl .sll-faq .faq-item{margin:0 0 10px;}
    .extra-services-ssl .sll-faq .faq-item .faq-item-body{padding:0px 30px 30px 40px;}
    .extra-services-ssl .sll-faq .faq-item .faq-item-body p{font-size:13px;line-height:20px;}
    .extra-services-ssl .sll-container h3{font-size:20px;text-align:left;margin-left:20px;margin-bottom:20px;}
    .extra-services-ssl .sll-container .sll-content{display:block;margin:0 20px;}
    .extra-services-ssl .sll-container{padding:0;margin-bottom:50px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title h4{font-size:18px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title img{width:40px;left:16px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-title{padding:15px 20px 15px 70px;margin-bottom:-50px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-header{padding:80px 0 50px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-header .content-btn{transform:translate(-50%, 0) scale(0.9);}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-body ul li{font-size:15px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item .content-body{padding-bottom:30px;}
    .extra-services-ssl .sll-container .sll-content .sll-content-item + .sll-content-item{margin-left:0;margin-top:40px;}
    .extra-services-ssl{padding-bottom:10px;}
}

/*--*/

.extra-services-ssolutions{padding-top:30px;}
.extra-services-ssolutions .slt-title{text-align:center;max-width:470px;margin:0 auto 90px;}
.extra-services-ssolutions .slt-title h2{font-family:"voltemedium";font-size:32px;color:#002840;margin-bottom:30px;}
.extra-services-ssolutions .slt-title p{font-size:18px;line-height:24px;color:#6a7a83;margin-bottom:0;}
.extra-services-ssolutions .slt-list{display:flex;flex-wrap:wrap;padding-left:0;}
.extra-services-ssolutions .slt-list .slt-list-item{flex:0 0 calc(33% - 33.3px);height:210px;position:relative;margin-bottom:55px;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]{position:absolute;opacity:0;visibility:hidden;}
.extra-services-ssolutions .slt-list .slt-list-item label{margin-bottom:0;width:100%;height:100%;padding:40px 25px;border-radius:10px;background:#fff;border:1px solid #dce2e8;box-shadow:0px 10px 25px rgba(170, 188, 198, 0);position:relative;transform:translateY(0);transition:0.5s;cursor:pointer;}
.extra-services-ssolutions .slt-list .slt-list-item label > svg{position:absolute;top:-10px;left:-10px;transform: scale(0);transition: 0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item label h3{font-family:"voltesemibold";font-size:17px;color:#aabcc6;margin-bottom:0;transition: 0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item label .price{font-family:"voltesemibold";font-size:20px;color:#aabcc6;display:flex;align-items:center;transition:0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item label .price svg{width:12px;height:30px;margin-top:-5px;margin-left:1px;fill:#AABCC6;transition:0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item + .slt-list-item{margin-left:5.2%;}
.extra-services-ssolutions .slt-list .slt-list-item:nth-child(3n+1){margin-left:0;}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info{position:absolute;bottom:10px;left:25px;z-index:9;padding-top:20px;}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info .slt-info-detail{width:203px;border-radius:5px;background:#56666f;box-shadow:0px 6px 10px rgba(0, 0, 0, 0.22);padding:10px;position:absolute;bottom:40px;left:50%;transform:translate(-50%, 0);opacity:0;visibility:hidden;transition:0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info .slt-info-detail p{font-family:"voltemedium";font-size:12px;line-height:16px;color:#fff;margin-bottom:0;}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info .slt-info-detail:before{content:"";position:absolute;bottom:-5px;left:50%;right:0;width:10px;height:10px;background:#56666f;transform:translateX(-50%) rotate(45deg);}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info:hover .slt-info-detail{opacity:1;visibility:visible;}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info svg{width:17px;height:17px;}
.extra-services-ssolutions .slt-list .slt-list-item label .slt-info svg path{transition:0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item label:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background-image:url(../img/main/box-bg.svg);background-size:cover;background-position:center;opacity:1;transition:0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item label:after{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background-image:url(../img/main/box-bg-active.svg);background-size:cover;background-position:center;opacity:0;transition:0.5s;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label:before{opacity:0;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label:after{opacity:1;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label h3{color:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label .price{color:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label .price svg{fill:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label .slt-info svg path{fill:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item:hover label{background:#5F8AA3;border-color:#5F8AA3;box-shadow:0px 10px 25px rgba(170, 188, 198, 0.65);}
.extra-services-ssolutions .slt-list .slt-list-item:hover label h3{color:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item:hover label .price{color:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item:hover label .price svg{fill:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item:hover label .slt-info svg path{fill:#EDF7FA;}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label{transform:translateY(-25px);background:#5F8AA3;border-color:#5F8AA3;box-shadow:0px 10px 25px rgba(170, 188, 198, 0.65);}
.extra-services-ssolutions .slt-list .slt-list-item input[type="checkbox"]:checked ~ label > svg{transform: scale(1);}
.extra-services-ssolutions .order-list{border-radius:25px 10px 10px 10px;background:#fcfdff;border:1px solid #dfe5eb;box-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);padding-bottom:60px;}
.extra-services-ssolutions form{position:sticky;top:150px;}
.extra-services-ssolutions .order-list .order-list-header{border-radius:25px 15px 25px 0px;background:#eaf2f8;border: 1px dashed #d9dfe8;padding:20px 0;text-align:center;width:85%;}
.extra-services-ssolutions .order-list .order-list-header h4{font-size:20px;color:#56666f;margin-bottom:0;}
.extra-services-ssolutions .order-list .order-list-header h4 span{font-family:"voltesemibold";}
.extra-services-ssolutions .order-list .order-slt{padding:0 2.1vw;margin-top:45px;}
.extra-services-ssolutions .order-list .order-slt .order-slt-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #CDD9DE;border-bottom-style:dashed;margin-bottom:15px;padding-bottom:15px;position:relative;}
.extra-services-ssolutions .order-list .order-slt .order-slt-item h5{font-family:"voltesemibold";font-size:1vw;color:#56666f;margin-bottom:0;margin-left:1.4vw;}
.extra-services-ssolutions .order-list .order-slt .order-slt-item .price-delete{display:flex;align-items:center;}
.extra-services-ssolutions .order-list .price{display:flex;align-items:center;font-family:"voltesemibold";font-size:1.2vw;color:#104260;text-shadow:0px 15px 15px rgba(170, 188, 198, 0.15);margin-right:25px;}
.extra-services-ssolutions .order-list .price span{font-size:0.9vw;margin-top:-4px;}
.extra-services-ssolutions .order-list .order-slt .order-slt-item .price-delete .delete-btn { cursor: pointer; }
.extra-services-ssolutions .order-list .order-slt .order-slt-item .price-delete .delete-btn svg path { transition: 0.4s; }
.extra-services-ssolutions .order-list .order-slt .order-slt-item .price-delete .delete-btn:hover svg path { fill: #f68737; }
.extra-services-ssolutions .order-list .price span svg{width:10px;height:auto;margin-top:-10px;}
.extra-services-ssolutions .order-list .order-slt .order-slt-item form{display:flex;align-items:center;justify-content:space-between;width:100%;}
.extra-services-ssolutions .order-list .order-slt .order-slt-item:before{content:"";position:absolute;top:34%;transform:translateY(-50%);left:0;min-width:0.6vw;height:0.6vw;background:#DFE5EA;border-radius:100%;}
.extra-services-ssolutions .order-list .order-total-price{display:flex;align-items:center;justify-content:space-between;margin:40px 2.1vw 30px;padding:10px 35px;border-radius:10px;background:#F2F6FA;}
.extra-services-ssolutions .order-list .order-total-price span{font-family:"voltesemibold";font-size:17px;color:#3f4c53;}
.extra-services-ssolutions .order-list .order-total-price .price{margin-right:0;}
.extra-services-ssolutions .order-list .add-basket{border:none;-webkit-box-shadow:none;box-shadow:none;outline:none;outline-color:rgba(0, 0, 0, 0);font-size:20px;font-family:"voltesemibold";letter-spacing:1px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:block;background:#f76046;background:-webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29));background:linear-gradient(90deg, #f76046 0%, #f6ac29 100%);color:#fff;padding:0.7rem 2rem;margin:0 2.1vw;width:calc(100% - 4.2vw);border-radius:3rem;position: relative;z-index: 1;}
.extra-services-ssolutions .col-lg-3{margin-left:1.3vw;}
.extra-services-ssolutions .container .row:nth-child(2){justify-content:center;}

@media only screen and (max-width: 1450px){
    .extra-services-ssolutions .slt-list .slt-list-item{flex:0 0 calc(50% - 33.3px);}
    .extra-services-ssolutions .slt-list .slt-list-item:nth-child(2n+1){margin-left:0;}
    .extra-services-ssolutions .slt-list .slt-list-item:nth-child(2n+2){margin-left:5.2%;}
    .extra-services-ssolutions .col-lg-3{margin-left:0;flex:0 0 30%;max-width:30%;}
    .extra-services-ssolutions .col-lg-7{flex:0 0 50%;max-width:50%;}
    .extra-services-ssolutions .order-list .order-slt .order-slt-item h5{font-size:1.2vw;}
    .extra-services-ssolutions .order-list .price{font-size:1.4vw;}
    .extra-services-ssolutions .order-list .price span{font-size:1vw;}
}

@media only screen and (max-width: 1199px){
    .extra-services-ssolutions .col-lg-7 { flex: 0 0 60%; max-width: 60%; }
    .extra-services-ssolutions .col-lg-3 { flex: 0 0 40%; max-width: 40%; }
    .extra-services-ssolutions .slt-list .slt-list-item { flex: 0 0 calc(50% - 20px); }
    .extra-services-ssolutions .container { padding: 0 7vw; }
    .extra-services-ssolutions .order-list .order-slt .order-slt-item h5 { font-size: 1.6vw; }
    .extra-services-ssolutions .order-list .price span { font-size: 1.3vw; }
    .extra-services-ssolutions .order-list .price { font-size: 1.9vw; }
}

@media only screen and (max-width: 991px){
    .extra-services-ssolutions .slt-list .slt-list-item{flex:0 0 100%;margin-left:0 !important;height:190px;}
    .extra-services-ssolutions .col-lg-7{flex:0 0 45%;max-width:45%;}
    .extra-services-ssolutions .col-lg-3{flex:0 0 50%;max-width:50%;}
    .extra-services-ssolutions .order-list .order-list-header h4{font-size:18px;}
    .extra-services-ssolutions .order-list .order-slt .order-slt-item h5{font-size:16px;}
    .extra-services-ssolutions .order-list .price{font-size:20px;}
    .extra-services-ssolutions .order-list .price span{font-size:15px;}
    .extra-services-ssolutions .order-list{padding-bottom:50px;}
    .extra-services-ssolutions .order-list .order-slt{margin-top:30px;}
    .extra-services-ssolutions form{top:110px;}
    .extra-services-ssolutions .slt-title h2{font-size:25px;margin-bottom:20px;}
    .extra-services-ssolutions .slt-title p{font-size:16px;}
    .extra-services-ssolutions .slt-title{margin-bottom:60px;}
    .extra-services-ssolutions{padding:60px 0 60px;}
}

@media only screen and (max-width: 767px){
    .extra-services-ssolutions .slt-title h2{font-size:20px;margin-bottom:10px;}
    .extra-services-ssolutions .slt-title p{font-size:15px;line-height:20px;}
    .extra-services-ssolutions{padding:40px 0 60px;}
    .extra-services-ssolutions .col-lg-7{flex:0 0 100%;max-width:100%;}
    .extra-services-ssolutions .col-lg-3{flex:0 0 100%;max-width:100%;}
    .extra-services-ssolutions .slt-list{padding:0 20px;}
    .extra-services-ssolutions .slt-list .slt-list-item label{padding-top:30px;}
    .extra-services-ssolutions .slt-list .slt-list-item label h3{font-size:15px;margin-bottom:5px;}
    .extra-services-ssolutions .slt-list .slt-list-item label .price{font-size:16px;}
    .extra-services-ssolutions .slt-list .slt-list-item label .price svg{width:10px;height:22px;}
    .extra-services-ssolutions .order-list .order-list-header h4{font-size:15px;}
    .extra-services-ssolutions .order-list .order-list-header{padding:15px 0;}
    .extra-services-ssolutions .order-list .order-slt .order-slt-item h5{font-size:14px;}
    .extra-services-ssolutions .order-list .price{font-size:18px;margin-right:15px;}
    .extra-services-ssolutions .order-list .price span{font-size:13px;}
    .extra-services-ssolutions .order-list .order-slt{padding:0 20px;}
    .extra-services-ssolutions .order-list .order-total-price{margin:40px 20px 30px;}
    .extra-services-ssolutions .order-list .add-basket{font-size:16px;padding:10px 0;margin:0 20px;width:calc(100% - 40px);}
}

/* Media */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    section.home.home-front-informations .img span.bg { width: 110% }
}

@media only screen and (max-width: 1750px){
    /* Header */
    header.header .container { padding-left: 4vw; padding-right: 4vw; }
    
    /* Slider */
    section.slider .slider-container { padding: 0 4vw; }
}

@media only screen and (max-width: 1550px){
    header.header.fixed .container { padding-right: 7vw; }
    
    /* Sldier */
    section.slider .slider-container .slider-images {width: 40vw;height: 26vw;}
    section.slider .slider-container .slider-images .slider-img-item img {max-height: 100%;}
    section.slider .slider-container .slider-images .slider-img-item { height: 100%; }
    section.slider .slider-container .slider-pagination {
        bottom: 150px;
    }
}


@media only screen and (max-width: 1500px){
    /* Slider */
    section.slider .slider-container .slider-content .content-title h1 { font-size: 2.6vw; }
    section.slider .slider-container .slider-content .content-title { margin-bottom: 2vw; }

    /* Home Products */
    section.home.home-themes .isotope .element-item .text .name {padding-right: 40px;}
    section.home.home-themes .isotope .element-item .text .price {padding-left: 40px;}
}

@media only screen and (max-width: 1440px){
    section.home.home-themes .isotope .element-item .text .name {
    max-width: 43%;
    padding-right: 20px;
}

section.home.home-themes .isotope .element-item .text .price {
    max-width: 57%;
}

section.slider .slider-container .slider-content {
    margin-top: 0;
}

.extra-services-menu .extra-services-content .menu-bottom .user-content .user-nav ul li + li { 
    padding-top: 15px;
    margin-top: 15px;
}

.product-detail .sticky-area, .product-list .sticky-area {
    width: 350px;
}

.service-content ul> li .icon > img {
    width: 40%;
    top: 20px !important;
}

.product-list .theme-general .service-in-service .service-content ul li .icon span.bg, .product-detail .theme-general .service-in-service .service-content ul li .icon span.bg {
    width: 120px;
    top: 20px;
}

.product-list .theme-general .service-in-service .service-content ul li .text p, .product-detail .theme-general .service-in-service .service-content ul li .text p {
    font-size: 13px;
    line-height: 17px;
}

.product-list .theme-general .service-in-service, .product-detail .theme-general .service-in-service {
    padding-left: 2rem;
}
}

@media only screen and (max-width: 1370px){
    /* Header */
    header.header nav.header-scope .menu ul.navbar-nav li a { padding: 1rem 0.7rem; }
    header.header nav.header-scope .logo { width: 200px; min-width: 200px; }

    /* Slider */
    section.slider {height: 90vh;}
    section.slider .slider-container .slider-content { width: 29vw; margin-top: 40px; }

    /* Home Products */
    section.home.home-themes .container { padding-top: 0; }
    section.home.home-themes .filter-container {padding-bottom: 6vw;/* transform: scale(0.9); */}
    section.home.home-themes .isotope { margin-bottom: 0; }
    section.home.home-themes .isotope .element-item .text .price {padding-left: 30px;}
}

@media only screen and (max-width: 1280px){
    header.header.fixed .container { padding-left: 4vw; }
}

@media only screen and (max-width: 1250px){
    header.header.fixed .container { padding-left: 2.5vw; }
}

@media only screen and (max-width: 1230px){
    header .user-btn { margin-left: 10px; }
    header .basket-btn { margin-left: 10px; }
}

@media only screen and (max-width: 1199px){
    /* Default */
    .user-mobil-menu{display: block;}
    .user-mobil-menu.fixed-active span{background:#104260;}
    .user-mobil-menu.fixed-active{top: 40px;right:30px;}
    .inner-header.user-mobil-menu { top: 42px; }

    /* Header */
    header.header .extra-services, header .basket-btn, header .user-btn{display:none;}
    header.header nav.header-scope .menu{width:auto;margin-left:41px;margin-top:-10px;}
    header.header nav.header-scope{justify-content:flex-start;}

    /* Slider */
    section.slider{height: 65vh;}
    section.slider .slider-container .slider-content{width:38vw;margin-top:0;}
    section.slider .slider-container .slider-content .content-title h1{max-width:30vw;}
    section.slider .slider-container .slider-images{width: 62vw;height: 36vw;transform: translate(0px, -10px);}
    section.slider .slider-container .slider-pagination{display:flex;}
    
    /* Home Section 1 */
    section.home.home-front-informations .swiper-slide{padding:30px 0;}
    section.home.home-front-informations .swiper-container{padding:0 150px 20px;}
    section.home.home-front-informations .container{padding:0;}
    section.home.home-front-informations{padding-bottom:0;overflow:hidden;background: none;}
    section.home.home-front-informations .text{padding-left:70px;padding-right:20px;}

    /* Home Products */
    section.home.home-themes .isotope .element-item.corporate:last-child{display:none;}
    section.home.home-themes .isotope .element-item:nth-child(3),section.home.home-themes .isotope .element-item:nth-child(6), section.home.home-themes .isotope .element-item:nth-child(9){display:none;}
    section.home.home-themes .isotope .element-item{/* flex:0 0 calc(50% - 50px); *//* max-width:calc(50% - 50px); */width: 50%;}

    /* Home Steps */
    section.home.home-steps .home-head h2{font-size:30px;}
    section.home.home-steps{padding-top:30px;overflow:hidden;}
    section.home.home-steps .row .col-md-4{border-radius:5px;background:#fff;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.05);padding:0;overflow:hidden;margin:0 10px;flex:0 0 calc(33% - 18px);max-width:initial;height: 400px;}
    section.home.home-steps .img{height:230px;}
    section.home.home-steps .container{padding: 0 0;}
    section.home.home-steps .text h3{font-size:18px;padding-bottom:0;}
    section.home.home-steps .text p{font-size: 15px;}
    section.home .btn-group a{font-size:18px;padding:1rem 3rem;}
    section.home.home-steps .img>img {
        max-width: 80%;
        top: 39%;
    }
    section.home.home-steps .img.img1 span.bg {
        width: 85%;
        margin-left: 30px;
        margin-top: 10px;
    }
    section.home.home-steps .text {
        margin-top: 40px;
        padding: 0 21px;
    }
    section.home.home-steps .img.img2 span.bg {
        width: 100%;
        margin: 20px 0 0;
    }
    section.home.home-steps .img.img3 span.bg {
        width: 100%;
        margin-top: 29px;
    }
}



@media only screen and (max-width: 991px){
    /* Default */
    .user-mobil-menu{top:35px;right:50px;display: none;}
    .user-mobil-menu.fixed-active {
        top: 24px;
    }
    .container{padding:0;}
    .user-mobil-menu.fixed span{background:#27495d;}
    .user-mobil-menu.fixed{top:24px;right:60px;}
    
    /* Header */
    header.header nav.header-scope .logo{width:130px;max-width:initial;min-width:130px;margin-top:6px;}
    header.header nav.header-scope .menu{margin-left:10px;margin-top:0;}
    header.header nav.header-scope .menu ul.navbar-nav li a{font-size:12px;}
    header.header nav.header-scope{height:auto;}

    /* Slider */
    section.slider .slider-container .slider-content .content-subtitle p{font-size:15px;}
    section.slider .slider-container .slider-content .content-link a{font-size:11px;padding:7px 20px;}
    section.slider .slider-container .slider-pagination{bottom:93px;transform:scale(0.8);}
    section.slider .slider-container .slider-images{width:53vw;height:36vw;transform:translate(0, 70px);z-index:99;}
    section.slider .slide-mask{z-index:99;height:101%;}

    .contact-us {
        padding-top: 50px !important;
    }

    /* Home Section 1 */
    section.home.home-front-informations .swiper-container{padding:0 100px 20px;}
    section.home.home-front-informations .text{padding-left:40px;padding-right:0;}

    /* Home Products */
    section.home .home-head h2{font-size:26px;}
    section.home .home-head p{font-size:17px;}
    section.home.home-themes .isotope .element-item .text .name{/* display:none; */font-size: 12px;padding: 0 10px;}
    section.home.home-themes .isotope .element-item .text .price{/* display:none; */padding: 0 10px;}
    section.home.home-themes .isotope .element-item .text{height:30px;justify-content: space-between;}
    section.home.home-themes .isotope .element-item .text .basket{width:40px;height:40px;}
    section.home.home-themes .isotope .element-item .text .basket svg{width:23px;height:23px;}
    section.home.home-themes .isotope .element-item .text .price .old-price { font-size: 13px; line-height: normal; }
    section.home.home-themes .isotope .element-item .text .price .new-price { font-size: 15px; margin-left: 10px; }
    section.home.home-themes .isotope .element-item .text .price .new-price:before { visibility: hidden; }
    section.home.home-themes .button-group .button {padding: 0px 20px;}
    section.home.home-themes .button-group .button .button-nylon { font-size: 16px; }
    section.home.home-themes .button-group .selector {margin-top: -6px;top: 15px;height: 35px;}

    /* Home Steps */
    section.home.home-steps .home-head h2{font-size:30px;}
    section.home.home-steps{padding-top:30px;overflow:hidden;}
    section.home.home-steps .row .col-md-4{height: auto;padding-bottom: 20px;}
    section.home.home-steps .img{height:230px;}
    section.home.home-steps .container{padding: 0 0;}
    section.home.home-steps .text h3{font-size:18px;padding-bottom:0;}
    section.home.home-steps .text p{font-size: 15px;}
    section.home .btn-group a{font-size:18px;padding:1rem 3rem;}
    section.home.home-steps .img.img1 span.bg {
        width: 100%;
        margin-left: 0;
    }
    section.home.home-steps .img>img {
        max-width: 90%;
        top: 50%;
    }

    section.home.home-steps .text {
        margin-top: 15px;
        padding: 0 15px;
    }
    section.home.home-steps .img.img2 span.bg {
        margin: 5px 0 0;
    }
    section.home.home-steps .img.img3 span.bg {
        width: 100%;
        margin-left: -20px;
        margin-top: 16px;
    }

    /* Footer */
    .footer:before{content:"";position:absolute;top:0;right:0;left:-80px;bottom:0;background-image:url(../img/footer-mask.png);background-repeat:no-repeat;}
    .footer{background-image:none;overflow:hidden;}
    .footer .footer-top{padding:60px 0 20px;}
    .footer.footer-type-4 .footer-top .footer-logo .phone a span{font-size:20px;}
    .footer .footer-bottom .container{padding:20px 0;}

    /* Choose Form */
    .choose-form-btn-text span{/* display:none; */font-size: 15px;}
    .choose-form-btn-icon{width:70px;height:70px;line-height:70px;}
    .choose-form-btn-icon svg{transform:scale(0.8);}
}

@media only screen and (max-width: 767px){
    /* Default */
    .user-mobil-menu{display:none;}
    header .user-btn {
        display:none;
    }
    .mobile-menu .hamburger-menu{top: 23px !important;right: 5px;transform: scale(0.65);}
    .choose-form-btn-icon svg{transform:scale(0.7);}
    .choose-form-btn-icon{width:60px;height:60px;line-height:60px;}
    .choose-form{transition: .4s;}
.mobile-menu.open .hamburger-menu {
    top: 23px;
}
    /* Header */
    header.header nav.header-scope .menu{display:none;}
 header.header nav.header-scope .call-btn span {
    font-size: 13px;
    padding: 0 18px;
    height: 37px;
}

header.header nav.header-scope {
    justify-content: space-between;
    padding: 4px 0;
    padding-right: 35px;
}

    /* Slider */
    section.slider .slider-container .slider-content .content-subtitle{display:none;}
    section.slider .slider-container .slider-content .content-link a{font-size: 13px;padding:6px 12px;letter-spacing: 0;left: 50%;transform: translateX(-50%) !important;white-space: nowrap;}
    section.slider .slider-container .slider-content .content-title h1{text-align: center;font-size: 20px;max-width: none;width: 100%;}
    section.slider .slider-container .slider-content .content-title{margin-bottom:0;width: 100%;text-align: center;}
    section.slider .slider-container .slider-pagination{bottom:45px;transform: scale(1) translateX(-50%);left: 50%;}
    section.slider .slider-container .slider-content{margin-top:0;width: 75vw;}
    section.slider .slider-container .slider-images{width:60vw;height:40vw;transform: translate(0, 110px);align-self: flex-start;display: none;}
    section.slider{height:280px;}
    section.slider .slider-container {
      justify-content: center;
    }

    .contact-us {
        padding-top: 20px !important;
    }

 header.header {
    /* background-color: white; */
}
    
    section.slider .slider-container .slider-content .content-link {display: flex;justify-content: center;margin-top: 30px;}

    /* Home Section 1 */
    header.header .container{padding-top:10px;}
    section.home.home-themes .container{padding:5.2vw 20px 0;}
    section.home .home-head h2{font-size: 18px;line-height:normal;margin-bottom:15px;padding: 0 20px;}
    section.home .home-head p{font-size:15px;line-height:20px;margin-bottom:0;}
    section.home.home-front-informations{padding:20px 0 0;overflow:hidden;}
    section.home.home-front-informations .swiper-container{padding: 0 70px 20px;}
    section.home.home-front-informations .swiper-slide { transform: scale(0.9); }
    section.home.home-front-informations .text h3 { font-size: 17px; margin-bottom: 10px; }
    section.slider .slide-mask{height:108%;width:102%;opacity: 0;}
    section.home .home-head{padding-bottom:40px;width: 100%;transform: scale(1);}

    /* Home Steps */
    section.home.home-steps .row .col-md-4{margin:0;flex:0 0 100%;/* width:290px; */padding-bottom:20px;height: 100%;}
    section.home.home-steps .btn-group a{font-size:17px;padding:0.7rem 3.5rem;}
    section.home.home-steps .btn-group{padding:18px 0 11px;}
    section.home.home-steps .container{padding:0;}
    section.home.home-steps .swiper-container{padding:0 50px;}
    section.home.home-steps .img{height:200px;}
    section.home.home-steps .img>img{max-width:80%;margin-top:20px;}
    section.home.home-steps .img.img1 span.bg{width:calc(100% - 45px);margin-left:30px;margin-top:20px;}
    section.home.home-steps .text{margin-top:70px;}
    section.home.home-steps .text p{font-size:15px;}
    section.home.home-steps .text h3{margin-bottom:10px;}
    section.home.home-steps .img.img2 span.bg{width: 100%;margin:31px 0;}
    section.home.home-steps .img.img3 span.bg{margin-top:38px;width: 100%;left: 48%;}
    section.home.home-steps .home-head h2{font-size:18px;}
    section.home .btn-group a{font-size:15px;padding:10px 30px;}
    section.home .btn-group{padding-top:20px;}
    section.home.home-steps{padding-top:0;overflow:initial;}
    section.home.home-themes{padding-top:0;}
    section.home.home-themes:before{right:-70vw;left:auto;width:150vw;height:140vw;top:100px;}
    section.home.home-steps:before{left:-200px;width:100vw;height:100vw;top:-100px;transform:scale(2);}
    
    /* Home Products */
    section.home.home-themes .isotope .element-item:nth-child(2), section.home.home-themes .isotope .element-item:nth-child(5),
    section.home.home-themes .isotope .element-item:nth-child(8){display:none;}
    section.home.home-themes .isotope .element-item{/* flex:0 0 100%; *//* max-width:100%; */width: 100%;}
    section.home.home-themes .button-group .button{padding:10px 20px;font-size:15px;height:40px;}
    section.home.home-themes .button-group .selector{height: 50px;top: 0;}
    section.home.home-themes .button-group{transform:scale(1);flex-wrap: nowrap;}
    section.home.home-themes .button-group .button.is-checked .button-nylon{font-size: 13px;}
    section.home.home-themes .button-group .button .button-origin{font-size:13px;}
    section.home.home-themes .button-group .button .button-nylon{font-size: 11px;}
    section.home.home-themes .button-group .button .button-nylon > span {
        display: none;
    }
    section.home.home-themes .isotope { margin: 0; }
    section.home.home-themes .isotope .element-item .text .price .new-price:before { visibility: visible; width: 10px; left: -14px; }
    section.home.home-themes .isotope .element-item .text .price .new-price { margin-left: 20px; }
    section.home.home-themes .isotope .element-item .text .price .old-price { font-size: 12px; }
    section.home.home-themes .isotope .element-item .img { height: 280px; }

    /* Footer */
    .footer.footer-type-4 .footer-top .footer-menu{display:none;}
    .footer.footer-type-4 .footer-top .footer-logo{margin:25px 0 0;width:100%;text-align:center;}
    .footer:before{visibility:hidden;}
    .footer{background:#ffffff;}
    .footer .container{padding:0;width:100%;}
    .footer.footer-type-4 .footer-top .footer-logo > img{max-width:140px;display: none;}
    .footer.footer-type-4 .footer-top .phone > span{font-family:"voltesemibold";font-size:10px;color:#002840;}
    .footer.footer-type-4 .footer-top .phone{text-align:center;max-width:270px;margin:0 auto;border-top:1px solid #EAF0F4;border-bottom:1px solid #EAF0F4;padding:15px 0px;}
    .footer.footer-type-4 .footer-top .phone a .tel > span:nth-child(1){font-family:"voltesemibold";font-size: 10px;color:#002840;display:block;}
    .footer.footer-type-4 .footer-top .phone a{align-items:center;font-family:"voltesemibold";justify-content:center;}
    .footer.footer-type-4 .footer-top .phone a .tel{display:block;text-align:left;margin-left: 5px;font-size: 18px;font-family: "voltemedium";}
    .footer.footer-type-4 .footer-top .phone a .tel span strong{font-family:"voltebold";}
    .footer .footer-top{padding:30px 0 25px;}
    .footer.footer-type-4 .footer-top .phone a .tel span strong {font-family: "voltesemibold";}
    .footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social a svg {
        width: 23px;
        height: 23px;
    }
    .footer.footer-type-4 .footer-top .footer-contact-information ul li .text h4{display:none;}
    .footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social{justify-content:center;}
    .footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social span{display:none;}
    .footer.footer-type-4 .footer-top .footer-contact-information{margin-top: 0;}
    .footer .footer-bottom .container{margin:0;width:100%;border-top:none;padding-top:0;padding-bottom:25px;}
    .footer .footer-bottom .container .d-flex{display:block !important;text-align:center;}
    .footer.footer-type-4 .footer-bottom .copyright p{font-size:14px;color:#b8c8d1;margin-bottom:25px;}
    .footer.footer-type-4 .footer-bottom .cards-area{transform:scale(0.85);opacity:0.7;}
}

/* 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(34, 41, 48, 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; 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 #f79233; 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%); 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: #f79233; }
    body .cc-banner.cc-theme-edgeless .cc-message a.cc-link:hover { color: #f79233; }
}

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

/**/
.payment-title {
    width: 100%;
    text-align: center;
}

.form-container .field-container:nth-of-type(3) {
    grid-area: expiration;
}

.form-container .field-container:nth-of-type(4) {
    grid-area: security;
}

.field-container input {border: 2px solid #C1C8CC;box-shadow: 0px 0px 15px rgb(170 188 198 / 0);border-radius: 10px;background: #fff;width: 100%;height: 60px;font-weight: 600;font-size: 20px;letter-spacing: 0.13em;color: #002840;line-height: normal;padding: 0 30px;transition: 0.4s;}
.field-container.active input {border-color: #002840;box-shadow: 0px 0px 15px rgb(170 188 198 / 30%);}
.field-container {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    transition: 0.4s;
    position: relative;
}.field-container input:focus {
    border-color: #002840;
    box-shadow: 0px 0px 15px rgba(170, 188, 198, 0.3);
    color: #002840;
}
.field-container .number-row {
    display: flex;
}.field-row .field-container.security-code .code-input.active label {
    border-color: #002840;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 30%);
}
.field-container.security-code .dot {
    transform: translate(10px, 0px);
}
.field-container .number-item {
    flex: 1 0 0;
    border-radius: 10px;
    background: #fff;
    border: 2px solid #c1c8cc;
    height: 60px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.form-container {border: 1px solid #C7D1D8;border-radius: 10px;position: relative;margin: 0 15px;padding: 70px 60px 60px;}
.form-container .form-item {
    max-width: 760px;
}
.field-container .card-number-item {
    flex: 1 0 0;
    position: relative;
}

.field-container .card-number-item input {opacity: 0;}

.field-container .card-number-item label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 70px 0;
    border: 2px solid #C1C8CC;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 0%);
    border-radius: 10px;
    background: #fff;
    margin-bottom: 0;
    cursor: pointer;
    transition: 0.4s;
}.american-cart .field-container .card-number-item label .number-dot:nth-child(4) {
    transform: translate(0px, 0px);
}

.american-cart .field-container .card-number-item label .number-dot:nth-child(3) {transform: translate(0px, 0px);}
.american-cart .field-container .card-number-item label .number-dot:nth-child(2) .dot:first-child {
    opacity: 0;
}
.american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) .dot:last-child {
    opacity: 0;
}
.field-container .card-number-item input:focus ~ label {
    border-color: #002840 !important;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 30%) !important;
}

.field-container .card-number-item.active label {
    border-color: #002840;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 30%);
}

.field-container .card-number-item label .number-dot {
    display: flex;
    align-items: center;
    height: 10px;
    transition: 0.4s;
}.field-container .card-number-item label .number-center-dot {
    display: flex;
    transform: translate(10px, 0px);
    transition: 0.4s;
}

.field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
    transform: translate(5px, 0px);
}

.field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {transform: translate(-5px, 0px);}

.field-container .card-number-item label .number-dot:nth-child(3) {
    transform: translate(20px, 0px);
}
.american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) .dot:first-child:before {
    opacity: 0;
}.american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) .dot:nth-child(4):before {
    opacity: 0;
}
.american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) .dot:last-child:before {
    opacity: 0;
}
.form-container .form-title {
    font-weight: 600;
    font-size: 20px;
    color: #7d8990;
    display: block;
    position: absolute;
    top: 0;
    left: 50px;
    padding: 0 10px;
    background: #fff;
    transform: translate(0px, -50%);
}
.field-container.empty-value-date > span {
    color: #F06452;
}
.field-container > span {
    display: block;
    flex: 0 0 200px;
    margin-right: 10px;
    font-weight: 600;
    font-size: 17px;
    color: #3f4c53;
    transition: 0.4s;
}
.empty-value input {
    border-color: #F06452;
    color: #F06452;
}
.field-container.empty-value-number > span {
    color: #f06452;
}
.empty-value > span {
    color: #F06452;
}.field-container .card-number-item.empty-value label {
    border-color: #f06452 !important;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 0%) !important;
}

.field-container .card-number-item.empty-value label .dot:before {
    background: #f06452;
}

.empty-value input:focus::-webkit-input-placeholder {
  color: #002840 !important;
}

.empty-value input:focus:-ms-input-placeholder { 
  color: #002840 !important;
}

.empty-value input:focus::placeholder {
  color: #002840 !important;
}

.empty-value input::-webkit-input-placeholder {
  color: #f06452;
}

.empty-value input:-ms-input-placeholder { 
  color: #f06452;
}

.empty-value input::placeholder {
  color: #f06452;
}





.field-row .field-container.security-code .code-input.empty-value label {
    border-color: #f06452;
}
.field-row .field-container.security-code.empty-value-code .what-is-code > span:nth-child(1) {
    color: #f06452;
}
.field-row .field-container.security-code .code-input.empty-value label .dot:before {
    background: #f06452;
}

.field-row {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    position: relative;
    width: 100%;
}.field-row .field-container .date-col {
    flex: 0 0 100px;
}.field-row .field-container.security-code .what-is-code > span:nth-child(1) {
    display: block;
    flex: 0 0 135px;
    margin-right: 10px;
    font-weight: 600;
    font-size: 17px;
    color: #3f4c53;
    transition: 0.4s;
}

.field-row .field-container.security-code .what-is-code > span:nth-child(2) {
    font-weight: 600;
    font-size: 14px;
    color: #758893;
    display: inline-flex;
    line-height: normal;
    min-width: 80px;
    margin-right: 10px;
    cursor: pointer;
    padding-left: 30px;
    position: relative;
}

.field-row .field-container .field-row {
    justify-content: flex-start;
}

.field-row .field-container .date-col input {
    text-align: center;
    padding: 0 5px;
}
.field-row .field-container .date-col.active input {
    border-color: #002840;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 30%);
}
.field-row .field-container .date-col + .date-col {
    margin-left: 20px;
}

.field-row .field-container {
    flex: 1 0 0;
}

.field-row .field-container + .field-container {
    margin-left: 55px;
}
.field-row .field-container.security-code {
    flex: 0 0 auto;
}

.field-row .field-container.security-code input {
    width: 110px;
    text-align: center;
    color: #fff0;
    opacity: 0;
}

.field-row .field-container.security-code .what-is-code {
    margin-right: 20px;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: -40px;
}
.field-row .field-container.security-code .code-input {
    position: relative;
}

.field-row .field-container.security-code .code-input label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #C1C8CC;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 0%);
    border-radius: 10px;
    background: #fff;
    transition: 0.4s;
    cursor: pointer;
}

.field-container.security-code input:focus ~ label .dot:first-child:before {
    background: #002840;
}.field-container .dot:before {content: "";position: absolute;top: 50%;transform: translate(0px, -50%);left: 0;width: 10px;height: 10px;border-radius: 100%;display: block;transition: 0.2s;background: #C1C8CC;}

.field-container .ae-dot.dot:before {
    opacity: 0;
}.american-cart .field-container .ae-dot.dot:before {
    opacity: 1;
}.field-container .card-number-item input:focus ~ label > .number-dot:nth-child(1) > .dot:nth-child(1):before {
    background: #002840 !important;
}
.field-container .dot.active:before {transform: translate(0px, -50%) scale(0);}
.field-container .card-number-item input:focus ~ label .number-dot .dot:before {
    background: #C1C8CC;
}
.field-container .dot {
    width: 10px;
    display: block;
    transition: 0.4s;
    font-family: 'voltebold';
    font-size: 20px;
    color: #002840;
    position: relative;
}
.american-cart .field-container.security-code .dot {
    transform: translate(0, 0px);
}
.field-container .dot + .dot {
    margin-left: 12px;
}
.field-container .card-number-item .dot.number-star {
    transform: translate(0px, 4px);
    font-size: 25px;
}
.field-container .dot.focus-active:before {
    background: #002840 !important;
}
.field-row .field-container.security-code .what-is-code .info-img {
    position: absolute;
    top: 70px;
    left: -50%;
    min-width: 200px;
    margin: 0 auto;
    transform: translate(0px, 10px);
    opacity: 0;
    visibility: hidden;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(199 209 216 / 27%);
    padding: 20px 15px;
    z-index: 1;
    transition: 0.4s;
}

.field-row .field-container.security-code .what-is-code .info-img .img-item + .img-item {
    position: absolute;
    top: 30px;
    left: 20px;
    right: 20px;
    bottom: 0;
}

.field-row .field-container.security-code .what-is-code .info-img .img-item p {
    font-weight: 600;
    font-size: 13px;
    color: #293238;
    text-align: center;
    line-height: normal;
}

.field-row .field-container.security-code .what-is-code .info-img .img-item:nth-child(2) {
    transform: scale(0);
}

.field-row .field-container.security-code .what-is-code .info-img:before {
    content: "";
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%) rotate(45deg);
    left: 50%;
    width: 20px;
    height: 20px;
    background: white;
    box-shadow: 0 0 20px rgb(199 209 216 / 27%);
}

.field-row .field-container.security-code .what-is-code .info-img:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #fff;border-radius: 10px;}

.field-row .field-container.security-code .what-is-code .info-img .img-item {
    position: relative;
    z-index: 1;
}

.field-row .field-container.security-code .what-is-code:hover .info-img {transform: translate(0px, 0px);opacity: 1;visibility: visible;}

.american-cart .field-row .field-container.security-code .what-is-code .info-img .img-item:nth-child(2) {
    transform: scale(1);
}

.american-cart .field-row .field-container.security-code .what-is-code .info-img .img-item:nth-child(1) {
    transform: scale(0);
}
/* FLIP ANIMATION */
.creditcard-container {perspective: 1000px;padding: 60px 0;}
.creditcard {width: 100%;max-width: 540px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;transition: -webkit-transform 0.6s;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;transition: transform 0.6s, -webkit-transform 0.6s;cursor: pointer;height: 315px;margin: 0 auto;}
.creditcard .front,
.creditcard .back {position: absolute;width: 100%;left: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-font-smoothing: antialiased;color: #47525d;}
.creditcard .back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.creditcard.flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

/* Credit Card */
.credit-card-container{background: #FFFFFF;border-radius: 10px;padding: 60px 0 20px;}
.credit-card-container .card-item{max-width: 550px;height: 330px;perspective: 1000px;position: relative;margin: 0 auto 100px;z-index: 1;}
.credit-card-container .card-item .item-flip{height: 100%;transition: 0.7s;transform-style: preserve-3d;transform: translate(0px, 20px);}
.credit-card-container .card-item .item-flip .front,
.credit-card-container .card-item .item-flip .back{position: absolute;width: 100%;height: 100%;}
.credit-card-container .card-item .item-flip .back .back-number {
    position: absolute;
    top: 60%;
    transform: translate(0px, -50%);
    right: 24px;
    z-index: 1;
    display: flex;
    align-items: center;
}

.credit-card-container .card-item .item-flip .back .back-number span {
    display: block;
    font-family: ocr-aregular;
    font-weight: normal;
    font-size: 35px;
    color: #fff;
    text-shadow: 0px 3px 4px rgba(203, 144, 126, 0.5);
    margin-right: 7px;
    transition: 0.4s;
    min-width: 22px;
    text-align: center;
}

.credit-card-container .card-item .item-flip .back .back-number span.number-hidden {
    font-family: 'voltemedium';
    text-shadow: 0px 3px 4px rgb(203 144 126 / 0);
    transform: translate(0px, 6px);
}

.credit-card-container .card-item.in-active .item-flip .back .back-number span {
    color: #6B797C;
}

.credit-card-container .card-item .item-flip .back .back-number span.american-express-back-number {opacity: 0;}
.credit-card-container .card-item .item-flip .back{transform: rotateY(180deg) translateZ(1px);/* background: #9e9e9e; */}
.credit-card-container .card-item .item-flip .front .front-top {
    width: 90px;
    height: 45px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.25);
    position: absolute;
    left: 50px;
    top: 40px;
    z-index: 1;
    transition: 0.4s;
}.credit-card-container .card-item .item-flip .front .front-shadow {
    position: absolute;
    top: 90px;
    left: 40px;
    right: 40px;
    bottom: -30px;
    background-image: url(../img/credit-card-front.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    filter: blur(30px);
    transform: translate(0px, 30px) scale(0.9);
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
}.credit-card-container .card-item.in-active .item-flip .front .front-top .pay-logo {
    width: 100%;
    height: 100%;
    position: relative;
}

.credit-card-container .card-item .item-flip .front .front-top .pay-logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    max-width: 60px;
    height: 30px;
    transition: 0.4s;
}

.credit-card-container .card-item .item-flip .front .front-top .pay-logo img.active {
    transform: translate(-50%, -50%) scale(1);
}
.credit-card-container .card-form-container{background: #fff;position: relative;}
.credit-card-container .card-form-container .form-item{border-radius: 10px;border: 1px solid #C7D1D8;position: relative;padding: 60px 130px 60px 80px;margin: 0 10px;}
.credit-card-container .card-form-container .form-item .form-title{position: absolute;top: -15px;left: 70px;font-weight: 600;font-size: 20px;color: #7d8990;padding: 0 10px;background: #fff;}
.credit-card-container .card-form-container .form-item .input-item{display: flex;align-items: center;margin-right: 120px;position: relative;}
.credit-card-container .card-form-container .form-item .input-item > span{font-weight: 600;font-size: 17px;color: #3f4c53;display: block;margin-right: 10px;min-width: 190px;}
.credit-card-container .card-form-container .form-item .input-item input{border: 2px solid #C1C8CC;box-shadow: 0px 0px 15px rgb(170 188 198 / 0);border-radius: 10px;height: 60px;width: 100%;font-weight: 600;font-size: 20px;letter-spacing: 0.13em;color: #002840;padding: 0 25px;transition: 0.4s;}

.credit-card-container .card-form-container .form-item .input-item .select-item {
    flex: 1 0 0;
}.credit-card-container .card-item .item-flip .front .front-bottom {
    position: absolute;
    bottom: 45px;
    left: 50px;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}.credit-card-container .card-item .item-flip .front:before, .credit-card-container .card-item .item-flip .front:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-size: contain;background-position: center;background-repeat: no-repeat;transition: 0.4s;}

.credit-card-container .card-item .item-flip .front:before {
    background-image: url(../img/credit-card-front.png);
}

.credit-card-container .card-item .item-flip .front:after {
    background-image: url(../img/credit-card-front-passive.png);
    opacity: 0;
}
.credit-card-container .card-item .item-flip .front .front-center > span {
    display: flex;
    align-items: center;
    line-height: normal;
    transition: 0.4s;
}
.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item .item-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item:nth-child(2) {
    flex: 0 0 40%;
    max-width: 40%;
}
.credit-card-container .card-item .item-flip .front .front-center > span > span.number-hidden {
    font-size: 35px;
    letter-spacing: 0.15em;
    font-family: 'voltemedium';
    color: #fff;
    text-shadow: 0px 3px 4px rgb(203 144 126 / 0);
    transform: translate(0px, 7px);
}

.credit-card-container .card-item .item-flip .front .front-center > span > span {
    font-family: 'ocr-aregular';
    font-weight: normal;
    font-size: 30px;
    color: #fff;
    text-shadow: 0px 3px 4px rgba(203, 144, 126, 0.5);
    display: block;
    transition: 0.4s;
    line-height: normal;
    min-width: 22px;
}

.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item:nth-child(2) > span:nth-child(1) {
    color: #B47C79;
}
.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item {flex: 0 0 50%;max-width: 50%;min-height: 70px;}

.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item > span:nth-child(1) {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.02em;
    color: #b98f5f;
    display: block;
    margin-bottom: 10px;
    transition: 0.4s;
}

.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item span:nth-child(2) {
    font-family: 'voltesemibold';
    font-size: 25px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #fff;
    text-shadow: 0px 3px 4px #e8ab5e;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.credit-card-container .card-item .item-flip .front .front-bottom .bottom-item span:nth-child(2).item-name {
    display: block;
}
.credit-card-container .card-item .item-flip .front .front-center {
    padding: 0 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: 0;
    right: 0;
    z-index: 1;
}
.credit-card-container .card-form-container .form-item .input-item.active input {
    border-color: #002840;
    box-shadow: 0px 0px 15px rgb(170 188 198 / 30%);
}
.credit-card-container .card-form-container .form-item .input-item .select-item .nice-select {
    font-weight: 600;
    font-size: 20px;
    color: #3f4c53;
    height: 60px;
    border: 2px solid #C1C8CC;
    border-radius: 10px;
    width: 100%;
    line-height: normal;
    display: flex;
    align-items: center;
    padding: 0 20px;
}
.credit-card-container .card-form-container .form-item .input-item.select-date {
    margin-right: 45px;
    flex: 1 0 0;
}

.credit-card-container .card-form-container .form-item .input-item.select-date .select-row {
    display: flex;
    width: 100%;
}
.credit-card-container .card-form-container .form-item .input-item .select-item + .select-item {
    margin-left: 18px;
}

.credit-card-container .card-form-container .form-item .input-item .select-item .nice-select .current {
    display: block;
    line-height: normal;
}

.credit-card-container .card-form-container .form-item .input-item .select-item .nice-select:after {
    background-image: url(../img/svg/select-arrow.svg);
    width: 13px;
    height: 13px;
    border: none;
    margin-top: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(0px, -50%);
    right: 15px;
}

.credit-card-container .card-form-container .form-item .input-item .item-cvv{width: 100px;position: relative;}
.credit-card-container .card-form-container .form-item .input-item .info-cvv{display: flex;align-items: center;position: absolute;right: -20px;top: 50%;transform: translate(100%, -50%);cursor: pointer;}
.credit-card-container .card-form-container .form-item .input-item .info-cvv > span{font-weight: 600;text-decoration: underline;font-size: 14px;color: #758893;display: block;line-height: normal;min-width: 80px;}
.credit-card-container .card-form-container .form-item .input-item .info-cvv > img{
    max-width: 130px;
    transform: translate(0px, -50%) scale(0);
    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: absolute;
    right: -130px;
    top: 50%;
}

.credit-card-container .card-form-container .form-item .input-item .input-row{display: flex;flex-wrap: wrap;}
.credit-card-container .card-form-container .form-item .input-item .input-row .row-item{position: relative;flex: 1 0 0;}
.credit-card-container .card-form-container .form-item .input-item .item-placeholder{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;align-items: center;justify-content: center;}
.credit-card-container .card-form-container .form-item .input-item .item-placeholder > span{display: block;width: 10px;height: 10px;background: #C1C8CC;border-radius: 100%;}
.credit-card-container .card-form-container .form-item .input-item .item-placeholder > span + span{margin-left: 10px;}

.credit-card-container .card-form-container .form-item .input-item.input-item-cvv > span {
    min-width: 130px;
}
.credit-card-container .card-form-container .form-item .item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.credit-card-container .card-form-container .form-item > div + div {
    margin-top: 25px;
}

.credit-card-container .card-form-container .form-item .input-item .input-row .row-item + .row-item {
    margin-left: 18px;
}



.credit-card-container .card-item.in-active .item-flip .front:after {
    opacity: 1;
}

.credit-card-container .card-item.in-active .item-flip .front:before {
    opacity: 0;
}
.credit-card-container .card-item.in-active .item-flip .front .front-bottom .bottom-item span:nth-child(1) {
    color: #5B6B6E;
}

.credit-card-container .card-item.in-active .item-flip .front .front-bottom .bottom-item:nth-child(2) span:nth-child(1) {
    color: #5B6B6E;
}

.credit-card-container .card-item.in-active .item-flip .front .front-center > span > span.number-hidden {
    color: #6B797C;
}

.credit-card-container .card-item.in-active .item-flip .front .front-top {
    background: rgba(107, 121, 124, 0.05);
    border: 1px solid rgba(107, 121, 124, 0.25);
}

.credit-card-container .card-item .item-flip .back:before, .credit-card-container .card-item .item-flip .back:after {content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.4s;
}

.credit-card-container .card-item .item-flip .back:before {
    background-image: url(../img/credit-card-back.png);
}

.credit-card-container .card-item .item-flip .back:after {
    background-image: url(../img/credit-card-back-passive.png);
    opacity: 0;
}

.credit-card-container .card-item.in-active .item-flip .back:after {
    opacity: 1;
}

.credit-card-container .card-item.in-active .item-flip .back:before {
    opacity: 0;
}

.credit-card-container .card-item.active-shadow .item-flip .front .front-shadow {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
}

.credit-card-container .card-item.active-shadow .item-flip {
    transform: translate(0px, 0px);
}



.credit-card-container .card-item .item-flip .back .back-shadow {
    position: absolute;
    top: 90px;
    left: 40px;
    right: 40px;
    bottom: -30px;
    background-image: url(../img/credit-card-back.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    filter: blur(30px);
    transform: translate(0px, 30px) scale(0.9);
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
}

.credit-card-container .card-item.active-shadow .item-flip .back .back-shadow {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
}

.credit-card-container .card-form-container .form-item .input-item .info-cvv:hover > img { transform: translate(0px, -50%) scale(1); }

.credit-card-container .card-item.active-shadow.flip-active .item-flip .back .back-shadow { opacity: 1; }
.credit-card-container .card-item.active-shadow.flip-active .item-flip { transform: translate(0px, 0px) rotateY(180deg) !important; }
.credit-card-container .card-item.flip-active .item-flip .front .front-shadow { opacity: 0; }
.card-item.flip-active .item-flip {transform: translate(0px, 20px) rotateY(180deg) !important;}

.american-cart .field-row .field-container.security-code input {
    width: 130px;
}

.credit-card-container.american-cart .card-item .item-flip .back .back-number span.american-express-back-number {
    opacity: 1;
}

.field-row .field-container.security-code .what-is-code span > span {
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.4s;
}

.field-row .field-container.security-code .what-is-code span > span:nth-child(2) {
    transform: scale(0);
}

.field-row .field-container.security-code .what-is-code > span:nth-child(2):before {content: "";position: absolute;bottom: 1px;left: 0px;right: 8px;height: 1px;background: #758893;}

.american-cart .field-row .field-container.security-code .what-is-code > span > span:nth-child(2) {
    transform: scale(1);
}

.american-cart .field-row .field-container.security-code .what-is-code > span > span:nth-child(1) {
    transform: scale(0);
}

.credit-card-container .card-item .item-flip .front .front-center > span > span.ae-number {transform: translate(0px, 10px);opacity: 0;}

.credit-card-container.american-cart .card-item .item-flip .front .front-center > span > span.ae-number{transform: translate(0px, 7px);opacity: 1;}

.credit-card-container.american-cart .card-item .item-flip .front .front-center > span:nth-child(2) {
    transform: translate(12px, 0px);
}

.credit-card-container.american-cart .card-item .item-flip .front .front-center > span:nth-child(3) {
    transform: translate(-12px, 0px);
}

.credit-card-container.american-cart .card-item .item-flip .front .front-center > span:nth-child(2) > span:first-child {
    transform: translate(0px, 10px);
    opacity: 0;
}

.credit-card-container.american-cart .card-item .item-flip .front .front-center > span:nth-child(3) > span:last-child {
    transform: translate(0px, 10px);
    opacity: 0;
}



@media only screen and (max-width: 1590px){
    .field-row .field-container .date-col {
        flex: 1 0 0;
    }
    .field-container > span {
        flex: 0 0 170px;
        font-size: 16px;
    }

    .form-container {
        padding: 60px 50px 30px;
    }

    .form-container .form-title {
        left: 40px;
    }

    .field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
        transform: translate(0, 0px);
    }

    .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {transform: translate(0, 0px);}

    .american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
        transform: translate(-10px, 0px);
    }
}

@media only screen and (max-width: 1540px){
    .field-container .card-number-item label {
        padding: 0 50px;
    }
    .field-container .card-number-item label .number-center-dot {
    display: flex;
    transform: translate(10px, 0px);
}

.field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
    transform: translate(0, 0px);
}

.field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {transform: translate(0, 0px);}
.american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
        transform: translate(-10px, 0px);
    }

}

@media only screen and (max-width: 1330px){
.field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
    transform: translate(-5%, 0px);
}

.field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
    transform: translate(5%, 0px);
}
    .field-container .card-number-item label {
        padding: 0 35px;
    }
}

@media only screen and (max-width: 1280px){
    .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
        transform: translate(-10%, 0px);
    }

    .field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
        transform: translate(10%, 0px);
    }

    .american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
        transform: translate(5px, 0px);
    }

    .american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
        transform: translate(-5px, 0px);
    }

    .field-row .field-container + .field-container {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 1199px){
    .form-container {
        padding: 50px 30px;
    }

    .field-container {
        display: block;
    }

    .field-container > span {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .field-row .field-container.security-code .what-is-code {
        margin-bottom: 10px;
        padding-bottom: 0;
    }

    .field-row .field-container.security-code .what-is-code > span:nth-child(2) {
        position: absolute;
        bottom: -90px;
        left: 0;
    }

    .field-row .field-container.security-code .what-is-code .info-img {
        top: 140px;
    }

    .credit-card-container .card-item {
        max-width: 90%;
    }

    .credit-card-container .card-item .item-flip .front .front-top {
        left: 30px;
        top: 25px;
    }

    .credit-card-container .card-item .item-flip .front .front-center {
        padding: 0 30px;
        flex-wrap: wrap;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom {
        left: 30px;
        bottom: 5px;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom .bottom-item > span:nth-child(1) {
        font-size: 11px;
        margin-bottom: 5px;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom .bottom-item span:nth-child(2) {
        font-size: 20px;
    }

    .credit-card-container .card-item .item-flip .front .front-center > span > span.number-hidden {transform: translate(0px, 5px);font-size: 25px;}

    .credit-card-container .card-item .item-flip .front .front-center > span + span {
        margin-left: 10px;
    }

    .credit-card-container .card-item .item-flip .front .front-center > span > span {
        font-size: 2.1vw;
        min-width: 1.6vw;
    }

    .credit-card-container .card-item .item-flip .back .back-number {
        right: 15px;
    }

    .credit-card-container .card-item .item-flip .back .back-number span {
        font-size: 25px;
        min-width: 18px;
        margin-right: 0;
    }

    .credit-card-container .card-item .item-flip .back .back-number span + span {
        margin-left: 5px;
    }

    .field-row .field-container.security-code .what-is-code > span:nth-child(1) {
        font-size: 14px;
    }

    .field-container input {
        font-size: 15px;
        height: 50px;
    }

    .field-container .card-number-item label {
        padding: 0 25px;
    }

    .field-container .dot:before {
        width: 6px;
        height: 6px;
    }

    .field-container .dot {
        width: 5px;
        font-size: 17px;
        font-family: 'voltesemibold';
    }

    .field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
        transform: translate(6%, 0px);
    }

    .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
        transform: translate(-6%, 0px);
    }

    .american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
        transform: translate(0px, 0px);
    }

    .credit-card-container.american-cart .card-item .item-flip .front .front-center > span:nth-child(2) {
        transform: translate(5px, 0px);
    }

    .credit-card-container.american-cart .card-item .item-flip .front .front-center > span:nth-child(3) {
        transform: translate(-1.3vw, 0px);
    }

    .credit-card-container.american-cart .card-item .item-flip .front .front-center > span > span.ae-number {
        transform: translate(0px, 5px);
    }

    .product-detail .sticky-area, .product-list .sticky-area {
        width: 320px;
        padding: 20px 10px;
    }
}


@media only screen and (max-width: 991px){
    .credit-card-container .card-item .item-flip .front .front-center {
        padding: 0 25px 0 35px;
        width: 100%;
    }

    .credit-card-container .card-item .item-flip .front .front-top {
        left: 30px;
        width: 60px;
        height: 30px;
        top: 15px;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom {
        left: 37px;
        bottom: 0;
    }


    .credit-card-container .card-item .item-flip .front .front-top .pay-logo {
        height: 100%;
    }

    .credit-card-container .card-item .item-flip .front .front-top .pay-logo img {
        max-width: 35px;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom .bottom-item > span:nth-child(1) {
        font-size: 8px;
        margin-bottom: 0;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom .bottom-item {
        min-height: 55px;
    }

    .credit-card-container .card-item .item-flip .front .front-bottom .bottom-item span:nth-child(2) {
        font-size: 15px;
    }

    .credit-card-container .card-item .item-flip .back .back-number span {
        font-size: 1.9vw;
        min-width: 1.7vw;
    }

    .credit-card-container .card-item .item-flip .back .back-number span + span {
        margin-left: 2px;
    }

    .credit-card-container .card-item .item-flip .back .back-number {
        right: 25px;
    }

    .credit-card-container .card-item .item-flip .back .back-shadow {
        top: 120px;
        bottom: 0px;
        left: 20px;
        right: 20px;
    }

    .form-container {
        padding: 40px 18px 10px;
    }

    .field-row .field-container .date-col + .date-col {
        margin-left: 10px;
    }

    .field-container > span {
        font-size: 12px;
        margin-left: 0;
    }

    .field-row .field-container.security-code .what-is-code > span:nth-child(1) {
        font-size: 12px;
    }

    .field-container input {
        padding: 0 15px;
    }

    .field-container .dot {
        font-size: 13px;
        width: 3px;
    }

    .field-container .card-number-item .dot.number-star {
        font-size: 19px;
        transform: translate(0px, 5px);
    }

    .field-container .card-number-item label {
        padding: 0 15px;
    }

    .field-container .card-number-item label .number-dot:nth-child(3) {
        transform: translate(10px, 0px);
    }

    .field-container .card-number-item label .number-center-dot {
        transform: translate(5px, 0px);
    }

    .credit-card-container .card-item .item-flip .front .front-center > span > span.number-hidden {
        font-size: 2.1vw;
        transform: translate(0px, 4px);
    }

    .form-container .form-title {
        left: 15px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px){
    .credit-card-container .card-item {
        display: none;
    }
    .credit-card-container {
        padding-top: 20px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .page.basket.basket-step-1 .order-summary-container .order-summary .discount-text {
        margin-top: 0;
    }

    .basket-step-1 .order-summary-container .order-summary-btn {
        margin-top: 30px;
        width: 90%;
    }

    .basket-step-1 .pay-info-container .order-summary-container .order-summary-title {
        display: block;
    }

    .basket-step-1 .pay-info-container .order-summary-container .order-summary-list {
        display: block;
    }

    .basket-step-1 .pay-info-container .order-summary-container {
        margin: 0;
    }

    .field-container .dot {
        width: 1px;
    }

    .field-container .card-number-item label .number-center-dot .number-dot:nth-child(1) {
        transform: translate(0px, 0px);
    }

    .field-container .card-number-item label {
        padding: 0 20px;
    }

    .field-container .card-number-item label .number-center-dot {
        transform: translate(5px, 0px);
        flex: 0.65 0 0;
        justify-content: space-between;
    }

    .field-row .field-container.security-code .what-is-code > span:nth-child(2) {
        right: -98px;
        left: auto;
        top: 47px;
        transform: translate(0px, -50%);
        bottom: auto;
        font-size: 11px;
        padding: 10px 8px 2px 25px;
        min-width: initial;
        margin-right: 0;
    }

    .field-row .field-container.security-code {
        margin-right: 0;
        flex: 1 0 0;
        margin-left: 10px;
        display: inline-block;
    }

    .field-row .field-container.security-code input {width: 100%;}

    .field-row .field-container.security-code .what-is-code span > span {
        top: 10px;
    }

    .field-container > span {white-space: nowrap;}

    .field-row .field-container.security-code .what-is-code > span:nth-child(1) {flex: auto;margin-right: -40px;}

    .form-container .form-item > .field-row {
        width: auto;
        margin-right: 71px;
    }

    .field-row .field-container.security-code .what-is-code .info-img {
        top: 90px;
        min-width: 150px;
        left: 0;
    }

    .field-row .field-container.security-code .what-is-code .info-img:before {
        left: auto;
        right: 15px;
    }

    .field-container.security-code .dot {
        transform: translate(5px, 0px);
    }

    .american-cart .field-row .field-container.security-code input {
        width: 100%;
    }

    .field-container input {
        font-size: 13px;
    }

    .american-cart .field-container .card-number-item label .number-center-dot .number-dot:nth-child(2) {
        transform: translate(0px, 0px);
    }

    .american-cart .field-container.security-code .dot {
        transform: translate(-3px, 0px);
    }

}

/* Page Css*/

.page.single-page .container {padding: 0 17vw;text-align: center;}

.page.single-page .container h2 {
    color: #104260;
    font-size: 35px;
    font-family: "volteregular";
    line-height: 3rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.page.single-page .container p {font-size: 1vw;line-height: 1.6vw;color: #0b3b26;text-align: left;font-family: 'volteregular';}

.page.single-page .container p a {color: #f7783c;}

@media only screen and (max-width: 991px){
    .page.single-page .container {
    padding: 0 55px;
}
}

@media only screen and (max-width: 767px){
    .page.single-page .container {
    padding: 0 20px;
}

.page.single-page .container p {
    font-size: 15px;
    line-height: 23px;
}

.page.single-page .container h2 {font-size: 26px;}

.page.single-page {
    padding: 80px 0 20px;
}
}

@-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; 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; 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; 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}
.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; transition-duration:1ms !important; -webkit-animation-iteration-count:1 !important; animation-iteration-count:1 !important }
}
@-ms-viewport{ width:device-width}
::-moz-selection{ background:#f7783c; color:#fff}
::selection{ background:#f7783c; color:#fff}
*,*::before,*::after{ -webkit-box-sizing:border-box; box-sizing:border-box}
html{ -ms-overflow-style:scrollbar; scroll-behavior:smooth !important; height:100%}
body{overflow-x:hidden;font-family: "volteregular" !important;background:#F4F7FA;}
a{ -webkit-text-decoration-skip:objects; -webkit-transition:.4s; transition:.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}
button{ outline:none !important}
input[type="radio"],input[type="checkbox"]{ -webkit-box-sizing:border-box; box-sizing:border-box; padding:0}
input{-webkit-box-shadow: none;box-shadow: none;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0;}
/* Firefox */
input[type=number]{ -moz-appearance:textfield;}
[type="search"]::-webkit-search-cancel-button{ -webkit-appearance:none}
/*::-webkit-scrollbar{ width:8px; height:8px}
 */
/*::-webkit-scrollbar-track{ background:#2c3033}
::-webkit-scrollbar-thumb{ background:#23c4f4}
 */
@media only screen and (max-width: 767px){
    main{overflow:hidden;}
    .page.references .references-list ul li .references-container .references-img:before {
        right: auto;
        left: -4px;
        width: 100%;
    }

    .page.references .references-list ul li .references-container .references-img:after {
        right: 10px;
    }
    .product-list .list-general .theme-head h2, .product-detail .list-general .theme-head h2 {
        margin-left: 0;
        font-size: 18px;
        margin-bottom: 35px;
    }

    .product-list .list-general .theme-head {
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .product-list .list-general .theme-head h2, .product-detail .list-general .theme-head h2 {
        margin-bottom: 0;
    }

    section.page.account-info .row.justify-content-between {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form form .submit {
        margin-top: 25px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .account-info-detail-item-form.address-form form .form-group-row {
        height: 100%;
    }

    .mobile-menu .hamburger-menu .bar {
        top: -15px;
    }

    .product-detail .theme-general .tab-content .tab-pane .theme-table ul li {
        height: 70px;
        padding: 0 1rem;
    }

    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info:before {
        /* right: 0; */
    }

    .product-detail .theme-general .theme-content .theme-informations .buttons a.btn {margin: 0;padding: .75rem 20px;margin-top: 20px;}
}

img{max-width: 100%;user-select: none;}
.page.basket-info.basket .basket-item .basket-content .basket-img img {
    height: 250px;
    width: 100%;
}
@media (hover: hover) {
    .button-shadow:after {content: "";position: absolute;z-index: -1;bottom: -6px;left: 0;height: 100%;width: 100%;opacity: 0;border-radius: 3rem;background: linear-gradient(90deg, #f76046 0%, #f6ac29 100%);-webkit-filter: blur(9px);pointer-events: none;filter: blur(9px);-webkit-transition: .8s;transition: .8s;}
    .button-shadow:hover:after { opacity: 0.7; }
}

@font-face{ font-family:'voltebold_italic'; src:url("../fonts/volte-font/volte_bold_italic-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_bold_italic-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltebold'; src:url("../fonts/volte-font/volte_bold-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_bold-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltelight_italic'; src:url("../fonts/volte-font/volte_light_italic-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_light_italic-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltelight'; src:url("../fonts/volte-font/volte_light-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_light-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltemedium_italic'; src:url("../fonts/volte-font/volte_medium_italic-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_medium_italic-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltemedium'; src:url("../fonts/volte-font/volte_medium-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_medium-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'volteregular_italic'; src:url("../fonts/volte-font/volte_regular_italic-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_regular_italic-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltesemibold_italic'; src:url("../fonts/volte-font/volte_semibold_italic-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_semibold_italic-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'voltesemibold'; src:url("../fonts/volte-font/volte_semibold-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte_semibold-webfont.woff") format("woff"); font-weight:normal; font-style:normal }
@font-face{ font-family:'volteregular'; src:url("../fonts/volte-font/volte-webfont.woff2") format("woff2"), url("../fonts/volte-font/volte-webfont.woff") format("woff"); font-weight:normal; font-style:normal }

@font-face { font-family: 'ocr-aregular'; src: url('../fonts/ocr/ocr-a_bt-webfont.eot'); src: url('../fonts/ocr/ocr-a_bt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ocr/ocr-a_bt-webfont.woff2') format('woff2'), url('../fonts/ocr/ocr-a_bt-webfont.woff') format('woff'), url('../fonts/ocr/ocr-a_bt-webfont.ttf') format('truetype'), url('../fonts/ocr/ocr-a_bt-webfont.svg#ocr-aregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ocr-aregular'; src: url('../fonts/ocr/ocr-a_regular-webfont.eot'); src: url('../fonts/ocr/ocr-a_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ocr/ocr-a_regular-webfont.woff2') format('woff2'), url('../fonts/ocr/ocr-a_regular-webfont.woff') format('woff'), url('../fonts/ocr/ocr-a_regular-webfont.ttf') format('truetype'), url('../fonts/ocr/ocr-a_regular-webfont.svg#ocr-aregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ocr-aregular'; src: url('../fonts/ocr/ocr-abt-webfont.eot'); src: url('../fonts/ocr/ocr-abt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ocr/ocr-abt-webfont.woff2') format('woff2'), url('../fonts/ocr/ocr-abt-webfont.woff') format('woff'), url('../fonts/ocr/ocr-abt-webfont.ttf') format('truetype'), url('../fonts/ocr/ocr-abt-webfont.svg#ocr-aregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ocr-aregular'; src: url('../fonts/ocr/ocr-aregular-webfont.eot'); src: url('../fonts/ocr/ocr-aregular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ocr/ocr-aregular-webfont.woff2') format('woff2'), url('../fonts/ocr/ocr-aregular-webfont.woff') format('woff'), url('../fonts/ocr/ocr-aregular-webfont.ttf') format('truetype'), url('../fonts/ocr/ocr-aregular-webfont.svg#ocr-aregular') format('svg'); font-weight: normal; font-style: normal; }

.container{max-width:100% !important;padding:0 2vw;}
.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:focus{ color:#ffffff}

@media (hover: hover) {
    .map-scope .map-info a:hover{ color:#ffffff}
}

.nf404{ position:relative; text-align:center; line-height:75px}
.nf404 h2{ font-weight:500; font-size:65px}
.nf404 h3{ font-weight:200; font-size:23px}
.nf404 i.fa-exclamation-triangle{ position:absolute; font-size:25rem; -webkit-transform:rotate(-27deg); transform:rotate(-27deg); top:-10rem; left:19rem; opacity:0.1; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}

.breadcrumb{ margin:0; padding:0; background:none}
.title-first h1{/* margin-bottom:10px; */color: #124260;font-weight:600;text-transform:uppercase;}
ol.breadcrumb li{ color:#fff}
ol.breadcrumb li a{ color:#fff}
ol.breadcrumb li.active{ color:#fff; /* font-weight:bold */ }
ol.breadcrumb li+li:before{ color:#fff}
ol.breadcrumb .breadcrumb-item.breadcrumb-item:before{ color:#fff; margin:0 8px 0 3px; padding:0;}
.breadcrumb-item+.breadcrumb-item::before{ content:""; background-image:url(../img/main/classic-arrow.svg); width:7px; height:11px; background-size:contain; background-position:center; background-repeat:no-repeat;}

@media (hover: hover) {
    ol.breadcrumb li a:hover{ color:#ececec}
}

.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: 20px;text-shadow:none;opacity: 0.7;right: -15px;top: 15px;transform: translateY(-50%);transition: .4s;color: #032840;}
.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{position:relative;padding: 0px 5px;width: 100%;margin: 30px auto;border-radius: 12px;background: #fff;border: 1px solid #a8b9c2;text-align: left;font-size: 15px;}
.alert.alert-spec>.icon{display:table-cell;width: 80px;text-align:center; vertical-align:middle;background-color:rgba(255, 255, 255, 0.25);display: none;}
.alert.alert-spec>.message{padding:14px 15px;border-left-width:0;margin: 0 auto;display: flex;flex-wrap: wrap;text-align: left;width: 100%;} 
.alert.alert-spec>.message a{color: #343a40; transition:.5s}
.alert.alert-spec>.message a:hover{color:#343a407d}
.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; -moz-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: #03982a; *//* border: unset; *//* border-radius: 10px; */}
/* .alert.alert-info{background-color: #17a2b8;border:1px solid #b3c1d6;} */
.alert.alert-warning{/* background: #dc3545; *//* border: none; *//* box-shadow: none; *//* border-radius: unset; */}
.alert.alert-danger{/* background-color: red; *//* border: unset; *//* box-shadow: unset; *//* border-radius: 10px; *//* padding: 5px; *//* margin: 20px auto; */}
/* .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-success .close:hover{color: #fff; opacity:0.5}
.alert.alert-dismissible.alert-info .close:hover{ color:#0050d1; opacity:0.5}
.alert.alert-dismissible.alert-warning .close{}
.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 div.icon span:before{ color:#39a355}
.alert.alert-spec.alert-dismissible.alert-info{color:#2858a2;} */
.page.basket.basket-info.basket-step-1.basket-step-4 .alert.alert-spec.alert-info.alert-dismissible {
    display: none;
}
.page-title .title-first nav {
    display: none;
}
.alert.alert-spec.alert-dismissible.alert-info div.icon span:before{ color:#4273bd}
.alert.alert-spec.alert-dismissible.alert-warning{/* color: #a8b9c2; *//* padding: 10px 20px; *//* width: 100%; *//* margin: 30px auto; *//* border-radius: 15px; */}
.alert.alert-spec.alert-dismissible.alert-warning div.icon span:before{color: #fff;}
.alert.alert-spec.alert-dismissible.alert-danger{/* color:#e30505; */}
.alert.alert-spec.alert-dismissible.alert-danger div.icon span:before{color: #fff;}
.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:10px;width:26px;height:26px;background:#b10707;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;transition-duration:0.8s;transition-property:-webkit-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;color:#fff;margin-top:-13px;}
.captcha a:hover{ -webkit-transform:rotate(360deg); transform:rotate(360deg)}
.captcha img.captcha_img{width:100%;height: 50px;position:relative;max-height:calc(1.5em + .75rem + 2px);border:1px solid #ced4da;border-radius:.25rem;}
a.button.button-facebook{ background:#3b5998; color:#fff; padding:11px 73px; border-radius:4px; display:table; text-transform:uppercase; margin:auto; width:auto !important}
textarea:focus{ -webkit-box-shadow:none; box-shadow:none}
textarea::-webkit-scrollbar {
  width: 0px;
}
.form-group .col-form-label{ display:block}
.form-group .form-control{font-size:.875rem;}
.form-group .form-control:focus{ -webkit-box-shadow:none; box-shadow:none}
.form-group .input-group .input-group-prepend .input-group-text{ font-size:.875rem}
.form-group .input-group .custom-file .custom-file-label::after{ display:none}
.form-group .submit{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end}
.form-group .submit .btn{ display:block; font-size:.875rem}
.select2-container{ display:block;}
.modal-select-dp .select2-search--dropdown {
    display: none;
}
.select2-dropdown {
    z-index: 99;
}
.basket-select-dp .select2-search--dropdown {
    display: none;
}
.select2-container .select2-selection--single{height:calc(1.5em + .75rem - 1px);width:100%;transition: 0.4s;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:calc(1.5em + .75rem); padding-left:1rem}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 5px;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#122c48;}
.select2-results__option{ padding:.5rem 1rem; font-size:13px;}
.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; transition:.4s; -webkit-transform:rotate(90deg); transform:rotate(90deg)}
.accordion .btn-link.collapsed .mdi{ -webkit-transform:rotate(0); transform:rotate(0)}
.accordion .btn-link.collapsed:hover .mdi{ -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.tooltip-inner{ background:#56666f; padding:10px 15px; border-radius:100px; font-family:voltemedium; font-size:12px; letter-spacing:0.05em; color:#fff; -webkit-transform:translateX(-15px); transform:translateX(-15px)}
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{ border-width:13px 0 13px 15px; left:-22px; border-left-color:#56666F; top:-7px}
.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.7); -webkit-transition:all .2s ease; transition:all .2s ease; z-index:2}
.section-loader .section-loader-spinner{ display:none; position:absolute; top:50%; right:50%; margin-top:-20px; margin-right:-20px; 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:#4285f4}
.section-loader .section-loader-spinner svg .circle{ stroke-dasharray:187; stroke-dashoffset:0; -webkit-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) }
}
@-webkit-keyframes be-spinner-rotation{ 0%{ -webkit-transform:rotate(0); transform:rotate(0) }
 100%{ -webkit-transform:rotate(270deg); transform:rotate(270deg) }
}
@keyframes be-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) }
}
@-webkit-keyframes be-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 be-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}
.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%}
.album .swiper-container .swiper-slide a img{ display:block; -o-object-fit:cover; object-fit:cover; height:100%; -webkit-transition:.4s; transition:.4s; -webkit-transform:scale(1); transform:scale(1)}
.album .swiper-container .swiper-slide a:after{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.1); opacity:1; -webkit-transition:.4s; transition:.4s}
.album .swiper-container .swiper-slide a:hover img{ -webkit-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}
nav ul.pagination{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
nav ul.pagination li.page-item a.page-link{border-radius:5px;padding:1px 11px;border-color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0);color:#AABCC6;font-size:25px;font-family:"volteregular";user-select: none;}
nav ul.pagination li.page-item.active a.page-link{ border-color:#BAC8D0; color:#000}
nav ul.pagination li.page-item+li.page-item{ margin-left:3px}
@media only screen and (max-width:991px){ nav ul.pagination{ transform:scale(0.8);}
}
@media only screen and (max-width:767px){ nav ul.pagination{ transform:scale(0.9);}
}
section.page.about .captcha img.captcha_img {
    max-height: inherit;
    border-radius: 30px;
}
.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}
.userHeader{
    padding: 25px 60px;
}
.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{padding: 0px !important;min-height:455px;display:inline-block;width:100%;}
.order-detail .user-home {
    border: 1px solid #DEE7EB;
    border-radius: 25px !important;
}
.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; 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; transition:all .4s}
.adres-item.adres-ekle a i:before{ color:#eaeaea; display:inline-block; font-size:110px; -webkit-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; 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{ background:#fff; vertical-align:middle}
.account-info-detail .table-responsive .table td {border-right: 1px solid #dee2e6 !important;}
.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; 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; 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) {
    body.mobile-menu-open { overflow: hidden; position: fixed; top: 0; left: 0; right: 0; }
}

/* Checkbox */
.custom-control.last-custom-checkbox label:before { box-shadow: none !important; border-color: #BAC3CE !important; background: #fff !important; border-radius: 20px; top: 50%; transform: translateY(-50%); margin-top: 1px; }
.custom-control.last-custom-checkbox label:after { box-shadow: none !important; top: 50%; transform: translateY(-45%); }

header.header {position: absolute;z-index: 553;left: 0;top: 0;right: 0;box-shadow: 0 4px 20px rgba(0, 0, 0, 0);/* transition: 0.4s; *//* overflow: hidden; */}

@media only screen and (max-width: 1199px) {
    header.header { position: fixed; transition: 0.4s; }
    section.page.contact-us {
        padding-top: 150px;
    }
    .page.basket.basket-step-1 .basket-item .basket-content .basket-img {
        max-width: 44%;
        min-height: 270px;
    }

    .page.sepetScreen .page.basket .basket-item .basket-content .basket-img:before {
        background-image: url(../img/mcbook.png);
        right: -46px;
        width: 136%;
    }

    .page.basket.basket-step-1 .basket-item .basket-content .basket-img img {height: 230px;width: 100%;object-fit: cover;border-radius: 10px;top: 0px;position: absolute;left: 0px;object-position: top left;}
    .page.basket-info.basket .basket-item .basket-content .basket-img {
        flex: 0 0 50%;
    }
    .page.basket .basket-item .basket-content .basket-img:before {
        right: -70px;
    }
    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap {
        flex-direction: column;
    }

    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control + .custom-control {
        margin-left: 0;
    }

    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info {
        position: relative;
        transform: translateY(0);
    }

    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control {
        display: flex;
    }

    .product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info:before {
        top: -5px;
        transform: translateY(0);
    }

    form.address-choice .basket-address-title {
        padding-left: 0;
        text-align: center;
    }

    form.address-choice .basket-address-title h2 {
        font-size: 19px;
    }

    form.address-choice {
        padding: 50px 25px;
    }

    form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .address {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }

    form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .phone-tax-address {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }

    form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .edit-btn {
        width: 50%;
        justify-content: center;
    }

    form.address-choice .basket-addresses ul.basket-address-ul li.basket-address-element .name {
        width: 100%;
        text-align: center;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .new-address .new-address-container .address-content .tax-type-selection {
        flex-direction: column;
        padding-left: 0;
    }

    .new-address .new-address-container .address-content .tax-type-selection span {
        margin-bottom: 20px;
    }

    .new-address {
        padding: 15px 20px;
    }

    .new-address .new-address-container .address-content .tax-type-selection .inputs {
        padding: 0;
    }

    .new-address .new-address-container .address-content .tax-type-selection .inputs .radio label:before {
        top: 50%;
        transform: translateY(-50%);
    }

    .new-address .new-address-container .address-content .tax-type-selection .inputs .radio label:after {
        top: 6px;
    }

    .new-address .new-address-container .address-content .form .input-wrapper .input {
        width: 100%;
    }
    .page.basket.basket-step-1.basket-step-4 .basket-item .basket-content .basket-img img {
        left: 16px;
        height: 200px;
        top: 20px;
    }
    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img {
        top: 300px;
    }

     .page.references .references-list ul li .references-container .references-img img {
        top: 13px;
        height: 82%;
    }

    .product-list .list-general .theme-head h2, .product-detail .list-general .theme-head h2 {
        margin-left: 0;
        font-size: 21px;
    }
}



@media only screen and (max-width: 991px) {
    header.header { position: fixed; left: 0; right: 0; top: 0; }
    header.header .login { display: none; }
    .basket-contract {
        margin-bottom: 15px;
    }

    .new-address .new-address-container .address-content .tax-type-selection .inputs .radio input:checked ~ label:after {
        top: 50%;
        transform: translateY(-50%);
    }
    .progress-line {
        top: 55px;
    }

    .page.basket.basket-step-1 .basket-item .basket-content .basket-content-list {
        padding-top: 0;
    }

    .page.basket.basket-step-1 .basket-item .basket-content {
        padding-right: 0;
    }
}

section.page.about .select2-container--default .select2-selection--single .select2-selection__rendered {
}

.select2-container--default .theme-select2 .select2-results__option--highlighted[aria-selected] {
    background: #edf0f3;
}

header.header .header-top { border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: none }

.page.about select.js-example-basic-single {
    width: 100%;
}

.page.about span.select2.select2-container {
    width: 100% !important;
    height: 50px !important;
}

.page.about span.select2-selection {
    border-radius: 30px !important;
    height: 100% !important;
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    background: #f4f7fa !important;
    font-family: "voltemedium";
    font-size: 15px;
    color: #9DAFB9;
    padding-left: 8px;
    border-color: #DEE7EB !important;
}

.page.about .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.theme-select2.select2-dropdown--below {
    background: #f4f7fa;
}

.page.basket.basket-step-1 .basket-item .basket-content .basket-img img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    object-position: top;
    margin-left: -25px;
    position: absolute;
}

.page.single-page .container table {
    border: 2px solid rgba(170, 188, 198, 0.65);
    width: 100%;
}

section.home.home-themes .bg-image {
    width: 41vw;
    height: 75.5vw;
    position: absolute;
    top: 90px;
    right: 0;
    overflow: hidden;
}

section.home.home-themes .bg-image span {
    height: 100%;
    background: url(../img/home-themes-bg.png) 100% center/contain no-repeat;
    display: block;
    margin-right: -510px;
    margin-top: -30px;
}

.page.single-page .container table tr td {padding: 10px;}
@media screen and (max-width: 1681px) { 

     .page.references .references-list ul li .references-container .references-img img {
        height: 220px;
        top: 24px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item img {
        width: 420px;
        height: 300px;
        top: 45px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item:before {
        top: 0;
    }

    .page-title .title-first h1 {
        font-size: 33px;
    }

    .page-title .title-first .breadcrumb li a {
        font-size: 13px;
    }

    .page-title {
        width: 60%;
    }
    
} 

@media screen and (min-width: 1500px) and (max-width: 1550px) { 
    .page.basket.basket-step-1 .basket-item .basket-content .basket-img img {
        margin-left: 0;
        right: 0;
    }

    .page.basket .basket-item .basket-content .basket-img:before {
        right: -50px;
    } 

    .page.references .references-list ul li .references-container .references-img:after {
        width: 30px;
    }

    .page.references .references-list ul li .references-container .references-img img {
        top: 22px;
        height: 190px;
        right: 17px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item {
        width: 340px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item img {
        width: 315px;
        height: 250px;
        top: 60px;
    }

    .page.basket .basket-item .basket-content {
        flex-direction: column;
        padding-top: 50px;
    }

    .page.basket-info.basket .basket-item .basket-content .basket-img {
        width: 50%;
    }

    .page.basket .basket-item .basket-content .basket-img:before {
        width: 390px;
        right: 0;
        left: 0;
        top: -35px;
    }

    .page.basket .basket-item .basket-content .basket-content-list {
        margin-top: 50px;
        width: 100%;
    }

    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info:before {
        top: -15px;
    }

    .page.basket.basket-step-1 .basket-item .basket-content .basket-img {
        width: 39%;
        margin-bottom: 300px;
        margin-left: 0px;
    }

    .page.basket.basket-step-4 .basket-item .basket-content .basket-content-list {
        margin-left: 0;
        width: 60%;
    }

    .page.basket.basket-info.basket-step-1.basket-step-4 .basket-img {
        width: 28%;
    }

    section.slider {
        height: calc(100vh - 100px);
    }
} 

@media screen and (max-width: 1441px) { 
     
    .page.references .references-list ul li .references-container .references-img img {
        height: 195px;
        top: 20px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item {
        width: 340px;
        height: 295px;
    }

    .page.account-info .container .account-info-row .account-info-detail-item-body .my-services-img .img-item img {
        height: 230px;
        right: 0;
        width: 310px;
        top: 47px;
    }

    .page.basket .basket-item .basket-content {
        flex-direction: column;
    }

    .page.basket .basket-item .basket-content .basket-img:before {
        right: 0;
        left: 0;
        width: 400px;
    }

    .page.basket .basket-item .basket-content {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .page.basket-info.basket .basket-item .basket-content .basket-img img {
        width: 340px;
        object-fit: cover;
        object-position: top;
    }

    .page.basket .basket-item .basket-content .basket-content-list {
        padding-top: 50px;
    }
     
    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info:before {
        top: -15px;
    }

    .page.basket.basket-step-1 .basket-item .basket-content .basket-img img {width: 340px;right: 60px;}

    .page.basket.basket-step-1 .basket-item .basket-content .basket-img:before {
        left: auto;
    }

    .page.basket.basket-step-4 .basket-item .basket-content .basket-content-list {
        margin-left: 0;
    }
} 

@media screen and (max-width: 1367px) { 
     
    .page.references .references-list ul li .references-container .references-img img {
        height: 185px;
        top: 17px;
    }

    .page.basket .basket-item .pay-info-container .pay-invoice-info h4 {
        margin-right: 0;
        white-space: nowrap;
        margin-right: 40px;
    }

    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text p {
        margin: 0 0px 0 50px;
    }

    .product-list .list-general .theme-head h2, .product-detail .list-general .theme-head h2 {
        font-size: 26px;
    }
     
} 

@media screen and (max-width: 1200px) { 
   
    .page.references .references-list ul li .references-container .references-img img {
        height: 120px;
        right: -3px;
        top: 13px;
    }

    .page.basket.basket-step-1 .basket-item .basket-content .basket-img img {
        width: 345px;
        left: 5px;
    }

    section.slider .slider-container .slider-images .slider-img-item {
        padding: 0;
        width: 100%;
    }
     
     header.header nav.header-scope .menu>ul.navbar-nav>li:nth-child(3) {
        display: none;
    }

    header.header nav.header-scope .menu>ul.navbar-nav>li:nth-child(4) {
        display: none;
    }
} 

@media only screen and (max-width: 991px) {
 
 .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text p {
    margin: 0;
}
 
    header.header .header-top { display: none }
    .product-detail .sticky-area, .product-list .sticky-area {
        width: 100%;
        position: relative;
        top: 0;
        height: auto;
        overflow: hidden;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }
    .contact-us {
        padding-top: 120px;
    }
    .product-list .list-general .theme-head h2, .product-detail .list-general .theme-head h2 {
        font-size: 20px;
    }

    .product-list .list-general .searchProduct, .product-detail .list-general .searchProduct {
        display: none;
    }

    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info:before {
        left: 0;
    }

    .page.basket .basket-item .basket-user-info .basket-domain-bottom .submit {
        margin-top: 25px;
        justify-content: center;
    }

    .order-summary-container .order-summary .coupon-code {
        flex-wrap: wrap;
    }

    .order-summary-container .order-summary .coupon-code .price {
        width: 100%;
        text-align: center;
    }

    .order-summary-container .order-summary .coupon-code pre {margin-left: 15px;}
    
    .page.references .references-list ul li .references-container .references-img:before {
        right: -30px;
    }

    .page.references .references-list ul li .references-container .references-img:after {
        right: -2px;
    }
    .page.references .references-list ul li .references-container .references-img img {
        top: 12px;
        height: 82%;
        left: 0px;
    }

    .page.sepetScreen .page.basket .basket-item .basket-content .basket-img:before {
        right: 0;
        width: 100%;
    }

    .page.basket.basket-step-1 .basket-item .basket-content .basket-img {
        max-width: 60%;
    }

    .page.basket.basket-step-1.basket-step-4 .basket-item .basket-content .basket-img img {
        left: 71px;
        width: 265px;
        top: 27px;
        height: 185px;
    }

    .page.basket .basket-item .basket-content a.pay-form {
        margin-bottom: 0;
    }

    .page.basket-info.basket .basket-item .basket-content .basket-img {
        flex: 0 0 47%;
    }

    .page.basket-info.basket .basket-item .basket-content .basket-img img {
        width: 340px;
        object-fit: cover;
    }

    .page.basket .basket-item .basket-content .basket-img:before {
        right: -70px;
    }

    .sepetScreen .alert.alert-spec.alert-dismissible.alert-warning {
        width: 100%;
        margin-top: 25px;
        left: 0;
        padding-left: 0;
        font-size: 13px;
    }

    .page.basket .basket-item .pay-info-container .pay-invoice-info h4 {
        text-align: center;
        margin-right: 0;
    }

    .page.basket .basket-item .pay-info-container .pay-invoice-info .info-text {
        padding: 0 50px;
    }

    .sepetScreen .page.basket .basket-wrapper {
        display: flex;
        border: 1px solid #F4F7FA;
        border-radius: 7px;
        overflow: hidden;
    }

    .sepetScreen .page.basket .basket-wrapper .img-main {
        width: 50%;
        background: #F4F7FA;
        padding: 10px 5px;
    }

    .sepetScreen .page.basket .basket-wrapper .img-main .title-number {
        display: flex;
        justify-content: space-between;
        padding: 0 5px;
        margin-bottom: 5px;
    }

    .sepetScreen .page.basket .basket-wrapper .img-main .title-number span:first-child {
        font-weight: 600;
        font-size: 10px;
        color: #3f4c53;
    }

    .sepetScreen .page.basket .basket-wrapper .img-main .title-number span:last-child {
        font-weight: 500;
        font-size: 10px;
        color: #3f4c53;
    }

    .sepetScreen .page.basket .basket-wrapper .img-main .img {
        height: 180px;
    }

    .sepetScreen .page.basket .basket-wrapper .img-main .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sepetScreen .page.basket .table-responsive {
        display: none;
    }

    .sepetScreen .page.basket .basket-wrapper .text-main {
        padding: 25px 20px;
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .sepetScreen .page.basket .basket-wrapper .text-main .package ul li {
        font-weight: 500;
        font-size: 11px;
        line-height: 12px;
        color: #3f4c53;
        margin: 5px 0;
    }

    .sepetScreen .page.basket .basket-wrapper .text-main .price {
        align-self: flex-start;
        margin-top: 10px;
    }

    .sepetScreen .page.basket .basket-wrapper .text-main .price span {
        font-weight: 600;
        font-size: 13px;
        color: #3f4c53;
        display: block;
    }

    .basket-contract .contracts .contract h4 {
        background: #fff;
        position: relative;
        margin-left: 0;
        display: flex;
        text-align: left;
        font-size: 15px;
        font-family: 'voltesemibold';
        z-index: 9;
        height: 50px;
        align-items: center;
        padding-left: 25px;
    }

    .basket-contract .contracts .contract h4:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #D3E1E8;
        border-radius: 10px;
    }

    .basket-contract .contracts .contract h4:after {content: "";position: absolute;right: 15px;top: 50%;transform: translateY(-50%) rotate(180deg);width: 25px;height: 25px;background-color: #002840;border-radius: 50%;background-image: url(../img/main/arrow-contract.svg);background-repeat: no-repeat;background-position: center;transition: .4s;}

    .basket-contract .contracts .contract#onbilgilendirme_detay .scrollArea {position: relative;height: 250px;overflow-y: hidden;padding-top: 0;}


    .basket-contract .contracts .contract#onbilgilendirme_detay .scrollArea:after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,0.8) 60%);}

    .basket-contract .contracts .contract h4 {
        margin-bottom: 20px;
    }

    .basket-contract .contracts .contract .scrollArea {
        border: 0;
        height: 100%;
        padding-top: 25px;
    }

    .basket-contract .contracts .contract h4.active:after {
        transform: translateY(-50%) rotate(0deg);
    }

    .basket-contract .contracts #sozlesme_detay .scrollArea {
        display: none;
    }

    .basket-contract .contracts .contract.active h4:after {
        transform: translateY(-50%) rotate(0);
    }

    .basket-contract .contracts .contract#onbilgilendirme_detay .scrollArea {
        display: none;
    }
    
    .basket-contract .contracts .contract#onbilgilendirme_detay .scrollArea.active {
        height: 100%;
    }
    .contract .scrollArea.full {
        height: 100% !important;
    }

    .basket-contract .contracts .contract#onbilgilendirme_detay .scrollArea.full:before {
        opacity: 0;
        visibility: hidden;
    }

    .basket-contract .contracts .contract span.continue,.basket-contract .contracts .contract span.continue-close {
        position: absolute;
        right: 20px;
        bottom: 0;
        font-size: 14px;
        font-family: 'voltesemibold';
        display: block;
        opacity: 0;
    }

    .basket-contract .contracts .contract span.continue-close {
        display: none;
    }

    .basket-contract .contracts .contract span.continue {display: block;}

    .basket-contract .contracts .contract span.continue.op {display: none;}

    .basket-contract .contracts .contract span.continue-close.sh {display: block;}

    .alert.alert-spec>.message {
        /* padding-left: 0; */
    }

    .page.basket.basket-step-1 .basket-item .basket-content .basket-img img {
        width: 270px;
        left: 71px;
        height: 181px;
        top: 32px;
    }
}

@media only screen and (max-width: 767px) { 

    .progress-line {
        left: 140px;
        width: 120%;
        transform: translateX(0);
    }

    .basket-contract .shopping-basket .head h4 {
        font-size: 16px;
    }

    .sepetScreen .page.basket .basket-wrapper .img-main .title-number span:first-child {
        font-size: 10px;
    }

    .basket-contract .shopping-basket, .basket-contract .contracts {
        padding: 25px 15px;
    }

    .sepetScreen .page.basket .basket-wrapper .img-main .img {
        height: 200px;
    }

    .sepetScreen .page.basket .basket-wrapper .img-main {
        width: 100%;
    }

    .sepetScreen .page.basket .basket-wrapper .text-main {
        text-align: center;
        width: 100%;
        padding: 25px 15px;
    }

    .sepetScreen .page.basket .container {
        padding: 0;
    }

    .sepetScreen .page.basket .container .basket-item {
        padding: 0;
    }

    .sepetScreen .page.basket .basket-wrapper .text-main .package ul li {
        font-size: 10px;
        line-height: 1.2;
    }

    .sepetScreen .page.basket .basket-wrapper .text-main .price span {
        font-size: 11px;
    }

    .basket-contract .contracts .contract h4 {
        font-size: 14px;
    }

    .page.basket.basket-step-1 .basket-item .basket-content .basket-img img {
        height: 100px;
        top: 50%;
        transform: translateY(-50%);
    }

    .page.basket.basket-step-1 .basket-item .basket-content .basket-img {min-height: auto;margin: 50px auto 40px;max-width: 100%;height: 250px;}

    .page.sepetScreen .page.basket .basket-item .basket-content .basket-img:before {
        width: 136%;
        top: 0;
        right: auto;
        left: -25px;
    }

    .page.sepetScreen .page.basket .basket-item .basket-content .basket-img:before {
        width: 136%;
        height: 130px;
        right: auto;
        left: -27px;
        top: -14px;
    }

    .page.basket.basket-step-1 .basket-item .basket-content .basket-img img {
        height: 110px;
        right: 0;
        top: 48px;
        border-radius: 5px;
        width: 69%;
        object-fit: cover;
        left: 74px;
    }

    .page.basket .basket-item .basket-content .basket-img:before {
        width: 100%;
        left: 0;
        top: -13px;
    }

    .page.basket .basket-item .basket-domain .basket-domain-item .basket-domain-item-info:before {
        left: 50%;
        top: 0;
        transform: translateX(-50%);
    }

    .page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract label:before {
        left: 0;
    }

    .page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract label {
        padding-left: 20px;
    }

    .page.basket .basket-item .basket-user-info .basket-domain-bottom .domain-contract label:after {
        left: 5px;
    }

    .discount-btn-mobile {
        display: block;
        text-align: center;
        margin-top: 30px;
    }

    .discount-btn-mobile h3 {
        font-size: 25px;
        font-family: 'voltesemibold';
    }

    .discount-btn-mobile .discount-form-mobile {
        display: flex;
        padding: 10px 25px;
    }

    .discount-btn-mobile .discount-form-mobile input[type="text"] {
        width: 100%;
        color: #104260;
        border-radius: 10px;
        border: 1px solid #bac8d0;
        height: 100%;
        width: 100%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding: 10px;
    }

    .discount-btn-mobile .discount-form-mobile button {
        padding: 0 10px;
        border-radius: 0 10px 10px 0;
        border: none;
        background: #104260;
        color: #fff;
        font-size: 15px;
        font-family: "voltemedium";
    }

    .page.references .references-list ul li .references-container .references-img img {
        height: 85%;
        left: -25px;
        top: 18px;
    }

    .basket-step-1 .sepet-back a {
        margin-left: 10px;
        width: 94%;
    }

    .sepetScreen .page.basket .basket-wrapper {
        flex-direction: column;
    }

    .sepetScreen .page.basket .basket-wrapper .img-main .title-number {
        margin-bottom: 10px;
    }

    .sepetScreen .page.basket .basket-wrapper .text-main .price {
        align-self: center;
    }
    
    .order-summary-container .order-summary .discount-form {
        position: relative;
        height: 48px;
    }

    .order-summary-container .order-summary .discount-btn.active > a {
        color: #104260;
        opacity: 1;
        visibility: visible;
        background: #fff;
    }

    .page.basket.basket-step-1 .order-summary-container .order-summary .discount-btn a {
        border: 0;
    }

    .order-summary-container .order-summary .discount-form {
        opacity: 1;
        visibility: visible;
    }

    .page.basket.basket-step-1.basket-step-4 .basket-item .basket-content .basket-img img {
        width: 158px;
        height: 110px;
        top: 49px;
        left: 73px;
    }

    .page.basket.basket-step-4 .dns-section p span {
        display: block;
    }

    .page.basket-info.basket .basket-item .basket-content .basket-img {
        height: 300px;
    }

    .page.basket-info.basket .basket-item .basket-content .basket-img img {
        object-fit: contain;
        width: 280px;
        position: absolute;
        top: 43px;
        left: 0px;
        height: 216px;
    }

    .page.basket.basket-step-1.basket-step-1-real .basket-img:before {
        width: 300px !important;
        height: 180px !important;
        left: 50% !important;
        transform: translateX(-50%);
    }

    .page.basket.basket-step-1.basket-step-1-real .basket-img img {
        height: 150px !important;
        width: 218px !important;
        left: 105px !important;
        top: 70px !important;
        object-fit: cover !important;
    }

    .page.basket.basket-info.basket-step-1.basket-step-4 .basket-img:before {
        width: 300px !important;
        left: 50% !important;
        transform: translateX(-50%);
        height: 190px !important;
    }

    .page.basket.basket-info.basket-step-1.basket-step-4 .basket-img img {
        width: 220px !important;
        height: 160px !important;
        left: 103px !important;
        top: 80px !important;
        object-fit: cover;
    }

    .page.basket.basket-info.basket-step-1.basket-step-4 .basket-img {
        height: 160px;
    }

    .page-title .title-first h1 {
        font-size: 23px;
    }

    section.page.curiosities {padding-top: 50px;}

}

@media only screen and (max-width: 1100px){ 
    .page-title {
        width: 100%;
        margin-bottom: 25px;
    }

    .product-list .list-general .theme-head h2, .product-detail .list-general .theme-head h2 {
        font-size: 20px;
    }

    .product-list .list-general .searchProduct, .product-detail .list-general .searchProduct {
        width: auto;
        font-size: 15px;
    }
}

@media only screen and (max-width:991px){
    section.slider{height: 45vh;}
}

 .ypt ~ .select2-container b {
    display: none;
}

@media only screen and (max-width: 767px){
    .general-text{
        padding: unset;
    }
}

.tooltip.show {
    display: none;
}

.alert-form {
    background: red;
}

.success-form {
    background: green;
}

.choose-form .form-item form .form-el{
    position: relative;
}

.choose-form .form-item form .form-el:nth-child(4){
    position: unset;
}

.choose-form .form-item form .form-el span::after{
    position: absolute;
    background: url(../img/valid.svg);
    background-size: cover;
    content: "";
    top: 50%;
    right: 15px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .4s
}

.choose-form .form-item form .form-el span::before{
    position: absolute;
    background: url(../img/error.svg);
    background-size: cover;
    content: "";
    top: 50%;
    right: 15px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .4s
}

.choose-form .form-item form .form-el.active input:valid ~ span::after {
    opacity: 1;
    visibility: visible;
}

.choose-form .form-item form .form-el.active input:invalid ~ span::before{
    opacity: 1;
    visibility: visible
}

.choose-form .form-item form .form-el span {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    top: 0;
    left: 0;
}

.form-infos {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

.tool-tip-info {
    min-width: 170px;
    border-radius: 5px;
    background: #56666f;
    box-shadow: 0px 6px 10px rgb(0 0 0 / 22%);
    font-family: "voltemedium";
    font-size: 12px;
    line-height: 13px;
    color: #fff;
    padding: 15px 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -170px;
    margin-bottom: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s;
}

.tool-tip-info ul li {
    position: relative;
}

.tool-tip-info ul li:not(:last-child) {
    margin-bottom: 10px;
}

.tool-tip-info ul li::before{
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 135px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: white;
}

.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info:hover .tool-tip-info, 
.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-control .ssl-info.ssl:hover .tool-tip-info {
    opacity: 1;
    visibility: visible;
}

.product-detail .theme-general .theme-content .theme-informations .theme-pay .search-engine-and-gmap .custom-checkbox .custom-control-label::after{
    top: 3px;
}

/* New Main Hero */
.main-hero { 

}

.main-hero .main-hero-container {padding: 0 7.5rem;min-height: 100vh;display: flex;border-radius: 0px 0px 128px 128px;background: linear-gradient(45deg, #000 0%, #002663 100%);overflow: hidden;position: relative;}

.main-hero .main-hero-container .main-hero-content {display: flex;flex-direction: column;justify-content: space-between;padding: 210px 0 120px;max-width: 500px;}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info {}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info h1 {font-family: "voltesemibold";font-size: 62px;line-height: 1;color: #fff;}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info h1 span {color: #f7783c;}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info h2 {font-family: "voltesemibold";font-size: 36px;line-height: 1;color: #fff;margin-top: 50px;}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info h2 span {color: #f7783c;}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info p {margin-top: 40px;margin-bottom: 0;font-family: "voltesemibold";font-size: 48px;line-height: 1;color: #1D61CE;}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info p span {color: #f7783c;}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info .btn {position: relative;border: none;-webkit-box-shadow: none;box-shadow: none;outline: none;outline-color: rgba(0, 0, 0, 0);font-size: 17px;font-family: "voltesemibold";letter-spacing: 1px;background: #f76046;background: -webkit-gradient(linear, left top, right top, from(#f76046), to(#f6ac29));background: linear-gradient(90deg, #f76046 0%, #f6ac29 100%);color: #fff;padding: 1rem 2rem;border-radius: 3rem;margin-top: 50px;position: relative;}
.main-hero .main-hero-container .main-hero-content .main-hero-content-info .btn > span{position: relative; z-index: 1;}

.main-hero .main-hero-container .main-hero-content > a {display: inline-flex;align-items: center;border-radius: 100px;background: linear-gradient(to right, #1d61ce 0%, #002663 100%);box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.17);padding: 15px 35px;font-size: 20px;line-height: 1.2;color: #fff;max-width: 310px;margin-top: 70px;}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info .btn:after {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: -6px;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    border-radius: 3rem;
    background: linear-gradient(90deg, #f76046 0%, #f6ac29 100%);
    -webkit-filter: blur(9px);
    filter: blur(9px);
    -webkit-transition: .8s;
    transition: .8s;
}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info .btn:hover:after {
    opacity: 1;
}

.main-hero .main-hero-container .main-hero-content > a svg {
    min-width: 20px;
    height: 20px;
    margin-left: 10px;
}
.main-hero .main-hero-container .main-hero-img {
    position: absolute;
    top: 0;
    right: -14%;
    bottom: 0;
    width: 80%;
    pointer-events: none;
}

.main-hero .main-hero-container .main-hero-img > div {
    height: 100%;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
}

.main-hero .main-hero-container .main-hero-img:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to left, #000000 20%, #00000000 70%);
}


@media only screen and (max-width: 1750px){
    .main-hero .main-hero-container {
        padding: 0 3.5rem;
    }
}

@media only screen and (max-width: 1450px){
 .main-hero .main-hero-container .main-hero-content .main-hero-content-info h1 {
    font-size: 50px;
}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info h2 {
    font-size: 25px;
    margin-top: 30px;
}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info p {
    font-size: 35px;
    margin-top: 30px;
}

.main-hero .main-hero-container .main-hero-content {
    max-width: 370px;
}

.main-hero .main-hero-container .main-hero-content > a {
    font-size: 17px;
    max-width: 280px;
}

.main-hero .main-hero-container .main-hero-img {
    width: 75%;
}
}

@media only screen and (max-width: 1199px){
 .main-hero .main-hero-container .main-hero-img {
    width: 70%;
}

.main-hero .main-hero-container .main-hero-img > div {
    width: 130%;
}
}

@media only screen and (max-width: 991px){
 .main-hero .main-hero-container .main-hero-img {
    width: 100%;
    opacity: 0.1;
}

.main-hero .main-hero-container .main-hero-content {
    position: relative;
    z-index: 1;
    padding: 150px 0 120px;
}
}

@media only screen and (max-width: 767px){
                                            .main-hero .main-hero-container {
    min-height: initial;
    padding: 0 18px;
    border-radius: 0 0 40px 40px;
}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info h1 {
    font-size: 9vw;
}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info h2 {
    font-size: 5vw;
    margin-top: 20px;
}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info p {
    font-size: 7vw;
}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info {
    max-width: 80vw;
}

.main-hero .main-hero-container .main-hero-content {
    max-width: 100%;
    padding: 110px 0 60px;
}

.main-hero .main-hero-container .main-hero-content .main-hero-content-info .btn {
    font-size: 14px;
    padding: 12px 20px;
    margin-top: 30px;
}

.main-hero .main-hero-container .main-hero-content > a {
    font-size: 14px;
    max-width: 220px;
    padding: 15px 24px;
    margin-top: 50px;
}

.main-hero .main-hero-container .main-hero-content > a svg {
    min-width: 15px;
    height: 15px;
}

.main-hero .main-hero-container .main-hero-img {
    right: 0;
}

.main-hero .main-hero-container .main-hero-img > div {
    width: 100%;
}

.main-hero .main-hero-container .main-hero-img:before {
    background: linear-gradient(to left, #000000 0%, #00000000);
}

.main-hero .main-hero-container .main-hero-img:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to right, #000000 0%, #00000000);
}
}

.wp-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #25D366;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    cursor: pointer;
}

.wp-btn path {
    fill: #fff;
}

@media only screen and (max-width: 991px){
    .wp-btn {
        transform: scale(0.8);
        transform-origin: bottom right;
    }
}