/* Start:/local/templates/sarra/css/style.css?1780667434260016*/
@charset "UTF-8";
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat)
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2)
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3)
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay)
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2)
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3)
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4)
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5)
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration)/ 2);
  animation-duration: calc(var(--animate-duration)/ 2)
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * .8);
  animation-duration: calc(1s * .8);
  -webkit-animation-duration: calc(var(--animate-duration) * .8);
  animation-duration: calc(var(--animate-duration) * .8)
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2)
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3)
}
@-webkit-keyframes bounce {
  20%,
  53%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
    transform: translate3d(0,-30px,0) scaleY(1.1)
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
    transform: translate3d(0,-15px,0) scaleY(1.05)
  }
  80% {
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transform: translate3d(0,0,0) scaleY(.95);
    transform: translate3d(0,0,0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
    transform: translate3d(0,-4px,0) scaleY(1.02)
  }
}
@keyframes bounce {
  20%,
  53%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
    transform: translate3d(0,-30px,0) scaleY(1.1)
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
    transform: translate3d(0,-15px,0) scaleY(1.05)
  }
  80% {
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transform: translate3d(0,0,0) scaleY(.95);
    transform: translate3d(0,0,0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
    transform: translate3d(0,-4px,0) scaleY(1.02)
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
@-webkit-keyframes flash {
  50%,
  from,
  to {
    opacity: 1
  }
  25%,
  75% {
    opacity: 0
  }
}
@keyframes flash {
  50%,
  from,
  to {
    opacity: 1
  }
  25%,
  75% {
    opacity: 0
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
  50% {
    -webkit-transform: scale3d(1.05,1.05,1.05);
    transform: scale3d(1.05,1.05,1.05)
  }
  to {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
  50% {
    -webkit-transform: scale3d(1.05,1.05,1.05);
    transform: scale3d(1.05,1.05,1.05)
  }
  to {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
  30% {
    -webkit-transform: scale3d(1.25,.75,1);
    transform: scale3d(1.25,.75,1)
  }
  40% {
    -webkit-transform: scale3d(.75,1.25,1);
    transform: scale3d(.75,1.25,1)
  }
  50% {
    -webkit-transform: scale3d(1.15,.85,1);
    transform: scale3d(1.15,.85,1)
  }
  65% {
    -webkit-transform: scale3d(.95,1.05,1);
    transform: scale3d(.95,1.05,1)
  }
  75% {
    -webkit-transform: scale3d(1.05,.95,1);
    transform: scale3d(1.05,.95,1)
  }
  to {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
  30% {
    -webkit-transform: scale3d(1.25,.75,1);
    transform: scale3d(1.25,.75,1)
  }
  40% {
    -webkit-transform: scale3d(.75,1.25,1);
    transform: scale3d(.75,1.25,1)
  }
  50% {
    -webkit-transform: scale3d(1.15,.85,1);
    transform: scale3d(1.15,.85,1)
  }
  65% {
    -webkit-transform: scale3d(.95,1.05,1);
    transform: scale3d(.95,1.05,1)
  }
  75% {
    -webkit-transform: scale3d(1.05,.95,1);
    transform: scale3d(1.05,.95,1)
  }
  to {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,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 shakeX {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,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)
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY
}
@-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)
  }
}
.animate__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: rotate3d(0,0,1,15deg);
    transform: rotate3d(0,0,1,15deg)
  }
  40% {
    -webkit-transform: rotate3d(0,0,1,-10deg);
    transform: rotate3d(0,0,1,-10deg)
  }
  60% {
    -webkit-transform: rotate3d(0,0,1,5deg);
    transform: rotate3d(0,0,1,5deg)
  }
  80% {
    -webkit-transform: rotate3d(0,0,1,-5deg);
    transform: rotate3d(0,0,1,-5deg)
  }
  to {
    -webkit-transform: rotate3d(0,0,1,0deg);
    transform: rotate3d(0,0,1,0deg)
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0,0,1,15deg);
    transform: rotate3d(0,0,1,15deg)
  }
  40% {
    -webkit-transform: rotate3d(0,0,1,-10deg);
    transform: rotate3d(0,0,1,-10deg)
  }
  60% {
    -webkit-transform: rotate3d(0,0,1,5deg);
    transform: rotate3d(0,0,1,5deg)
  }
  80% {
    -webkit-transform: rotate3d(0,0,1,-5deg);
    transform: rotate3d(0,0,1,-5deg)
  }
  to {
    -webkit-transform: rotate3d(0,0,1,0deg);
    transform: rotate3d(0,0,1,0deg)
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
  10%,
  20% {
    -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
  }
  to {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
  10%,
  20% {
    -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
  }
  to {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  15% {
    -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
  }
  30% {
    -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
  }
  60% {
    -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  15% {
    -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
  }
  30% {
    -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
  }
  60% {
    -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}
@-webkit-keyframes jello {
  11.1%,
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,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(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}
@keyframes jello {
  11.1%,
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,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(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}
.animate__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)
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp
}
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  100% {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp
}
@-webkit-keyframes bounceIn {
  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }
  20% {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1)
  }
  40% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.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(.97,.97,.97);
    transform: scale3d(.97,.97,.97)
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
}
@keyframes bounceIn {
  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }
  20% {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1)
  }
  40% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.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(.97,.97,.97);
    transform: scale3d(.97,.97,.97)
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * .75);
  animation-duration: calc(1s * .75);
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
    transform: translate3d(0,-3000px,0) scaleY(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,25px,0) scaleY(.9);
    transform: translate3d(0,25px,0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
    transform: translate3d(0,-10px,0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0,5px,0) scaleY(.985);
    transform: translate3d(0,5px,0) scaleY(.985)
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes bounceInDown {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
    transform: translate3d(0,-3000px,0) scaleY(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,25px,0) scaleY(.9);
    transform: translate3d(0,25px,0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
    transform: translate3d(0,-10px,0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0,5px,0) scaleY(.985);
    transform: translate3d(0,5px,0) scaleY(.985)
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
    transform: translate3d(-3000px,0,0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px,0,0) scaleX(1);
    transform: translate3d(25px,0,0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
    transform: translate3d(-10px,0,0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(5px,0,0) scaleX(.995);
    transform: translate3d(5px,0,0) scaleX(.995)
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes bounceInLeft {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
    transform: translate3d(-3000px,0,0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px,0,0) scaleX(1);
    transform: translate3d(25px,0,0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
    transform: translate3d(-10px,0,0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(5px,0,0) scaleX(.995);
    transform: translate3d(5px,0,0) scaleX(.995)
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px,0,0) scaleX(3);
    transform: translate3d(3000px,0,0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px,0,0) scaleX(1);
    transform: translate3d(-25px,0,0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(10px,0,0) scaleX(.98);
    transform: translate3d(10px,0,0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
    transform: translate3d(-5px,0,0) scaleX(.995)
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes bounceInRight {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px,0,0) scaleX(3);
    transform: translate3d(3000px,0,0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px,0,0) scaleX(1);
    transform: translate3d(-25px,0,0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(10px,0,0) scaleX(.98);
    transform: translate3d(10px,0,0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
    transform: translate3d(-5px,0,0) scaleX(.995)
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,3000px,0) scaleY(5);
    transform: translate3d(0,3000px,0) scaleY(5)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
    transform: translate3d(0,-20px,0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0,10px,0) scaleY(.95);
    transform: translate3d(0,10px,0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
    transform: translate3d(0,-5px,0) scaleY(.985)
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes bounceInUp {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,3000px,0) scaleY(5);
    transform: translate3d(0,3000px,0) scaleY(5)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
    transform: translate3d(0,-20px,0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0,10px,0) scaleY(.95);
    transform: translate3d(0,10px,0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
    transform: translate3d(0,-5px,0) scaleY(.985)
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.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(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.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(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * .75);
  animation-duration: calc(1s * .75);
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0,10px,0) scaleY(.985);
    transform: translate3d(0,10px,0) scaleY(.985)
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
    transform: translate3d(0,-20px,0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0) scaleY(3);
    transform: translate3d(0,2000px,0) scaleY(3)
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0,10px,0) scaleY(.985);
    transform: translate3d(0,10px,0) scaleY(.985)
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
    transform: translate3d(0,-20px,0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0) scaleY(3);
    transform: translate3d(0,2000px,0) scaleY(3)
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px,0,0) scaleX(.9);
    transform: translate3d(20px,0,0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
    transform: translate3d(-2000px,0,0) scaleX(2)
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px,0,0) scaleX(.9);
    transform: translate3d(20px,0,0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
    transform: translate3d(-2000px,0,0) scaleX(2)
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
    transform: translate3d(-20px,0,0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0) scaleX(2);
    transform: translate3d(2000px,0,0) scaleX(2)
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
    transform: translate3d(-20px,0,0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0) scaleX(2);
    transform: translate3d(2000px,0,0) scaleX(2)
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
    transform: translate3d(0,-10px,0) scaleY(.985)
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0,20px,0) scaleY(.9);
    transform: translate3d(0,20px,0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
    transform: translate3d(0,-2000px,0) scaleY(3)
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
    transform: translate3d(0,-10px,0) scaleY(.985)
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0,20px,0) scaleY(.9);
    transform: translate3d(0,20px,0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
    transform: translate3d(0,-2000px,0) scaleY(3)
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%,-100%,0);
    transform: translate3d(-100%,-100%,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%,-100%,0);
    transform: translate3d(-100%,-100%,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%,-100%,0);
    transform: translate3d(100%,-100%,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%,-100%,0);
    transform: translate3d(100%,-100%,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%,100%,0);
    transform: translate3d(-100%,100%,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%,100%,0);
    transform: translate3d(-100%,100%,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%,100%,0);
    transform: translate3d(100%,100%,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%,100%,0);
    transform: translate3d(100%,100%,0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes fadeOut {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%,-100%,0);
    transform: translate3d(-100%,-100%,0)
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%,-100%,0);
    transform: translate3d(-100%,-100%,0)
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%,-100%,0);
    transform: translate3d(100%,-100%,0)
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%,-100%,0);
    transform: translate3d(100%,-100%,0)
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%,100%,0);
    transform: translate3d(100%,100%,0)
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%,100%,0);
    transform: translate3d(100%,100%,0)
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%,100%,0);
    transform: translate3d(-100%,100%,0)
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%,100%,0);
    transform: translate3d(-100%,100%,0)
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
    transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
    transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
    transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
    transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
    transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
    transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
    transform: perspective(400px) rotate3d(1,0,0,90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
    transform: perspective(400px) rotate3d(1,0,0,-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
    transform: perspective(400px) rotate3d(1,0,0,10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
    transform: perspective(400px) rotate3d(1,0,0,-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
    transform: perspective(400px) rotate3d(1,0,0,90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
    transform: perspective(400px) rotate3d(1,0,0,-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
    transform: perspective(400px) rotate3d(1,0,0,10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
    transform: perspective(400px) rotate3d(1,0,0,-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
    transform: perspective(400px) rotate3d(0,1,0,-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
    transform: perspective(400px) rotate3d(0,1,0,10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
    transform: perspective(400px) rotate3d(0,1,0,-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
    transform: perspective(400px) rotate3d(0,1,0,-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
    transform: perspective(400px) rotate3d(0,1,0,10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
    transform: perspective(400px) rotate3d(0,1,0,-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
    transform: perspective(400px) rotate3d(1,0,0,-20deg);
    opacity: 1
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
    transform: perspective(400px) rotate3d(1,0,0,90deg);
    opacity: 0
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
    transform: perspective(400px) rotate3d(1,0,0,-20deg);
    opacity: 1
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
    transform: perspective(400px) rotate3d(1,0,0,90deg);
    opacity: 0
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * .75);
  animation-duration: calc(1s * .75);
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
    transform: perspective(400px) rotate3d(0,1,0,-15deg);
    opacity: 1
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
    opacity: 0
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
    transform: perspective(400px) rotate3d(0,1,0,-15deg);
    opacity: 1
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
    opacity: 0
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * .75);
  animation-duration: calc(1s * .75);
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}
@-webkit-keyframes lightSpeedInRight {
  from {
    -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: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes lightSpeedInRight {
  from {
    -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: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -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: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes lightSpeedInLeft {
  from {
    -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: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(100%,0,0) skewX(30deg);
    transform: translate3d(100%,0,0) skewX(30deg);
    opacity: 0
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(100%,0,0) skewX(30deg);
    transform: translate3d(100%,0,0) skewX(30deg);
    opacity: 0
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
    transform: translate3d(-100%,0,0) skewX(-30deg);
    opacity: 0
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
    transform: translate3d(-100%,0,0) skewX(-30deg);
    opacity: 0
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0,0,1,-200deg);
    transform: rotate3d(0,0,1,-200deg);
    opacity: 0
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0,0,1,-200deg);
    transform: rotate3d(0,0,1,-200deg);
    opacity: 0
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    opacity: 0
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    opacity: 0
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    opacity: 0
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    opacity: 0
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    opacity: 0
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    opacity: 0
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0,0,1,-90deg);
    transform: rotate3d(0,0,1,-90deg);
    opacity: 0
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0,0,1,-90deg);
    transform: rotate3d(0,0,1,-90deg);
    opacity: 0
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}
@-webkit-keyframes rotateOut {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: rotate3d(0,0,1,200deg);
    transform: rotate3d(0,0,1,200deg);
    opacity: 0
  }
}
@keyframes rotateOut {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: rotate3d(0,0,1,200deg);
    transform: rotate3d(0,0,1,200deg);
    opacity: 0
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    opacity: 0
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    opacity: 0
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    opacity: 0
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    opacity: 0
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    opacity: 0
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    opacity: 0
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
    opacity: 0
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
    opacity: 0
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0,0,1,80deg);
    transform: rotate3d(0,0,1,80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0,0,1,60deg);
    transform: rotate3d(0,0,1,60deg);
    -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-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0,0,1,80deg);
    transform: rotate3d(0,0,1,80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0,0,1,60deg);
    transform: rotate3d(0,0,1,60deg);
    -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
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.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 {
  from {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.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)
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}
@-webkit-keyframes rollOut {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
    transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
  }
}
@keyframes rollOut {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
    transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }
  50% {
    opacity: 1
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }
  50% {
    opacity: 1
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }
  to {
    opacity: 0
  }
}
@keyframes zoomOut {
  from {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }
  to {
    opacity: 0
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px,0,0);
    transform: scale(.1) translate3d(-2000px,0,0)
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px,0,0);
    transform: scale(.1) translate3d(-2000px,0,0)
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px,0,0);
    transform: scale(.1) translate3d(2000px,0,0)
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px,0,0);
    transform: scale(.1) translate3d(2000px,0,0)
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}
* {
  padding: 0;
  margin: 0;
  border: 0
}
*,
*::after,
*::before {
  box-sizing: border-box
}
*::after,
*::before {
  display: inline-block
}
body,
html {
  height: 100%;
  min-width: 375px
}
body {
  color: #fff;
  line-height: 1;
  font-family: Montserrat;
  font-size: 1rem;
  font-weight: 500;
  background-color: #151515;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
button,
input,
textarea {
  font-family: Montserrat;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: rgba(0,0,0,0)
}
input,
textarea {
  width: 100%
}
label {
  display: inline-block
}
button,
option,
select {
  cursor: pointer
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none
}
ul li {
  list-style: none
}
img {
  vertical-align: top
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}
.lock body {
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}
@supports (overflow:clip) {
  .wrapper {
    overflow: clip
  }
}
.wrapper>main {
  flex: 1 1 auto
}
.wrapper>* {
  min-width: 0
}
[class*=__container] {
  max-width: 114.375rem;
  margin: 0 auto;
  padding: 0 .9375rem
}
[class*="--gc"] {
  display: grid;
  min-width: 0;
  grid-template-columns: .9375rem 1fr minmax(auto,112.5rem) 1fr .9375rem
}
[class*="--gc"]>* {
  min-width: 0;
  grid-column: 3/4
}
.menu__icon {
  display: flex;
  align-items: center;
  gap: 20px
}
.menu__body-toggler {
  display: none;
  border-radius: 4px;
  background: #402e27;
  padding: 2px;
  margin: 40px 0 48px
}
.menu__body-toggler._active {
  display: flex
}
.menu__body-toggler-button {
  border-radius: 4px;
  background: #402e27;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  padding: 15px;
  width: 50%
}
.menu__body-toggler-button._active {
  border-radius: 4px;
  background: #fff;
  color: #000
}
.menu__link {
  font-size: 22px;
  font-weight: 500
}
.menu__submenu {
  margin-top: 40px;
  display: none
}
.menu__submenu._active {
  display: block
}
.menu__submenu-back {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: "Cormorant Garamond";
  font-size: 32px;
  font-weight: 500;
  text-transform: uppercase
}
.menu__submenu-back svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.menu__submenu-all {
  margin-bottom: 40px;
  border-radius: 4px;
  border: 1px solid #ed6f2d;
  display: flex;
  align-items: center;
  gap: 7px;
  max-width: 165px;
  padding: 15px 10px;
  color: #ed6f2d;
  font-size: 18px;
  font-weight: 500
}
.menu__submenu-link {
  margin-bottom: 20px;
  display: block;
  font-size: 22px;
  font-weight: 500
}
.icon-menu {
  display: none
}
body::after {
  content: "";
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(2px);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: backdrop-filter .8s ease 0s;
  pointer-events: none;
  z-index: 149
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility .8s ease 0s;
  visibility: hidden;
  pointer-events: none
}
.popup__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}
.popup__content {
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform .3s ease 0s;
  transition: transform .3s ease 0s;
  transition: transform .3s ease 0s,-webkit-transform .3s ease 0s;
  background-color: #fff;
  padding: 10px;
  width: 100%;
  max-width: 900px;
  position: relative;
  z-index: 1
}
.lock .popup__content {
  visibility: visible
}
._share .popup__content {
  max-width: 520px
}
.popup__close {
  position: absolute;
  right: 10px;
  top: 10px;
  outline: 0
}
.popup__title {
  color: #000;
  font-family: "Cormorant Garamond";
  font-size: 42px;
  font-weight: 600;
  line-height: 1.23;
  text-transform: uppercase;
  margin: 70px 0 40px;
  text-align: center
}
.popup__social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 27px 0;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  max-width: 380px;
  margin: 0 auto
}
.popup__social-link {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #000;
  font-size: 16px;
  font-weight: 700
}
.popup__copy-wrapper {
  display: flex;
  justify-content: center;
  padding: 35px 0
}
.popup__copy-link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  color: #000;
  font-size: 16px;
  font-weight: 500
}
.popup-show body::after {
  opacity: 1
}
.popup_show {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto
}
.popup_show .popup__content {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.ibg--top {
  -o-object-position: top;
  object-position: top
}
.ibg--bottom {
  -o-object-position: bottom;
  object-position: bottom
}
.ibg--left {
  -o-object-position: left;
  object-position: left
}
.ibg--right {
  -o-object-position: right;
  object-position: right
}
.ibg--contain {
  -o-object-fit: contain;
  object-fit: contain
}
.middle-bg {
  position: relative
}
.middle-bg::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 100vw;
  aspect-ratio: 1920/1400;
  background: url(/local/templates/sarra/css/../img/backgrounds/middle-bg.webp) top center no-repeat;
  background-size: contain
}
.animated-heading {
  opacity: 0
}
.animated-heading._visible {
  opacity: 1
}
.animate-word {
  opacity: 0;
  -webkit-animation: fade-in-word 1.5s cubic-bezier(.23,1,.32,1) forwards;
  animation: fade-in-word 1.5s cubic-bezier(.23,1,.32,1) forwards
}
@-webkit-keyframes fade-in-word {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes fade-in-word {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.animated-preview-product .preview-product__image {
  clip-path: inset(100% 0 0 0);
  transition: clip-path .9s cubic-bezier(.23,1,.32,1)
}
.animated-preview-product._animated .preview-product__image {
  clip-path: inset(0 0 0 0);
  transition-delay: var(--animation-delay,0ms)
}
.title-h1 {
  font-family: "Cormorant Garamond";
  font-size: 86px;
  font-weight: 600;
  line-height: 78px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 50px
}
.show-more {
  font-family: "Cormorant Garamond";
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  border: 1px dashed rgba(255,255,255,.5);
  padding: 17px;
  width: 100%;
  max-width: 410px
}
.show-more:hover {
  border: 1px solid #fff
}
.show-more__wrapper {
  display: flex;
  justify-content: center;
  margin: 48px 0
}
.custom-select {
  position: relative;
  font-size: 13px;
  font-weight: 500
}
.custom-select select {
  display: none
}
.custom-select .select-selected {
  border-radius: 4px;
  border: 1px solid #c7c7c7
}
.custom-select .select-selected.select-arrow-active {
  border-radius: 4px 4px 0 0;
  border-bottom: none
}
.custom-select .select-selected:after {
  position: absolute;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01Ljk4MzkgNS4xODg3OEM1Ljk4Mzk3IDUuMDgyMTggNS45NjI5OCA0Ljk3NjYzIDUuOTIyMTMgNC44NzgxN0M1Ljg4MTI5IDQuNzc5NzIgNS44MjEzOSA0LjY5MDMgNS43NDU4OSA0LjYxNTA2TDEuMzY4MjcgMC4yMzc0MzFDMS4yMTQ2MSAwLjA5MjcxMDkgMS4wMTA2MyAwLjAxMzUzNCAwLjc5OTU3NyAwLjAxNjY5MjVDMC41ODg1MjQgMC4wMTk4NTEgMC4zODcwMDIgMC4xMDUwOTYgMC4yMzc3NDggMC4yNTQzNUMwLjA4ODQ5NDggMC40MDM2MDMgMC4wMDMyNDk1IDAuNjA1MTI2IDkuMTAzOTNlLTA1IDAuODE2MTc5Qy0wLjAwMzA2NzQyIDEuMDI3MjMgMC4wNzYxMDk0IDEuMjMxMjEgMC4yMjA4MyAxLjM4NDg3TDQuNTk4NDYgNS43NjI0OUM0LjcxMTk4IDUuODc1OTEgNC44NTY1NiA1Ljk1MzE0IDUuMDEzOTYgNS45ODQ0MkM1LjE3MTM1IDYuMDE1NjkgNS4zMzQ0OCA1Ljk5OTYyIDUuNDgyNzQgNS45MzgyMkM1LjYzMSA1Ljg3NjgzIDUuNzU3NzMgNS43NzI4NyA1Ljg0NjkzIDUuNjM5NDhDNS55MzYxMyA1LjUwNjA4IDUuOTgzOCA1LjM0OTI0IDUuOTgzOSA1LjE4ODc4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEwLjM2MjMgMC44MTEyMUMxMC4zNjIyIDAuNjUwNzQxIDEwLjMxNDYgMC40OTM5MDIgMTAuMjI1NCAwLjM2MDUwOUMxMC4xMzYyIDAuMjI3MTE3IDEwLjAwOTQgMC4xMjMxNTUgOS44NjExNiAwLjA2MTc2MDFDOS43MTI5IDAuMDAwMzY1MDY1IDkuNTQ5NzcgLTAuMDE1NzA4OSA5LjM5MjM3IDAuMDE1NTY5MkM5LjIzNDk4IDAuMDQ2ODQ3MiA5LjA5MDM5IDAuMTI0MDc0IDguOTc2ODcgMC4yMzc0OTJMNC41OTkyNSA0LjYxNTEyQzQuNDU0NTMgNC43Njg3NyA0LjM3NTM1IDQuOTcyNzUgNC4zNzg1MSA1LjE4MzgxQzQuMzgxNjcgNS4zOTQ4NiA0LjQ2NjkxIDUuNTk2MzggNC42MTYxNyA1Ljc0NTY0QzQuNzY1NDIgNS44OTQ4OSA0Ljk2Njk0IDUuOTgwMTMgNS4xNzggNS45ODMyOUM1LjM4OTA1IDUuOTg2NDUgNS41OTMwMyA1LjkwNzI3IDUuNzQ2NjggNS43NjI1NUwxMC4xMjQzIDEuMzg0OTNDMTAuMTk5OCAxLjMwOTY5IDEwLjI1OTcgMS4yMjAyNyAxMC4zMDA1IDEuMTIxODFDMTAuMzQxNCAxLjAyMzM2IDEwLjM2MjQgMC45MTc4MDIgMTAuMzYyMyAwLjgxMTIxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  display: block;
  width: 11px;
  height: 6px;
  right: 18px;
  top: 50%;
  margin-top: -3px;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.custom-select .select-selected.select-arrow-active:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.custom-select .select-items div,
.custom-select .select-selected {
  padding: 14px 15px;
  cursor: pointer
}
.custom-select .select-items {
  border: 1px solid #c7c7c7;
  border-top: none;
  border-radius: 0 0 4px 4px;
  max-height: 290px;
  overflow-y: scroll;
}
.custom-select .select-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  backdrop-filter: blur(10px)
}
.custom-select .select-hide {
  display: none
}
.custom-select .same-as-selected,
.custom-select .select-items div:hover {
  background-color: rgba(0,0,0,.1)
}
.range-wrapper {
  width: 100%
}
.range-wrapper .range-inputs {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
  align-items: center
}
.range-wrapper .range-inputs input {
  width: 100%;
  padding: 13px 15px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #c7c7c7;
  color: rgba(255,255,255,.5);
  margin-left: -10px
}
.range-wrapper .range-slider {
  position: relative;
  height: 2px;
  background-color: #fff
}
.range-wrapper .range-slider input[type=range] {
  position: absolute;
  width: 100%;
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
  height: 2px;
  background: rgba(0,0,0,0)
}
.range-wrapper .range-slider input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  width: 18px;
  height: 18px;
  background: #ed6f2d;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #fff;
  -webkit-appearance: none;
  appearance: none
}
.range-wrapper .range-slider input[type=range]::-moz-range-thumb {
  pointer-events: all;
  width: 18px;
  height: 18px;
  background: #ed6f2d;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #fff
}
.range-wrapper .range-track-fill {
  position: absolute;
  height: 2px;
  background-color: #ed6f2d;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none
}
.range-wrapper input[type=number]::-webkit-inner-spin-button,
.range-wrapper input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.range-wrapper input[type=number] {
  -moz-appearance: textfield
}
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
  line-height: 17px
}
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}
.checkbox-container i {
  color: #868686;
  font-style: normal;
  margin-left: 5px
}
.checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #c7c7c7
}
.checkbox-container._big .checkmark {
  width: 25px;
  height: 25px
}
.checkbox-container:hover input~.checkmark {
  background-color: rgba(204,204,204,.2)
}
.checkbox-container input:checked~.checkmark {
  background-color: #ed6f2d;
  border-color: #ed6f2d
}
.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none
}
.checkbox-container input:checked~.checkmark:after {
  display: block
}
.checkbox-container .checkmark:after {
  inset: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yNDdfMjk5KSI+CjxwYXRoIGQ9Ik05LjQ0NTIyIDBMNC4zMTIwNiA1LjI0ODk5TDEuMzc0NjcgMi44OTI0TDAgNC40MDMxTDMuNzA4MTYgNy4zNzk4NUw0LjQ4Njg4IDhMNS4xNzI4OSA3LjI5NTVMMTEgMS4zNDIwMkw5LjQ0NTIyIDBaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI0N18yOTkiPgo8cmVjdCB3aWR0aD0iMTEiIGhlaWdodD0iOCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) center center no-repeat
}
.radio-container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 14px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 18px
}
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}
.radio-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: rgba(0,0,0,0);
  border: 1px solid #c7c7c7;
  border-radius: 50%
}
.radio-container:hover input~.checkmark {
  border: 1px solid #676767
}
.radio-container input:checked~.checkmark {
  background-color: #ed6f2d;
  border: 1px solid transparent
}
.radio-container .checkmark:after {
  content: "";
  position: absolute;
  display: none
}
.radio-container input:checked~.checkmark:after {
  display: block
}
.radio-container .checkmark:after {
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff
}
.filter-close {
  display: flex;
  gap: 18px;
  align-items: center;
  color: #ed6f2d;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px
}
.filter-close svg {
  width: 24px;
  height: 24px
}
._tabletOnly {
  display: none
}
.swiper-pagination-bullet {
  width: 100%;
  height: 2px;
  border-radius: 32px;
  opacity: .5;
  background: #ddd;
  cursor: pointer
}
.swiper-pagination-bullet-active {
  background: #ed6f2d
}
.play,
.play-button {
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  backdrop-filter: blur(2px);
  transition: background-color .2s ease
}
.play-button._paused,
.play-button:hover,
.play._paused,
.play:hover {
  background: #ed6f2d
}
.play-button:hover ._playing,
.play:hover ._playing {
  color: #fff
}
.play-button._small,
.play._small {
  width: 35px;
  height: 35px
}
.play ._playing,
.play-button ._playing {
  width: 23px;
  height: 23px;
  color: #ed6f2d
}
.play ._paused,
.play-button ._paused {
  display: none;
  width: 18px;
  height: 18px
}
.play-button._small ._playing,
.play._small ._playing {
  width: 13px;
  height: 13px
}
.play-button._small ._paused,
.play._small ._paused {
  width: 10px;
  height: 10px
}
.play-button._paused ._paused,
.play._paused ._paused {
  display: block
}
.play-button._paused ._playing,
.play._paused ._playing {
  display: none
}
.fog,
.fog-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 98%;
  overflow: hidden;
  background-size: cover;
  z-index: 1
}
.fog div::after,
.fog div::before,
.fog-2 div::after,
.fog-2 div::before,
.fog-2::after,
.fog-2::before,
.fog::after,
.fog::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: repeat-x
}
.fog div::after,
.fog div::before,
.fog-2 div::after,
.fog-2 div::before {
  left: 100%
}
.fog div::before,
.fog::before {
  background-image: url(/local/templates/sarra/css/../img/backgrounds/fog-1.webp);
  -webkit-animation: fogmove 20s linear 0s infinite;
  animation: fogmove 20s linear 0s infinite
}
.fog div::after,
.fog::after {
  background-image: url(/local/templates/sarra/css/../img/backgrounds/fog-2.webp);
  -webkit-animation: fogmove 10s linear 0s infinite;
  animation: fogmove 10s linear 0s infinite
}
.fog-2 div::before,
.fog-2::before {
  background-image: url(/local/templates/sarra/css/../img/backgrounds/hero-1__middle.webp);
  -webkit-animation: fogmove 60s linear 0s infinite;
  animation: fogmove 60s linear 0s infinite
}
.fog-2 div::after,
.fog-2::after {
  background-image: url(/local/templates/sarra/css/../img/backgrounds/hero-1__middle.webp);
  -webkit-animation: fogmove 30s linear 0s infinite;
  animation: fogmove 30s linear 0s infinite
}
@-webkit-keyframes fogmove {
  from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }
}
@keyframes fogmove {
  from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }
}
.counter {
  display: flex;
  align-items: center;
  width: 100%;
  height: 45px;
  border-radius: 4px;
  background: #fff
}
.counter__btn {
  flex-shrink: 0;
  width: 32%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #030303;
  font-weight: 700;
  background: rgba(0,0,0,0);
  border: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color .2s ease-in-out,background-color .2s ease-in-out
}
.counter__btn:hover {
  color: #ed6f2d
}
.counter__btn:active {
  background-color: rgba(255,255,255,.06)
}
.counter__input {
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,0);
  border: 0;
  outline: 0;
  color: #030303;
  font-size: 18px;
  font-weight: 500;
  -moz-appearance: textfield
}
.counter__input::-webkit-inner-spin-button,
.counter__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
input[type=date],
input[type=email],
input[type=password],
input[type=text] {
  border-radius: 4px;
  background: #fff;
  padding: 16px 21px;
  color: #030303;
  font-size: 18px;
  font-weight: 500;
  outline: 0
}
input[type=date]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder {
  color: rgba(3,3,3,.5)
}
input[type=date]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder {
  color: rgba(3,3,3,.5)
}
input[type=date]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder {
  color: rgba(3,3,3,.5)
}
input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=text]::placeholder {
  color: rgba(3,3,3,.5)
}
textarea {
  border-radius: 4px;
  background: #fff;
  height: 110px;
  flex-shrink: 0;
  color: #030303;
  font-size: 18px;
  font-weight: 500;
  padding: 21px;
  outline: 0;
  resize: none
}
textarea::-webkit-input-placeholder {
  color: rgba(3,3,3,.5)
}
textarea:-ms-input-placeholder {
  color: rgba(3,3,3,.5)
}
textarea::-ms-input-placeholder {
  color: rgba(3,3,3,.5)
}
textarea::placeholder {
  color: rgba(3,3,3,.5)
}
._mb-20 {
  margin-bottom: 20px
}
._mb-30 {
  margin-bottom: 30px
}
._mb-40 {
  margin-bottom: 40px
}
._mb-50 {
  margin-bottom: 50px
}
.header {
  z-index: 3
}
.header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0 25px;
  position: relative;
  z-index: 3
}
.header__left {
  display: flex;
  align-items: center;
  gap: 43px;
  margin-right: 110px
}
.header__catalog-btn {
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: color .3s ease-in-out
}
.header__catalog-btn-icon {
  width: 30px;
  height: 11px;
  flex-shrink: 0;
  position: relative
}
.header__catalog-btn-icon div,
.header__catalog-btn-icon::after,
.header__catalog-btn-icon::before {
  content: "";
  position: absolute;
  right: 0;
  height: 1px;
  width: 100%;
  display: block;
  background-color: #fff;
  flex-shrink: 0;
  transition: all .3s ease 0s
}
.header__catalog-btn-icon::before {
  top: 0
}
.header__catalog-btn-icon::after {
  bottom: 0
}
.header__catalog-btn-icon div {
  top: 50%
}
._active .header__catalog-btn-icon div {
  width: 0
}
._active .header__catalog-btn-icon::before {
  top: calc(50% - .0625rem);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
._active .header__catalog-btn-icon::after {
  bottom: calc(50% - .0625rem);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.header__catalog-btn._active,
.header__catalog-btn:hover {
  color: #ed6f2d
}
.header__catalog-btn._active .header__catalog-btn-icon div,
.header__catalog-btn._active .header__catalog-btn-icon::after,
.header__catalog-btn._active .header__catalog-btn-icon::before,
.header__catalog-btn:hover .header__catalog-btn-icon div,
.header__catalog-btn:hover .header__catalog-btn-icon::after,
.header__catalog-btn:hover .header__catalog-btn-icon::before {
  background-color: #ed6f2d
}
.header__nav-list {
  display: flex;
  align-items: center;
  gap: 100px
}
.header__nav-link {
  font-size: 14px;
  font-weight: 700;
  transition: color .3s ease-in-out,border-color .3s ease-in-out;
  border-bottom: 1px solid transparent
}
.header__nav-link._active,
.header__nav-link:hover {
  border-color: #fff
}
.header__logo-link {
  margin-left: auto;
  margin-right: auto;
  flex-shrink: 0
}
.header__tools {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: 61px
}
.header__tools-btn {
  position: relative;
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .3s ease-in-out,background-color .3s ease-in-out
}
.header__tools-btn:hover {
  border-color: #ed6f2d;
  background-color: #fff
}
.header__tools-btn:hover svg {
  color: #ed6f2d;
  fill: #fff
}
.header__tools-btn svg {
  transition: color .3s ease-in-out,fill .3s ease-in-out;
  width: 24px;
  height: 24px;
  fill: transparent
}
.header__tools-btn-count {
  position: absolute;
  right: -10px;
  top: 15px;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-size: 12px;
  font-weight: 700;
  line-height: 0
}
.header__menu {
  display: none
}
.header__back-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #d5d5d5;
  width: 180px;
  height: 45px;
  flex-shrink: 0;
  background: #fff;
  padding: 17px;
  font-size: 500px;
  font-size: 14px;
  color: #000;
  white-space: nowrap
}
.header__back-btn svg {
  width: 14px;
  height: 10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #ff5f00;
  flex-shrink: 0
}
.catalog-menu {
  padding-top: 170px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100vw;
  height: 100vh;
  background: url(/local/templates/sarra/css/../img/backgrounds/catalog-menu.webp) top center/cover no-repeat #151515;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s ease
}
.catalog-menu._active {
  visibility: visible;
  opacity: 1;
  pointer-events: initial
}
.catalog-menu__wrapper {
  display: flex;
  padding-left: 22px
}
.catalog-menu__list-links {
  padding-right: 70px;
  margin-right: 50px;
  border-right: 1px solid rgba(255,255,255,.5);
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-shrink: 0
}
.catalog-menu__link {
  font-size: 22px;
  font-weight: 500;
  position: relative
}
.catalog-menu__link._active {
  color: #ed6f2d
}
.catalog-menu__link._active::before {
  content: "";
  background: url(/local/templates/sarra/css/../img/icons/arrow-2.svg) 0 0 no-repeat;
  width: 8px;
  height: 14px;
  display: block;
  flex-shrink: 0;
  position: absolute;
  left: -16px;
  top: 5px
}
.catalog-menu__list-blocks {
  width: 100%
}
.catalog-menu__block {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  visibility: hidden;
  opacity: 0;
  height: 0
}
.catalog-menu__block._active {
  visibility: visible;
  opacity: 1;
  height: auto
}
.catalog-menu__block-side {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-shrink: 0
}
.catalog-menu__block-link {
  font-size: 22px;
  font-weight: 500
}
.catalog-menu__block-link._main {
  color: #ed6f2d;
  font-size: 18px;
  border-radius: 4px;
  border: 1px solid #ed6f2d;
  margin-bottom: 20px;
  padding: 15px 10px;
  display: flex;
  align-items: center;
  gap: 7px
}
.catalog-menu__block-link._main svg {
  width: 15px;
  height: 9px
}
.catalog-menu__block-link._active,
.catalog-menu__block-link:hover {
  color: #ed6f2d;
  text-decoration: underline
}
.catalog-menu__block-media {
  display: flex;
  gap: 35px
}
.catalog-menu__block-media img {
  width: 100%;
  height: auto
}
.footer {
  background: url(/local/templates/sarra/css/../img/backgrounds/footer-bg.webp) center bottom no-repeat;
  background-size: cover;
  position: relative
}
.footer::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  max-width: 1800px;
  background-color: rgba(255,255,255,.5);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.footer__wrapper {
  max-width: 1520px;
  margin: 0 auto
}
.footer__top {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.footer__top-side {
  padding: 70px 0 0
}
.footer__top-side._left {
  top: 25px;
  position: relative
}
.footer__top-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.footer__phone {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px
}
.footer__address {
  color: rgba(255,255,255,.7);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 45px
}
.footer__address div {
  color: #fff
}
.footer__info {
  max-width: 360px;
  font-size: 11px;
  line-height: 12px;
  color: rgba(255,255,255,.7);
  font-weight: 300
}
.footer__logo {
  width: 300px;
  height: 111px
}
.footer__logo-img {
  width: 100%;
  height: auto
}
.footer__up {
  position: fixed;
  z-index: 2;
  bottom: 15px;
  right: 15px;
  opacity: 0;
  transition: opacity .3s ease;
  border: 1px solid #cacaca;
  border-radius: 6px;
  background: rgba(0,0,0,.35);
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out
}
.footer__up:hover {
  color: #000;
  background-color: #fff
}
.footer__up svg {
  width: 7px;
  height: 12px
}
.footer__up-text {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center
}
.footer__middle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 218px;
  position: relative;
  top: -10px
}
.footer__middle-side {
  display: flex;
  align-items: center;
  gap: 65px;
  margin-top: 56px
}
.footer__menu-link {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase
}
.footer__menu-link._active,
.footer__menu-link:hover {
  color: #ed6f2d;
  text-decoration: underline
}
.footer__middle-separator {
  width: 1px;
  height: 100%;
  background-color: rgba(255,255,255,.5);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.footer__middle-separator::after {
  content: "";
  display: block;
  width: 72px;
  height: 22px;
  position: absolute;
  top: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(/local/templates/sarra/css/../img/elements/footer-separator.svg) 0 0 no-repeat
}
.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 42px 0;
  position: relative
}
.footer__bottom::before {
  content: "";
  display: block;
  height: 1px;
  width: 1800px;
  background-color: rgba(255,255,255,.5);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.footer__bottom-side {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase
}
.footer__bottom-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 39px
}
.hero-1 {
  position: relative;
  padding: 25px 0 0
}
.hero-1__background {
  position: absolute;
  inset: 0;
  z-index: -1;
  top: -167px
}
.hero-1__background img,
.hero-1__background video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.hero-1__background-top {
  z-index: 3
}
.hero-1__background-middle {
  z-index: 2;
  -webkit-animation: fogmove 60s linear 0s infinite;
  animation: fogmove 60s linear 0s infinite
}
.hero-1__background-bottom {
  z-index: 1
}
.hero-1__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative
}
.hero-1__side-line {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  height: 100%
}
.hero-1__side-line._left {
  left: 0;
  border-left: 1px solid rgba(255,255,255,.5)
}
.hero-1__side-line._left img:last-child {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}
.hero-1__side-line._right {
  right: 0;
  border-right: 1px solid rgba(255,255,255,.5)
}
.hero-1__side-line._right img:first-child {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}
.hero-1__side-line._right img:last-child {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.hero-1__center-line {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: rgba(255,255,255,.5)
}
.hero-1__center-line::after,
.hero-1__center-line::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(/local/templates/sarra/css/../img/elements/hero-1__icon-2.svg) 0 0 no-repeat;
  width: 72px;
  height: 22px
}
.hero-1__center-line::before {
  top: -1px
}
.hero-1__center-line::after {
  bottom: -1px;
  background: url(/local/templates/sarra/css/../img/elements/hero-1__icon-3.svg) 0 0 no-repeat
}
/*.hero-1__center-line div {
  width: 23vw;
  max-width: 425px;
  height: 1px;
  background-color: rgba(255,255,255,.5);
  position: absolute;
  top: calc(50% - 30px);
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}*/
.hero-1__slider {
  overflow: visible!important;
  width: 100%
}
.hero-1__slide {
  display: flex;
  align-items: center;
  gap: 102px;
  padding: 0 15px;
  width: 100%;
  opacity: 0!important
}
.hero-1__slide.swiper-slide-active {
  opacity: 1!important;
  z-index: 1
}
.hero-1__image {
  width: calc(50% - 25px);
  height: 600px;
  flex-shrink: 0;
  position: relative
}
.hero-1__image img {
  position: absolute;
  margin-top: -24px;
  display: block;
  width: 860px;
  height: 790px
}
.hero-1__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.hero-1__title {
  margin-bottom: 30px;
  color: #fff;
  font-family: "Cormorant Garamond";
  font-size: 50px;
  font-weight: 700;
  line-height: .9;
  text-transform: uppercase
}
.hero-1__text {
  margin-bottom: 40px;
  max-width: 478px;
  line-height: normal
}
.hero-1__price {
  margin-bottom: 50px;
  font-size: 26px;
  font-weight: 600;
  line-height: normal
}
.hero-1__btn {
  border-radius: 4px;
  border: 1px solid #fff;
  width: 200px;
  height: 50px;
  flex-shrink: 0;
  font-family: "Cormorant Garamond";
  font-size: 18px;
  font-weight: 700;
  line-height: .87;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  transition: border-color .3s ease-in-out,background-color .3s ease-in-out
}
.hero-1__btn svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  fill: transparent
}
.hero-1__btn:hover {
  border-color: #ed6f2d;
  background-color: #ed6f2d
}
.hero-1__pagination {
  position: absolute;
  z-index: 2;
  bottom: -48px;
  display: flex;
  justify-content: center;
  gap: 17px;
  width: 100%
}
.hero-1__pagination .swiper-pagination-bullet {
  width: 95px;
  height: 1px;
  background: #626160
}
.hero-1__pagination .swiper-pagination-bullet-active {
  background-color: #fff
}
.hero-1__button-next,
.hero-1__button-prev {
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transition: border-color .3s ease-in-out
}
.hero-1__button-next:hover,
.hero-1__button-prev:hover {
  border-color: #ed6f2d
}
.hero-1__button-prev {
  left: 50px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.hero-1__button-next {
  right: 50px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}
.product-slider {
  margin: 190px 0 170px;
  position: relative
}
.product-slider._bd-bottom::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 1px;
  width: 100%;
  max-width: 1800px;
  background-color: rgba(255,255,255,.5)
}
.product-slider__header {
  text-align: center;
  font-family: "Cormorant Garamond";
  font-size: 62px;
  font-weight: 500;
  line-height: 1.12;
  text-transform: uppercase;
  max-width: 860px;
  margin: 0 auto 50px
}
.product-slider__tabs {
  margin: 50px 0 40px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 70px
}
.product-slider__tabs-item {
  color: rgba(255,255,255,.5);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  transition: color .3s ease-in-out;
  white-space: nowrap
}
.product-slider__tabs-item:hover {
  color: #fff
}
.product-slider__tabs-item._active {
  color: #fff;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-color: #ed6f2d;
  text-decoration-thickness: 10%;
  text-underline-offset: 25%;
  text-underline-position: from-font
}
.product-slider__body {
  position: relative;
  max-width: 1850px;
  margin: 0 auto;
  padding: 0 40px
}
.product-slider__body-group {
  display: none;
  visibility: hidden
}
.product-slider__body-group._active {
  display: block;
  visibility: visible
}
.product-slider__button-next,
.product-slider__button-prev {
  position: absolute;
  top: 35%;
  width: 25px;
  height: 25px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transition: border-color .3s ease-in-out
}
.product-slider__button-next:hover,
.product-slider__button-prev:hover {
  border-color: #ed6f2d
}
.product-slider__button-prev {
  left: 15px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.product-slider__button-next {
  right: 15px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}
.preview-product {
  position: relative;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  transition: background-color .2s ease-in-out;
  padding: 20px;
  height: 100%
}
.preview-product:hover {
  background-color: #2a2a2a;
  box-shadow: 0 4px 4px 0 rgba(0,0,0,.25)
}
.preview-product__promo-wrapper {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 20px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  padding-right: 75px
}
.preview-product__promo-label {
  border-radius: 2px 16px;
  padding: 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1
}
.preview-product__promo-label._red {
  background: #e4032e
}
.preview-product__promo-label._orange {
  background: #ed6f2d
}
.preview-product__promo-media {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  right: 20px
}
.preview-product__image {
  position: relative;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 25px;
  aspect-ratio: 1/1
}
.preview-product__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.preview-product__video {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%
}
.preview-product__video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.preview-product:hover .preview-product__video {
  display: none
}
.preview-product__slider {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.preview-product__pagination {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%
}
.preview-product__pagination .swiper-pagination-bullet {
  width: 60px;
  height: 2px;
  background: #ddd;
  opacity: 1
}
.preview-product__pagination .swiper-pagination-bullet-active {
  background-color: #ff6801
}
.preview-product__content {
  /*opacity: 0;*/
  display: flex;
  flex-direction: column
}
.preview-product__content ._animated {
  opacity: 1
}
.preview-product__category {
  color: rgba(255,255,255,.7);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 22px
}
.preview-product__category:hover {
  color: #fff
}
.preview-product__name {
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px
}
.preview-product__name:hover {
  color: #fff;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font
}
.preview-product__footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px
}
.preview-product__price-wrapper {
  display: flex;
  gap: 19px
}
.preview-product__price {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #ed6f2d;
  font-size: 18px;
  font-weight: 600;
  line-height: normal
}
.preview-product__price-icon {
  width: 24px;
  height: 24px;
  color: rgba(255,255,255,.5);
  fill: transparent
}
.preview-product__price-old {
  color: #868686;
  font-size: 14px;
  line-height: normal;
  text-decoration-line: line-through;
  margin-top: 4px
}
.preview-product__wishlist {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  top: 20px;
  right: 20px;
  width: 35px;
  height: 35px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.5)
}
.preview-product__wishlist-icon {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  fill: transparent;
  transition: fill .3s ease-in-out
}
.preview-product__wishlist._active .preview-product__wishlist-icon,
.preview-product__wishlist:hover .preview-product__wishlist-icon {
  fill: #ed6f2d
}
.static-hero {
  margin: 170px 0 130px
}
.static-hero__wrapper {
  position: relative
}
.static-hero__side-line {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  height: 100%
}
.static-hero__side-line._left {
  left: 0;
  border-left: 1px solid rgba(255,255,255,.5)
}
.static-hero__side-line._left img:last-child {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}
.static-hero__side-line._right {
  right: 0;
  border-right: 1px solid rgba(255,255,255,.5)
}
.static-hero__side-line._right img:first-child {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}
.static-hero__side-line._right img:last-child {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.static-hero__center-line {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: rgba(255,255,255,.5)
}
.static-hero__center-line::after,
.static-hero__center-line::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(/local/templates/sarra/css/../img/elements/hero-1__icon-2.svg) 0 0 no-repeat;
  width: 72px;
  height: 22px
}
.static-hero__center-line::before {
  top: -1px
}
.static-hero__center-line::after {
  bottom: -1px;
  background: url(/local/templates/sarra/css/../img/elements/hero-1__icon-3.svg) 0 0 no-repeat
}
.static-hero__center-line div {
  width: 23vw;
  max-width: 22vw;
  height: 1px;
  background-color: rgba(255,255,255,.5);
  position: absolute;
  top: calc(50% - 30px);
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.static-hero__bg {
  position: absolute;
  top: -162px;
  left: -389px;
  width: 715px;
  height: 715px;
  border-radius: 715px;
  opacity: .5;
  background: #ed6f2d;
  -webkit-filter: blur(300px);
  filter: blur(300px)
}
.static-hero__content {
  display: flex;
  justify-content: space-between;
  width: 100%
}
.static-hero__text {
  color: rgba(255,255,255,.7);
  font-weight: 500;
  line-height: normal;
  padding: 30px;
  position: relative;
  width: 50%;
  flex-shrink: 0
}
.static-hero__text-top {
  position: absolute;
  left: 15.5%;
  top: 10.8%;
  width: 372px
}
.static-hero__text-heading {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 21%;
  color: #fff;
  font-family: "Cormorant Garamond";
  font-size: 52px;
  font-weight: 500;
  line-height: 1.01;
  text-transform: uppercase
}
.static-hero__text-heading span {
  color: #ed6f2d
}
.static-hero__text-bottom {
  position: absolute;
  bottom: 8.5%;
  left: 15.5%;
  width: 372px
}
.static-hero__text-bottom a {
  margin-top: 50px;
  color: #ed6f2d;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  display: flex;
  gap: 10px
}
.static-hero__text-bottom svg {
  width: 14px;
  height: 10px;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.static-hero__text-bottom a:hover svg {
  -webkit-transform: translateX(10px);
  transform: translateX(10px)
}
.static-hero__media {
  width: 50%;
  flex-shrink: 0;
  text-align: center;
  padding: 40px
}
.static-hero__media-wrapper {
  position: relative;
  background: url(/local/templates/sarra/css/../img/backgrounds/static-hero.webp) center center/contain no-repeat
}
.static-hero__media-img {
  position: relative;
  top: -120px;
  max-width: 100%;
  -webkit-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite
}
@-webkit-keyframes float {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
}
@keyframes float {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
}
.advantages {
  position: relative;
  height: 100%
}
.advantages__wrapper {
  height: 700px;
  margin: 170px 0
}
.advantages__wrapper._about {
  margin: 140px 0
}
.advantages .__container {
  height: 100%
}
.advantages__list {
  display: flex;
  width: -webkit-max-content;
  width: max-content;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  height: 100%
}
.advantages__item-text {
  width: 685px;
  padding-left: 33px;
  position: relative;
  flex-shrink: 0
}
._about .advantages__item-text {
  padding-left: 0;
  width: 652px
}
.advantages__item-text-name {
  font-family: "Cormorant Garamond";
  font-size: 52px;
  font-weight: 500;
  line-height: 1.03;
  text-transform: uppercase;
  margin-bottom: 40px;
  margin-top: 203px;
  position: relative
}
.advantages__item-text-name span {
  color: #ed6f2d;
  display: block
}
._about .advantages__item-text-name::after {
  content: "";
  width: 60px;
  height: 1px;
  display: block;
  background-color: rgba(255,255,255,.5);
  position: absolute;
  right: 0;
  top: 80px
}
.advantages__item-text-link {
  color: #ed6f2d;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  display: flex;
  gap: 10px
}
.advantages__item-text-link svg {
  width: 14px;
  height: 10px;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.advantages__item-text-link:hover svg {
  -webkit-transform: translateX(10px);
  transform: translateX(10px)
}
.advantages__item-text-content {
  color: rgba(255,255,255,.7);
  font-weight: 500;
  line-height: normal;
  margin-top: 209px;
  margin-left: 107px;
  width: 357px
}
._about .advantages__item-text-content {
  margin-top: 70px;
  margin-left: 70px;
  width: 458px
}
.advantages__item {
  flex-shrink: 0;
  width: 720px;
  padding: 0 50px;
  border-left: 1px solid rgba(255,255,255,.5)
}
.advantages__item-image {
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 8px
}
.advantages__item-img {
  width: 100%;
  height: auto
}
.advantages__item-num {
  color: #ed6f2d;
  font-family: "Cormorant Garamond";
  font-size: 32px;
  font-weight: 500;
  line-height: 1.68;
  text-transform: uppercase;
  margin-bottom: 17px
}
.advantages__item-name {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase
}
.top-background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  width: 100%
}
.top-background img {
  width: 100%;
  height: auto
}
.middle-background {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  width: 100%
}
.middle-background img {
  width: 100%;
  height: auto
}
.breadcrumbs {
  margin-top: 14px
}
.breadcrumbs__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 17px;
  border-top: 1px solid rgba(255,255,255,.5);
  padding: 36px 0;
  position: relative
}
.breadcrumbs__wrapper::after,
.breadcrumbs__wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 36px;
  height: 22px
}
.breadcrumbs__wrapper::before {
  background: url(/local/templates/sarra/css/../img/elements/hero-1__icon-2.svg) 0 0 no-repeat;
  left: -8px;
  top: 6px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.breadcrumbs__wrapper::after {
  background: url(/local/templates/sarra/css/../img/elements/hero-1__icon-1.svg) 0 0 no-repeat;
  right: -8px;
  top: 6px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.breadcrumbs__link {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase
}
.breadcrumbs__link:hover {
  text-decoration: underline
}
.breadcrumbs__link._mobile {
  display: none
}
.breadcrumbs__separator {
  height: 1px;
  width: 12px;
  background-color: #fff
}
.catalog__wrapper {
  display: flex;
  gap: 118px
}
.catalog__sidebar {
  width: 320px;
  flex-shrink: 0;
  padding-top: 20px
}
.catalog__body {
  flex-grow: 1
}
.catalog__body-mobile {
  display: none
}
.catalog__body-mobile .custom-select {
  width: calc(50% - 20px);
  flex-shrink: 0
}
.catalog__filtr-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 4px;
  border: 1px solid #ed6f2d;
  padding: 8px 15px;
  width: calc(50% - 20px);
  flex-shrink: 0;
  font-family: "Cormorant Garamond";
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase
}
.catalog__filtr-btn svg {
  width: 24px;
  height: 24px
}
.catalog-list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 110px;
  margin: 48px 0
}
.pagination__back svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.pagination__back:hover svg {
  -webkit-transform: rotate(180deg) translateX(5px);
  transform: rotate(180deg) translateX(5px)
}
.pagination__next:hover svg {
  -webkit-transform: translateX(5px);
  transform: translateX(5px)
}
.pagination__btn {
  display: flex;
  align-items: center;
  gap: 10px
}
.pagination__btn svg {
  width: 12px;
  height: 8px;
  color: #ed6f2d;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.pagination__btn:hover {
  color: #ed6f2d
}
.pagination__center {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px
}
.pagination__page {
  border-radius: 64px;
  background: #ececec;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 18px;
  transition: background-color .3s ease
}
.pagination__page._active {
  color: #fff;
  background: #ff6801
}
.pagination__page:hover {
  color: #fff;
  background: #ff6801
}
.sidebar__part {
  border-bottom: 1px solid rgba(238,238,238,.2)
}
.sidebar__part._pb-30 {
  padding-bottom: 30px
}
.sidebar__head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 25px 0;
  cursor: pointer
}
.sidebar__head-icon {
  flex-shrink: 0;
  width: 11px;
  position: relative
}
.sidebar__head-icon::after {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01Ljk4MzkgNS4xODg3OEM1Ljk4Mzk3IDUuMDgyMTggNS45NjI5OCA0Ljk3NjYzIDUuOTIyMTMgNC44NzgxN0M1Ljg4MTI5IDQuNzc5NzIgNS44MjEzOSA0LjY5MDMgNS43NDU4OSA0LjYxNTA2TDEuMzY4MjcgMC4yMzc0MzFDMS4yMTQ2MSAwLjA5MjcxMDkgMS4wMTA2MyAwLjAxMzUzNCAwLjc5OTU3NyAwLjAxNjY5MjVDMC41ODg1MjQgMC4wMTk4NTEgMC4zODcwMDIgMC4xMDUwOTYgMC4yMzc3NDggMC4yNTQzNUMwLjA4ODQ5NDggMC40MDM2MDMgMC4wMDMyNDk1IDAuNjA1MTI2IDkuMTAzOTNlLTA1IDAuODE2MTc5Qy0wLjAwMzA2NzQyIDEuMDI3MjMgMC4wNzYxMDk0IDEuMjMxMjEgMC4yMjA4MyAxLjM4NDg3TDQuNTk4NDYgNS43NjI0OUM0LjcxMTk4IDUuODc1OTEgNC44NTY1NiA1Ljk1MzE0IDUuMDEzOTYgNS45ODQ0MkM1LjE3MTM1IDYuMDE1NjkgNS4zMzQ0OCA1Ljk5OTYyIDUuNDgyNzQgNS45MzgyMkM1LjYzMSA1Ljg3NjgzIDUuNzU3NzMgNS43NzI4NyA1Ljg0NjkzIDUuNjM5NDhDNS45MzYxMyA1LjUwNjA4IDUuOTgzOCA1LjM0OTI0IDUuOTgzOSA1LjE4ODc4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEwLjM2MjMgMC44MTEyMUMxMC4zNjIyIDAuNjUwNzQxIDEwLjMxNDYgMC40OTM5MDIgMTAuMjI1NCAwLjM2MDUwOUMxMC4xMzYyIDAuMjI3MTE3IDEwLjAwOTQgMC4xMjMxNTUgOS44NjExNiAwLjA2MTc2MDFDOS43MTI5IDAuMDAwMzY1MDY1IDkuNTQ5NzcgLTAuMDE1NzA4OSA5LjM5MjM3IDAuMDE1NTY5MkM5LjIzNDk4IDAuMDQ2ODQ3MiA5LjA5MDM5IDAuMTI0MDc0IDguOTc2ODcgMC4yMzc0OTJMNC41OTkyNSA0LjYxNTEyQzQuNDU0NTMgNC43Njg3NyA0LjM3NTM1IDQuOTcyNzUgNC4zNzg1MSA1LjE4MzgxQzQuMzgxNjcgNS4zOTQ4NiA0LjQ2NjkxIDUuNTk2MzggNC42MTYxNyA1Ljc0NTY0QzQuNzY1NDIgNS44OTQ4OSA0Ljk2Njk0IDUuOTgwMTMgNS4xNzggNS45ODMyOUM1LjM4OTA1IDUuOTg2NDUgNS41OTMwMyA1LjkwNzI3IDUuNzQ2NjggNS43NjI1NUwxMC4xMjQzIDEuMzg0OTNDMTAuMTk5OCAxLjMwOTY5IDEwLjI1OTcgMS4yMjAyNyAxMC4zMDA1IDEuMTIxODFDMTAuMzQxNCAxLjAyMzM2IDEwLjM2MjQgMC45MTc4MDIgMTAuMzYyMyAwLjgxMTIxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  display: block;
  width: 11px;
  height: 6px;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  opacity: .5;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
._active .sidebar__head-icon::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.sidebar__body {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .4s ease-in-out,opacity .4s ease-in-out,padding-bottom .4s ease-in-out;
  padding-bottom: 0
}
._active .sidebar__body {
  max-height: 1000px;
  opacity: 1;
  padding-bottom: 30px
}
.sidebar__show-more {
  color: #ed6f2d;
  font-size: 13px;
  font-weight: 500
}
.sidebar__show-more:hover {
  text-decoration: underline
}
.sidebar__clear-wrapper {
  display: flex;
  justify-content: center;
  margin: 30px auto
}
.sidebar__clear {
  color: rgba(255,255,255,.45);
  font-family: "Cormorant Garamond";
  font-size: 17.84px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  padding: 5px 20px
}
.sidebar__clear:hover {
  color: #fff
}
.product-detail {
  margin-top: 10px;
  margin-bottom: 100px
}
.product-detail__wrapper {
  display: flex;
  gap: 6%;
  max-width: 1500px;
  margin: 0 auto
}
.product-detail__play-button {
  position: absolute;
  right: 20px;
  top: 20px
}
.product-detail__gallery {
  width: 53%;
  position: relative;
  z-index: 1
}
.product-detail__gallery-inner {
  display: grid!important;
  gap: 10px;
  grid-template-columns: repeat(2,1fr)
}
.product-detail__gallery-inner>*:nth-child(3n+1) {
  grid-column: 1/-1
}
.product-detail__gallery-item {
  max-width: 100%;
  min-height: 328px;
  min-width: 328px;
}
.product-detail__gallery-video {
  position: relative
}
.product-detail__gallery-img {
  width: 100%;
  height: auto;
  cursor: -webkit-zoom-in;
  cursor: zoom-in
}
.product-detail__body {
  width: 41%;
  position: relative
}
.product-detail__body-inner {
  position: sticky;
  top: 50px
}
.product-detail__articul {
  color: rgba(255,255,255,.7);
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 30px
}
.product-detail__title {
  font-family: "Cormorant Garamond";
  font-size: 42px;
  font-weight: 600;
  line-height: 1.23;
  text-transform: uppercase;
  margin-bottom: 30px
}
.product-detail__description {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px
}
.product-detail__description-wrapper {
  height: 66px;
  overflow: hidden;
  margin-bottom: 25px
}
.product-detail__description-wrapper._active {
  height: auto;
  overflow: visible
}
.product-detail__description-detail {
  color: #ed6f2d;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 30px;
  visibility: hidden;
  display: none
}
.product-detail__description-detail._active {
  visibility: visible;
  display: block
}
.product-detail__description-detail:hover {
  text-decoration: underline
}
.product-detail__properties {
  display: flex;
  gap: 32px;
  margin-bottom: 50px
}
.product-detail__properties-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  white-space: nowrap;
  width: 100%
}
.product-detail__properties-item-row {
  display: flex;
  gap: 30px;
  font-size: 13px
}
.product-detail__properties-name {
  width: 50%;
  flex-shrink: 0
}
.product-detail__properties-value {
  width: 50%;
  flex-shrink: 0;
  font-weight: 600
}
.product-detail__options {
  display: flex;
  gap: 32px;
  margin-bottom: 40px
}
.product-detail__options-item {
  width: 100%
}
.product-detail__price {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
  gap: 17px
}
.product-detail__price-old {
  color: #868686;
  font-size: 14px;
  line-height: normal;
  text-decoration-line: line-through;
  margin-top: 2px;
  line-height: 14px;
  font-weight: 300
}
.product-detail__tools {
  display: flex;
  gap: 32px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  position: relative
}
.product-detail__tools::after {
  content: "";
  display: block;
  width: 100vw;
  max-width: 1800px;
  height: 1px;
  background: rgba(255,255,255,.5);
  position: absolute;
  bottom: 0;
  left: -168%;
  z-index: -1
}
.product-detail__buy {
  width: 260px;
  height: 50px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #ed6f2d;
  background: #ed6f2d;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-family: "Cormorant Garamond";
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  transition: background-color .3s ease-in-out
}
.product-detail__buy:hover {
  background-color: rgba(0,0,0,0);
  border: 1px solid #fff
}
.product-detail__wishlist {
  display: flex;
  align-items: center;
  gap: 20px
}
.product-detail__wishlist-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px dashed rgba(255,255,255,.5);
  width: 50px;
  height: 50px;
  fill: transparent;
  transition: fill .3s ease-in-out
}
.product-detail__wishlist._active .product-detail__wishlist-icon,
.product-detail__wishlist:hover .product-detail__wishlist-icon {
  fill: #ed6f2d
}
.product-detail__footer {
  display: flex;
  align-items: center;
  gap: 100px
}
.product-detail__status {
  font-size: 15px;
  line-height: 1.46;
  display: flex;
  align-items: center;
  gap: 14px
}
.product-detail__share {
  color: #ed6f2d;
  font-size: 15px;
  line-height: 1.46;
  display: flex;
  align-items: center;
  gap: 14px
}
.product-detail__button-next {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #ed6f2d;
  color: #fff;
  position: absolute;
  right: 38px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none
}
.product-detail__pagination {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  gap: 5px;
  display: none
}
.product-sides {
  margin: 100px auto 150px
}
.product-sides__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 75px;
  border-top: 1px solid rgba(255,255,255,.5);
  padding-top: 100px
}
.product-sides__item {
  display: flex;
  gap: 45px
}
.product-sides__title {
  font-family: "Cormorant Garamond";
  font-size: 42px;
  font-weight: 600;
  line-height: 52px;
  text-transform: uppercase;
  margin-bottom: 35px
}
.product-sides__title span {
  color: #ed6f2d
}
.product-sides__description {
  font-size: 15px;
  line-height: 1.46
}
.product-sides__description li {
  padding-left: 10px;
  position: relative
}
.product-sides__description li::after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: -5px;
  top: 11px
}
.product-package {
  margin: 150px auto 160px
}
.product-package__wrapper {
  border: 1px solid #ed6f2d;
  padding: 120px 100px;
  display: flex;
  gap: 30px
}
.product-package__content {
  width: 42%;
  flex-shrink: 0
}
.product-package__uptitle {
  display: flex;
  align-items: center;
  gap: 11px;
  color: rgba(255,255,255,.7);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 70px
}
.product-package__title {
  font-family: "Cormorant Garamond";
  font-size: 42px;
  font-weight: 600;
  line-height: 1.23;
  text-transform: uppercase;
  margin-bottom: 50px
}
.product-package__title span {
  display: block;
  color: #ed6f2d
}
.product-package__description {
  font-size: 15px;
  line-height: 1.46
}
.product-package__image {
  position: relative;
  width: 50%;
  flex-shrink: 0
}
.product-package__img {
  position: absolute;
  right: -120px;
  top: -116px;
  width: 100%;
  pointer-events: none
}
.product-showroom {
  margin: 160px 0 120px;
  position: relative
}
.product-showroom::before {
  content: "";
  display: block;
  width: 1016px;
  height: 1915px;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/local/templates/sarra/css/../img/backgrounds/showroom.webp) 0 0 no-repeat
}
.product-showroom__wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 100px 90px 80px 140px
}
.product-showroom__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40%;
  flex-shrink: 0
}
.product-showroom__title {
  font-family: "Cormorant Garamond";
  font-size: 52px;
  font-weight: 500;
  line-height: 1.03;
  text-transform: uppercase;
  margin-bottom: 35px
}
.product-showroom__title span {
  color: #ed6f2d;
  display: block
}
.product-showroom__subtitle {
  color: rgba(255,255,255,.5);
  font-weight: 700;
  margin-bottom: 30px
}
.product-showroom__text {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22;
  max-width: 490px;
  margin-bottom: 55px
}
.product-showroom__schedule {
  color: rgba(255,255,255,.5);
  font-weight: 700;
  margin-bottom: 55px;
  display: flex;
  flex-direction: column;
  gap: 30px
}
.product-showroom__schedule div:last-child {
  font-size: 15px;
  font-weight: 400;
  color: #fff
}
.product-showroom__detail {
  margin-top: 50px;
  color: #ed6f2d;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  display: flex;
  gap: 10px
}
.product-showroom__detail svg {
  width: 14px;
  height: 10px;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.product-showroom__detail:hover svg {
  -webkit-transform: translateX(10px);
  transform: translateX(10px)
}
.product-showroom__image {
  width: 60%;
  flex-shrink: 0;
  padding-right: 30px
}
.search-popup {
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: url(/local/templates/sarra/css/../img/backgrounds/main-1.webp) center/cover no-repeat;
  display: none
}
.search-popup._active {
  display: block
}
.search-popup__close {
  position: absolute;
  right: 19px;
  top: 19px
}
.search-popup__close svg {
  width: 100%;
  height: 100%
}
.search-popup__wrapper {
  margin: 12vh auto;
  width: 100%;
  max-width: 720px;
  height: 86vh;
  overflow-y: auto;
  padding: 0 15px
}
.search-popup__title {
  color: #fff;
  text-align: center;
  font-family: "Cormorant Garamond";
  font-size: 62px;
  font-weight: 500;
  line-height: 1.12;
  text-transform: uppercase;
  margin-bottom: 80px
}
.search-popup__search-field {
  display: flex;
  align-items: center;
  gap: 26px;
  border-bottom: 1px solid rgba(255,255,255,.7);
  position: relative
}
.search-popup__search-field::before {
  content: "";
  display: block;
  height: 24px;
  width: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 8px
}
.search-popup__search-input {
  height: 40px;
  outline: 0!important;
  color: #fff!important;
  font-size: 22px;
  font-weight: 500;
  padding-left: 25px;
  background-color: rgba(0,0,0,0)!important
}
.search-popup__search-input::-webkit-input-placeholder {
  color: rgba(255,255,255,.5)!important
}
.search-popup__search-input:-ms-input-placeholder {
  color: rgba(255,255,255,.5)!important
}
.search-popup__search-input::-ms-input-placeholder {
  color: rgba(255,255,255,.5)!important
}
.search-popup__search-input::placeholder {
  color: rgba(255,255,255,.5)!important
}
.search-popup__search-clear {
  width: 14px;
  height: 14px;
  flex-shrink: 0
}
.search-popup__search-clear svg {
  width: 100%;
  height: 100%
}
.search-popup__search-submit {
  width: 24px;
  height: 24px;
  flex-shrink: 0
}
.search-popup__search-submit svg {
  width: 100%;
  height: 100%
}
.search-popup__searching {
  margin: 60px auto
}
.search-popup__searching-title {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px
}
.search-popup__searching-list {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px
}
.search-popup__searching-link {
  font-weight: 500;
  opacity: .5;
  transition: opacity .3s ease-in-out
}
.search-popup__searching-link:hover {
  opacity: 1
}
.search-popup__not-found {
  margin: 60px auto;
  font-size: 18px;
  font-weight: 600
}
.search-popup__results-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 40px
}
.search-popup__results-list {
  display: flex;
  flex-direction: column;
  gap: 25px
}
.search-popup__all-results-wrapper {
  margin: 40px auto;
  display: flex;
  justify-content: flex-start
}
.search-popup__all-results {
  border-radius: 4px;
  border: 1px solid #ed6f2d;
  padding: 15px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ed6f2d;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer
}
.search-popup__all-results:hover {
  background-color: #fff;
  cursor: pointer
}
.search-popup__all-results svg {
  width: 15px;
  height: 12px
}
.product-line {
  display: flex;
  gap: 20px
}
.product-line__image {
  width: 100px;
  height: 100px;
  border-radius: 4px;
  overflow: hidden
}
.product-line__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}
.product-line__image:hover .product-line__img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.product-line__content {
  display: flex;
  flex-direction: column;
  gap: 22px
}
.product-line__category {
  color: rgba(255,255,255,.7);
  font-size: 12px;
  font-weight: 500
}
.product-line__title {
  font-size: 16px;
  font-weight: 500
}
.product-line__title:hover {
  text-decoration: underline
}
.product-line__price {
  color: #ed6f2d;
  font-weight: 600
}
.product-gallery {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: url(/local/templates/sarra/css/../img/backgrounds/main-1.webp) center/cover no-repeat;
  display: none
}
.product-gallery._active {
  display: block
}
.product-gallery__close {
  position: absolute;
  z-index: 11;
  right: 19px;
  top: 19px
}
.product-gallery__close svg {
  width: 100%;
  height: 100%
}
.product-gallery__wrapper {
  width: 100%;
  height: 100%;
  display: flex
}
.product-gallery__wrapper-thumbnails {
  width: 215px;
  flex-shrink: 0;
  padding: 50px 45px;
  border-right: 1px solid rgba(255,255,255,.5);
  display: flex;
  flex-direction: column
}
.product-gallery__wrapper-thumb {
  height: 100%
}
.product-gallery__slider-thumb {
  height: 100%;
  overflow: hidden
}
.product-gallery .swiper-slide-thumb-active {
  position: relative
}
.product-gallery .swiper-slide-thumb-active::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #ed6f2d;
  position: absolute;
  bottom: 0;
  left: 0
}
.product-gallery__btn {
  width: 12px;
  height: 20px;
  margin: 30px auto;
  flex-shrink: 0
}
.product-gallery__btn svg {
  width: 100%;
  height: 100%
}
.product-gallery__btn._prev {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.product-gallery__btn._next {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.product-gallery__wrapper-gallery {
  width: calc(100% - 215px);
  height: 100%;
  padding: 8.4vh
}
.product-gallery__slide-thumb {
  width: 120px;
  height: 120px;
  max-height: 120px;
  position: relative
}
.product-gallery__slide-thumb:not(.swiper-slide-thumb-active) {
  cursor: pointer
}
.product-gallery__slide-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.product-gallery__slide-thumb .play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 45px;
  height: 45px
}
.product-gallery__slide-thumb .play-button svg {
  width: 20px;
  height: 20px
}
.product-gallery__gallery {
  width: 100%;
  height: 100%
}
.product-gallery__gallery-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%
}
.product-gallery__gallery-item img,
.product-gallery__gallery-item video {
  max-width: 100%;
  max-height: 100%
}
.product-gallery__gallery-item video {
  height: 100%;
  width: auto
}
.product-gallery__gallery-video {
  max-height: 100%;
  max-width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}
.product-gallery__play-button {
  position: absolute;
  right: 20px;
  top: 20px
}
.basket__title {
  font-family: "Cormorant Garamond";
  font-size: 42px;
  font-weight: 600;
  line-height: 1.85;
  text-transform: uppercase;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 55px
}
.basket__title-count {
  background-color: #000;
  border-radius: 50%;
  border: 1px solid #fff;
  overflow: hidden;
  width: 35px;
  height: 35px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Montserrat;
  font-weight: 700;
  font-size: 16px
}
.basket__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  max-width: 1600px;
  margin: 0 auto
}
.basket__body {
  width: 100%;
  padding-top: 7px
}
.basket__head-item {
  color: rgba(255,255,255,.7);
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  left: 0;
  top: -45px
}
.basket__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
  padding: 40px 0;
  border-bottom: 1px solid rgba(255,255,255,.3)
}
.basket__item-body {
  display: flex;
  gap: 30px;
  width: 500px;
  flex-shrink: 0;
  position: relative
}
.basket__item-info {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
  flex: 1 0 auto
}
.basket__item-image {
  flex-shrink: 0;
  width: 160px;
  height: 160px
}
.basket__item-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.basket__item-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%
}
.basket__item-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.22
}
.basket__item-articul {
  color: rgba(255,255,255,.5);
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  margin-top: -10px;
  margin-bottom: 10px
}
.basket__properties {
  margin-top: auto;
  display: flex;
  gap: 20px
}
.basket__properties-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  white-space: nowrap;
  width: 100%
}
.basket__properties-item-row {
  display: flex;
  gap: 8px;
  font-size: 13px
}
.basket__properties-name {
  /*width: 25%;*/
  flex-shrink: 0
}
.basket__properties-value {
  width: 50%;
  flex-shrink: 0;
  font-weight: 600
}
.basket__item-price {
  position: relative;
  width: 120px;
  flex-shrink: 0;
  font-size: 22px;
  font-weight: 600;
  padding: 11px 0
}
.basket__item-price .old {
  color: rgba(255,255,255,.5);
  font-size: 14px;
  text-decoration-line: line-through
}
.basket__item-count {
  width: 145px;
  flex-shrink: 0;
  position: relative
}
.basket__item-remove-btn {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ececec;
  border-radius: 50%;
  color: #000;
  margin: 7px auto
}
.basket__item-remove-btn svg {
  width: 12px;
  height: 12px
}
.basket__features {
  margin-top: 70px;
  margin-bottom: 110px;
  display: flex;
  gap: 58px
}
.basket__features-item {
  display: flex;
  align-items: center;
  gap: 40px
}
.basket__features-image {
  width: 160px;
  height: 160px;
  flex-shrink: 0
}
.basket__features-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.basket__features-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.22;
  max-width: 305px
}
.basket__sidebar {
  position: relative;
  width: 375px;
  flex-shrink: 0
}
.basket__sidebar form {
  width: 100%
}
.basket__sidebar-sticky {
  position: sticky;
  top: 10px
}
.basket__sidebar-wrapper {
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(2px);
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 30px
}
.basket__promocode {
  position: relative;
  display: flex;
  height: 50px;
  border-radius: 4px
}
.basket__promocode-input {
  height: 100%;
  padding-left: 15px;
  padding-right: 50px;
  background: #fff;
  border-radius: 4px;
  color: #000;
  outline: 0
}
.basket__promocode-input._error {
  color: #ff0404
}
.basket__promocode-submit {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  border-radius: 4px;
  background: #ed6f2d;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .3s ease-in-out
}
.basket__promocode-submit:hover {
  background-color: #f79e1b
}
.basket__promocode-submit:hover svg {
  color: #000
}
.basket__promocode-submit svg {
  width: 15px;
  height: 15px
}
.basket__promocode-submit._approved {
  background-color: #f79e1b
}
.basket__promocode-submit._approved svg {
  color: #000;
  width: 24px;
  height: 24px
}
.basket__sidebar-info {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.22;
  display: flex;
  justify-content: space-between;
  gap: 15px
}
.basket__sidebar-info div:nth-child(2) {
  font-weight: 600
}
.basket__sidebar-total {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.22;
  display: flex;
  justify-content: space-between;
  gap: 15px
}
.basket__sidebar-total div:nth-child(2) {
  font-weight: 600
}
.basket__sidebar-buy {
  width: 100%;
  height: 50px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #ed6f2d;
  background: #ed6f2d;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-family: "Cormorant Garamond";
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  transition: background-color .3s ease-in-out
}
.basket__sidebar-buy:hover {
  background-color: rgba(0,0,0,0);
  border: 1px solid #fff
}
.basket__sidebar-methods {
  text-align: center;
  font-size: 14px;
  line-height: normal;
  margin-bottom: 30px
}
.basket__sidebar-bottom {
  text-align: center
}
.basket__sidebar-continue {
  color: rgba(255,255,255,.5);
  font-size: 14px;
  line-height: normal;
  text-decoration: underline
}
.basket__sidebar-continue:hover {
  text-decoration: none
}
.basket hr {
  background-color: rgba(255,255,255,.3);
  width: calc(100% + 80px);
  height: 1px;
  margin-left: -40px
}
.basket__features-placeholder {
  display: none
}
.empty-basket {
  margin-top: 20px;
  margin-bottom: 84px
}
.empty-basket__wrapper {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  align-items: center
}
.empty-basket__title {
  font-family: "Cormorant Garamond";
  font-size: 42px;
  font-weight: 600;
  line-height: 1.85;
  text-transform: uppercase;
  text-align: center
}
.empty-basket__subtitle {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2
}
.empty-basket__leave-basket {
  border-radius: 4px;
  border: 1px solid #fff;
  width: 200px;
  height: 50px;
  flex-shrink: 0;
  font-family: "Cormorant Garamond";
  font-size: 18px;
  font-weight: 700;
  line-height: .87;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  transition: border-color .3s ease-in-out,background-color .3s ease-in-out
}
.empty-basket__leave-basket svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  fill: transparent
}
.empty-basket__leave-basket:hover {
  border-color: #ed6f2d;
  background-color: #ed6f2d
}
.empty-basket__img {
  max-width: 345px;
  margin-top: 15px
}
.sections {
  margin-bottom: 150px
}
.sections__title {
  font-family: "Cormorant Garamond";
  font-size: 86px;
  font-weight: 600;
  line-height: 1.15;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 50px
}
.sections__grid {
  display: flex;
  flex-direction: column;
  gap: 30px
}
.sections__row {
  display: flex;
  gap: 27px
}
.sections__row:nth-child(even) {
  flex-direction: row-reverse
}
.sections__col {
  display: flex;
  gap: 27px;
  flex: 1 1 auto;
  width: 50%
}
.sections__col .block {
  flex: 1 1 50%;
  min-height: 490px
}
.block {
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(2px);
  padding: 56px 40px 50px 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
  transition: background-color .2s ease-in-out
}
.block:hover {
  background-color: #fff
}
.block:hover .block__title {
  color: #000
}
.block:hover .block__list-item {
  color: #000
}
.block:hover .block__link {
  background-color: #ed6f2d;
  color: #fff
}
.block__title {
  font-family: "Cormorant Garamond";
  font-size: 36px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase
}
.block__list {
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 22px
}
.block__list-item:hover {
  text-decoration: underline
}
.block__link-wrapper {
  margin-top: auto
}
.block__link {
  border-radius: 4px;
  border: 1px solid #ed6f2d;
  display: inline-flex;
  padding: 12px 9px;
  align-items: center;
  gap: 10px;
  color: #ed6f2d;
  font-size: 18px
}
.block__link svg {
  width: 16px;
  height: 8px
}
.block__link:hover {
  background-color: #ed6f2d;
  color: #fff
}
.block__image {
  position: absolute;
  z-index: -1
}
._num-1 .block__image {
  top: 27px;
  right: 80px
}
._num-2 .block__image {
  bottom: 40px;
  right: 40px
}
._num-3 .block__image {
  right: 41px;
  bottom: 120px
}
._num-4 .block__image {
  top: 95px;
  right: 92px
}
._num-5 .block__image {
  right: 40px;
  bottom: 71px
}
._num-6 .block__image {
  right: 40px;
  bottom: 40px
}
._num-7 .block__image {
  top: 95px;
  right: 49px
}
._num-8 .block__image {
  right: 0;
  bottom: 0
}
._num-9 .block__image {
  bottom: 42px;
  right: 10px
}
.block__img {
  width: 100%;
  height: auto
}
.sections-features {
  margin: 150px 0
}
.sections-features__list {
  display: flex
}
.sections-features__item {
  flex: 1 0 33.333%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
  border-left: 1px solid rgba(255,255,255,.5);
  padding: 26px 0 40px
}
.sections-features__item:last-child {
  border-right: 1px solid rgba(255,255,255,.5)
}
.sections-features__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.sections-features__title {
  text-align: center;
  font-family: "Cormorant Garamond";
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase
}
.order {
  max-width: 1630px;
  margin: 0 auto
}
.order ._mb-20 {
  margin-bottom: 20px
}
.order ._mb-30 {
  margin-bottom: 27px
}
.order ._mb-40 {
  margin-bottom: 35px
}
.order ._mb-50 {
  margin-bottom: 50px
}
.order__title {
  font-family: "Cormorant Garamond";
  font-size: 42px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 8px;
  text-align: center
}
.order__subtitle {
  text-align: center;
  font-family: Gilroy;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.44;
  margin-bottom: 30px
}
.order__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  padding-left: 130px
}
.order__body {
  width: 100%;
  max-width: 910px;
  padding-top: 30px
}
.order__block {
  margin-bottom: 46px
}
.order__title-1 {
  font-size: 24px;
  font-weight: 500;
  line-height: normal
}
.order__toggler {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer
}
.order__toggler span {
  opacity: .5
}
.order__toggler-item {
  width: 40px;
  height: 22px;
  flex-shrink: 0;
  background-color: #ececec;
  padding: 3px 4px;
  border-radius: 32px;
  transition: all .3s ease-in-out
}
._active .order__toggler-item {
  background-color: #fff
}
.order__toggler-item-dot {
  border-radius: 32px;
  background: #767676;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  transition: all .3s ease-in-out
}
._active .order__toggler-item-dot {
  background-color: #ed6f2d;
  margin-left: auto
}
.order__additional-fields {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: max-height .4s ease,opacity .4s ease,visibility 0s linear .4s
}
.order__additional-fields._active {
  max-height: 850px;
  opacity: 1;
  visibility: visible;
  transition: max-height .4s ease,opacity .4s ease
}
.order__field-title {
  font-weight: 500
}
.order__2cols {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 30px
}
.order__subtext {
  color: rgba(255,255,255,.5);
  font-family: "Cera Pro";
  font-size: 14px
}
.order__delivery-list {
  display: flex;
  flex-direction: column;
  gap: 18px
}
.order__delivery-item {
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.3);
  padding: 20px 30px;
  transition: background-color .3s ease-in-out;
  cursor: pointer
}
.order__delivery-item._active {
  background-color: #fff
}
.order__delivery-item-wrapper {
  display: flex;
  align-items: center;
  gap: 20px
}
.order__delivery-image {
  width: 80px;
  height: 80px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0
}
.order__delivery-img {
  width: 100%;
  height: auto
}
.order__delivery-content {
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex: 1 1 auto
}
.order__delivery-name {
  font-weight: 700
}
._active .order__delivery-name {
  color: #000
}
.order__delivery-info {
  display: flex;
  align-items: flex-start;
  gap: 30px
}
.order__delivery-free {
  color: #3ab50e;
  font-size: 15px;
  font-weight: 500
}
.order__delivery-gift {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 15px;
  font-weight: 500
}
._active .order__delivery-gift {
  color: #000
}
.order__delivery-price {
  color: #ed6f2d;
  font-size: 15px;
  font-weight: 500
}
.order__delivery-checkbox-wrapper {
  height: 100%;
  border-left: 1px solid rgba(213,213,213,.3);
  padding-left: 30px
}
._active .order__delivery-checkbox-wrapper {
  border-left: 1px solid #d5d5d5
}
.order__delivery-checkbox {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center
}
.order__delivery-options {
  gap: 28px;
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px solid #d5d5d5;
  display: none
}
._active .order__delivery-options {
  display: flex
}
.order__options-item {
  border-radius: 4px;
  border: 1px solid #d5d5d5;
  padding: 40px 30px 30px;
  color: #000;
  flex: 1 1 33.333%;
  cursor: pointer;
  transition: background-color .3s ease-in-out
}
.order__options-item._active {
  border: 1px solid #ed6f2d;
  background: #f2f2f2
}
.order__options-name {
  margin-bottom: 30px;
  font-weight: 500
}
.order__options-price {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px
}
.order__options-time {
  font-weight: 500;
  margin-bottom: 30px
}
.order__options-btn {
  padding: 12px 24px;
  border-radius: 4px;
  background: #d5d5d5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "Cormorant Garamond";
  font-weight: 700;
  text-transform: uppercase;
  width: 100%
}
.order__options-btn span:nth-child(1) {
  display: none
}
.order__options-item._active .order__options-btn {
  background: #ed6f2d;
  color: #fff
}
.order__options-item._active .order__options-btn span:nth-child(1) {
  display: block
}
.order__options-item._active .order__options-btn span:nth-child(2) {
  display: none
}
.order__payment-list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 30px 28px;
  margin-bottom: 40px
}
.order__payment {
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.3);
  flex: 0 0 33.333%;
  padding: 50px 20px 20px 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  aspect-ratio: 285/184;
  transition: background-color .3s ease-in-out;
  cursor: pointer
}
.order__payment._active {
  background-color: #fff
}
.order__payment-name {
  font-weight: 700;
  margin-bottom: auto
}
._active .order__payment-name {
  color: #000
}
.order__payment-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}
.order__payment-icon {
  width: 90px;
  height: 45px;
  display: flex;
  align-items: center;
  color: #fff
}
.order__payment-img {
  opacity: .5;
  mix-blend-mode: luminosity
}
._active .order__payment-img {
  opacity: 1;
  mix-blend-mode: normal;
  color: #000;
  fill: #000
}
.order__payment-check {
  height: 20px;
  margin-right: -10px
}
.order__text {
  line-height: 1.37;
  opacity: .8
}
.order__submit {
  border-radius: 4px;
  background: #ed6f2d;
  font-family: "Cormorant Garamond";
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  width: 100%;
  max-width: 425px;
  border: 1px solid transparent;
  transition: background-color .2s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out
}
.order__submit._w-100p {
  max-width: 100%
}
.order__submit:hover {
  background-color: rgba(0,0,0,0);
  border: 1px solid #fff
}
.agreement-wrapper{
    display: flex;
    gap: 20px;
}
.order__bottom-text {
  color: rgba(255,255,255,.5);
  font-size: 16px;
  line-height: 1.37
}
.order__bottom-text a {
  text-decoration: underline
}
.order__bottom-text a:hover {
  text-decoration: none
}
.order__sidebar {
  position: relative;
  width: 375px;
  flex-shrink: 0
}
.order__sidebar form {
  width: 100%
}
.order__sidebar-sticky {
  position: sticky;
  top: 10px
}
.order__sidebar-wrapper {
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(2px);
  padding: 40px 40px 30px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 30px
}
.order__sidebar-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 6px
}
.order__sidebar-info {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.22;
  display: flex;
  justify-content: space-between;
  gap: 15px
}
.order__sidebar-info div:nth-child(2) {
  font-weight: 600;
  width: 50%
}
.order__sidebar-total {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.22;
  display: flex;
  justify-content: space-between;
  gap: 15px
}
.order__sidebar-total div:nth-child(2) {
  font-weight: 600;
  color: #ed6f2d;
  width: 50%
}
.order hr {
  height: 1px;
  width: calc(100% + 80px);
  margin-left: -40px;
  background-color: rgba(255,255,255,.3)
}
.showroom {
  position: relative
}
.showroom__title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  text-align: center;
  font-family: "Cormorant Garamond";
  font-size: 86px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 7px auto 35px;
  max-width: 500px;
  max-width: 740px;
  line-height: .95
}
.showroom__title svg {
  width: 55px;
  height: 55px
}
.showroom__title._gift {
  margin-bottom: 80px;
  max-width: 100%
}
.showroom__subtitle {
  text-align: center;
  font-family: "Cormorant Garamond";
  font-size: 34px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin: 20px auto 80px;
  max-width: 940px
}
.showroom__media {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 130px
}
.showroom__media-col {
  flex: 1 1 50%;
  display: flex
}
.showroom__media-item._num-1 {
  margin-top: 6px
}
.showroom__media-item._num-2 {
  margin-left: 53px;
  margin-top: 125px
}
.showroom__media-item._num-3 {
  margin-left: auto;
  margin-top: 7px
}
.showroom__media-img {
  width: 100%;
  height: auto
}
.showroom__gift {
  position: relative
}
.showroom__uptitle {
  color: #ed6f2d;
  text-align: center;
  font-family: "Great Vibes";
  font-size: 66px;
  margin-bottom: 9px
}
.showroom__gift-list {
  display: flex;
  justify-content: space-between;
  gap: 53px;
  margin-bottom: 163px
}
.showroom__gift-list._contacts {
  gap: 53px;
  margin-bottom: 110px
}
.showroom__gift-item {
  position: relative;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(2px);
  height: 280px;
  flex: 1 1 25%;
  padding: 15px
}
.showroom__gift-name {
  text-align: center;
  margin-bottom: 30px;
  color: rgba(255,255,255,.5);
  font-size: 15px;
  font-weight: 500;
  margin-top: 50px
}
._contacts .showroom__gift-name {
  margin-bottom: 23px
}
.showroom__gift-text {
  display: block;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  line-height: normal
}
.showroom__gift-image {
  position: absolute;
  bottom: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.showroom__gift-img {
  width: 100%;
  height: auto
}
.showroom__form {
  margin-top: 163px;
  margin-bottom: 150px
}
.showroom__form-title {
  color: #fff;
  font-family: "Cormorant Garamond";
  font-size: 34px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  max-width: 1084px;
  text-align: center;
  margin: 0 auto 60px
}
.showroom__form-title span {
  color: #ed6f2d
}
.showroom__form-wrapper {
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(2px);
  padding: 95px 25px 50px;
  position: relative;
  max-width: 1600px;
  margin: 0 auto
}
.showroom__form-wrapper::after,
.showroom__form-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(255,255,255,.5);
  height: 1px;
  width: 265px
}
.showroom__form-wrapper::before {
  left: -160px
}
.showroom__form-wrapper::after {
  right: -160px
}
.showroom__form-inner {
  max-width: 910px;
  margin: 0 auto
}
.map {
  position: relative
}
.map__iframe {
  width: 100%;
  height: auto;
  min-height: 460px;
  max-height: 700px;
  mix-blend-mode: luminosity
}
.map__route {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 70px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 4px;
  background: #ed6f2d;
  font-family: "Cormorant Garamond";
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  width: 100%;
  max-width: 250px;
  border: 1px solid transparent;
  transition: background-color .2s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out
}
.map__route:hover {
  mix-blend-mode: luminosity;
  border: 1px solid #fff
}
.buyers__title {
  margin: 8px auto 25px;
  font-family: "Cormorant Garamond";
  font-size: 86px;
  font-weight: 600;
  line-height: .97;
  text-transform: uppercase;
  text-align: center
}
.buyers__subtitle {
  margin: 25px auto 70px;
  font-size: 18px;
  font-weight: 500;
  text-align: center
}
.buyers__grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 80px 40px;
  max-width: 1600px;
  margin: 0 auto 95px
}
.buyers__grid-item {
  position: relative;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(2px);
  height: 445px;
  padding: 65px 70px
}
.buyers__grid-item._full-width {
  grid-column: span 2;
  height: 345px;
  border: 1px solid #ed6f2d
}
.buyers__grid-item a {
  color: #ed6f2d;
  font-size: 15px;
  text-decoration: underline
}
.buyers__grid-item a:hover {
  text-decoration: none
}
.buyers__grid-title {
  font-family: "Cormorant Garamond";
  font-size: 42px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px
}
.buyers__grid-title._orange {
  color: #ed6f2d;
  font-size: 52px
}
.buyers__grid-body {
  display: flex;
  gap: 30px
}
.buyers__grid-image {
  width: 120px;
  height: 120px;
  flex-shrink: 0
}
._full-width .buyers__grid-image {
  position: absolute;
  right: 240px;
  top: -45px;
  width: 320px;
  height: 320px
}
.buyers__grid-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.buyers__grid-name {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22;
  margin-bottom: 20px
}
.buyers__grid-list {
  max-width: 680px;
  line-height: 1.2
}
.buyers__grid-list ul {
  display: flex;
  flex-direction: column;
  gap: 12px
}
.buyers__grid-list li {
  display: flex;
  gap: 12px
}
.buyers__grid-list li img {
  flex: 0 0 auto;
  width: 20px;
  height: 20px
}
.buyers__grid-footer {
  display: flex;
  gap: 30px;
  margin-top: 60px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22
}
.buyers__info {
  max-width: 1600px;
  margin: 0 auto 135px;
  display: flex;
  align-items: center;
  gap: 125px
}
.buyers__info-image {
  flex: 0 0 535px
}
.buyers__info-img {
  width: 100%;
  height: auto
}
.buyers__info-content {
  display: flex;
  flex-direction: column;
  gap: 40px
}
.buyers__info-title {
  font-family: "Cormorant Garamond";
  font-size: 52px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase
}
.buyers__info-title span {
  color: #ed6f2d;
  display: block
}
.buyers__info-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.22;
  display: flex;
  flex-direction: column;
  gap: 25px
}
.buyers__info-text a {
  color: #ed6f2d
}
.buyers__info-button {
  border-radius: 4px;
  background: #ed6f2d;
  font-family: "Cormorant Garamond";
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  width: 100%;
  max-width: 230px;
  border: 1px solid transparent;
  transition: background-color .2s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out
}
.buyers__info-button:hover {
  background-color: rgba(0,0,0,0);
  border: 1px solid #fff
}
.buyers__offer-list-title {
  font-family: "Cormorant Garamond";
  font-size: 52px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 62px
}
.buyers__offer {
  display: flex;
  margin-bottom: 162px
}
.buyers__offer-item {
  flex: 0 1 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 42px;
  border-left: 1px solid rgba(255,255,255,.5);
  padding: 70px 15px 50px
}
.buyers__offer-item:last-child {
  border-right: 1px solid rgba(255,255,255,.5)
}
.buyers__offer-image {
  width: 120px;
  height: 120px
}
.buyers__offer-img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}
.buyers__offer-title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22
}
.contacts__title {
  margin: 7px auto 26px;
  font-family: "Cormorant Garamond";
  font-size: 86px;
  font-weight: 600;
  line-height: .9698;
  text-transform: uppercase;
  text-align: center
}
.contacts__subtitle {
  margin: 26px auto 66px;
  font-size: 18px;
  font-weight: 500;
  text-align: center
}
.contacts hr {
  margin: 66px auto 84px;
  height: 1px;
  width: 100%;
  background-color: rgba(255,255,255,.5)
}
.contacts__showrom-title {
  margin: 84px auto 45px;
  font-family: "Cormorant Garamond";
  font-size: 52px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-align: center
}
.contacts__media {
  max-width: 1600px;
  margin: 0 auto
}
.contacts__media-list {
  display: flex;
  gap: 40px;
  position: relative
}
.contacts__media-list::after,
.contacts__media-list::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(255,255,255,.5);
  height: 1px;
  width: 265px;
  z-index: 1
}
.contacts__media-list::before {
  left: -160px
}
.contacts__media-list::after {
  right: -160px
}
.contacts__media-item {
  border-radius: 10px;
  backdrop-filter: blur(2px);
  flex: 1
}
.contacts__media-img {
  width: 100%;
  height: auto
}
.contacts__detail {
  margin: 50px auto;
  border-radius: 4px;
  background: #ed6f2d;
  font-family: "Cormorant Garamond";
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  width: 100%;
  max-width: 280px;
  border: 1px solid transparent;
  transition: background-color .2s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out
}
.contacts__detail:hover {
  background-color: rgba(0,0,0,0);
  border: 1px solid #fff
}
.contacts__production {
  display: flex;
  gap: 40px;
  max-width: 1600px;
  margin: 93px auto 150px;
  position: relative
}
.contacts__production::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 715px;
  height: 715px;
  left: -500px;
  top: -400px;
  border-radius: 715px;
  opacity: .3;
  background: #ed6f2d;
  -webkit-filter: blur(300px);
  filter: blur(300px)
}
.contacts__production-content {
  flex: 0 1 50%;
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(255,255,255,.5);
  position: relative
}
.contacts__production-content::after {
  content: "";
  position: absolute;
  top: 209px;
  right: 0;
  display: block;
  width: 280px;
  height: 1px;
  background-color: rgba(255,255,255,.5)
}
.contacts__production-title {
  font-family: "Cormorant Garamond";
  font-size: 52px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 115px;
  margin-bottom: 31px
}
.contacts__production-title span {
  color: #ed6f2d;
  display: block
}
.contacts__production-text {
  font-size: 22px;
  font-weight: 500;
  line-height: normal;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 560px
}
.contacts__production-text span {
  display: block;
  color: rgba(255,255,255,.5);
  font-size: 15px;
  font-weight: 500
}
.contacts__production-slider {
  flex: 0 1 50%;
  width: 500px;
  padding-bottom: 40px;
  position: relative
}
.contacts__slide {
  width: 100%;
  border-radius: 10px;
  overflow: hidden
}
.contacts__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.contacts__pagination {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px
}
.contacts__pagination .swiper-pagination-bullet {
  background: #626160;
  max-width: 95px;
  height: 1px;
  flex-shrink: 0
}
.contacts__pagination .swiper-pagination-bullet-active {
  background-color: #fff
}
.video-grid {
  margin: 100px auto 87px
}
.video-grid__wrapper {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 40px;
  max-width: 1600px;
  margin: 0 auto
}
.video-grid__item {
  border-radius: 10px;
  backdrop-filter: blur(2px);
  aspect-ratio: 780/445;
  position: relative
}
.video-grid__item video {
  width: 100%;
  border-radius: 10px;
  height: auto
}
.video-grid__item .play {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.company-info {
  position: relative;
  margin: 87px auto 150px
}
.company-info__title {
  color: #ed6f2d;
  font-family: "Cormorant Garamond";
  font-size: 52px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 35px
}
.company-info__content {
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(2px);
  padding: 76px 0 93px;
  max-width: 1600px;
  margin: 0 auto;
  position: relative
}
.company-info__content::after,
.company-info__content::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(255,255,255,.5);
  height: 1px;
  width: 265px;
  z-index: 1
}
.company-info__content::before {
  left: -160px
}
.company-info__content::after {
  right: -160px
}
.company-info__content-inner {
  max-width: 1070px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 22px;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  padding-left: 37px
}
.company-info__row {
  display: flex;
  align-items: flex-start;
  gap: 65px
}
.company-info__col-left {
  flex: 1 0 251px;
  font-weight: 600
}
.company-info__col-right {
  flex: 1 1 auto;
  text-align: left;
  width: 100%
}
.company-documents {
  margin: 150px auto 147px
}
.company-documents__wrapper {
  display: flex;
  align-items: center;
  padding: 110px 73px;
  border-radius: 10px;
  border: 1px solid #ed6f2d;
  max-width: 1600px;
  margin: 0 auto
}
.company-documents__title {
  font-family: "Cormorant Garamond";
  font-size: 52px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  width: 400px;
  margin-right: 130px
}
.company-documents__title span {
  color: #ed6f2d
}
.company-documents__item {
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 18px;
  font-weight: 600
}
.company-documents__item:nth-child(2) {
  width: 311px;
  margin-right: 88px
}
.company-documents__item:nth-child(3) {
  width: 372px
}
.wishlist {
  margin-bottom: 105px
}
.wishlist__title {
  font-family: "Cormorant Garamond";
  font-size: 86px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 70px;
  padding-bottom: 44px;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,.5)
}
.wishlist__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  max-width: 1600px;
  margin: 0 auto
}
.wishlist__body {
  width: 100%;
  margin-top: -40px
}
.wishlist__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
  padding: 40px 0;
  border-bottom: 1px solid rgba(255,255,255,.3)
}
.wishlist__item:last-child {
  border-bottom: none
}
.wishlist__item-body {
  display: flex;
  gap: 30px;
  width: 575px;
  flex-shrink: 0;
  position: relative
}
.wishlist__item-info {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
  flex: 1 0 auto
}
.wishlist__item-image {
  flex-shrink: 0;
  width: 160px;
  height: 160px
}
.wishlist__item-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.wishlist__item-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%
}
.wishlist__item-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.22
}
.wishlist__item-articul {
  color: rgba(255,255,255,.5);
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 18px
}
.wishlist__item-price {
  position: relative;
  width: 120px;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 600;
  padding: 11px 0
}
.wishlist__item-price .old {
  color: rgba(255,255,255,.5);
  font-size: 14px;
  text-decoration-line: line-through;
  display: block
}
.wishlist__item-choose {
  width: 230px
}
.wishlist__buy {
  width: 100%;
  height: 40px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #ed6f2d;
  background: #ed6f2d;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-family: "Cormorant Garamond";
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  transition: background-color .3s ease-in-out;
  margin-top: 19px
}
.wishlist__buy:hover {
  background-color: rgba(0,0,0,0);
  border: 1px solid #fff
}
.wishlist__buy._active {
  background: #f79e1b;
  border: 1px solid #f79e1b;
  color: #000
}
.wishlist__item-remove-btn {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ececec;
  border-radius: 50%;
  color: #000;
  margin: 7px auto
}
.wishlist__item-remove-btn svg {
  width: 12px;
  height: 12px
}
.wishlist__properties {
  margin-top: auto;
  display: flex;
  gap: 20px
}
.wishlist__properties-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  white-space: nowrap
}
.wishlist__properties-item-row {
  display: flex;
  gap: 30px;
  font-size: 13px
}
.wishlist__properties-name {
  width: 50%;
  flex-shrink: 0
}
.wishlist__properties-value {
  width: 50%;
  flex-shrink: 0;
  font-weight: 600
}
.wishlist__sidebar {
  position: relative;
  width: 375px;
  flex-shrink: 0
}
.wishlist__sidebar form {
  width: 100%
}
.wishlist__sidebar-sticky {
  position: sticky;
  top: 10px
}
.wishlist__sidebar-wrapper {
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(2px);
  display: flex;
  flex-direction: column;
  margin-bottom: 30px
}
.wishlist__sidebar-text {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22;
  padding: 50px 35px 35px
}
.wishlist__sidebar-share {
  border-top: 1px solid rgba(255,255,255,.3);
  padding: 40px
}
.wishlist__sidebar-share-link {
  color: #ed6f2d;
  font-size: 18px;
  line-height: 1.22;
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: underline
}
.wishlist__sidebar-share-link:hover {
  text-decoration: none
}
.wishlist__sidebar-share-icon {
  flex: 0 0 16px;
  height: 16px
}
.about__title {
  font-family: "Cormorant Garamond";
  font-size: 86px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 18px;
  padding-bottom: 44px;
  text-align: center
}
.about__grid {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-bottom: 100px;
  border-bottom: 1px solid rgba(255,255,255,.5)
}
.about__row {
  display: flex;
  justify-content: space-between
}
.about__row._2nd {
  margin-top: -196px
}
.about__text-title {
  font-size: 42px;
  font-family: "Cormorant Garamond";
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 35px
}
.about__text-title span {
  color: #ed6f2d
}
.about__text {
  width: 657px;
  line-height: normal;
  font-size: 18px
}
.about__text p {
  width: 640px
}
.about__text p:not(:last-child) {
  margin-bottom: 32px
}
._2nd .about__text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 820px;
  width: 100%
}
.about__image {
  max-width: 780px;
  max-height: 630px;
  width: 43%;
  flex: 0 1 auto;
  position: relative;
  margin-top: 12px;
  aspect-ratio: 780/630
}
.about__image._lines::after,
.about__image._lines::before {
  content: "";
  display: block;
  background-color: rgba(255,255,255,.5)
}
.about__image._lines::before {
  width: 280px;
  height: 1px;
  position: absolute;
  left: -320px;
  top: 250px
}
.about__image._lines::after {
  width: 1px;
  height: 100%;
  position: absolute;
  left: -40px;
  top: 0
}
.about__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.about-hr {
  display: block;
  height: 1px;
  width: 100%;
  background-color: rgba(255,255,255,.5);
  margin: 160px auto 90px
}
.about-video__title {
  font-family: "Cormorant Garamond";
  font-size: 42px;
  line-height: 1.13;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  max-width: 1280px;
  margin: 0 auto 44px;
  width: 100%
}
.about-video__title span {
  color: #ed6f2d;
  display: block
}
.about-video__title._bottom {
  line-height: 1.16;
  margin-bottom: 88px
}
.about-video__subtitle {
  font-size: 18px;
  text-align: center;
  max-width: 672px;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 70px
}
.about-video__video {
  position: relative;
  aspect-ratio: 1600/900;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto 135px
}
.about-video__video iframe,
.about-video__video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.about-video .play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.about-video__podpis {
  font-family: "Great Vibes";
  font-size: 44px;
  line-height: 1.1;
  text-align: center;
  max-width: 590px;
  width: 100%;
  margin: 0 auto 140px;
  position: relative;
  padding: 0 30px
}
.about-video__podpis span {
  color: #ed6f2d;
  display: block
}
.about-video__podpis::after,
.about-video__podpis::before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  background-color: rgba(255,255,255,.5);
  top: calc(50% + 17px)
}
.about-video__podpis::before {
  left: calc(50% - 50vw);
  right: 100%
}
.about-video__podpis::after {
  left: 100%;
  right: calc(50% - 50vw)
}
.menu__mobile-bottom {
  display: none
}
.order-done {
  margin-top: 6px
}
.order-done__inner {
  padding: 0 100px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 100px
}
.order-done__left {
  max-width: 750px;
  padding-left: 130px
}
.order-done__title {
  font-family: Cormorant Garamond;
  font-size: 68px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 44px
}
.order-done__text {
  font-weight: 500;
  position: relative;
  line-height: 1.4;
  font-size: 18px
}
.order-done__text._mb-25 {
  margin-bottom: 8px
}
.order-done__text._mb-50 {
  margin-bottom: 37px
}
.order-done__text a {
  color: #ed6f2d
}
.order-done__text b {
  font-weight: 700;
  margin: 0 7px
}
.order-done .copy-order {
  display: inline-flex;
  align-self: center;
  gap: 10px;
  align-items: center;
  color: #ed6f2d;
  position: relative;
  top: 6px;
  margin-left: 15px
}
.order-done__main-page {
  border-radius: 4px;
  background: #ed6f2d;
  font-family: "Cormorant Garamond";
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  width: 100%;
  max-width: 295px;
  border: 1px solid transparent;
  transition: background-color .2s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out
}
.order-done__main-page._w-100p {
  max-width: 100%
}
.order-done__main-page:hover {
  background-color: rgba(0,0,0,0);
  border: 1px solid #fff
}
.order-done__right {
  margin-top: 20px;
  flex: 0 0 560px;
  padding: 55px 50px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 16px;
  backdrop-filter: blur(4px);
  background: rgba(0,0,0,.45)
}
.order-done__right-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 28px
}
.order-done__right-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  margin-bottom: 20px
}
.order-done__right-phone {
  color: #ed6f2d;
  font-size: 28px;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap
}
.order-done__right-span {
  color: rgba(255,255,255,.5);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 0;
  display: block
}
.swiper {
  overflow: hidden
}
.swiper-initialized {
  touch-action: pan-y
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative
}
.swiper-vertical .swiper-wrapper {
  flex-direction: column
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start
}
.swiper-initialized .swiper-slide {
  flex-shrink: 0
}
.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.swiper-button-lock {
  display: none!important
}
@media (min-width:114.375em) {
  .order-done {
    margin-bottom: 13.75rem
  }
}
@media (min-width:1800px) {
  .header__logo-link {
    padding-left: 84px
  }
}
@media (max-width:1799px) {
  .title-h1 {
    font-size: 76px
  }
  .header__logo-img {
    width: 200px;
    height: 74px
  }
  .header__left {
    gap: 50px;
    margin-right: 60px
  }
  .header__nav-list {
    gap: 34px
  }
  .header__tools {
    gap: 19px;
    margin-left: 28px
  }
  .hero-1__image {
    height: 500px
  }
  .hero-1__image img {
    width: 640px;
    height: 585px
  }
  .product-slider {
    margin: 140px 0 170px
  }
  .product-slider__header {
    font-size: 52px;
    margin: 0 auto 40px
  }
  .product-slider__tabs {
    margin: 40px 0 60px
  }
  .static-hero__text-heading {
    font-size: 42px
  }
  .advantages__wrapper {
    height: 600px;
    margin: 200px 0
  }
  .advantages__wrapper._about {
    padding-left: 30px;
    margin: 100px auto
  }
  .advantages__item-text {
    width: 470px;
    padding-left: 0
  }
  ._about .advantages__item-text {
    width: 466px;
    padding-right: 20px
  }
  .advantages__item-text-name {
    font-size: 42px;
    margin-bottom: 30px;
    margin-top: 178px
  }
  ._about .advantages__item-text-name {
    margin-top: 80px
  }
  ._about .advantages__item-text-name::after {
    display: none
  }
  .advantages__item-text-content {
    margin-top: 175px;
    margin-left: 54px
  }
  ._about .advantages__item-text-content {
    margin-top: 58px;
    margin-left: 49px;
    width: 346px
  }
  .advantages__item {
    width: 620px
  }
  .advantages__item-image {
    margin-bottom: 14px
  }
  .advantages__item-num {
    font-size: 26px;
    line-height: 2.07;
    margin-bottom: 6px
  }
  .advantages__item-name {
    font-size: 18px
  }
  .catalog__wrapper {
    gap: 15px
  }
  .catalog-list {
    gap: 2px
  }
  .product-detail__title {
    font-size: 38px
  }
  .product-package {
    margin: 100px auto 90px
  }
  .product-package__wrapper {
    padding: 100px 60px;
    gap: 30px
  }
  .product-package__uptitle {
    margin-bottom: 45px
  }
  .product-package__title {
    font-size: 36px;
    margin-bottom: 33px
  }
  .product-package__img {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    right: -200px;
    top: -150px;
    width: auto
  }
  .product-showroom {
    margin: 150px 0 100px
  }
  .product-showroom__wrapper {
    gap: 30px;
    padding: 100px 30px 80px 90px
  }
  .product-showroom__title {
    font-size: 42px
  }
  .product-showroom__text {
    font-size: 16px
  }
  .product-showroom__img {
    width: 100%;
    height: auto
  }
  .sections-features {
    margin: 100px 0 110px;
    padding: 0 26px
  }
  .sections-features__title {
    font-size: 24px
  }
  .order__wrapper {
    padding-left: 0;
    padding: 0 26px
  }
  .order__title {
    margin-top: 0
  }
  .order__body {
    padding-top: 8px;
    padding-left: 4px
  }
  .order__block {
    margin-bottom: 40px
  }
  .order__sidebar {
    width: 325px;
    padding-top: 14px
  }
  .order__sidebar-wrapper {
    padding: 34px 30px 30px 28px;
    gap: 24px;
    margin-bottom: 30px
  }
  .order__sidebar-info div:nth-child(2) {
    width: 145px
  }
  .order hr {
    width: calc(100% + 56px);
    margin-left: -27px
  }
  .about-hr {
    margin-top: 100px
  }
  .about-video__title {
    font-size: 38px;
    line-height: 1.13;
    max-width: 1280px;
    margin: 0 auto 44px
  }
  .about-video__title._bottom {
    line-height: 1.2;
    margin-bottom: 37px;
    max-width: 980px
  }
  .about-video__video {
    padding: 0 25px;
    margin-bottom: 110px
  }
  .about-video__podpis {
    font-size: 40px
  }
  .about-video__podpis::after,
  .about-video__podpis::before {
    top: 50%
  }
  .order-done__inner {
    padding: 0 50px
  }
  .order-done__left {
    padding-left: 60px
  }
}
@media (max-width:1699px) {
  .breadcrumbs {
    margin-top: 21px
  }
  .basket__title {
    line-height: 1.35;
    margin-bottom: 43px
  }
  .basket__wrapper {
    gap: 30px;
    padding: 0 26px
  }
  .basket__head-item {
    top: -45px
  }
  .basket__item {
    gap: 10px
  }
  .basket__item-body {
    gap: 20px;
    width: 425px
  }
  .basket__item-info {
    gap: 20px
  }
  .basket__item-image {
    width: 145px;
    height: 145px
  }
  .basket__item-price {
    width: 100px;
    font-size: 18px;
    padding: 11px 0
  }
  .basket__item-count {
    width: 100px
  }
  .basket__features {
    margin-top: 50px;
    margin-bottom: 100px;
    gap: 30px;
    flex-direction: column
  }
  .basket__features-item {
    gap: 30px
  }
  .basket__features-image {
    width: 125px;
    height: 125px
  }
  .basket__features-text {
    max-width: 100%
  }
  .basket__sidebar {
    width: 325px;
    padding-top: 12px
  }
  .basket__sidebar-wrapper {
    padding: 40px 25px
  }
  .basket__sidebar-total {
    font-size: 18px
  }
  .basket__sidebar-total div:nth-child(2) {
    font-size: 22px
  }
  .basket hr {
    width: calc(100% + 50px);
    margin-left: -25px
  }
  .sections {
    margin-bottom: 100px
  }
  .sections__title {
    font-size: 76px;
    margin-bottom: 44px
  }
  .sections__grid {
    padding: 0 26px
  }
  .sections__row {
    flex-direction: column;
    gap: 30px
  }
  .sections__row:nth-child(even) {
    flex-direction: column-reverse
  }
  .sections__col {
    gap: 30px;
    width: 100%
  }
  .showroom__title {
    font-size: 76px;
    margin: 8px auto 15px;
    line-height: 1.02;
    max-width: 650px;
    gap: 45px
  }
  .showroom__subtitle {
    font-size: 28px;
    margin: 18px auto 55px;
    max-width: 790px
  }
  .showroom__media {
    padding: 0 25px;
    margin-bottom: 100px
  }
  .showroom__media-item._num-2 {
    margin-left: 30px;
    margin-top: 82px
  }
  .showroom__uptitle {
    font-size: 52px;
    margin-bottom: 21px
  }
  .showroom__gift-list {
    gap: 27px;
    margin-bottom: 190px;
    padding: 0 25px
  }
  .showroom__gift-text {
    font-size: 18px
  }
  .showroom__form {
    margin-top: 202px;
    margin-bottom: 105px;
    padding: 0 25px
  }
  .showroom__form-wrapper::after,
  .showroom__form-wrapper::before {
    height: 1px;
    width: 100px
  }
  .showroom__form-wrapper::before {
    left: -40px
  }
  .showroom__form-wrapper::after {
    right: -40px
  }
  .showroom__form-inner {
    position: relative;
    left: -10px
  }
  ._showroom .map__iframe {
    min-height: 700px;
    max-height: 700px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
  }
  .buyers {
    padding: 0 25px
  }
  .buyers__title {
    font-size: 76px;
    line-height: 1.02;
    margin-bottom: 20px
  }
  .buyers__subtitle {
    margin: 20px auto 60px
  }
  .buyers__grid {
    gap: 95px 30px;
    margin: 0 auto 85px
  }
  .buyers__grid-item {
    padding: 70px 30px
  }
  .buyers__grid-title {
    font-size: 38px;
    margin-bottom: 32px
  }
  .buyers__grid-title._orange {
    font-size: 42px
  }
  ._full-width .buyers__grid-image {
    right: 85px;
    top: -45px
  }
  .buyers__grid-list {
    max-width: 600px
  }
  .buyers__grid-footer {
    font-size: 15px
  }
  .buyers__info {
    margin: 0 auto 100px;
    gap: 70px
  }
  .buyers__info-image {
    flex: 0 0 470px
  }
  .buyers__info-title {
    font-size: 42px
  }
  .buyers__offer-list-title {
    font-size: 42px;
    margin-bottom: 42px
  }
  .buyers__offer {
    margin-bottom: 85px
  }
  .contacts__title {
    margin: 7px auto 26px;
    font-size: 76px
  }
  .contacts__subtitle {
    margin: 26px auto 48px
  }
  .contacts hr {
    margin: 48px auto 58px
  }
  .contacts__showrom-title {
    margin: 58px auto 36px;
    font-size: 42px
  }
  .contacts__gift-list._contacts {
    margin: 0 auto 110px;
    gap: 27px
  }
  .contacts__media-list {
    gap: 30px
  }
  .contacts__detail {
    margin: 52px auto 40px
  }
  .contacts__production {
    gap: 30px;
    margin: 109px auto 102px
  }
  .contacts__production-content::after {
    top: 134px;
    width: 185px
  }
  .contacts__production-title {
    font-size: 42px;
    margin-top: 56px;
    margin-bottom: 57px
  }
  .contacts__production-text {
    font-size: 18px;
    gap: 10px;
    max-width: 520px
  }
  .contacts__production-slider {
    padding-bottom: 30px
  }
  .contacts__slide {
    height: 484px
  }
  .contacts__map {
    height: 700px
  }
  .contacts__map-iframe {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
  .video-grid {
    margin: 80px auto
  }
  .video-grid__wrapper {
    gap: 30px
  }
  .company-info {
    margin: 86px auto 100px
  }
  .company-info__title {
    font-size: 42px;
    margin-bottom: 50px
  }
  .company-info__content {
    padding: 60px 0 148px
  }
  .company-info__content::after,
  .company-info__content::before {
    width: 100px
  }
  .company-info__content::before {
    left: -40px
  }
  .company-info__content::after {
    right: -40px
  }
  .company-info__row {
    gap: 60px
  }
  .company-documents {
    margin: 100px auto
  }
  .company-documents__wrapper {
    padding: 105px 34px
  }
  .company-documents__title {
    font-size: 42px;
    width: 322px;
    margin-right: 40px
  }
  .company-documents__item {
    padding-top: 14px
  }
  .company-documents__item:nth-child(2) {
    width: 320px;
    margin-right: 48px
  }
  .company-documents__item:nth-child(3) {
    width: 372px
  }
  .wishlist {
    padding: 0 25px;
    margin-bottom: 48px
  }
  .wishlist__title {
    font-size: 76px;
    margin-bottom: 49px;
    padding-bottom: 39px
  }
  .wishlist__wrapper {
    gap: 30px
  }
  .wishlist__body {
    margin-top: -50px
  }
  .wishlist__item {
    gap: 30px;
    padding: 50px 0
  }
  .wishlist__item-body {
    gap: 20px;
    width: 420px
  }
  .wishlist__item-info {
    gap: 20px
  }
  .wishlist__item-image {
    width: 145px;
    height: 145px
  }
  .wishlist__item-price {
    font-size: 18px;
    padding: 11px 0
  }
  .wishlist__item-choose {
    width: 180px
  }
  .wishlist__sidebar {
    width: 325px
  }
  .wishlist__sidebar-text {
    padding: 50px 22px 35px
  }
  .wishlist__sidebar-share {
    padding: 40px 22px
  }
  .about__title {
    font-size: 76px;
    margin-bottom: 18px;
    padding-bottom: 8px
  }
  .about__grid {
    padding: 0 10px 100px
  }
  .about__row {
    padding-left: 18px
  }
  .about__row._2nd {
    margin-top: 10px
  }
  .about__text-title {
    font-size: 38px;
    margin-bottom: 35px;
    width: 455px
  }
  .about__text-title span {
    display: block
  }
  .about__text {
    width: 532px;
    font-size: 18px
  }
  .about__text p {
    max-width: 640px;
    width: 100%
  }
  ._2nd .about__text {
    width: 565px;
    padding-right: 15px;
    padding-bottom: 15px
  }
  .about__image {
    width: 44.4%;
    margin-top: 12px
  }
  .about__image._lines::before {
    width: 85px;
    left: -125px;
    top: 195px
  }
}
@media (max-width:1599px) {
  .product-sides__wrapper {
    flex-direction: column;
    gap: 50px
  }
}
@media (max-width:1500px) {
  .fog,
  .fog-2 {
    width: 200vw
  }
  .order-done__inner {
    padding: 0 15px
  }
  .order-done__left {
    padding-left: 0
  }
}
@media (max-width:1279px) {
  .menu__body {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: -100%;
    top: 0;
    overflow: auto;
    z-index: 1;
    transition: left .3s
  }
  .menu__body::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 4.375rem;
    left: -100%;
    top: 0;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    height: 100vh
  }
  .menu-open .menu__body {
    left: 0
  }
  .menu-open .menu__body::before {
    left: 0
  }
  .menu__body-inner {
    background: #211916;
    padding: 65px 25px 15px;
    max-width: 450px;
    height: 100%;
    position: relative;
    z-index: 3
  }
  .menu__list {
    display: none
  }
  .menu__list._active {
    display: flex;
    flex-direction: column;
    gap: 20px
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 1.875rem;
    height: .6875rem;
    z-index: 5
  }
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    transition: all .3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: .0625rem;
    background-color: #fff
  }
  .icon-menu::before {
    top: 0
  }
  .icon-menu::after {
    bottom: 0
  }
  .icon-menu span {
    top: 50%
  }
  .menu-open .icon-menu span {
    width: 0
  }
  .menu-open .icon-menu::after,
  .menu-open .icon-menu::before {
    background-color: #ed6f2d
  }
  .menu-open .icon-menu::before {
    top: calc(50% - .0625rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - .0625rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .title-h1 {
    font-size: 62px;
    line-height: .94
  }
  ._tabletOnly {
    display: block
  }
  .header__catalog-btn,
  .header__nav-list {
    display: none
  }
  .header__left {
    gap: 30px;
    margin-right: 30px
  }
  .header__menu {
    width: 160px;
    display: block
  }
  .footer__top {
    height: 289px;
    padding: 102px 0 76px
  }
  .footer__top-side {
    max-width: 200px
  }
  .footer__logo {
    width: 200px;
    height: 74px
  }
  .footer__middle-side {
    flex-direction: column;
    gap: 30px;
    align-items: flex-start
  }
  .footer__middle-side:last-child {
    align-items: flex-end
  }
  .footer__bottom-side {
    width: 100px;
    line-height: normal
  }
  .footer__bottom-side:last-child {
    width: 175px;
    text-align: right
  }
  .footer__bottom-center {
    gap: 25px
  }
  .hero-1__side-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    top: 0;
    height: 35px;
    width: 100%
  }
  .hero-1__side-line._left {
    left: 0;
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.5)
  }
  .hero-1__side-line._left img:first-child {
    -webkit-transform: rotate(270deg) scaleX(-1);
    transform: rotate(270deg) scaleX(-1);
    top: -8px;
    left: -4px
  }
  .hero-1__side-line._left img:last-child {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: -8px;
    right: -4px
  }
  .hero-1__side-line._right {
    right: auto;
    top: auto;
    bottom: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.5)
  }
  .hero-1__side-line._right img:first-child {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    bottom: -8px;
    left: -4px
  }
  .hero-1__side-line._right img:last-child {
    -webkit-transform: rotate(90deg) scaleX(-1);
    transform: rotate(90deg) scaleX(-1);
    bottom: -8px;
    right: -4px
  }
  .hero-1__side-line img {
    position: absolute;
    height: 35px;
    width: 20px
  }
  .hero-1__center-line {
    display: none
  }
  .hero-1__title {
    font-size: 45px;
    margin-bottom: 20px
  }
  .hero-1__slide {
    padding: 40px 0;
    gap: 0
  }
  .hero-1__image {
    margin-left: -110px;
    width: 457px;
    height: 500px
  }
  .hero-1__image img {
    position: relative;
    margin-top: 0;
    height: auto
  }
  .hero-1__content {
    margin-left: 50px;
    z-index: 1
  }
  .hero-1__button-prev {
    left: 5px
  }
  .hero-1__button-next {
    right: 5px
  }
  .product-slider {
    margin: 110px 0 130px
  }
  .product-slider__header {
    font-size: 52px;
    margin: 0 auto 33px
  }
  .product-slider__tabs {
    margin: 33px 0 60px
  }
  .product-slider__body {
    padding: 0
  }
  .product-slider__wrapper {
    padding-left: 15px
  }
  .product-slider__button-next,
  .product-slider__button-prev {
    display: none
  }
  .preview-product {
    width: 280px;
    padding: 0
  }
  .preview-product:hover {
    background-color: rgba(0,0,0,0);
    box-shadow: none
  }
  .static-hero {
    margin: 130px 0 140px
  }
  .static-hero__side-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    top: 0;
    height: 35px;
    width: 100%
  }
  .static-hero__side-line._left {
    left: 0;
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.5)
  }
  .static-hero__side-line._left img:first-child {
    -webkit-transform: rotate(270deg) scaleX(-1);
    transform: rotate(270deg) scaleX(-1);
    top: -8px;
    left: -4px
  }
  .static-hero__side-line._left img:last-child {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: -8px;
    right: -4px
  }
  .static-hero__side-line._right {
    right: auto;
    top: auto;
    bottom: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.5)
  }
  .static-hero__side-line._right img:first-child {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    bottom: -8px;
    left: -4px
  }
  .static-hero__side-line._right img:last-child {
    -webkit-transform: rotate(90deg) scaleX(-1);
    transform: rotate(90deg) scaleX(-1);
    bottom: -8px;
    right: -4px
  }
  .static-hero__side-line img {
    position: absolute;
    height: 35px;
    width: 20px
  }
  .static-hero__center-line {
    display: none
  }
  .static-hero__content {
    flex-direction: column
  }
  .static-hero__text {
    padding: 40px 0;
    width: 100%
  }
  .static-hero__text-top {
    position: relative;
    left: 0;
    top: auto;
    width: 100%;
    margin-bottom: 80px
  }
  .static-hero__text-heading {
    position: relative;
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    left: 50px;
    margin-bottom: 60px
  }
  .static-hero__text-bottom {
    position: relative;
    bottom: auto;
    left: 0;
    width: 100%
  }
  .static-hero__text-bottom a {
    margin-top: 40px
  }
  .static-hero__media {
    width: 100%
  }
  .advantages__wrapper {
    margin: 0 0 200px
  }
  .advantages__wrapper._about {
    margin-top: 60px;
    margin-bottom: 55px;
    padding-left: 15px
  }
  .advantages__item-text {
    width: 100%;
    padding-left: 24px;
    margin-bottom: 70px
  }
  ._about .advantages__item-text {
    width: 100%;
    margin-bottom: 30px
  }
  .advantages__item-text-name {
    margin-top: 0
  }
  ._about .advantages__item-text-name {
    margin-top: 20px;
    margin-left: 30px;
    width: 100%
  }
  .advantages__item-text-content {
    margin-top: 50px;
    margin-left: 0
  }
  ._about .advantages__item-text-content {
    width: 100%;
    margin-left: 25px;
    margin-top: 44px
  }
  .advantages__item {
    width: 580px
  }
  .advantages__item:first-child {
    padding-left: 0;
    border-left: none;
    width: 530px
  }
  ._about .advantages__item {
    width: 620px
  }
  ._about .advantages__item:first-child {
    width: 570px
  }
  .advantages__mobile-placeholder._about {
    padding-top: 50px
  }
  .breadcrumbs {
    margin-top: 29px
  }
  .catalog__sidebar {
    opacity: 0;
    visibility: hidden
  }
  .catalog__sidebar._active {
    visibility: visible;
    opacity: 1
  }
  .catalog__body-mobile {
    display: flex;
    gap: 40px;
    margin-bottom: 50px;
    height: 44px
  }
  .catalog-list {
    grid-template-columns: repeat(2,1fr);
    gap: 60px 30px
  }
  .catalog-list .preview-product {
    width: 100%
  }
  .pagination {
    gap: 30px
  }
  .sidebar {
    position: fixed;
    z-index: 3;
    inset: 0;
    background: rgba(0,0,0,.7);
    width: 100%
  }
  .sidebar__inner {
    background: #211916;
    max-width: 395px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px 30px 0 20px;
    overflow: auto;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out,opacity .4s ease-in-out;
    transition: transform .4s ease-in-out,opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    opacity: 0
  }
  ._active .sidebar__inner {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
  .sidebar__sorting {
    display: none
  }
  .sidebar__part {
    position: relative;
    z-index: 1
  }
  .sidebar__apply-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 30px
  }
  .sidebar__apply {
    width: 100%;
    border-radius: 4px;
    background: #ed6f2d;
    height: 50px;
    font-family: "Cormorant Garamond";
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
  }
  .product-detail {
    margin-bottom: 40px
  }
  .product-detail__wrapper {
    flex-direction: column;
    gap: 50px
  }
  .product-detail .swiper-wrapper {
    display: flex!important
  }
  .product-detail__gallery {
    width: 100%
  }
  .product-detail__gallery-item {
    width: 85vw
  }
  .product-detail__gallery-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
  .product-detail__body {
    width: 100%
  }
  .product-detail__tools::after {
    left: -15px
  }
  .product-detail__button-next {
    display: flex
  }
  .product-sides {
    margin-top: 40px
  }
  .product-sides__wrapper {
    padding-top: 40px
  }
  .product-sides__item {
    gap: 30px
  }
  .product-package {
    margin: 100px auto 150px
  }
  .product-package__wrapper {
    flex-direction: column;
    padding: 50px 60px
  }
  .product-package__content {
    width: 100%
  }
  .product-package__image {
    width: 100%;
    height: 250px
  }
  .product-package__img {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%,0) scale(.6);
    transform: translate(-50%,0) scale(.6);
    top: -150px
  }
  .product-showroom {
    margin: 90px 0 100px
  }
  .product-showroom__wrapper {
    gap: 30px;
    padding: 90px 0 80px 0;
    flex-direction: column
  }
  .product-showroom__content {
    width: 100%
  }
  .product-showroom__title {
    font-size: 42px
  }
  .product-showroom__text {
    font-size: 16px;
    max-width: 100%
  }
  .product-showroom__schedule {
    margin-bottom: 30px
  }
  .product-showroom__detail {
    margin-top: 30px
  }
  .product-showroom__image {
    width: 100%;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: center
  }
  .product-showroom__img {
    max-width: 611px
  }
  .basket__title {
    font-size: 38px;
    line-height: 1;
    margin-top: 6px;
    margin-bottom: 0
  }
  .basket__wrapper {
    gap: 50px;
    flex-direction: column;
    padding: 0 8px
  }
  .basket__body {
    padding-top: 0
  }
  .basket__head-item {
    display: none
  }
  .basket__item {
    position: relative;
    gap: 0;
    flex-direction: column
  }
  .basket__item-body {
    gap: 20px;
    width: 100%;
    padding-left: 145px
  }
  .basket__item-image {
    width: 125px;
    height: 125px;
    position: absolute;
    left: 0;
    top: 0
  }
  .basket__item-content {
    gap: 15px
  }
  .basket__properties {
    display: none
  }
  .basket__item-info {
    padding-left: 145px;
    margin-top: 20px;
    align-items: center;
    width: 100%;
    justify-content: flex-start
  }
  .basket__item-price {
    width: 150px;
    padding: 0
  }
  .basket__item-price._summary {
    display: none
  }
  .basket__item-price .old {
    display: block
  }
  .basket__item-count {
    width: 145px;
    height: 45px
  }
  .basket__item-remove {
    position: absolute;
    right: 0;
    top: -35px
  }
  .basket__sidebar {
    width: 100%
  }
  .basket__sidebar-wrapper {
    padding: 40px
  }
  .basket__sidebar-total {
    font-size: 22px
  }
  .basket hr {
    width: calc(100% + 80px);
    margin-left: -40px
  }
  .basket__features-placeholder {
    display: block
  }
  .sections {
    margin-bottom: 70px
  }
  .sections__title {
    font-size: 62px;
    margin-bottom: 30px
  }
  .sections__grid {
    padding: 0 8px
  }
  .sections__row {
    gap: 28px
  }
  .sections__col {
    gap: 28px
  }
  .block {
    padding: 60px 30px 50px 30px
  }
  .block__title {
    font-size: 32px
  }
  ._num-1 .block__image {
    max-width: 260px;
    top: 77px;
    right: 55px
  }
  ._num-2 .block__image {
    max-width: 130px;
    bottom: 30px;
    right: 30px
  }
  ._num-3 .block__image {
    max-width: 290px;
    right: 20px;
    bottom: 110px
  }
  ._num-4 .block__image {
    max-width: 415px;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  ._num-5 .block__image {
    max-width: 270px;
    right: 5px;
    bottom: 91px
  }
  ._num-6 .block__image {
    max-width: 185px;
    top: 275px;
    right: 25px
  }
  ._num-7 .block__image {
    max-width: 500px;
    top: auto;
    right: 21px;
    bottom: 0
  }
  ._num-8 .block__image {
    max-width: 270px
  }
  ._num-9 .block__image {
    max-width: 140px;
    right: 30px;
    bottom: 53px
  }
  .sections-features {
    padding: 0 8px;
    margin-top: 75px
  }
  .sections-features__list {
    flex-direction: column
  }
  .sections-features__item {
    padding: 40px 0;
    flex: 1 0 100%;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 35px;
    border-top: 1px solid rgba(255,255,255,.5);
    border-left: none
  }
  .sections-features__item:last-child {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.5)
  }
  .sections-features__image {
    width: 125px;
    height: 125px
  }
  .sections-features__title {
    text-align: left
  }
  .sections-features__title br {
    display: none
  }
  .order__wrapper {
    padding: 0
  }
  .order__body {
    padding-top: 0;
    padding-left: 0
  }
  .order__title {
    font-size: 38px
  }
  .order__subtitle {
    display: none
  }
  .order__wrapper {
    flex-direction: column;
    gap: 0
  }
  .order__body {
    max-width: 100%
  }
  .order__sidebar {
    display: none
  }
  .showroom__title {
    font-size: 62px;
    margin: -2px auto 30px;
    line-height: 1.06;
    max-width: 530px;
    gap: 30px
  }
  .showroom__title._gift {
    font-size: 54px;
    margin-bottom: 60px
  }
  .showroom__subtitle {
    font-size: 28px;
    margin: 20px auto 30px
  }
  .showroom__media {
    padding: 0 8px;
    margin-bottom: 70px;
    gap: 20px
  }
  .showroom__media-item._num-1 {
    margin-top: 10px
  }
  .showroom__media-item._num-2 {
    margin-left: 20px;
    margin-top: 58px
  }
  .showroom__uptitle {
    font-size: 42px;
    margin-bottom: 16px
  }
  .showroom__gift-list {
    padding: 0 8px;
    gap: 100px 29px;
    margin-bottom: 150px;
    display: grid;
    grid-template-columns: repeat(2,1fr)
  }
  .showroom__form {
    margin-top: 150px;
    margin-bottom: 100px;
    padding: 0 8px
  }
  .showroom__form-title {
    max-width: 610px;
    margin-bottom: 50px
  }
  .showroom__form-title span {
    display: block
  }
  .showroom__form-wrapper {
    padding: 95px 46px 50px
  }
  .showroom__form-wrapper::after,
  .showroom__form-wrapper::before {
    display: none
  }
  .buyers {
    padding: 0 10px
  }
  .buyers__title {
    font-size: 62px;
    margin: 0 auto 27px
  }
  .buyers__subtitle {
    font-size: 16px
  }
  .buyers__grid {
    grid-template-columns: repeat(1,1fr);
    gap: 30px;
    margin: 0 auto 103px
  }
  .buyers__grid-item._full-width {
    grid-column: span 1;
    margin-top: 40px
  }
  ._full-width .buyers__grid-image {
    right: 30px;
    top: -40px;
    width: 180px;
    height: 180px
  }
  .buyers__grid-list {
    max-width: 560px;
    font-size: 15px
  }
  .buyers__grid-footer {
    font-size: 15px
  }
  .buyers__info {
    gap: 30px;
    align-items: flex-start;
    margin-bottom: 90px
  }
  .buyers__info-image {
    flex: 0 0 180px
  }
  .buyers__offer {
    flex-wrap: wrap;
    margin-bottom: 132px
  }
  .buyers__offer-item {
    flex: 0 1 50%;
    padding: 48px 15px 30px
  }
  .buyers__offer-item:nth-child(2) {
    border-right: 1px solid rgba(255,255,255,.5)
  }
  .contacts__title {
    margin: 3px auto 26px;
    font-size: 62px
  }
  .contacts__subtitle {
    margin: 26px auto 40px
  }
  .contacts hr {
    margin: 40px auto 38px
  }
  .contacts__showrom-title {
    font-size: 34px
  }
  .contacts__gift-list._contacts {
    margin: 0 auto 110px;
    gap: 100px 27px
  }
  .contacts__media-list {
    flex-direction: column;
    gap: 20px
  }
  .contacts__media-list::after,
  .contacts__media-list::before {
    display: none
  }
  .contacts__detail {
    margin: 42px auto 30px
  }
  .contacts__production {
    flex-direction: column;
    gap: 46px;
    margin: 70px auto 102px
  }
  .contacts__production-content {
    border-right: none;
    border-top: 1px solid rgba(255,255,255,.5)
  }
  .contacts__production-content::after {
    display: none
  }
  .contacts__production-title {
    margin-top: 56px;
    margin-bottom: 34px
  }
  .contacts__production-title span {
    display: inline
  }
  .contacts__production-text {
    gap: 12px;
    max-width: 100%
  }
  .contacts__production-slider {
    padding-bottom: 30px
  }
  .contacts__production-slider {
    flex: 0 1 100%;
    width: 100%;
    padding-bottom: 40px
  }
  .contacts__slide {
    height: 595px
  }
  .contacts__map {
    height: 700px
  }
  .contacts__map-iframe {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
  .video-grid {
    margin: 80px auto 70px
  }
  .video-grid__wrapper {
    grid-template-columns: repeat(1,1fr);
    gap: 20px
  }
  .company-info {
    margin: 76px auto 90px
  }
  .company-info__title {
    margin-bottom: 38px
  }
  .company-info__content {
    padding: 75px 0 84px
  }
  .company-info__content::after,
  .company-info__content::before {
    display: none
  }
  .company-info__content-inner {
    padding-left: 48px
  }
  .company-info__col-right {
    padding-right: 28px
  }
  .company-documents {
    margin: 100px auto
  }
  .company-documents__wrapper {
    flex-wrap: wrap;
    padding: 80px 30px
  }
  .company-documents__title {
    width: 100%;
    margin-right: 0;
    margin-top: -12px;
    margin-bottom: 10px
  }
  .company-documents__item {
    gap: 20px
  }
  .company-documents__item:nth-child(2) {
    width: 35%;
    margin-right: 80px
  }
  .company-documents__item:nth-child(3) {
    width: 51%
  }
  .wishlist {
    padding: 0 10px;
    margin-bottom: 95px
  }
  .wishlist__title {
    font-size: 62px;
    margin-bottom: 8px;
    padding-bottom: 28px
  }
  .wishlist__wrapper {
    gap: 3px;
    flex-direction: column
  }
  .wishlist__body {
    margin-top: 0
  }
  .wishlist__item {
    position: relative;
    gap: 0;
    flex-direction: column;
    padding: 38px 0
  }
  .wishlist__item-body {
    gap: 20px;
    width: 100%;
    padding-left: 145px
  }
  .wishlist__item-image {
    width: 125px;
    height: 125px;
    position: absolute;
    left: 0;
    top: 0
  }
  .wishlist__item-content {
    gap: 15px
  }
  .wishlist__properties {
    display: none
  }
  .wishlist__item-info {
    padding-left: 145px;
    margin-top: 14px;
    align-items: center;
    width: 100%;
    justify-content: flex-start
  }
  .wishlist__item-choose {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 20px
  }
  .wishlist__item-choose .custom-select {
    flex-direction: 1 1 50%;
    width: 180px
  }
  .wishlist__buy {
    flex-direction: 1 1 50%;
    width: 180px;
    margin-top: 0;
    height: 43px
  }
  .wishlist__item-price {
    width: auto;
    min-width: 105px;
    padding: 0
  }
  .wishlist__item-price._summary {
    display: none
  }
  .wishlist__item-price .old {
    margin-top: 5px
  }
  .wishlist__item-remove {
    position: absolute;
    right: 0;
    top: -35px
  }
  .wishlist__sidebar {
    width: 100%
  }
  .wishlist__sidebar-text {
    padding: 46px 43px 44px
  }
  .wishlist__sidebar-share {
    padding: 35px 43px
  }
  .about__title {
    font-size: 60px;
    margin-bottom: 0;
    padding-bottom: 18px
  }
  .about__grid {
    padding: 0 0 60px;
    gap: 38px
  }
  .about__row {
    flex-direction: column;
    padding-left: 10px
  }
  .about__row._2nd {
    flex-direction: column-reverse
  }
  .about__text-title {
    font-size: 38px;
    width: 100%
  }
  .about__text-title span {
    display: inline
  }
  .about__text {
    width: 100%
  }
  .about__text p {
    max-width: 100%;
    width: 100%
  }
  .about__text p:not(:last-child) {
    margin-bottom: 32px
  }
  ._2nd .about__text {
    max-width: 100%;
    width: 100%;
    padding-right: 0
  }
  .about__image {
    max-width: 100%;
    width: 100%;
    margin-top: 84px;
    padding-top: 37px;
    max-height: 100%;
    aspect-ratio: 780/662
  }
  ._2nd .about__image {
    margin-top: 0;
    padding-top: 28px
  }
  .about__image._lines::after,
  .about__image._lines::before {
    content: "";
    display: block;
    background-color: rgba(255,255,255,.5)
  }
  .about__image._lines::before {
    width: 100%;
    position: absolute;
    left: 0;
    top: -40px
  }
  .about__image._lines::after {
    width: 1px;
    height: 45px;
    position: absolute;
    left: 50%;
    top: -17px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
  }
  .about-hr {
    margin-top: 55px
  }
  .about-video__title {
    font-size: 38px;
    line-height: 1.13;
    max-width: 1280px;
    margin: 0 auto 44px;
    padding: 0 15px
  }
  .about-video__title._bottom {
    line-height: 1.2;
    margin-bottom: 42px;
    max-width: 980px
  }
  .about-video__title span {
    display: inline
  }
  .about-video__subtitle {
    margin-bottom: 60px
  }
  .about-video__video {
    padding: 0 10px;
    margin-bottom: 100px
  }
  .about-video__podpis {
    font-size: 40px;
    margin-bottom: 110px
  }
  .about-video__podpis::after,
  .about-video__podpis::before {
    top: 50%
  }
  .order-done__title {
    font-size: 48px
  }
  .order-done__right {
    flex: 0 1 auto;
    padding: 25px 30px
  }
}
@media (max-width:1279px)and (any-hover:none) {
  .icon-menu {
    cursor: default
  }
}
@media (max-width:768px) {
  .basket__title {
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 0
  }
  .basket__wrapper {
    gap: 30px;
    padding: 0
  }
  .basket__item {
    padding: 30px 0
  }
  .basket__item-body {
    padding-left: 95px
  }
  .basket__item-image {
    width: 75px;
    height: 75px
  }
  .basket__item-content {
    gap: 10px
  }
  .basket__item-name {
    padding-right: 30px;
    font-size: 14px
  }
  .basket__item-articul {
    font-size: 13px;
    margin-top: -2px;
    margin-bottom: -5px
  }
  .basket__item-info {
    padding-left: 95px;
    margin-top: 15px;
    justify-content: space-between
  }
  .basket__item-price {
    width: 130px
  }
  .basket__item-price .old {
    position: absolute;
    top: 24px;
    left: 0
  }
  .basket__item-count {
    width: 100px;
    height: 40px
  }
  .basket__item-remove {
    top: -68px
  }
  .basket__item-remove-btn {
    width: 20px;
    height: 20px;
    margin: 0 auto
  }
  .basket__item-remove-btn svg {
    width: 8px;
    height: 8px
  }
  .basket__sidebar-wrapper {
    padding: 40px 20px
  }
  .basket__sidebar-total {
    font-size: 18px
  }
  .basket hr {
    width: calc(100% + 40px);
    margin-left: -20px
  }
  .basket__features {
    margin-top: 20px;
    margin-bottom: 40px
  }
  .basket__features-item {
    gap: 20px
  }
  .basket__features-image {
    width: 85px;
    height: 85px
  }
  .basket__features-text {
    font-size: 14px
  }
  .contacts__title {
    margin: 3px auto 26px;
    font-size: 38px
  }
  .contacts__subtitle {
    margin: 26px auto 25px;
    font-size: 14px
  }
  .contacts hr {
    margin: 25px auto 38px
  }
  .contacts__showrom-title {
    font-size: 28px
  }
  .contacts__gift-list._contacts {
    margin: 0 auto 40px;
    gap: 20px 0
  }
  .contacts__media-list {
    gap: 30px
  }
  .contacts__production {
    gap: 46px;
    margin: 40px auto 50px
  }
  .contacts__production-title {
    font-size: 32px;
    margin-top: 38px;
    margin-bottom: 30px
  }
  .contacts__production-text {
    font-size: 16px
  }
  .contacts__production-slider {
    padding-bottom: 20px
  }
  .contacts__production-slider {
    padding-bottom: 25px
  }
  .contacts__slide {
    height: 285px
  }
  .contacts__map {
    height: 460px
  }
  .contacts__pagination .swiper-pagination-bullet {
    flex: 1
  }
  .video-grid {
    margin: 50px auto 30px
  }
  .video-grid__wrapper {
    gap: 30px
  }
  .company-info {
    margin: 40px auto 54px
  }
  .company-info__title {
    font-size: 28px;
    margin-bottom: 35px
  }
  .company-info__content {
    border-radius: 0;
    border-left: none;
    border-right: none;
    margin-left: -15px;
    margin-right: -15px;
    padding: 34px 0
  }
  .company-info__content-inner {
    gap: 19px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 18px
  }
  .company-info__row {
    flex-direction: column;
    gap: 3px
  }
  .company-info__col-left {
    flex: 1 0 auto
  }
  .company-documents {
    margin: 54px auto 74px
  }
  .company-documents__wrapper {
    padding: 40px 20px 40px 30px
  }
  .company-documents__title {
    font-size: 28px
  }
  .company-documents__item:nth-child(2) {
    width: 100%;
    margin-right: 0
  }
  .company-documents__item:nth-child(3) {
    width: 100%
  }
  .company-documents__item img {
    width: 65px;
    height: 65px
  }
  .wishlist {
    padding: 0;
    margin-bottom: 70px
  }
  .wishlist__title {
    font-size: 38px;
    margin-bottom: 0;
    padding-bottom: 18px
  }
  .wishlist__wrapper {
    gap: 20px
  }
  .wishlist__item {
    padding: 30px 0
  }
  .wishlist__item-body {
    padding-left: 95px
  }
  .wishlist__item-image {
    width: 75px;
    height: 75px
  }
  .wishlist__item-content {
    gap: 0
  }
  .wishlist__item-name {
    padding-right: 30px;
    font-size: 14px;
    margin-bottom: 10px
  }
  .wishlist__item-articul {
    font-size: 13px;
    margin-bottom: 20px
  }
  .wishlist__item-info {
    padding-left: 95px;
    margin-top: 2px;
    justify-content: space-between;
    flex-wrap: wrap
  }
  .wishlist__item-price {
    width: 100%
  }
  .wishlist__item-choose {
    flex-direction: column;
    gap: 19px
  }
  .wishlist__item-remove {
    top: -90px
  }
  .wishlist__item-remove-btn {
    width: 20px;
    height: 20px
  }
  .wishlist__item-remove-btn svg {
    width: 8px;
    height: 8px
  }
  .wishlist__sidebar-text {
    padding: 25px 19px 32px
  }
  .wishlist__sidebar-share {
    padding: 38px 19px
  }
}
@media (max-width:767px) {
  .header__logo-link {
    z-index: 1
  }
  .header__logo-img {
    width: 120px;
    height: 44px
  }
  .header .menu__icon-text {
    display: none
  }
  .header__menu {
    width: auto
  }
  .header__left {
    order: 1;
    margin-right: 0
  }
  .header__tools {
    gap: 14px;
    margin-left: auto;
    z-index: 1;
    display: none
  }
  .header__tools-btn {
    width: 35px;
    height: 35px
  }
  .header__tools-btn svg {
    width: 17px;
    height: 17px
  }
  .header__tools-btn-count {
    top: 7px;
    width: 19px;
    height: 19px
  }
  .header__back-btn {
    display: none
  }
  .footer__top {
    height: auto;
    padding: 30px 0 50px;
    flex-direction: column-reverse
  }
  .footer__top-side {
    max-width: 100%;
    text-align: center;
    padding-top: 30px
  }
  .footer__top-side._left {
    top: 0
  }
  .footer__top-center {
    position: relative;
    left: auto;
    -webkit-transform: none;
    transform: none
  }
  .footer__logo {
    width: 170px;
    height: 62px;
    margin-bottom: 32px
  }
  .footer__up {
    display: none
  }
  .footer__middle {
    height: 168px
  }
  .footer__middle-side {
    width: 100%;
    align-items: center!important
  }
  .footer__bottom {
    flex-direction: column;
    gap: 25px;
    padding: 32px 0
  }
  .footer__bottom-side {
    width: 100%;
    text-align: center
  }
  .footer__bottom-side:last-child {
    width: 100%;
    text-align: center
  }
  .footer__bottom-center {
    order: 1;
    position: relative;
    left: auto;
    -webkit-transform: none;
    transform: none
  }
  .about__title {
    font-size: 38px;
    padding-bottom: 20px
  }
  .about__grid {
    padding-bottom: 62px
  }
  .about__row {
    padding-left: 0
  }
  .about__text-title {
    font-size: 28px;
    padding-right: 10px;
    line-height: 1.3;
    margin-bottom: 27px
  }
  .about__text-title span {
    display: block
  }
  .about__text {
    font-size: 16px;
    line-height: 1.21
  }
  .about__text p:not(:last-child) {
    margin-bottom: 27px
  }
  .about__image {
    margin-top: 77px;
    padding-top: 25px
  }
  .about-hr {
    margin-bottom: 50px
  }
  .about-video__title {
    font-size: 30px;
    margin: 0 auto 20px;
    padding: 0
  }
  .about-video__title._bottom {
    line-height: 1.2;
    margin-bottom: 30px;
    max-width: 980px
  }
  .about-video__title span {
    display: inline
  }
  .about-video__subtitle {
    margin-bottom: 60px;
    font-size: 16px;
    line-height: 1.15
  }
  .about-video__video {
    padding: 0;
    margin-bottom: 37px
  }
  .about-video__podpis {
    font-size: 26px;
    margin-bottom: 65px;
    padding: 0 20px
  }
  .about-video__podpis::after,
  .about-video__podpis::before {
    top: 50%
  }
  .menu__mobile-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    background-color: rgba(0,0,0,.95);
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
  }
  .menu__mobile-bottom .menu__mbottom-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,.7);
    font-size: 11px;
    flex: 1;
    position: relative
  }
  .menu__mobile-bottom .menu__mbottom-item-circle {
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    background-color: #ed6f2d;
    border-radius: 50%;
    position: absolute;
    right: 32%
  }
  .order-done__inner {
    flex-direction: column;
    gap: 30px
  }
}
@media (max-width:67.49875em) {
  .product-gallery__wrapper {
    flex-direction: column-reverse
  }
  .product-gallery__wrapper-thumbnails {
    width: 100%;
    height: 120px;
    padding: 15px;
    border-right: none;
    border-top: 1px solid rgba(255,255,255,.5);
    flex-direction: row
  }
  .product-gallery__wrapper-gallery {
    width: 100%;
    height: calc(100% - 120px);
    padding: 6vh 10px
  }
  .product-gallery__wrapper-thumb {
    align-items: center
  }
  .product-gallery__slide-thumb {
    flex-shrink: 0;
    width: 65px;
    height: 65px;
    max-height: 65px
  }
  .product-gallery__slide-thumb .play-button {
    width: 25px;
    height: 25px
  }
  .product-gallery__btn {
    display: none
  }
}
@media (max-width:47.99875em) {
  .menu__link {
    font-size: 18px
  }
  .menu__submenu-link {
    font-size: 18px
  }
  .popup__title {
    font-size: 28px;
    margin: 50px 0 30px
  }
  .popup__social {
    padding: 25px 0
  }
  .popup__social-link {
    gap: 10px;
    font-size: 14px
  }
  .popup__copy-wrapper {
    padding: 30px 0
  }
  .popup__copy-link {
    gap: 10px;
    font-size: 14px
  }
  .title-h1 {
    font-size: 38px
  }
  .fog,
  .fog-2 {
    width: 400vw
  }
  .fog-2 div::before,
  .fog-2::before {
    background-image: url(/local/templates/sarra/css/../img/backgrounds/hero-1__middle-mob.webp)
  }
  .fog-2 div::after,
  .fog-2::after {
    background-image: url(/local/templates/sarra/css/../img/backgrounds/hero-1__middle-mob.webp)
  }
  input[type=date],
  input[type=email],
  input[type=password],
  input[type=text] {
    font-size: 16px
  }
  textarea {
    font-size: 16px
  }
  ._mb-30 {
    margin-bottom: 20px
  }
  .hero-1__slide {
    flex-direction: column-reverse;
    gap: 0;
    padding: 54px 0 22px
  }
  .hero-1__image {
    width: 100%;
    height: auto;
    margin-left: 0
  }
  .hero-1__image img {
    position: relative;
    margin-top: 0;
    width: 100%;
    height: auto
  }
  .hero-1__content {
    margin-left: 0
  }
  .hero-1__title {
    font-size: 30px
  }
  .hero-1__footer {
    display: flex;
    align-items: center;
    justify-content: space-between
  }
  .hero-1__price {
    margin-bottom: 0;
    font-size: 18px
  }
  .hero-1__btn {
    width: 130px;
    height: 35px;
    font-size: 12px;
    gap: 7px
  }
  .hero-1__btn svg {
    width: 16px;
    height: 16px
  }
  .hero-1__pagination {
    bottom: 40px
  }
  .hero-1__button-next,
  .hero-1__button-prev {
    top: auto;
    bottom: 170px;
    width: 18px;
    height: 18px
  }
  .product-slider {
    margin: 70px 0 60px
  }
  .product-slider._bd-bottom::after {
    bottom: -30px
  }
  .product-slider__header {
    font-size: 30px;
    margin: 0 auto 16px
  }
  .product-slider__tabs {
    margin: 16px 0 40px;
    gap: 40px
  }
  .product-slider__tabs-item {
    font-size: 12px
  }
  .static-hero {
    margin: 60px 0
  }
  .static-hero__bg {
    display: none
  }
  .static-hero__text {
    padding: 78px 0 40px
  }
  .static-hero__text-top {
    margin-bottom: 40px
  }
  .static-hero__text-heading {
    font-size: 32px;
    margin-bottom: 40px;
    left: 30px
  }
  .static-hero__text-bottom a {
    margin-top: 30px
  }
  .static-hero__media {
    padding: 40px 15px
  }
  .static-hero__media-img {
    max-width: 190px;
    width: 100%;
    height: auto;
    top: -54px
  }
  .advantages__wrapper {
    height: auto;
    margin: 0 0 100px
  }
  .advantages__wrapper._about {
    margin-top: 45px;
    padding-left: 5px
  }
  .advantages__scroll-wrapper {
    overflow-x: auto;
    padding-bottom: 10px
  }
  .advantages__item-text {
    padding-left: 15px;
    margin-bottom: 40px
  }
  .advantages__item-text-name {
    font-size: 32px
  }
  ._about .advantages__item-text-name {
    margin-left: 15px;
    margin-bottom: 30px
  }
  .advantages__item-text-content {
    margin-top: 40px;
    margin-left: 0
  }
  ._about .advantages__item-text-content {
    margin-left: 15px;
    margin-top: 30px;
    padding-right: 30px;
    line-height: 1.25
  }
  .advantages__item {
    width: 300px;
    border-left: none;
    padding: 0;
    margin-right: 20px
  }
  .advantages__item:first-child {
    width: 300px
  }
  ._about .advantages__item {
    width: 300px
  }
  ._about .advantages__item:first-child {
    width: 300px
  }
  .advantages__item-image {
    margin-bottom: 6px
  }
  .advantages__item-num {
    font-size: 22px;
    line-height: 2.45
  }
  .advantages__item-name {
    font-size: 16px
  }
  .advantages__mobile-placeholder._about {
    padding-top: 25px
  }
  .breadcrumbs {
    margin-top: 0
  }
  .breadcrumbs__wrapper {
    padding: 26px 0
  }
  .breadcrumbs__separator {
    display: none
  }
  .breadcrumbs__link {
    display: none
  }
  .breadcrumbs__link._mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px
  }
  .breadcrumbs__link._mobile svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  .catalog__body-mobile {
    gap: 15px;
    margin-bottom: 30px
  }
  .catalog__body-mobile .custom-select {
    width: 100%;
    flex-shrink: 1
  }
  .catalog__filtr-btn {
    width: auto
  }
  .catalog__filtr-btn span {
    display: none
  }
  .catalog-list {
    display: flex;
    flex-direction: column;
    gap: 30px
  }
  .pagination__left,
  .pagination__right {
    display: none
  }
  .product-detail__pagination {
    display: flex
  }
  .product-detail__gallery-item {
    max-height: 375px
  }
  .product-detail__gallery-video {
    width: 100%;
    height: 100%
  }
  .product-detail__articul {
    margin-bottom: 20px
  }
  .product-detail__title {
    font-size: 22px
  }
  .product-detail__properties {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 30px
  }
  .product-detail__options {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px
  }
  .product-detail__wishlist-label {
    display: none
  }
  .product-detail__footer {
    gap: 15px;
    justify-content: space-between
  }
  .product-detail__button-next {
    display: none
  }
  .product-sides {
    margin: 40px auto 70px
  }
  .product-sides__item {
    flex-direction: column;
    gap: 15px
  }
  .product-sides__image {
    width: 100%
  }
  .product-sides__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
  .product-sides__title {
    font-size: 32px;
    margin-bottom: 10px
  }
  .product-package {
    margin: 70px auto 160px
  }
  .product-package__wrapper {
    padding: 40px 20px
  }
  .product-package__title {
    font-size: 26px;
    margin-bottom: 30px
  }
  .product-package__image {
    width: 100%;
    height: 150px
  }
  .product-package__img {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%,0) scale(.4);
    transform: translate(-50%,0) scale(.4);
    top: -200px
  }
  .product-showroom {
    margin: 90px 0 70px
  }
  .product-showroom__wrapper {
    gap: 20px;
    padding: 60px 0 70px 0
  }
  .product-showroom__title {
    font-size: 32px
  }
  .product-showroom__img {
    max-width: 345px
  }
  .search-popup__close {
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px
  }
  .search-popup__wrapper {
    margin: 40px auto;
    height: calc(100vh - 80px)
  }
  .search-popup__title {
    font-size: 42px;
    line-height: 1.66;
    margin-bottom: 30px
  }
  .search-popup__search-field {
    gap: 10px
  }
  .search-popup__search-field::before {
    height: 15px
  }
  .search-popup__search-input {
    height: 30px;
    font-size: 16px;
    padding-left: 15px
  }
  .search-popup__search-clear {
    width: 12px;
    height: 12px
  }
  .search-popup__search-submit {
    width: 17px;
    height: 17px
  }
  .search-popup__searching {
    margin: 40px auto
  }
  .search-popup__searching-title {
    font-size: 16px
  }
  .search-popup__searching-list {
    grid-template-columns: repeat(2,1fr)
  }
  .search-popup__not-found {
    margin: 40px auto;
    font-size: 16px
  }
  .search-popup__results-title {
    font-size: 16px;
    margin-bottom: 30px
  }
  .search-popup__results-list {
    gap: 20px
  }
  .search-popup__all-results-wrapper {
    margin: 20px auto
  }
  .product-line__content {
    gap: 12px
  }
  .product-line__title {
    font-size: 14px
  }
  .empty-basket {
    margin-top: 15px;
    margin-bottom: 60px
  }
  .empty-basket__wrapper {
    gap: 30px
  }
  .empty-basket__title {
    font-size: 30px;
    line-height: 1.2
  }
  .empty-basket__subtitle {
    font-size: 18px
  }
  .empty-basket__leave-basket {
    border-radius: 4px;
    border: 1px solid #fff;
    width: 200px;
    height: 50px;
    flex-shrink: 0;
    font-family: "Cormorant Garamond";
    font-size: 18px;
    font-weight: 700;
    line-height: .87;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    transition: border-color .3s ease-in-out,background-color .3s ease-in-out
  }
  .empty-basket__leave-basket svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    fill: transparent
  }
  .empty-basket__leave-basket:hover {
    border-color: #ed6f2d;
    background-color: #ed6f2d
  }
  .empty-basket__img {
    max-width: 345px;
    margin-top: 15px
  }
  .sections__title {
    font-size: 38px;
    margin-bottom: 34px
  }
  .sections__grid {
    gap: 20px;
    padding: 0
  }
  .sections__col {
    width: 100%;
    flex-direction: column
  }
  .sections__col .block {
    flex: 1 1 100%;
    min-height: 380px
  }
  .block {
    padding: 40px 30px 50px 30px;
    gap: 30px
  }
  .block._num-1,
  .block._num-4 {
    min-height: 450px;
    padding-bottom: 70px
  }
  .block__title {
    font-size: 26px
  }
  .block__list {
    margin-top: -10px
  }
  ._num-1 .block__image {
    max-width: 104px;
    top: auto;
    right: 20px;
    bottom: 24px
  }
  ._num-2 .block__image {
    max-width: 110px;
    bottom: 20px;
    right: 20px
  }
  ._num-3 .block__image {
    max-width: 250px;
    bottom: 95px;
    right: 20px
  }
  ._num-4 .block__image {
    max-width: 167px;
    top: auto;
    bottom: 30px;
    right: 6px;
    -webkit-transform: none;
    transform: none
  }
  ._num-5 .block__image {
    max-width: 230px;
    right: 20px;
    bottom: 30px
  }
  ._num-6 .block__image {
    max-width: 145px;
    top: auto;
    right: 20px;
    bottom: 30px
  }
  ._num-7 .block__image {
    max-width: 200px;
    top: auto;
    right: 10px;
    bottom: 0
  }
  ._num-8 .block__image {
    max-width: 230px
  }
  ._num-9 .block__image {
    max-width: 100px;
    bottom: 30px;
    right: 30px
  }
  .sections-features {
    display: none
  }
  .order ._mb-30 {
    margin-bottom: 20px
  }
  .order__title {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 15px
  }
  .order__title-1 {
    font-size: 18px
  }
  .order__additional-fields._active {
    max-height: 1200px
  }
  .order__block {
    margin-bottom: 30px
  }
  .order__2cols {
    grid-template-columns: repeat(1,1fr);
    gap: 20px
  }
  .order__delivery-item {
    padding: 20px
  }
  .order__delivery-item-wrapper {
    align-items: flex-start
  }
  .order__delivery-image {
    width: 55px;
    height: 55px
  }
  .order__delivery-info {
    flex-direction: column;
    gap: 15px
  }
  .order__delivery-free,
  .order__delivery-gift,
  .order__delivery-name {
    font-size: 14px
  }
  .order__delivery-checkbox-wrapper {
    padding-left: 0;
    border-left: none;
    margin-top: auto;
    margin-bottom: 5px;
    margin-right: -10px
  }
  ._active .order__delivery-checkbox-wrapper {
    border-left: none
  }
  .order__delivery-checkbox {
    padding: 5px
  }
  .order__delivery-options {
    flex-direction: column
  }
  .order__options-item {
    padding: 20px 15px 15px
  }
  .order__options-name {
    margin-bottom: 15px
  }
  .order__options-price {
    font-size: 16px;
    margin-bottom: 10px
  }
  .order__options-time {
    margin-bottom: 15px
  }
  .order__payment-list {
    grid-template-columns: repeat(1,1fr);
    margin-bottom: 30px
  }
  .order__payment {
    padding: 25px 20px 20px 20px;
    aspect-ratio: auto
  }
  .order__payment-name {
    margin-bottom: 15px
  }
  .order__text {
    font-size: 14px
  }
  .order__bottom-text {
    font-size: 14px
  }
  .showroom__title {
    font-size: 38px;
    margin-top: 2px;
    margin-bottom: 10px;
    gap: 22px;
    max-width: 330px
  }
  .showroom__title svg:first-child {
    display: none
  }
  .showroom__title._gift {
    font-size: 34px;
    flex-direction: column;
    align-items: center;
    margin-bottom: 18px
  }
  .showroom__subtitle {
    font-size: 18px;
    margin-top: 13px;
    margin-bottom: 20px
  }
  .showroom__media {
    padding: 0;
    margin-bottom: 50px;
    flex-direction: column
  }
  .showroom__media-item._num-2 {
    margin-left: 20px;
    margin-top: 6px
  }
  .showroom__uptitle {
    font-size: 28px;
    margin-bottom: 10px
  }
  .showroom__gift-list {
    padding: 0;
    gap: 20px;
    margin-bottom: 45px;
    grid-template-columns: repeat(1,1fr)
  }
  .showroom__gift-item {
    height: 135px;
    flex: 1 1 100%;
    padding: 32px 30px 35px 120px
  }
  .showroom__gift-name {
    text-align: left;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 14px
  }
  ._contacts .showroom__gift-name {
    margin-bottom: 15px
  }
  .showroom__gift-text {
    text-align: left;
    font-size: 16px
  }
  .showroom__gift-image {
    left: 30px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 65px;
    height: 65px
  }
  .showroom__form {
    padding: 0;
    margin-top: 45px;
    margin-bottom: 45px
  }
  .showroom__form-title {
    font-size: 20px;
    margin-bottom: 35px
  }
  .showroom__form-wrapper {
    margin-left: -25px;
    margin-right: -25px;
    padding: 36px 25px 30px
  }
  .showroom__form-inner {
    position: relative;
    left: 0
  }
  ._showroom .map__iframe {
    min-height: 460px;
    max-height: 460px
  }
  .buyers {
    padding: 0
  }
  .buyers__title {
    font-size: 38px;
    margin: 2px auto 21px
  }
  .buyers__subtitle {
    font-size: 14px;
    margin-bottom: 45px
  }
  .buyers__grid {
    margin-bottom: 60px
  }
  .buyers__grid-item {
    height: auto;
    padding: 33px 10px 33px 30px
  }
  .buyers__grid-item._full-width {
    margin-top: 0;
    padding-bottom: 130px;
    height: auto
  }
  .buyers__grid-title {
    font-size: 26px;
    margin-bottom: 30px
  }
  .buyers__grid-title._orange {
    font-size: 26px
  }
  .buyers__grid-body {
    gap: 20px
  }
  .buyers__grid-image {
    width: 65px;
    height: 65px
  }
  ._full-width .buyers__grid-image {
    right: 30px;
    bottom: 30px;
    top: auto;
    width: 100px;
    height: 100px
  }
  .buyers__grid-list {
    max-width: 560px;
    font-size: 15px;
    margin-left: -83px;
    margin-top: 30px
  }
  .buyers__grid-list._mt-mob-40 {
    margin-top: 40px
  }
  ._full-width .buyers__grid-list {
    margin-left: 0
  }
  .buyers__grid-footer {
    font-size: 15px;
    margin-top: 30px
  }
  .buyers__info {
    margin: 0 auto 60px;
    flex-direction: column;
    gap: 42px
  }
  .buyers__info-image {
    flex: 0 0 100%;
    width: 100%;
    text-align: center
  }
  .buyers__info-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px
  }
  .buyers__info-title {
    font-size: 28px
  }
  .buyers__info-text {
    font-size: 16px;
    gap: 15px
  }
  .buyers__info-text span {
    display: block
  }
  .buyers__info-button {
    max-width: 100%
  }
  .buyers__offer-list-title {
    font-size: 28px;
    margin-bottom: 20px
  }
  .buyers__offer {
    flex-direction: column;
    margin-bottom: 70px
  }
  .buyers__offer-item {
    flex: 0 1 100%;
    flex-direction: row;
    gap: 25px;
    border-top: 1px solid rgba(255,255,255,.5);
    border-left: none;
    padding: 30px 0
  }
  .buyers__offer-item:last-child {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.5)
  }
  .buyers__offer-item:nth-child(2) {
    border-right: none
  }
  .buyers__offer-image {
    width: 65px;
    height: 65px
  }
  .buyers__offer-title {
    text-align: left;
    font-size: 14px
  }
}
@media (max-width:23.4375em) {
  .order-done {
    margin-bottom: 3.125rem
  }
}
@media (max-width:1699px)and (min-width:1280px) {
  .sections__col .block._num-1,
  .sections__col .block._num-4,
  .sections__col .block._num-7 {
    min-height: 450px
  }
  ._num-1 .block__list,
  ._num-4 .block__list,
  ._num-7 .block__list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    max-width: 576px
  }
  ._num-1 .block__image {
    top: 27px;
    right: 150px
  }
  ._num-2 .block__image {
    right: 50px;
    bottom: 40px
  }
  ._num-3 .block__image {
    bottom: 120px;
    right: 50px
  }
  ._num-4 .block__image {
    right: 65px;
    bottom: 75px
  }
  ._num-7 .block__image {
    right: 78px;
    top: 60px
  }
  ._num-9 .block__image {
    bottom: 42px;
    right: 40px
  }
}
@media (min-width:23.4375em)and (max-width:114.375em) {
  .order-done {
    margin-bottom: clamp(3.125rem ,.3865979381rem + 11.6838487973vw ,13.75rem)
  }
}
@media print,
(prefers-reduced-motion:reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms!important;
    animation-duration: 1ms!important;
    transition-duration: 1ms!important;
    -webkit-animation-iteration-count: 1!important;
    animation-iteration-count: 1!important
  }
  .animate__animated[class*='Out'] {
    opacity: 0
  }
}
/* End */


/* Start:/local/templates/sarra/components/bitrix/sale.basket.basket.small/mobile/style.css?1760591034218*/
.menu__mobile-bottom .menu__mbottom-item > a,
.menu__mobile-bottom .menu__mbottom-item > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 1;
    position: relative;
}
/* End */


/* Start:/local/templates/sarra/template_styles.css?17815258467247*/
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    z-index: 10000;
    transition: opacity 0.5s;
}
.preloader-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.preloader-logo img {
    width: 300px;
    height: 112px;
}
.preloader-logo__white {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    transition: width 0.2s
}
.preloader-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10vh;
}
.product-detail__properties-value{
    white-space: normal;
}
.product-slider__header a{
    text-decoration: underline;
}
.product-slider__header a:hover{
    color: #ed6f2d;
}
@keyframes preloaderTextColor {
    0% {
        color: #fff;
    }

    50% {
        color: #3d3d3d;
    }

    100% {
        color: #fff;
    }
}
.preloader-text {
    animation: preloaderTextColor 1s infinite;
}

.header__nav-link._active{
    border-color: #fff;
}

.wide-slide{
    grid-column: 1 / -1;
}

.bx-core-window input, .bx-core-window textarea{
    width: auto;
}
.overflow-hidden{
    overflow: hidden;
}
.dev-btn{
    cursor: pointer;
}

.dev-hidden{
    display: none;
}
a[data-entity="panel-added-button"]{
    transition: .7s all ease;
    height: 0px;
    opacity: 0;
    overflow: hidden;
}
a[data-entity="panel-added-button"] .btn-text{
    text-align: center;
}
a[data-entity="panel-added-button"] span{
    text-transform: none;
}
a[data-entity="panel-added-button"]._shown{
    opacity: 1;
    height: 100%;
}

._error{
    box-shadow: inset 0px 0px 1px 2px red;
}
.map__iframe{
    overflow: hidden;
    height: 510px;
}

.map__iframe iframe{
    margin-top: -45px;
}
.video-grid__item .play{
    z-index: 10;
}
.link-wrapper a{
    text-decoration: underline;
}
.link-wrapper a:hover{
    text-decoration: none;
}
.popup__body{
    padding: 0px 40px 40px 40px;
}
.popup__body .order__field-title{
    font-size: 16px;
    color: #000;
}
.popup__body .form-field__input{
    border: 1px solid #DDDDDD;
}
.popup__body .order__field-input input[type="text"]{
    margin-bottom: 20px;
}
.popup__body .order__bottom-text{
    color: #000;
    opacity: 0.5;
    font-size: 14px;
}
.popup__body .order__submit:hover{
    background-color: #000;
}

.header__tools-btn._active {
    border-color: #ed6f2d;
    background-color: #fff;
}
.header__tools-btn._active svg {
    color: #ed6f2d;
    fill: #fff;
}
.wishlist__item{
    transition: .5s all;
}
.wishlist__item.removed{
    height: 0px;
    padding: 0px;
    overflow: hidden;
}
.item-wrapper{
    position: relative;
}
.catalog-list.four-in-a-row{
    grid-template-columns: repeat(4, 1fr);
}


.wishlist__buy:hover{
    border: 1px solid #ed6f2d;
    background: #ed6f2d;
    color: #fff;
    cursor: default;
}
.about-video .play-button{
    z-index: 1;
}
.footer__top-side._right img.made-in-moscow{
    padding-bottom: 85px;
}
.footer__top-side._left img.made-in-moscow{
    display: none;
}
.footer__address .footer__address-wrapper{
    color: #b9b9b9;
}

.search-popup__search-field::before{
    display: none;
}

.catalog-menu__block.catalog-menu-no-img{
    flex-direction: column;
}
.catalog-menu__block.catalog-menu-no-img .catalog-menu__block-link._main{
    align-self: flex-start;
}
.catalog-menu__block.catalog-menu-no-img .catalog-menu__block-side{
    gap: 20px 60px;
    height: 100vh;
    flex-wrap: wrap;
    padding-bottom: 320px;
    align-content: flex-start;
    align-items: flex-start;
}

.menu_submenu_wrapper{
    position: relative;
    overflow-y: scroll;
    height: 70%;
    min-height: auto;
}
.menu__submenu{
    height: 70vh;
    position: relative;
    overflow: hidden;
}
.h2-description{
    line-height: normal;
    font-size: 16px;
    font-weight: normal;
    font-family: Montserrat;
    text-transform: none;
    margin: 25px 0px -10px;
}

@media screen and (max-width:420px){
    .hero-1__title br{
        display: none;
    }
}
@media (max-width: 767px) {
    .footer__middle-side:first-child {
        align-items: flex-start !important;
    }
    .footer__middle-side:last-child{
        align-items: flex-end !important;
    }
    .footer__top-side._left img.made-in-moscow{
        display: block;
        max-width: 88px;
    }
    .footer__top-side._right img.made-in-moscow{
        display: none;
    }
    .footer__address{
        display: flex;
        gap: 20px;
        justify-content: space-between;
    }
    .footer__address-wrapper{
        text-align: left;
    }
    .h2-description{
        margin: 20px 0px 0px;
    }
}

.menu__mobile-bottom{
    z-index: 2;
}

.menu__mobile-bottom .menu__mbottom-item .menu__mbottom-item-circle{
    right: 19%;
    position: absolute;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-40{
    margin-bottom: 40px;
}

.preview-product__slider-slide{
    position: relative;
    overflow: hidden;
    min-height: 280px;
    min-width: 280px;
}
.product-slider__slide{
    min-width: 280px;
}
.product-detail__gallery-item{
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.preview-product__slider-slide::before, .product-detail__gallery-item:has(img)::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.75) 50%,
    transparent 100%
  );
  transform: translateX(-100%);
  animation: shimmer 1.4s infinite;
  z-index: 1;
}
.preview-product__slider-slide.loaded::before, .product-detail__gallery-item.loaded::before{
    display: none;
    overflow: auto;
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}


.header__social{
    display: flex;
    align-items: center;
    gap: 27px;
    margin-left: 85px;
}
.header__social-btn{
    position: relative;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header__social-btn svg{
    fill: #fff;
    width: 18px;
    height: 18px;
    transition: all .3s ease;
}
.header__social-btn svg.mobile{
    width: 24px;
    height: 24px;
}
.header__social-btn.header__social-tg-btn svg.desktop{
    height: 13px;
    width: 16px;
}
.header__social-btn.header__social-tg-btn svg.mobile{
    height: 20px;
    width: 24px;
}
.header__social-btn:hover svg{
    stroke-width: 1px;
    stroke-color: #ed6f2d;
    opacity: 0.6;
}

@media (max-width:1799px) {
    .header__social{
        gap: 19px;
        margin-left: 28px
    }
}
@media (min-width:1280px) {
    .preview-product__slider-slide{
        min-height: 403px;
        min-width: 403px;
    }
    .product-slider__slide{
        min-width: 296px
    }
}
@media (min-width:1900px) {
    .product-slider__slide{
        min-width: 442px
    }
}
@media (max-width:767px) {
    .header__social{
        position: absolute;
        right: 38px;
        gap: 13px;
    }
    .desktop{
        display: none;
    }
    .preview-product__slider-slide{
        display: none;
    }
    .preview-product__slider-slide:first-child{
        display: block;
    }
    .preview-product__pagination{display: none;}
}
@media (min-width:767px) {
    .mobile{
        display: none;
    }
}
/* End */
/* /local/templates/sarra/css/style.css?1780667434260016 */
/* /local/templates/sarra/components/bitrix/sale.basket.basket.small/mobile/style.css?1760591034218 */
/* /local/templates/sarra/template_styles.css?17815258467247 */