/* Start:/local/templates/vilti/template_styles.css?1768905746505784*/
body{}
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 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:2;animation-iteration-count: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:3;animation-iteration-count: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:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(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%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(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%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}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;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.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{0%{-webkit-transform:scaleX(1);transform:scaleX(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:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(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:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.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{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.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;-ms-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,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:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,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:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-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{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,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(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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,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(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:translateZ(0);transform:translateZ(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:.75s;animation-duration:.75s;-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{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(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{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(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{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(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{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(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{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-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{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;-ms-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-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-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;-ms-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{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{0%{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{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{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{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{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%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;-ms-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;-ms-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;-ms-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;-webkit-animation:f-spinner-rotate 2s linear infinite;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);-webkit-animation:f-spinner-dash 2s ease-in-out infinite;animation:f-spinner-dash 2s ease-in-out infinite}@-webkit-keyframes f-spinner-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes f-spinner-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-zoomInUp{-webkit-animation:.2s ease-out .1s both f-zoomInUp;animation:.2s ease-out .1s both f-zoomInUp}.f-zoomOutDown{-webkit-animation:.2s ease-out both f-zoomOutDown;animation:.2s ease-out both f-zoomOutDown}@-webkit-keyframes f-zoomInUp{from{-webkit-transform:scale(0.975) translate3d(0, 16px, 0);transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomInUp{from{-webkit-transform:scale(0.975) translate3d(0, 16px, 0);transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes f-zoomOutDown{to{-webkit-transform:scale(0.975) translate3d(0, 16px, 0);transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}@keyframes f-zoomOutDown{to{-webkit-transform:scale(0.975) translate3d(0, 16px, 0);transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-throwOutUp{-webkit-animation:.175s ease-out both f-throwOutUp;animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{-webkit-animation:.175s ease-out both f-throwOutDown;animation:.175s ease-out both f-throwOutDown}@-webkit-keyframes f-throwOutUp{to{-webkit-transform:translate3d(0, -150px, 0);transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutUp{to{-webkit-transform:translate3d(0, -150px, 0);transform:translate3d(0, -150px, 0);opacity:0}}@-webkit-keyframes f-throwOutDown{to{-webkit-transform:translate3d(0, 150px, 0);transform:translate3d(0, 150px, 0);opacity:0}}@keyframes f-throwOutDown{to{-webkit-transform:translate3d(0, 150px, 0);transform:translate3d(0, 150px, 0);opacity:0}}.f-fadeIn{-webkit-animation:.2s ease both f-fadeIn;animation:.2s ease both f-fadeIn;z-index:2}.f-fadeOut{-webkit-animation:.2s ease both f-fadeOut;animation:.2s ease both f-fadeOut;z-index:1}@-webkit-keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes f-fadeOut{100%{opacity:0}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{-webkit-animation:.5s ease both f-fadeSlowIn;animation:.5s ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{-webkit-animation:.5s ease both f-fadeSlowOut;animation:.5s ease both f-fadeSlowOut;z-index:1}@-webkit-keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes f-fadeSlowOut{100%{opacity:0}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{-webkit-animation:.2s ease-out both f-fadeFastIn;animation:.2s ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{-webkit-animation:.2s ease-out both f-fadeFastOut;animation:.2s ease-out both f-fadeFastOut;z-index:2}@-webkit-keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@-webkit-keyframes f-fadeFastOut{100%{opacity:0}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{-webkit-animation:.2s ease-out both f-crossfadeIn;animation:.2s ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{-webkit-animation:.1s linear .1s both f-crossfadeOut;animation:.1s linear .1s both f-crossfadeOut;z-index:1}@-webkit-keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes f-crossfadeOut{100%{opacity:0}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{-webkit-animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{-webkit-animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{-webkit-animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{-webkit-animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@-webkit-keyframes f-slideInPrev{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes f-slideInPrev{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes f-slideInNext{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes f-slideOutNext{100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes f-slideOutNext{100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes f-slideOutPrev{100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes f-slideOutPrev{100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.f-classicIn.from-next{-webkit-animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{-webkit-animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{-webkit-animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{-webkit-animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@-webkit-keyframes f-classicInNext{0%{-webkit-transform:translateX(-75px);transform:translateX(-75px);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInNext{0%{-webkit-transform:translateX(-75px);transform:translateX(-75px);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes f-classicInPrev{0%{-webkit-transform:translateX(75px);transform:translateX(75px);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{-webkit-transform:translateX(75px);transform:translateX(75px);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes f-classicOutNext{100%{-webkit-transform:translateX(-75px);transform:translateX(-75px);opacity:0}}@keyframes f-classicOutNext{100%{-webkit-transform:translateX(-75px);transform:translateX(-75px);opacity:0}}@-webkit-keyframes f-classicOutPrev{100%{-webkit-transform:translateX(75px);transform:translateX(75px);opacity:0}}@keyframes f-classicOutPrev{100%{-webkit-transform:translateX(75px);transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);-webkit-box-shadow:var(--f-button-shadow);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;-webkit-transition:var(--f-button-transition);transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;-webkit-box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;-webkit-transform:var(--f-button-transform);-ms-transform:var(--f-button-transform);transform:var(--f-button-transform);-webkit-filter:var(--f-button-svg-filter);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{-ms-touch-action:none;touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:1050;outline:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{-webkit-box-sizing:inherit;box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__track{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;height:100%}.fancybox__slide{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";-webkit-box-flex:0;-ms-flex:0 0 0px;flex:0 0 0;margin:auto}.fancybox__content{-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:-webkit-grab;cursor:grab}.can-zoom_in .fancybox__content{cursor:-webkit-zoom-in;cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:-webkit-zoom-out;cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;-webkit-transition:none;transition:none;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{-webkit-filter:blur(0px);filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox__caption{-ms-flex-item-align:center;align-self:center;max-width:100%;-ms-flex-negative:0;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);-webkit-transition:all .25s ease;transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{-webkit-animation:.15s ease-out both f-fadeOut;animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;-webkit-animation:.15s ease-out both f-fadeOut;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;z-index:40;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){-webkit-animation:.25s ease .1s backwards f-fadeIn;animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{-webkit-animation:.35s ease backwards f-fadeIn;animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){-webkit-animation:.15s ease forwards f-fadeOut;animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{-webkit-animation:.35s ease forwards f-fadeOut;animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;-ms-flex-negative:1;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:-webkit-gradient(linear, left top, left bottom, from(#ebeff2), to(#e2e8f0));background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:-webkit-box;display:-ms-flexbox;display:flex;will-change:transform}.f-thumbs__slide{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-sizing:content-box;box-sizing:content-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:-webkit-max-content;width:-moz-max-content;width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );-webkit-transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);-webkit-transition:none;transition:none;pointer-events:none}.is-modern .f-thumbs__slide:focus-within:not(.is-selected){-webkit-filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern.in-touch .f-thumbs__slide{-webkit-filter:none;filter:none}.is-modern.is-resting .f-thumbs__slide{-webkit-transition:all .33s ease;transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{-webkit-transition:all .33s ease;transition:all .33s ease}.f-thumbs__slide__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;-ms-touch-action:manipulation;touch-action:manipulation;opacity:var(--f-thumb-opacity);-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);-webkit-animation:f-fadeIn .2s ease-out;animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;-o-object-fit:cover;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);-webkit-transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-hidden{max-height:0px !important}.is-closing .fancybox__thumbs{-webkit-transition:none !important;transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;-webkit-animation:.15s ease-out both f-fadeOut;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0}.fancybox__toolbar__column.is-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:-webkit-box;display:-ms-flexbox;display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:-webkit-box;display:-ms-flexbox;display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:-webkit-box;display:-ms-flexbox;display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child{display:-webkit-box;display:flex}:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:-ms-flexbox;display:flex}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:-webkit-box;display:-ms-flexbox;display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:linear;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}
/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{-webkit-box-sizing:initial;box-sizing:initial;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{display:block;-ms-flex-negative:0;flex-shrink:0;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px;.swiper-cube-shadow,.swiper-slide{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{-ms-scroll-snap-type:none;scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-ms-flex-order:9999;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(#00000080),to(#0000));background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(#00000080),to(#0000));background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(#00000080),to(#0000));background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(#00000080),to(#0000));background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;-webkit-box-sizing:border-box;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s linear infinite;animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--swiper-navigation-size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .3s;transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;-webkit-transition:top .2s,-webkit-transform .2s;transition:top .2s,-webkit-transform .2s;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{-webkit-transition:left .2s,-webkit-transform .2s;transition:left .2s,-webkit-transform .2s;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:right .2s,-webkit-transform .2s;transition:right .2s,-webkit-transform .2s;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}}.swiper-slide-zoomed{cursor:move;-ms-touch-action:none;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;pointer-events:none;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";-webkit-filter:blur(50px);filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transition-property:opacity,height,-webkit-transform;transition-property:opacity,height,-webkit-transform;transition-property:transform,opacity,height;transition-property:transform,opacity,height,-webkit-transform}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}
@charset "UTF-8";
:root {
  --max-width: 1640px;
  --font-first: "Wix Madefor Text", serif;
  --font-second: "Wix Madefor Display", sans-serif;
  --font-third: "Arimo", sans-serif;
  --gray: #666666;
  --orange: #FF6930;
  --padding-large: 120px;
  --padding-medium: 80px;
  --padding-small: 50px;
  --height-btn: 50px;
}

body {
  line-height: normal;
  overflow-x: hidden;
  position: relative;
  font-family: var(--font-first);
  font-weight: 400;
  color: #000;
  letter-spacing: -0.02em;
  background: #fff;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-gutter: stable;
}
body::-webkit-scrollbar {
  width: 10px;
  height: 4px;
}
body::-webkit-scrollbar-track {
  background: #b9bec2;
}
body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #434b4f;
}

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

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
  transition: visibility 0.3s ease, opacity 0.3s ease;
  z-index: 89;
}
.overlay.active {
  visibility: visible;
  opacity: 1;
}

@media (min-width: 1200px) {
  [data-scroll=false] {
    overflow: hidden;
  }
  [data-scroll=false] .header {
    right: 10px;
  }
  [data-scroll=false] .navmenu {
    right: 10px;
  }
  [data-scroll=false] .fixed-button {
    right: 40px;
  }
  [data-scroll=false] .modal {
    right: 10px;
  }
  [data-scroll=false] .fixed-project-panel {
    right: 30px;
  }
  .fancybox__container {
    right: 10px;
  }
  html.with-fancybox .header {
    right: 10px;
  }
  html.with-fancybox .fixed-button {
    right: 40px;
  }
}
.modal-open .modal::-webkit-scrollbar {
  width: 10px;
  height: 4px;
}

.modal-open .modal::-webkit-scrollbar-track {
  background: #b9bec2;
}

.modal-open .modal::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #434b4f;
}

.container {
  max-width: var(--max-width);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
}

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

picture {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
picture img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

strong {
  font-weight: 600;
}

p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  z-index: 11;
  margin: 0;
  font-family: var(--font-second);
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.02em;
  color: #000;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 26px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 22px;
}

a {
  color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
  color: #000;
}

button,
button:active,
button:focus {
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

address {
  font-style: normal;
  line-height: normal;
  margin: 0;
}

mark {
  color: inherit;
  background: transparent;
  padding: 0;
}

section {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: var(--padding-large);
}
section:first-of-type {
  padding-top: 45px;
  margin-top: 140px;
}

.head-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-small) - 10px);
}

.text-light .title {
  color: #fff;
}
.text-light .subtitle {
  color: rgba(255, 255, 255, 0.8);
}
.text-light .link {
  color: #fff;
}
.text-light .link:hover {
  color: var(--orange);
}

.title {
  font-family: var(--font-second);
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.03em;
  color: #000;
  position: relative;
  z-index: 12;
}
.title.title--h2 {
  font-size: 70px;
}

.section__title.title--h2 {
  font-size: 36px;
}

.subtitle {
  font-size: 20px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.8);
  position: relative;
  z-index: 12;
}

.section-bg {
  position: relative;
  margin: 0 10px;
}
.section-bg .section-bg__cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #000;
  border-radius: 4px;
  z-index: 1;
}
.section-bg .section-bg__cover img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-bg .section-bg__cover video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.section-bg .section-bg__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10.19%, rgba(9, 9, 11, 0.6)), color-stop(37.13%, rgba(9, 9, 11, 0.53)), color-stop(55.78%, rgba(9, 9, 11, 0)), to(rgba(9, 9, 11, 0.3)));
  background: linear-gradient(180deg, rgba(9, 9, 11, 0.6) 10.19%, rgba(9, 9, 11, 0.53) 37.13%, rgba(9, 9, 11, 0) 55.78%, rgba(9, 9, 11, 0.3) 100%);
  z-index: 2;
}
.section-bg .container {
  position: relative;
  z-index: 12;
}

.button {
  position: relative;
  z-index: 12;
}
.button.button--outline {
  font-family: var(--font-first);
  border: 1px solid rgba(0, 0, 0, 0.25);
  height: var(--height-btn);
  background: transparent;
  border-radius: 1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  color: #000;
  font-size: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.button.button--outline:hover {
  border-color: var(--orange);
  color: var(--orange);
}
.button.button--primary {
  font-family: var(--font-second);
  height: var(--height-btn);
  padding: 0 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  border: none;
  background: conic-gradient(from 97deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), -webkit-gradient(linear, left bottom, left top, from(#FF6930), to(#FF6930));
  background: conic-gradient(from 97deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), linear-gradient(0deg, #FF6930, #FF6930);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}
.button.button--primary .button__text {
  position: relative;
  z-index: 12;
}
.button.button--primary img {
  position: relative;
  z-index: 12;
}
.button.button--primary::before {
  content: "";
  background: conic-gradient(from 240deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), -webkit-gradient(linear, left bottom, left top, from(#DA3B00), to(#DA3B00));
  background: conic-gradient(from 240deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), linear-gradient(0deg, #DA3B00, #DA3B00);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.button.button--primary:hover::before {
  opacity: 1;
}
.button.button--play {
  background: transparent;
  border: none;
  padding: 0;
  width: 88px;
  height: 88px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.button.button--play img {
  max-width: 100%;
  max-height: 100%;
}

.link {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  width: 100%;
  font-size: 16px;
  line-height: 120%;
  min-height: 28px;
}
.link .link__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.link .link__icon::before {
  content: "";
  background: conic-gradient(from 55deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), -webkit-gradient(linear, left bottom, left top, from(#FF6930), to(#FF6930));
  background: conic-gradient(from 55deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), linear-gradient(0deg, #FF6930, #FF6930);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
}
.link .link__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(/local/templates/vilti/img/icons/arrow-orange.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 8px;
  height: 10px;
}
.link:hover {
  color: var(--orange);
}
.link:hover .link__icon {
  -webkit-box-shadow: 0 5px 10px var(--orange);
          box-shadow: 0 5px 10px var(--orange);
}

.contact-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  position: relative;
}
.contact-phone .contact-phone__label {
  color: transparent;
  position: absolute;
  top: -12px;
  right: 0;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.03em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.contact-phone .contact-phone__label::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: conic-gradient(from 180deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.4) 360deg), -webkit-gradient(linear, left bottom, left top, from(#E0592D), to(#E0592D));
  background: conic-gradient(from 180deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.4) 360deg), linear-gradient(0deg, #E0592D, #E0592D);
}
.contact-phone .contact-phone__value {
  position: relative;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.contact-phone .contact-phone__value::before {
  content: "";
  width: 13px;
  height: 13px;
  background: url(/local/templates/vilti/img/icons/phone.svg) no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.contact-phone .contact-phone__value:hover + .contact-phone__label {
  color: var(--orange);
}

.contact-socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
.contact-socials .contact-socials__icon {
  height: var(--height-btn);
  width: 36px;
  border-radius: 1px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
  background: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.contact-socials .contact-socials__icon img.main {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.45;
}
.contact-socials .contact-socials__icon img.letter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.btn-burger,
.btn-search {
  height: var(--height-btn);
  width: 36px;
  border-radius: 1px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
  background: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.btn-burger img.main,
.btn-search img.main {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.45;
}
.btn-burger img.letter,
.btn-search img.letter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.btn-burger:hover,
.btn-search:hover {
  background: #fff;
}
.btn-burger:hover img.main,
.btn-search:hover img.main {
  top: 5px;
  left: 6px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  opacity: 1;
}
.btn-burger:hover img.letter,
.btn-search:hover img.letter {
  top: 35px;
  left: 6px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  opacity: 1;
}

.btn-burger {
  font-size: 0;
}
.btn-burger .close {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  width: 13px;
}
.btn-burger.active .main {
  width: 0;
  height: 0;
}
.btn-burger.active .letter {
  width: 0;
  height: 0;
}
.btn-burger.active .close {
  opacity: 0.45;
}
.btn-burger.active .close:hover {
  opacity: 1;
}

.btn-projects {
  height: var(--height-btn);
  border-radius: 1px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
  background: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 0 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.btn-projects img.main {
  position: absolute;
  top: 50%;
  left: 11px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.45;
}
.btn-projects img.letter {
  position: absolute;
  top: 50%;
  left: 11px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.btn-projects:hover {
  background: #fff;
  color: #000;
}
.btn-projects:hover img.main {
  top: 5px;
  left: 6px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  opacity: 1;
}
.btn-projects:hover img.letter {
  top: 35px;
  left: 6px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  opacity: 1;
}

.btn-phone {
  display: none;
  height: var(--height-btn);
  position: relative;
  background: transparent;
  gap: 8px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
  padding: 0 10px;
  font-size: 12px;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.2509803922);
}
.btn-phone .btn-phone__light {
  display: none;
}

.btn-gradient {
  border: 1px solid;
  border-image-source: linear-gradient(90deg, #FF6930 0%, #000000 100%);
  border-image-slice: 1;
}

.btn-map {
  height: var(--height-btn);
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: transparent;
  border-radius: 1px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 0 30px;
  background: #fff;
}
.btn-map img {
  width: 25px;
}
.btn-map:hover {
  border-color: rgba(0, 0, 0, 0.5);
}

.btn-taxi {
  height: var(--height-btn);
  border: 1px solid #E2CE00;
  background: #FFE900;
  border-radius: 1px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 14px;
  font-weight: 800;
  font-style: italic;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 0 20px 0 100px;
  position: relative;
  overflow: hidden;
}
.btn-taxi img.icon {
  position: absolute;
  top: 50%;
  left: -20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
.btn-taxi img.text {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  z-index: 12;
}
.btn-taxi:hover img.icon {
  height: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.btn-taxi:hover img.text {
  right: -120%;
  opacity: 0;
}

.search {
  position: relative;
  width: auto;
  margin: 0;
}
.search .search__input {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.25);
  height: var(--height-btn);
  padding: 0 10px 0 36px;
  font-size: 14px;
  color: #000;
  outline: none;
  width: 180px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.search .search__input:focus {
  border-color: #ffc6b1;
  outline: none;
}
.search .search__btn {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  background: transparent;
}
.search:hover .search__btn img.main {
  top: 5px;
  left: 6px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  opacity: 1;
}
.search:hover .search__btn img.letter {
  top: 35px;
  left: 6px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  opacity: 1;
}

.lang {
  border: 1px solid rgba(0, 0, 0, 0.25);
  height: var(--height-btn);
  font-size: 14px;
  color: #BFBFBF;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2px;
  padding: 0 10px;
}
.lang .lang__item {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  color: inherit;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.lang .lang__item:hover {
  color: #000;
}
.lang .lang__item--active {
  color: var(--orange);
}
.lang .lang__item--active:hover {
  color: var(--orange);
}
.lang .lang__divider {
  color: inherit;
  font-size: inherit;
}

.fade-in {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
  visibility: hidden;
}

.fade-in-up {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
  visibility: hidden;
}

/*form*/
.form__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  position: relative;
  z-index: 12;
}
.form__content .form__content-heading {
  font-weight: 600;
  font-size: 24px;
}
.form__content .form__content-text {
  font-size: 16px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.8);
}
.form__content .form__content-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-top: 10px;
}
.form__content.form__content--dark {
  background: #000;
}
.form__content.form__content--dark .form__content-heading {
  color: #fff;
}
.form__content.form__content--dark .form__content-text {
  color: rgba(255, 255, 255, 0.8);
}
.form__content.form__content--dark .form .form__checkbox-text a:hover {
  color: #fff;
}
.form__content.form__content--dark .contact-phone .contact-phone__value {
  color: #fff;
}
.form__content.form__content--dark .contact-socials .contact-socials__icon {
  border-color: #ECECEC;
  background: #ECECEC;
}
.form__content.form__content--dark .btn-phone {
  background: #fff;
}

.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
}
.form .form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
  width: 100%;
}
.form .form__row.form__row--2 > *:not(button) {
  width: calc((100% - 10px) / 2);
}
.form .form__row.form__row--3 > * {
  width: calc((100% - 20px) / 3);
}
.form .form__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.form .form__field input {
  height: 44px;
  background: #ECECEC;
  border-radius: 4px;
  border: none;
  padding: 0 10px;
  -webkit-appearance: none;
  outline: none;
  font-size: 14px;
  border: 1px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.form .form__field input:focus {
  border-color: #ffc6b1;
  outline: none;
}
.form .form__field label {
  color: #939393;
  font-size: 13px;
  line-height: 110%;
  letter-spacing: -0.03em;
}
.form .form__field label .required {
  color: #FF3100;
}
.form .form__button {
  height: 44px;
  padding: 0 10px;
}
.form .form__button[disabled] {
  opacity: 0.7;
  pointer-events: none;
}
.form .form__checkbox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
.form .form__checkbox-check {
  width: 22px;
  height: 22px;
  background: #E4E4E4;
  border-radius: 2px;
  position: relative;
  border: none;
}
.form .form__checkbox-check::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 12px;
  height: 9px;
  background: url(/local/templates/vilti/img/icons/form-check.svg) no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.form .form__checkbox-check.form__checkbox-check--active::after {
  opacity: 1;
}
.form .form__checkbox-text {
  font-size: 12px;
  line-height: 110%;
  letter-spacing: -0.03em;
  color: #939393;
  min-height: 22px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% - 32px);
}
.form .form__checkbox-text a {
  border-bottom: 1px dotted;
  color: inherit;
}
.form .form__checkbox-text a:hover {
  color: rgba(0, 0, 0, 0.8);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.45);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.45);
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgba(0, 0, 0, 0.45);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.45);
}
input:focus,
textarea:focus {
  outline: none;
}

input[name=telefon] {
  display: none;
}

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

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

/*swiper*/
.swiper-button-prev,
.swiper-button-next {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 4px solid #FFFFFF;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  display: none;
}
.swiper-button-prev::before,
.swiper-button-next::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: url(/local/templates/vilti/img/icons/arrow-swiper.svg) no-repeat;
  background-size: contain;
  background-position: center;
}

.swiper-button-prev::before {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

/*fancybox*/
.fancybox-image {
  border-radius: 10px;
}

@media (min-width: 1200px) {
  .cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 20px;
    height: 50px;
    background: var(--orange);
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
    border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
    opacity: 0.2;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    z-index: 9999;
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
  }
  .contact-socials .contact-socials__icon:hover {
    background: #fff;
  }
  .contact-socials .contact-socials__icon:hover img.main {
    top: 5px;
    left: 6px;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    opacity: 1;
  }
  .contact-socials .contact-socials__icon:hover img.letter {
    top: 35px;
    left: 6px;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    opacity: 1;
  }
}
@media (max-width: 1600px) {
  :root {
    --max-width: 1390px;
    --padding-large: 100px;
    --padding-medium: 70px;
    --padding-small: 40px;
    --height-btn: 44px;
  }
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 24px;
  }
  h5 {
    font-size: 22px;
  }
  h6 {
    font-size: 20px;
  }
  section:first-of-type {
    margin-top: 110px;
  }
  .title.title--h2 {
    font-size: 60px;
  }
  .section__title.title--h2 {
    font-size: 30px;
  }
  .subtitle {
    font-size: 18px;
  }
  .btn-projects {
    font-size: 13px;
  }
  .btn-map {
    font-size: 13px;
    padding: 0 25px;
  }
  .btn-taxi {
    font-size: 13px;
    padding: 0 15px 0 80px;
  }
  .btn-taxi img.icon {
    height: 80px;
  }
  .contact-socials .contact-socials__icon:hover img.letter {
    top: 28px;
  }
  .btn-burger:hover img.letter, .btn-search:hover img.letter {
    top: 28px;
  }
  .btn-projects:hover img.letter {
    top: 28px;
  }
  .search .search__input {
    font-size: 13px;
  }
  .search:hover .search__btn img.letter {
    top: 28px;
  }
  .contact-phone .contact-phone__value {
    font-size: 14px;
  }
  .contact-phone .contact-phone__label {
    font-size: 11px;
  }
  .button.button--primary {
    font-size: 13px;
    padding: 0 20px;
  }
  .form .form__field label {
    font-size: 12px;
  }
  .form__content .form__content-heading {
    font-size: 20px;
  }
  .form__content .form__content-text {
    font-size: 14px;
  }
  .link {
    font-size: 14px;
  }
  .button.button--play {
    width: 78px;
    height: 78px;
  }
}
@media (max-width: 1440px) {
  :root {
    --max-width: 1170px;
    --padding-large: 100px;
    --padding-medium: 70px;
    --padding-small: 40px;
  }
  .title.title--h2 {
    font-size: 50px;
  }
}
@media (max-width: 1199px) {
  :root {
    --max-width: 992px;
    --padding-large: 80px;
    --padding-medium: 50px;
    --padding-small: 30px;
  }
  section:first-of-type {
    margin-top: 80px;
  }
  .btn-projects {
    font-size: 12px;
  }
  .search .search__input {
    font-size: 12px;
  }
  .button.button--primary {
    padding: 0 15px;
  }
  .button.button--play {
    width: 58px;
    height: 58px;
  }
  .title.title--h2 {
    font-size: 44px;
  }
  .section__title.title--h2 {
    font-size: 26px;
  }
  .subtitle {
    font-size: 16px;
  }
  .form__content .form__content-heading {
    font-size: 18px;
  }
  .btn-map {
    padding: 0 10px;
    gap: 0;
  }
  .btn-taxi {
    padding-left: 60px;
  }
  .btn-taxi img.icon {
    height: 60px;
  }
}
@media (max-width: 991px) {
  :root {
    --max-width: 768px;
  }
  section:first-of-type {
    margin-top: 70px;
  }
  .container {
    padding: 0 20px;
  }
  .title.title--h2 {
    font-size: 32px;
  }
  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 26px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 20px;
  }
  h6 {
    font-size: 18px;
  }
  .link .link__icon {
    width: 24px;
    height: 24px;
  }
  .link {
    gap: 5px;
  }
}
@media (max-width: 767px) {
  :root {
    --max-width: 600px;
    --padding-large: 70px;
  }
  .container {
    padding: 0 15px;
  }
  .title.title--h2 {
    font-size: 28px;
  }
  .subtitle {
    font-size: 15px;
  }
  section:first-of-type {
    padding-top: 10px;
  }
  .form {
    max-width: 360px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .form .form__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .form .form__row.form__row--2 > *:not(button),
  .form .form__row.form__row--3 > * {
    width: 100%;
  }
  .form__content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
  .form__content .form__content-heading {
    text-align: center;
  }
  .form__content .form__content-text {
    text-align: center;
  }
  .form__content .form__content-contacts {
    gap: 5px;
  }
  .contact-phone {
    display: none;
  }
  .btn-phone {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .button.button--play {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 479px) {
  .container {
    padding: 0 10px;
  }
  .subtitle {
    font-size: 14px;
    line-height: 140%;
  }
  .title--h2.title--mobile {
    font-size: 22px;
  }
  .section-bg {
    margin: 0;
    border-radius: 0;
  }
  .section-bg .section-bg__cover {
    border-radius: 0;
  }
  .head-content {
    gap: 15px;
  }
  .form {
    max-width: 320px;
  }
  .form__content .form__content-heading {
    font-size: 22px;
    max-width: 300px;
  }
  .form__content .form__content-heading br {
    display: none;
  }
  .form__content .form__content-text {
    max-width: 280px;
    line-height: 140%;
  }
  .form__content .form__content-text br {
    display: none;
  }
  .btn-map {
    font-size: 14px;
    padding: 0 15px;
    max-width: 170px;
    height: 50px;
    gap: 5px;
  }
  .btn-taxi img.icon {
    height: 50px;
  }
  .btn-taxi {
    font-size: 14px;
    padding: 0 15px 0 45px;
    height: 50px;
  }
}
@media (max-width: 369px) {
  .form__content .form__content-heading {
    font-size: 18px;
  }
}
/*header*/
.header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 90;
  padding-top: 10px;
}
.header .header__row {
  border-bottom: 1px solid rgba(149, 149, 149, 0.25);
  padding: 15px 0;
}
.header .header__row.header__row-caption {
  display: none;
}
.header .header__row.header__row--bottom {
  border-bottom: none;
}
.header .header__inner {
  max-width: var(--max-width);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header .header__right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 40%;
  gap: 5px;
}
.header .header__left {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  width: 40%;
}
.header .header__left .contact-phone {
  display: none;
}
.header .header__logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header .header__logo .logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header .contact-phone {
  margin-right: 30px;
}
.header .menu {
  font-size: 14px;
  line-height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header .menu a {
  color: #000;
  position: relative;
}
.header .menu a:hover {
  color: var(--orange);
}
.header .menu .has-children > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.header .menu .has-children > a::after {
  content: "";
  width: 9px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M0.498291 0.560555L4.99829 4.56055L9.49829 0.560555' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.header .menu .has-children > a:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M0.498291 0.560555L4.99829 4.56055L9.49829 0.560555' stroke='%23FF6930' stroke-width='1.5'/%3E%3C/svg%3E");
}
.header .menu .has-children .submenu {
  background: #fff;
  padding: 10px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  top: 100%;
  list-style: none;
  margin: 0;
  min-width: 200px;
  border: 1px solid rgba(149, 149, 149, 0.25);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  z-index: -1;
}
.header .menu .has-children .submenu li {
  margin-bottom: 10px;
}
.header .menu .has-children .submenu li:last-child {
  margin-bottom: 0;
}
.header .menu .has-children.open .submenu {
  max-height: 100%;
  opacity: 1;
  z-index: 12;
}

@media (max-width: 1600px) {
  .header .menu {
    font-size: 13px;
  }
  .header .contact-phone {
    margin-right: 20px;
  }
  .header .header__row {
    padding: 10px 0;
  }
  .header .header__logo .logo {
    width: 115px;
  }
  .header .button.button--primary {
    display: none;
  }
}
@media (max-width: 1199px) {
  .header .menu {
    font-size: 12px;
  }
  .header .btn-projects {
    display: none;
  }
  .header .header__row.header__row--bottom {
    display: none;
  }
  .header .header__row.header__row--top {
    border: none;
  }
}
@media (max-width: 991px) {
  .header {
    padding-top: 0;
  }
  .header .header__logo .logo {
    width: 100px;
  }
  .header .menu {
    font-size: 12px;
  }
  .header .header__inner {
    padding: 0 20px;
  }
  .header .lang {
    display: none;
  }
}
@media (max-width: 767px) {
  .header .header__inner {
    padding: 0 15px;
  }
  .header .search {
    display: none;
  }
  .header .btn-burger {
    padding: 0 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    color: #000;
    font-size: 12px;
    width: auto;
  }
  .header .btn-burger .letter {
    display: none;
  }
  .header .btn-burger .main {
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .header .btn-burger .close {
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
    display: none;
  }
  .header .btn-burger.active {
    border-color: var(--orange);
  }
  .header .btn-burger.active .close {
    display: block;
  }
  .header .btn-burger.active .main {
    display: none;
  }
  .header .btn-phone {
    font-size: 0;
    gap: 0;
    border: none;
    background: conic-gradient(from 117deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), -webkit-gradient(linear, left bottom, left top, from(#FF6930), to(#FF6930));
    background: conic-gradient(from 117deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), linear-gradient(0deg, #FF6930, #FF6930);
  }
  .header .btn-phone .btn-phone__light {
    display: block;
  }
  .header .btn-phone .btn-phone__black {
    display: none;
  }
  .header .header__left .btn-phone {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .header .header__right .btn-phone {
    display: none;
  }
  .header .header__left {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .header .header__right {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .header .header__logo {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 479px) {
  .header .header__row.header__row-caption {
    display: block;
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    padding-top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .header .header__row.header__row-caption.is-hidden {
    height: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
  }
  .header .header__inner {
    padding: 0 10px;
  }
  .header .header__row {
    border: none;
  }
  .header .btn-burger {
    font-size: 10px;
    gap: 4px;
    height: 33px;
    padding: 0 7px;
  }
  .header .btn-burger .close {
    width: 11px;
  }
  .header .btn-burger .main {
    width: 11px;
  }
  .header .contact-socials .contact-socials__icon {
    height: 33px;
    width: 27px;
  }
  .header .contact-socials .contact-socials__icon img.main {
    opacity: 1;
  }
  .header .btn-phone {
    height: 33px;
    width: 27px;
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header .btn-phone img {
    width: 11px;
  }
}
@media (max-width: 369px) {
  .header .header__row.header__row-caption {
    letter-spacing: 0;
    font-size: 9px;
  }
}
/*footer*/
.footer {
  background: #F8F8F8;
  margin-top: var(--padding-large);
  overflow: hidden;
  padding-bottom: 70px;
}
.footer .footer__row {
  border-bottom: 1px solid rgba(149, 149, 149, 0.25);
}
.footer .footer__row.footer__row--top {
  padding: 15px 0;
}
.footer .footer__row.footer__row--top .footer__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .footer__row.footer__row--bottom {
  padding: 30px 0;
}
.footer .footer__row.footer__row--bottom .footer__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.footer .footer__row.footer__row--grid {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer .footer__row.footer__row--grid .footer__inner {
  padding-left: 15px;
  padding-right: 15px;
}
.footer .footer__row.footer__row--copyright {
  padding: 20px 0;
}
.footer .footer__row:last-child {
  border-bottom: none;
}
.footer .footer__inner {
  max-width: var(--max-width);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.8);
}
.footer .footer__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
  padding: 40px 15px;
  width: 16.5%;
  border-right: 1px solid rgba(149, 149, 149, 0.25);
}
.footer .footer__column.footer__column--contacts {
  max-width: 440px;
  width: 100%;
  border: none;
}
.footer .footer__column.footer__column--two-cols {
  width: 22%;
}
.footer .footer__column.footer__column--two-cols .footer__list {
  display: grid;
  grid-template-columns: repeat(2, auto);
  -webkit-column-gap: 35px;
     -moz-column-gap: 35px;
          column-gap: 35px;
  max-width: 270px;
}
.footer .footer__divider {
  width: 1px;
  background: rgba(149, 149, 149, 0.25);
}
.footer .footer__logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer .footer__logo .logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer .footer__title {
  font-family: var(--font-second);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
}
.footer .footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.footer .footer__list a {
  color: rgba(0, 0, 0, 0.8);
}
.footer .footer__list a:hover {
  color: var(--orange);
}
.footer .footer__btn {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 38px;
  gap: 8px;
  font-size: 14px;
  font-family: var(--font-second);
  padding: 0 20px;
  color: #000;
}
.footer .footer__btn:hover {
  border-color: rgba(0, 0, 0, 0.5);
}
.footer .footer__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  opacity: 0.8;
}
.footer .footer__link::after {
  content: "";
  background: url(/local/templates/vilti/img/icons/arrow-right.svg) no-repeat;
  background-position: center;
  background-size: contain;
  width: 5px;
  height: 8px;
}
.footer .footer__link:hover {
  opacity: 1;
}
.footer .footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.footer .footer__info p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer .footer-info__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.footer .footer-info__label {
  width: 180px;
}
.footer .footer-info__value {
  width: calc(100% - 180px);
  padding-left: 10px;
}
.footer .contact-phone {
  margin-right: 30px;
}
.footer .footer__right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 5px;
  width: 40%;
}
.footer .footer__left {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  width: 40%;
}
.footer .footer-info__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-left: 180px;
  padding-left: 10px;
}
.footer .btn-map {
  height: 43px;
  padding: 0 20px;
}
.footer .btn-taxi {
  height: 43px;
  padding: 0 12px 0 70px;
}
.footer .btn-taxi img.icon {
  top: 70%;
  left: -50px;
}
.footer .btn-taxi:hover img.icon {
  top: 50%;
  left: 50%;
}

.bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.6980392157);
  -webkit-backdrop-filter: blur(34px);
          backdrop-filter: blur(34px);
  padding: 10px 30px;
  z-index: 87;
  display: none;
}
.bottom-nav .bottom-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
}
.bottom-nav .bottom-nav__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}
.bottom-nav .bottom-nav__icon {
  height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bottom-nav .bottom-nav__icon img {
  max-height: 100%;
}
.bottom-nav .bottom-nav__label {
  font-size: 12px;
  line-height: 100%;
}

.fixed-button {
  position: fixed;
  right: 30px;
  bottom: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  background: #F3F3F3;
  border-radius: 1px;
  height: 42px;
  padding: 0 24px;
  font-size: 14px;
  font-family: var(--font-second);
  border: none;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  z-index: 15;
}
.fixed-button:hover {
  background: #e1e1e1;
}

.cookie {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 30px;
  background: conic-gradient(from 86deg at 50% 50%, rgba(255, 255, 255, 0.2) 0deg, rgba(255, 255, 255, 0) 360deg), -webkit-gradient(linear, left bottom, left top, from(#FF6930), to(#FF6930));
  background: conic-gradient(from 86deg at 50% 50%, rgba(255, 255, 255, 0.2) 0deg, rgba(255, 255, 255, 0) 360deg), linear-gradient(0deg, #FF6930, #FF6930);
  width: calc(100% - 630px);
  padding: 20px 30px;
  z-index: 16;
  max-width: 1130px;
  display: none;
}
.cookie .cookie__inner {
  color: #fff;
  font-size: 14px;
  line-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cookie .cookie__text {
  width: calc(100% - 140px);
}
.cookie .button--cookie {
  background: #fff;
  height: 40px;
  padding: 0 30px;
  border-radius: 1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.02em;
  border: none;
}

@media (max-width: 1600px) {
  .footer .footer__list {
    gap: 15px;
  }
  .footer .footer__info {
    gap: 15px;
  }
  .footer .footer__column {
    padding: 30px 15px;
    gap: 20px;
  }
  .footer .footer__title {
    font-size: 14px;
  }
  .footer .footer__inner {
    font-size: 12px;
  }
  .footer .footer-info__label {
    width: 150px;
  }
  .footer .footer-info__value {
    width: calc(100% - 150px);
  }
  .footer .footer-info__btns {
    margin-left: 150px;
  }
  .footer .footer__btn {
    font-size: 12px;
  }
  .footer .footer__logo .logo {
    width: 115px;
  }
  .footer .contact-phone {
    margin-right: 20px;
  }
  .footer .footer__column.footer__column--contacts {
    max-width: 380px;
  }
  .footer .footer__column.footer__column--two-cols .footer__list {
    max-width: 240px;
  }
  .fixed-button {
    right: 20px;
    bottom: 30px;
    font-size: 13px;
  }
  .cookie {
    padding: 15px 20px;
  }
  .cookie .cookie__inner {
    font-size: 13px;
  }
  .cookie .button--cookie {
    padding: 0 25px;
    font-size: 13px;
  }
}
@media (max-width: 1440px) {
  .footer .footer__copyright {
    width: 100%;
  }
  .footer .footer__column.footer__column--contacts {
    max-width: 360px;
  }
  .footer .button--primary {
    display: none;
  }
  .footer .footer__row.footer__row--copyright {
    padding: 15px 0;
  }
  .footer .footer__column.footer__column--two-cols .footer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer .footer__column.footer__column--two-cols {
    width: 17%;
  }
  .footer .footer__column {
    width: 17%;
  }
  .footer .footer-info__label {
    width: 130px;
  }
  .footer .footer-info__value {
    width: calc(100% - 130px);
  }
  .footer .footer-info__btns {
    margin-left: 130px;
  }
  .fixed-button {
    right: 20px;
    bottom: 20px;
  }
  .cookie {
    bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .footer .footer__column.footer__column--contacts {
    max-width: 270px;
  }
  .footer .footer__column {
    padding: 30px 10px;
    width: 18%;
  }
  .footer .footer__row.footer__row--grid .footer__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .cookie {
    left: 20px;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    width: calc(100% - 290px);
    padding: 10px 15px;
  }
  .cookie .cookie__inner {
    font-size: 12px;
  }
  .cookie .button--cookie {
    padding: 0 20px;
    font-size: 12px;
    height: 34px;
  }
  .cookie {
    max-width: calc(var(--max-width) - 60px);
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
  }
  .cookie .cookie__text {
    width: calc(100% - 120px);
  }
  .fixed-button {
    display: none;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .footer .footer-info__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer .footer-info__label {
    width: 100%;
  }
  .footer .footer-info__value {
    width: 100%;
    padding: 0;
  }
  .footer .footer-info__btns {
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .footer .lang {
    display: none;
  }
  .footer .footer__logo .logo {
    width: 100px;
  }
  .footer .footer__inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer .footer__divider {
    display: none;
  }
  .footer .footer__column.footer__column--menu {
    width: 25%;
    border-right: none;
    border-left: 1px solid rgba(149, 149, 149, 0.25);
    padding: 20px 15px;
  }
  .footer .footer__column.footer__column--menu:first-child {
    border: none;
  }
  .footer .footer__column.footer__column--contacts {
    max-width: 100%;
    width: auto;
    position: relative;
  }
  .footer .footer__column.footer__column--contacts::before {
    content: "";
    position: absolute;
    top: 0;
    left: -999px;
    right: -999px;
    background: rgba(149, 149, 149, 0.25);
    height: 1px;
  }
  .footer .footer__inner {
    padding: 0 20px;
  }
  .footer .footer__row.footer__row--grid .footer__inner {
    padding-left: 5px;
    padding-right: 5px;
  }
  .cookie {
    max-width: calc(var(--max-width) - 40px);
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .footer .footer-info__btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 767px) {
  .footer .footer__inner {
    padding: 0 15px;
  }
  .footer .footer__column.footer__column--contacts {
    width: 100%;
  }
  .footer .footer__title {
    font-size: 16px;
  }
  .footer .footer__inner {
    font-size: 13px;
  }
  .footer .footer__btn {
    font-size: 13px;
  }
  .footer .footer__row.footer__row--bottom .footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .footer .footer-info__label {
    width: 100px;
  }
  .footer .footer-info__value {
    width: calc(100% - 100px);
  }
  .footer .footer__left,
  .footer .footer__right {
    display: none;
  }
  .footer .footer__column.footer__column--menu {
    width: 100%;
    border: none;
    position: relative;
  }
  .footer .footer__column.footer__column--menu:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 0;
    left: -999px;
    right: -999px;
    background: rgba(149, 149, 149, 0.25);
    height: 1px;
  }
  .footer .footer__logo .logo {
    width: 130px;
  }
  .footer .footer__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .footer .footer__row.footer__row--grid .footer__inner {
    padding: 0 15px;
  }
  .footer .footer__column.footer__column--menu {
    padding: 15px 0;
  }
  .footer .footer__column {
    padding: 15px 0;
  }
  .footer .footer__column.footer__column--two-cols .footer__list {
    max-width: 100%;
    display: grid;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
  }
  .footer .footer-info__btns {
    margin-left: 100px;
  }
  .cookie {
    max-width: var(--max-width);
    width: calc(100% - 30px);
    bottom: 10px;
  }
}
@media (max-width: 479px) {
  .footer .footer__inner {
    padding: 0 10px;
  }
  .footer .footer__row.footer__row--grid .footer__inner {
    padding: 0 10px;
  }
  .footer .footer__row.footer__row--bottom {
    padding: 20px 0;
  }
  .footer .footer__list {
    row-gap: 10px;
  }
  .footer .btn-map {
    padding: 0 8px;
    max-width: none;
    gap: 0;
  }
  .footer .footer-info__btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 0;
    padding: 0;
  }
  .footer .btn-taxi img.icon {
    top: 60%;
    left: -35px;
    height: 75px;
  }
  .footer .btn-taxi {
    padding-left: 60px;
  }
  .footer .footer__column {
    gap: 15px;
  }
  .bottom-nav {
    display: block;
  }
  .cookie {
    bottom: 65px;
    width: calc(100% - 20px);
  }
  .cookie .cookie__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    font-size: 11px;
  }
  .cookie .cookie__text {
    width: 100%;
  }
}
/*navmenu*/
.navmenu {
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(34px);
          backdrop-filter: blur(34px);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 98;
  -webkit-transition: visible 0.3s, opacity 0.2s;
  transition: visible 0.3s, opacity 0.2s;
  opacity: 0;
  visibility: hidden;
}

.navmenu.navmenu--open {
  visibility: visible;
  opacity: 1;
}

.navmenu__inner {
  overflow-y: auto;
  height: 100%;
  position: relative;
  max-width: var(--max-width);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 30px;
}

.navmenu__row {
  border-bottom: 1px solid rgba(149, 149, 149, 0.25);
  padding-top: 25px;
  padding-bottom: 25px;
}
.navmenu__row:last-child {
  border: none;
  padding-bottom: 0;
}
.navmenu__row:first-child {
  padding-top: 0;
}
.navmenu__row.is-hidden {
  display: none;
}

.navmenu__title {
  opacity: 0.45;
  color: #000;
  font-size: 14px;
  margin-bottom: 10px;
}

.navmenu__list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}

.navmenu__list ul li {
  width: calc((100% - 75px) / 6);
  font-size: 14px;
  color: #000;
}

.navmenu__list ul li a {
  color: #000;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.navmenu__list ul li a:hover {
  border-color: #000;
}

@media (max-width: 1600px) {
  .navmenu__list ul li {
    font-size: 13px;
  }
}
@media (max-width: 1440px) {
  .navmenu__list ul li {
    width: calc((100% - 30px) / 3);
  }
}
@media (max-width: 991px) {
  .navmenu__inner {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .navmenu {
    width: 100%;
    right: -100%;
    bottom: 0;
  }
  .navmenu__inner {
    padding: 20px 15px;
  }
  .navmenu__row.is-hidden {
    display: block;
  }
  .navmenu__row:first-child {
    padding-top: 0;
  }
  .navmenu__list ul li {
    width: calc((100% - 15px) / 2);
    font-size: 13px;
  }
  .navmenu__title {
    font-size: 13px;
    margin-bottom: 15px;
  }
}
@media (max-width: 479px) {
  .navmenu__inner {
    padding: 30px 10px;
  }
}
/* modal */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 89;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
  transition: visibility 0.3s ease, opacity 0.3s ease;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.modal--open {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}

.modal__container {
  border: none;
  position: relative;
  width: 100%;
  min-height: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 50px;
}

.modal__inner {
  margin: 0 auto;
  max-width: 1040px;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #DDDFE0;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 50px 235px;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-box-shadow: 0px 22px 49px 0px rgba(0, 0, 0, 0.1215686275), 0px 89px 89px 0px rgba(0, 0, 0, 0.1098039216), 0px 199px 120px 0px rgba(0, 0, 0, 0.0588235294), 0px 354px 142px 0px rgba(0, 0, 0, 0.0196078431), 0px 553px 155px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 22px 49px 0px rgba(0, 0, 0, 0.1215686275), 0px 89px 89px 0px rgba(0, 0, 0, 0.1098039216), 0px 199px 120px 0px rgba(0, 0, 0, 0.0588235294), 0px 354px 142px 0px rgba(0, 0, 0, 0.0196078431), 0px 553px 155px 0px rgba(0, 0, 0, 0);
}

.modal.modal--open .modal__inner {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.modal__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
  background: url(/local/templates/vilti/img/icons/close.svg) no-repeat;
  background-size: 18px 18px;
  background-position: center;
  padding: 0;
}

.modal__content {
  max-width: 700px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  position: relative;
  z-index: 12;
}

.modal__title {
  font-size: 46px;
  line-height: 110%;
  letter-spacing: -0.03em;
  color: #000;
  font-family: var(--font-second);
  text-align: center;
}

.modal__text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  line-height: 120%;
  text-align: center;
}

.modal .form__field,
.modal .form__button {
  width: calc((100% - 20px) / 3);
}

.modal .form__content-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}

.modal__bg {
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.modal__bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent));
  background: linear-gradient(to bottom, #fff, transparent);
  z-index: 1;
  height: 30%;
}
.modal__bg picture {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.modal__bg img {
  min-height: auto;
}

.modal--video .modal__inner {
  padding: 0;
  border: none;
  background: #000;
  width: 80vw;
  height: 60vh;
  max-width: 100%;
  position: static;
}

.modal--video iframe {
  width: 100%;
  height: 100%;
  border: none;
}

@media (max-width: 1600px) {
  .modal__inner {
    padding: 40px 40px 210px;
    max-width: 940px;
  }
  .modal__content {
    max-width: 640px;
  }
  .modal__title {
    font-size: 40px;
  }
}
@media (max-width: 1199px) {
  .modal__title {
    font-size: 34px;
  }
}
@media (max-width: 991px) {
  .modal__title {
    font-size: 32px;
  }
  .modal__inner {
    padding: 30px 30px 160px;
    max-width: 700px;
  }
}
@media (max-width: 767px) {
  .modal__title {
    font-size: 28px;
  }
  .modal__text {
    font-size: 14px;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
  }
  .modal .form {
    margin: 0 auto;
  }
  .modal .form__field, .modal .form__button {
    width: 100%;
  }
  .modal__inner {
    padding: 30px 15px 130px;
    max-width: 570px;
  }
  .modal__container {
    padding: 40px 15px;
  }
  .modal--video .modal__inner {
    width: 100%;
    height: 56.25vw;
  }
}
@media (max-width: 479px) {
  .modal__container {
    padding: 40px 10px;
  }
  .modal__inner {
    padding-bottom: 110px;
  }
}
/*hero*/
.hero:first-of-type {
  padding-top: 0;
}
.hero .hero__content {
  min-height: 840px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: var(--padding-medium) 0;
}
.hero .subtitle {
  text-transform: uppercase;
  font-family: var(--font-second);
}
.hero.section-bg .section-bg__overlay {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10.19%, rgba(9, 9, 11, 0.3)), color-stop(54.41%, rgba(9, 9, 11, 0)), color-stop(68.56%, rgba(9, 9, 11, 0.53)), to(rgba(9, 9, 11, 0.8)));
  background: linear-gradient(180deg, rgba(9, 9, 11, 0.3) 10.19%, rgba(9, 9, 11, 0) 54.41%, rgba(9, 9, 11, 0.53) 68.56%, rgba(9, 9, 11, 0.8) 100%);
}

@media (max-width: 1600px) {
  .hero .hero__content {
    min-height: 714px;
  }
}
@media (max-width: 1199px) {
  .hero .hero__content {
    min-height: 580px;
  }
}
@media (max-width: 991px) {
  .hero .hero__content {
    min-height: 480px;
  }
}
@media (max-width: 767px) {
  .hero .hero__content {
    min-height: 420px;
  }
  .hero .hero__content {
    padding: 30px 0;
  }
  .hero .title {
    max-width: 460px;
  }
  .hero .title br {
    display: none;
  }
  .hero .subtitle {
    max-width: 480px;
  }
}
@media (max-width: 479px) {
  .hero .hero__content {
    min-height: 387px;
    padding: 15px 0;
  }
  .hero .subtitle {
    display: none;
  }
}
/*residences*/
.residences .head-content {
  margin-bottom: 40px;
}
.residences .residences__filters {
  margin-bottom: 50px;
}
.residences .residences__filters .filters .filter-item.select {
  max-width: 264px;
}
.residences .residences__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--padding-medium);
}
.residences .residences__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  row-gap: var(--padding-medium);
}
.residences .residences__grid .residence-card {
  width: calc((100% - 15px) / 2);
}
.residences .residences__quote {
  text-align: right;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 50px;
  margin-top: -60px;
}
.residences .residences__quote .residences__quote-label {
  font-size: 14px;
  line-height: 120%;
  color: #919191;
  text-align: left;
}
.residences .residences__quote .residences__quote-text {
  font-size: 26px;
  line-height: 120%;
  letter-spacing: -0.03em;
  text-align: right;
}
.residences .residences__button {
  margin-top: 50px;
}

.residences .residences__button .button.button--outline {
  width: 100%;
}

@media (max-width: 1600px) {
  .residences .head-content {
    margin-bottom: 30px;
  }
  .residences .residences__quote .residences__quote-text {
    font-size: 22px;
  }
  .residences .residences__quote .residences__quote-label {
    font-size: 12px;
  }
  .residences .residences__quote {
    gap: 40px;
    margin-top: -50px;
  }
  .residences .residences__filters .filters .filter-item.select {
    max-width: 216px;
  }
}
@media (max-width: 1440px) {
  .residences .residences__quote .residences__quote-text {
    font-size: 18px;
  }
  .residences .residences__filters .filters .filter-item.select {
    max-width: 178px;
  }
}
@media (max-width: 1199px) {
  .residences .residences__quote .residences__quote-text {
    font-size: 16px;
  }
  .residences .residences__quote {
    gap: 30px;
    margin-top: -30px;
  }
  .residences .residences__filters {
    margin-bottom: 20px;
  }
  .residences .residences__filters .filters .filter-item.select {
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .residences .residences__quote .residences__quote-text br {
    display: none;
  }
}
@media (max-width: 767px) {
  .residences .residences__main {
    gap: 40px;
  }
  .residences .residences__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  .residences .residences__grid .residence-card {
    width: 100%;
  }
  .residences .residences__quote {
    gap: 20px;
    margin-top: 0;
  }
}
@media (max-width: 479px) {
  .residences .head-content {
    margin-bottom: 20px;
  }
  .residences .section__title.title--h2 {
    font-size: 18px;
  }
  .residences .residences__quote {
    gap: 15px;
  }
  .residences .residences__quote .residences__quote-label {
    font-size: 13px;
  }
  .residences .residences__quote .residences__quote-text {
    font-size: 14px;
  }
  .residences .residences__button {
    margin-top: -30px;
  }
}
/*residence-card*/
.residence-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  position: relative;
}
.residence-card .residence-card__link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 12;
}
.residence-card .residence-card__image {
  width: 100%;
  height: 446px;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  border-radius: 2px;
}
.residence-card .residence-card__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
.residence-card .residence-card__image video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.residence-card .residence-card__image::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 40px;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5312 0C11.1773 0.000107961 11.7011 0.523816 11.7012 1.16992V9.36133H19.8916C20.5378 9.36133 21.0625 9.88501 21.0625 10.5312C21.0624 11.1774 20.5378 11.7012 19.8916 11.7012H11.7012V19.8916C11.7012 20.5378 11.1774 21.0624 10.5312 21.0625C9.88501 21.0625 9.36133 20.5378 9.36133 19.8916V11.7012H1.16992C0.52384 11.7011 9.70853e-05 11.1773 0 10.5312C2.82449e-08 9.88508 0.52378 9.36144 1.16992 9.36133H9.36133V1.16992C9.3614 0.523749 9.88506 0 10.5312 0Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 12;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.residence-card .residence-card__image::before {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: inherit;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 1;
}
.residence-card .residence-card__details ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.residence-card .residence-card__details ul li {
  background: #F3F3F3;
  border-radius: 4px;
  height: 23px;
  padding: 0 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.residence-card .residence-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 66px;
  width: calc(100% - 195px);
}
.residence-card .residence-card__btn {
  width: 180px;
}
.residence-card .residence-card__btn .button--primary {
  width: 100%;
  z-index: 13;
}
.residence-card .residence-card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.residence-card .residence-card__title {
  font-family: var(--font-second);
  font-weight: 600;
  color: #000;
  font-size: 24px;
  line-height: 110%;
  width: 100%;
}
.residence-card .residence-card__title sup {
  line-height: 50%;
}
.residence-card .residence-card__floors {
  background: #F8F8F8;
  border: 1px solid #DDDFE0;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  padding: 1px 6px;
}
.residence-card .residence-card__price {
  font-size: 16px;
  line-height: 110%;
}
.residence-card:hover .residence-card__image::after {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5312 0C11.1773 0.000107961 11.7011 0.523816 11.7012 1.16992V9.36133H19.8916C20.5378 9.36133 21.0625 9.88501 21.0625 10.5312C21.0624 11.1774 20.5378 11.7012 19.8916 11.7012H11.7012V19.8916C11.7012 20.5378 11.1774 21.0624 10.5312 21.0625C9.88501 21.0625 9.36133 20.5378 9.36133 19.8916V11.7012H1.16992C0.52384 11.7011 9.70853e-05 11.1773 0 10.5312C2.82449e-08 9.88508 0.52378 9.36144 1.16992 9.36133H9.36133V1.16992C9.3614 0.523749 9.88506 0 10.5312 0Z' fill='%23FF6930'/%3E%3C/svg%3E%0A");
}
.residence-card:hover .residence-card__image::before {
  opacity: 1;
}
.residence-card:hover .residence-card__image img {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}

@media (max-width: 1600px) {
  .residence-card .residence-card__image {
    height: 310px;
  }
  .residence-card .residence-card__title {
    font-size: 20px;
  }
  .residence-card .residence-card__floors {
    font-size: 14px;
  }
  .residence-card .residence-card__price {
    font-size: 14px;
  }
  .residence-card .residence-card__image::after {
    right: 20px;
  }
  .residence-card .residence-card__details {
    right: 60px;
  }
  .residence-card .residence-card__details ul li {
    font-size: 14px;
  }
  .residence-card .residence-card__content {
    gap: 46px;
  }
}
@media (max-width: 1440px) {
  .residence-card .residence-card__content {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .residence-card .residence-card__image {
    height: 260px;
  }
  .residence-card .residence-card__details {
    top: 15px;
    left: 15px;
  }
  .residence-card .residence-card__details ul li {
    font-size: 13px;
  }
}
@media (max-width: 1199px) and (min-width: 480px) {
  .residence-card .residence-card__content {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .residence-card .residence-card__content .residence-card__info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .residence-card .residence-card__content {
    gap: 10px;
  }
  .residence-card .residence-card__btn {
    width: 100%;
  }
  .residence-card .residence-card__btn .button--primary {
    width: auto;
  }
  .residence-card .residence-card__title {
    font-size: 18px;
    width: calc(100% - 165px);
  }
  .residence-card .residence-card__price {
    width: 150px;
    text-align: right;
  }
}
@media (max-width: 991px) {
  .residence-card .residence-card__image {
    height: 200px;
  }
  .residence-card .residence-card__details {
    top: 10px;
    left: 10px;
  }
  .residence-card .residence-card__details ul li {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .residence-card .residence-card__image::after {
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
  }
  .residence-card .residence-card__details {
    right: 40px;
  }
}
@media (max-width: 479px) {
  .residence-card {
    gap: 5px;
  }
  .residence-card .residence-card__details {
    margin-bottom: 10px;
  }
  .residence-card .residence-card__image {
    width: auto;
    margin: 0 -10px;
    border-radius: 0;
  }
  .residence-card .residence-card__title {
    font-size: 16px;
  }
  .residence-card .residence-card__title span {
    display: none;
  }
  .residence-card .residence-card__price span {
    display: none;
  }
  .residence-card .residence-card__floors {
    font-size: 12px;
  }
  .residence-card .residence-card__content {
    width: calc(100% - 125px);
  }
  .residence-card .residence-card__info {
    gap: 5px;
  }
  .residence-card .residence-card__btn .button--primary {
    padding: 0 12px;
  }
  .residence-card .residence-card__btn .button--primary img {
    display: none;
  }
  .residence-card .residence-card__btn {
    width: auto;
  }
}
@media (max-width: 369px) {
  .residence-card .residence-card__content {
    width: 100%;
    margin-bottom: 10px;
  }
}
/*residence-featured*/
.residence-featured {
  position: relative;
  min-height: 645px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 0;
}
.residence-featured .residence-featured__link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.residence-featured:hover .residence-featured__overlay {
  opacity: 0.5;
}
.residence-featured .residence-featured__image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  border-radius: 4px;
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.residence-featured .residence-featured__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.residence-featured .residence-featured__image video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.residence-featured .residence-featured__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(56.89%, rgba(102, 102, 102, 0)), color-stop(88.62%, #000000));
  background: linear-gradient(180deg, rgba(102, 102, 102, 0) 56.89%, #000000 88.62%);
  opacity: 0.3;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.residence-featured .residence-featured__content {
  position: relative;
  z-index: 12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.residence-featured .residence-featured__tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 16px;
  line-height: 110%;
  padding: 5px 10px;
  border-radius: 2px;
  background: url(/local/templates/vilti/img/residences/tag-bg.svg) no-repeat;
  background-size: cover;
  background-position: center;
}

@media (max-width: 1600px) {
  .residence-featured {
    min-height: 550px;
    padding: 30px 0;
  }
  .residence-featured .residence-featured__tag {
    font-size: 14px;
  }
}
@media (max-width: 1199px) {
  .residence-featured {
    min-height: 460px;
  }
}
@media (max-width: 991px) {
  .residence-featured {
    min-height: 380px;
  }
}
@media (max-width: 767px) {
  .residence-featured {
    min-height: 300px;
    padding: 15px 0;
  }
}
@media (max-width: 479px) {
  .residence-featured {
    min-height: 200px;
    width: auto;
    margin: 0 -10px;
    border-radius: 0;
  }
  .residence-featured .residence-featured__tag {
    font-size: 12px;
    padding: 5px;
  }
  .residence-featured .residence-featured__content {
    gap: 5px;
  }
  .residence-featured .residence-featured__title {
    font-size: 18px;
  }
  .residence-featured .residence-featured__image {
    border-radius: 0;
  }
}
/*residence-advantages*/
.residences-advantages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.residences-advantages .info-card {
  width: calc((100% - 30px) / 3);
}
.residences-advantages .info-card.info-card--1 .info-card__img {
  right: -1px;
  top: -1px;
}
.residences-advantages .info-card.info-card--2 .info-card__img {
  top: -1px;
  right: 126px;
}
.residences-advantages .info-card.info-card--3 .info-card__img {
  top: 63px;
  right: -1px;
}
.residences-advantages .info-card .link {
  width: 100%;
}

@media (max-width: 1600px) {
  .residences-advantages .info-card.info-card--1 .info-card__img {
    height: 80px;
  }
  .residences-advantages .info-card.info-card--2 .info-card__img {
    height: 105px;
    right: 105px;
  }
  .residences-advantages .info-card.info-card--3 .info-card__img {
    height: 80px;
    top: 53px;
  }
}
@media (max-width: 1199px) {
  .residences-advantages .info-card.info-card--1 .info-card__img {
    height: 70px;
  }
  .residences-advantages .info-card.info-card--2 .info-card__img {
    height: 95px;
    right: 95px;
  }
  .residences-advantages .info-card.info-card--3 .info-card__img {
    height: 70px;
    top: 45px;
  }
}
@media (max-width: 767px) {
  .residences-advantages {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .residences-advantages .info-card {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .residences-advantages .info-card .info-card__text *:not(.link) {
    max-width: 310px;
  }
  .residences-advantages .info-card.info-card--1 .info-card__img {
    top: -13px;
  }
  .residences-advantages .info-card.info-card--2 .info-card__img {
    top: -13px;
  }
  .residences-advantages .info-card.info-card--3 .info-card__img {
    top: 35px;
  }
}
/*services*/
.services .services__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.services.services--page .head-content {
  position: relative;
}
.services.services--page .services__content-mark {
  position: absolute;
  top: 45px;
  left: 0;
}
.services.services--page .services__content-mark img {
  max-height: 100%;
}

@media (max-width: 1600px) {
  .services.services--page .services__content-mark {
    height: 57px;
    top: 40px;
  }
}
@media (max-width: 1440px) {
  .services.services--page .services__content-mark {
    height: 48px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .services.services--page {
    overflow: hidden;
  }
  .services.services--page .services__content-mark {
    height: 48px;
    top: 10px;
    left: -65px;
  }
}
@media (max-width: 767px) {
  .services.services--page .services__content-mark {
    height: 44px;
    top: 8px;
  }
}
/*services-item*/
.services-item {
  border-bottom: 1px solid #D6D6D6;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 65px 0 35px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.services-item:hover {
  border-color: var(--orange);
}
.services-item:hover .services-item__name {
  color: var(--orange);
}
.services-item:hover .services-item__desc {
  color: #000;
}

.services-item .services-item__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  width: 30%;
}

.services-item .services-item__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: conic-gradient(from 55deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), -webkit-gradient(linear, left bottom, left top, from(#FF6930), to(#FF6930));
  background: conic-gradient(from 55deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), linear-gradient(0deg, #FF6930, #FF6930);
}
.services-item .services-item__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(/local/templates/vilti/img/icons/arrow-orange.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 8px;
  height: 10px;
}

.services-item .services-item__name {
  font-size: 24px;
  line-height: 110%;
  font-weight: 600;
  font-family: var(--font-second);
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  min-height: 28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: calc(100% - 38px);
}

.services-item .services-item__desc {
  font-size: 24px;
  line-height: 120%;
  color: var(--gray);
  width: 70%;
  padding-left: 100px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-align: right;
}

.services-item .services-item__link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 1600px) {
  .services-item .services-item__name {
    font-size: 18px;
  }
  .services-item .services-item__desc {
    font-size: 18px;
    padding-left: 50px;
  }
  .services-item {
    padding: 55px 0 25px;
  }
  .services-item .services-item__heading {
    width: 35%;
  }
  .services-item .services-item__desc {
    width: 65%;
  }
}
@media (max-width: 1199px) {
  .services-item .services-item__name {
    font-size: 16px;
    padding-right: 30px;
  }
  .services-item .services-item__desc {
    font-size: 16px;
    padding-left: 30px;
  }
  .services-item .services-item__item {
    padding: 35px 0 15px;
  }
}
@media (max-width: 991px) {
  .services-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    padding: 30px 0 10px;
  }
  .services-item .services-item__desc {
    width: 100%;
    padding: 0;
    font-size: 14px;
  }
  .services-item .services-item__heading {
    width: 100%;
  }
  .services-item .services-item__desc {
    text-align: left;
  }
}
@media (max-width: 479px) {
  .services-item .services-item__desc {
    max-width: 285px;
  }
}
/*promo*/
.promo {
  padding: 0;
  margin-top: var(--padding-large);
}
.promo .promo__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--padding-small);
  min-height: 955px;
  padding-top: var(--padding-medium);
}
.promo .promo__details {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(221, 223, 224, 0.3);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  padding: 20px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 50px;
  max-width: 685px;
  width: 100%;
}
.promo .promo__details:hover {
  border: 1px solid rgba(221, 223, 224, 0.6);
}
.promo .promo__desc {
  font-size: 16px;
  line-height: 120%;
}
.promo .promo__heading {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.promo .promo__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.promo .promo__title {
  font-family: var(--font-second);
  font-weight: 600;
  color: #fff;
  font-size: 24px;
  line-height: 110%;
}
.promo .promo__floors {
  background: #F8F8F8;
  border: 1px solid #DDDFE0;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  padding: 1px 6px;
}
.promo .promo__price {
  font-size: 16px;
  line-height: 110%;
}

@media (max-width: 1600px) {
  .promo .promo__content {
    min-height: 810px;
  }
  .promo .promo__title {
    font-size: 20px;
  }
  .promo .promo__floors {
    font-size: 14px;
  }
  .promo .promo__price {
    font-size: 14px;
  }
  .promo .promo__desc {
    font-size: 14px;
  }
  .promo .promo__details {
    padding: 15px;
    max-width: 585px;
    gap: 40px;
  }
}
@media (max-width: 1199px) {
  .promo .promo__title {
    font-size: 18px;
  }
  .promo .promo__content {
    min-height: 660px;
  }
}
@media (max-width: 991px) {
  .promo .promo__details {
    padding: 15px 10px;
    max-width: 490px;
    gap: 30px;
  }
  .promo .promo__details .promo__info {
    width: 35%;
  }
  .promo .promo__details .promo__desc {
    width: calc(65% - 15px);
  }
  .promo .promo__content {
    min-height: 580px;
  }
}
@media (max-width: 767px) {
  .promo .promo__content {
    padding: 30px 0;
    min-height: 470px;
    gap: 20px;
  }
  .promo .promo__details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .promo .promo__details .promo__info {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .promo .promo__heading {
    width: auto;
  }
  .promo .promo__price {
    min-height: 22px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .promo .promo__details .promo__desc {
    width: 100%;
  }
  .promo .section-bg .section-bg__cover picture {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .promo .promo__details {
    gap: 15px;
  }
}
@media (max-width: 479px) {
  .promo .promo__details {
    padding: 10px;
  }
  .promo .promo__title {
    font-size: 16px;
  }
  .promo .promo__floors {
    font-size: 12px;
  }
  .promo .promo__heading {
    gap: 10px;
  }
}
/*faq*/
.faq .faq__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-medium) - 40px);
  position: relative;
}
.faq .faq__item {
  border-bottom: 1px solid #D6D6D6;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.faq .faq__item.active .faq__question::after {
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.faq .faq__item:last-child {
  border-bottom: 0;
}
.faq .faq__item:hover {
  border-color: rgba(0, 0, 0, 0.5);
}
.faq .faq__question {
  padding: 40px 40px 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  line-height: 110%;
  font-weight: 600;
  font-family: var(--font-second);
  background: transparent;
  border: none;
  width: 100%;
  position: relative;
  text-align: left;
  color: #000;
}
.faq .faq__question::after {
  content: "";
  background: url(/local/templates/vilti/img/icons/plus.svg) no-repeat;
  background-size: contain;
  background-position: center;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.faq .faq__answer {
  font-size: 16px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.8);
  padding-bottom: 40px;
  display: none;
}
.faq .faq__button {
  display: none;
}
.faq .faq__panel {
  display: none;
}
.faq .faq__panel.is-active {
  display: block;
}
.faq .faq__panel.is-active .fade-in-up {
  visibility: visible !important;
  -webkit-animation-name: fadeInUp !important;
          animation-name: fadeInUp !important;
}

@media (min-width: 1601px) {
  .faq.faq--page .head-content {
    margin-bottom: 20px;
  }
}
@media (max-width: 1600px) {
  .faq .faq__question {
    font-size: 20px;
    padding: 30px 30px 30px 0;
  }
  .faq .faq__answer {
    font-size: 14px;
    padding-bottom: 30px;
  }
  .faq .faq__question::after {
    width: 15px;
    height: 15px;
  }
  .faq .faq__content {
    gap: calc(var(--padding-medium) - 30px);
  }
}
@media (max-width: 1199px) {
  .faq .faq__content {
    gap: calc(var(--padding-medium) - 25px);
  }
  .faq .faq__question {
    font-size: 18px;
    padding: 25px 30px 25px 0;
  }
  .faq .faq__answer {
    padding-bottom: 25px;
  }
}
@media (max-width: 991px) {
  .faq .faq__content {
    gap: calc(var(--padding-medium) - 20px);
  }
  .faq .faq__question {
    font-size: 16px;
    padding: 20px 30px 20px 0;
  }
  .faq .faq__answer {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .faq .faq__question::after {
    top: 20px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .faq .faq__item.active .faq__question::after {
    -webkit-transform: translateY(0) rotate(45deg);
        -ms-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
  .faq .faq__content {
    gap: 0;
  }
  .faq .faq__grid {
    max-height: 330px;
    overflow: hidden;
    -webkit-transition: max-height 0.6s ease;
    transition: max-height 0.6s ease;
    position: relative;
  }
  .faq .faq__grid.expanded {
    max-height: 100%;
  }
  .faq .faq__grid.expanded + .faq__button::before {
    height: 0;
  }
  .faq .faq__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .faq .faq__button::before {
    content: "";
    height: 180px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(74.58%, #FFFFFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 74.58%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .faq .faq__button .button.button--outline {
    width: 100%;
  }
  .faq .faq__item:last-child .faq__answer {
    padding-bottom: 0;
  }
  .faq.faq--page .faq__content {
    gap: var(--padding-small);
  }
  .faq.faq--page .faq__grid {
    max-height: 100%;
  }
  .faq.faq--page .help-form {
    margin-top: 20px;
  }
}
/*build-process*/
.build-process {
  padding: 0;
  margin-top: var(--padding-large);
}
.build-process .build-process__content {
  min-height: 955px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--padding-medium) 0;
}
.build-process .build-process__details {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid #DDDFE0;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  padding: 30px 20px;
  color: #fff;
  max-width: 520px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  position: relative;
  overflow: hidden;
}
.build-process .build-process__img {
  position: absolute;
  top: 0;
  left: 120px;
  z-index: -1;
}
.build-process .build-process__img img {
  max-height: 100%;
}
.build-process .build-process__name {
  font-size: 24px;
  line-height: 110%;
  font-family: var(--font-second);
  padding: 35px 0 20px 140px;
}
.build-process .build-process__desc {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 120%;
  max-width: 380px;
}

@media (max-width: 1600px) {
  .build-process .build-process__details {
    gap: 15px;
    max-width: 440px;
    padding: 20px;
  }
  .build-process .build-process__content {
    min-height: 810px;
  }
  .build-process .build-process__name {
    font-size: 20px;
    padding-left: 130px;
    padding-bottom: 10px;
  }
  .build-process .build-process__img {
    height: 80px;
  }
  .build-process .build-process__desc {
    font-size: 14px;
    max-width: 340px;
  }
}
@media (max-width: 1199px) {
  .build-process .build-process__name {
    font-size: 18px;
    padding-left: 115px;
    padding-bottom: 0;
  }
  .build-process .build-process__details {
    padding: 15px;
    max-width: 400px;
  }
  .build-process .build-process__img {
    height: 70px;
    left: 100px;
  }
  .build-process .build-process__content {
    min-height: 660px;
  }
}
@media (max-width: 991px) {
  .build-process .build-process__content {
    min-height: 580px;
  }
  .build-process .build-process__details {
    padding: 15px 10px;
  }
}
@media (max-width: 767px) {
  .build-process .build-process__content {
    min-height: 470px;
    padding: 30px 0;
  }
  .build-process .title.title--h2 br {
    display: none;
  }
  .build-process .build-process__details {
    gap: 10px;
  }
}
@media (max-width: 479px) {
  .build-process .build-process__details {
    padding: 10px;
  }
  .build-process .build-process__content {
    padding-bottom: 10px;
  }
  .build-process .build-process__name {
    padding: 18px 0 10px 80px;
  }
  .build-process .build-process__img {
    left: 60px;
    top: -20px;
  }
  .build-process .build-process__desc {
    max-width: 300px;
  }
}
/*team*/
.team {
  padding-top: 0;
  margin-top: 10px;
}
.team .team__content {
  min-height: 780px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-small) - 20px);
  padding: var(--padding-medium) 0;
}
.team .team__content .head-content {
  padding-top: 110px;
}
.team .team__subtitle {
  max-width: 980px;
}
.team .team__details {
  border-radius: 4px;
  background: rgba(248, 248, 248, 0.05);
  border: 1px solid #DDDFE0;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  padding: 65px 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
  max-width: 810px;
  width: 100%;
  position: relative;
}
.team .team_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  width: 72%;
}
.team .team__img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.team .team__img img {
  max-height: 100%;
}
.team .link {
  gap: 35px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.team .team__name {
  font-size: 24px;
  line-height: 120%;
  font-weight: 600;
  font-family: var(--font-second);
  width: calc(28% - 15px);
}
.team .team__desc {
  font-size: 16px;
  line-height: 120%;
  color: var(--gray);
}
.team .team__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #dbdbdb;
  border-radius: 4px;
  z-index: 1;
}
.team .team__bg .team__bg-cover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow: hidden;
}
.team .team__bg .team__bg-cover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(transparent));
  background: linear-gradient(to bottom, #dbdbdb, transparent);
  height: 10%;
}
.team .team__bg .team__bg-cover picture {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.team .team__bg .team__bg-cover img {
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team .team__bg .head-content {
  position: absolute;
  top: var(--padding-medium);
  max-width: var(--max-width);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
  z-index: 12;
}

@media (min-width: 1921px) {
  .team .team__content {
    min-height: 940px;
  }
}
@media (max-width: 1600px) {
  .team .team__name {
    font-size: 20px;
  }
  .team .team__img {
    height: 80px;
  }
  .team .team_inner {
    gap: 15px;
  }
  .team .team__desc {
    font-size: 14px;
  }
  .team .link {
    gap: 25px;
  }
  .team .team__details {
    padding: 55px 20px 20px;
    max-width: 720px;
  }
  .team .team__content {
    min-height: 660px;
  }
  .team .team__content .head-content {
    padding-top: 90px;
  }
  .team .team__subtitle {
    max-width: 880px;
  }
}
@media (max-width: 1199px) {
  .team .team__img {
    height: 70px;
  }
  .team .team__name {
    font-size: 18px;
  }
  .team .team__details {
    padding: 47px 15px 15px;
  }
  .team .team__content .head-content {
    padding-top: 75px;
  }
  .team .team__subtitle {
    max-width: 780px;
  }
  .team .team__content {
    min-height: 560px;
  }
}
@media (max-width: 991px) {
  .team .team__content .head-content {
    padding-top: 60px;
  }
  .team .team__details {
    padding: 47px 10px 15px;
  }
  .team .team__content {
    min-height: 520px;
  }
  .team .team__bg .head-content {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .team .team__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .team .team__content .head-content {
    padding: 0;
  }
  .team .team__bg {
    width: 100%;
    position: relative;
    padding-top: var(--padding-small);
    padding-bottom: var(--padding-small);
    min-height: 220px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .team .team__bg .head-content {
    position: relative;
    top: auto;
    padding: 0 15px;
  }
  .team .team__content {
    min-height: 100%;
    padding-top: 20px;
    padding-bottom: 0;
    gap: 40px;
  }
  .team .team__details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .team .team_inner {
    width: 100%;
    gap: 10px;
  }
  .team .team__name {
    width: 100%;
    margin-bottom: 25px;
  }
}
@media (max-width: 479px) {
  .team .team__bg .head-content {
    padding: 0 10px;
    max-width: 280px;
    margin-left: 0;
  }
  .team .team__img {
    height: 60px;
  }
  .team .team__details {
    padding: 37px 10px 10px;
  }
  .team .team__bg {
    min-height: 190px;
    border-radius: 0;
  }
  .team .link {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
/*promo-form*/
.promo-form .promo-form__content {
  background: #FDFDFD;
  border: 1px solid #DDDFE0;
  border-radius: 4px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 300px;
  overflow: hidden;
}
.promo-form .promo-form__image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.promo-form .promo-form__image::before {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(transparent));
  background: linear-gradient(to bottom, #FDFDFD, transparent);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10%;
}
.promo-form .promo-form__main {
  width: 50%;
  padding: 65px 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.promo-form .promo-form__form {
  width: 50%;
  padding: 65px 34px;
  border-left: 1px solid #DDDFE0;
  position: relative;
  z-index: 12;
}
.promo-form .promo-form__img {
  position: absolute;
  top: 0;
  left: 520px;
  z-index: 3;
}
.promo-form .promo-form__img img {
  max-height: 100%;
}
.promo-form.promo-form--partners .promo-form__img {
  left: 0;
}
.promo-form.promo-form--reviews .promo-form__img {
  left: 0;
}

@media (max-width: 1600px) {
  .promo-form .promo-form__form {
    padding: 50px 20px;
  }
  .promo-form .promo-form__main {
    padding: 50px 20px;
    gap: 15px;
  }
  .promo-form .promo-form__content {
    padding-bottom: 250px;
  }
  .promo-form .promo-form__img {
    height: 80px;
    left: 425px;
  }
}
@media (max-width: 1440px) {
  .promo-form .promo-form__content {
    padding-bottom: 210px;
  }
}
@media (max-width: 1199px) {
  .promo-form .promo-form__main {
    padding: 30px 15px;
    width: 45%;
  }
  .promo-form .promo-form__form {
    padding: 30px 15px;
    width: 55%;
  }
  .promo-form .section__title {
    max-width: 300px;
  }
  .promo-form .promo-form__img {
    left: 202px;
    top: -17px;
    height: 75px;
  }
}
@media (max-width: 991px) {
  .promo-form .promo-form__main {
    width: 100%;
    position: relative;
    background: #FDFDFD;
    border: 1px solid #DDDFE0;
    border-radius: 4px;
    overflow: hidden;
    min-height: 300px;
  }
  .promo-form .promo-form__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: none;
    padding: 0;
    background: transparent;
  }
  .promo-form .form__content-heading {
    max-width: 600px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
  }
  .promo-form .promo-form__image {
    z-index: 1;
  }
  .promo-form .promo-form__form {
    width: 100%;
    padding: 30px 15px 0;
    border: none;
  }
}
@media (max-width: 767px) {
  .promo-form .promo-form__main {
    min-height: 260px;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .promo-form .promo-form__img {
    left: 69%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .promo-form.promo-form--partners .promo-form__img {
    left: 28%;
  }
  .promo-form.promo-form--reviews .promo-form__img {
    left: 28%;
  }
}
@media (max-width: 479px) {
  .promo-form .container {
    padding: 0;
  }
  .promo-form .section__title {
    max-width: 300px;
  }
  .promo-form .subtitle {
    max-width: 260px;
  }
  .promo-form .promo-form__main {
    min-height: 240px;
  }
  .promo-form .promo-form__img {
    left: 79%;
  }
  .promo-form .promo-form__form {
    padding: 30px 10px 0;
  }
}
/*process*/
.process .process__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #DDDFE0;
  border-radius: 4px;
  overflow: hidden;
}
.process .process__info {
  width: 380px;
  border-right: 1px solid #DDDFE0;
  padding: 65px 20px 0;
  position: relative;
  position: relative;
  overflow: hidden;
}
.process .process_img {
  position: absolute;
  top: -2px;
  left: 20px;
  z-index: -1;
}
.process .process_img img {
  max-height: 100%;
}
.process .process__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.process .process__title {
  font-size: 24px;
  line-height: 110%;
  font-family: var(--font-second);
  padding-bottom: 20px;
  text-align: center;
  font-weight: 600;
}
.process .process__text {
  font-size: 16px;
  line-height: 120%;
  color: var(--gray);
  max-width: 280px;
}
.process .process__image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: -1;
}
.process .process__image picture {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.process .process__image img {
  max-height: 100%;
  min-height: auto;
}
.process .process__form {
  background: #F8F8F8;
  border-left: 1px solid #DDDFE0;
  width: 420px;
  padding: 65px 34px;
}
.process .process__stages {
  width: calc(100% - 800px);
  padding: 65px 34px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.process .process__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  position: relative;
  width: 200px;
}
.process .process__label {
  min-height: 35px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 110%;
  font-weight: 600;
}
.process .process__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  width: calc(100% - 200px);
}
.process .process__item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  background: #F8F8F8;
  border: 1px solid #DDDFE0;
  padding: 6px;
  height: 35px;
  position: relative;
}
.process .process__item:nth-last-child(3)::after, .process .process__item:nth-last-child(2)::after, .process .process__item:last-child::after {
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 1px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(217, 217, 217, 0.01)), to(rgba(115, 115, 115, 0.01)));
  background: linear-gradient(90deg, rgba(217, 217, 217, 0.01) 0%, rgba(115, 115, 115, 0.01) 100%);
  width: 155px;
  border-radius: 3px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.process .process__item-date {
  background: #DEECFE;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 6px;
  font-size: 16px;
  line-height: 100%;
  margin-left: 0;
  -webkit-transition: margin-left 0.3s ease;
  transition: margin-left 0.3s ease;
}
.process .process__scroll {
  display: none;
}
.process .form .form__button {
  width: 100%;
}

@media (max-width: 1600px) {
  .process .process__form {
    padding: 50px 20px;
    width: 380px;
  }
  .process .process__stages {
    padding: 50px 20px 15px;
    width: calc(100% - 670px);
  }
  .process .process__info {
    padding: 50px 20px;
    width: 290px;
  }
  .process .process_img {
    height: 80px;
    top: -5px;
  }
  .process .process__title {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .process .process__text {
    font-size: 14px;
  }
  .process .process__head {
    gap: 15px;
  }
  .process .process__labels {
    width: 160px;
  }
  .process .process__label {
    font-size: 14px;
    min-height: 30px;
  }
  .process .process__items {
    width: calc(100% - 160px);
  }
  .process .process__item {
    height: 30px;
  }
  .process .process__item-date {
    font-size: 14px;
  }
}
@media (max-width: 1199px) {
  .process .process__content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .process .process__form {
    width: 100%;
    padding: 30px 15px;
    border-left: none;
    border-top: 1px solid #DDDFE0;
  }
  .process .process__stages {
    width: calc(100% - 290px);
    padding: 15px;
  }
  .process .process__info {
    padding: 30px 15px;
  }
  .process .process__title {
    font-size: 18px;
  }
  .process .process_img {
    height: 70px;
    top: -18px;
  }
  .process .form__content-text {
    max-width: 460px;
  }
  .process .form__content-text br {
    display: none;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .process .process__form .form .form__row.form__row--2 > * {
    width: calc(33.33% - 7px);
  }
}
@media (max-width: 767px) {
  .process .process__content {
    border: none;
    border-radius: 0;
  }
  .process .process__stages {
    width: 100%;
    padding: 60px 0;
  }
  .process .process__info {
    width: 100%;
    padding-bottom: 130px;
    border: 1px solid #DDDFE0;
    border-radius: 4px;
  }
  .process .process__title {
    text-align: left;
  }
  .process .process_img {
    left: -10px;
  }
  .process .process__form {
    border: 1px solid #DDDFE0;
    border-radius: 4px;
  }
  .process .process__title {
    padding-left: 40px;
    padding-bottom: 20px;
  }
  .process .process_img {
    left: 25px;
  }
  .process .process__head {
    gap: 10px;
  }
}
@media (max-width: 479px) {
  .process .container {
    padding: 0;
  }
  .process .process__info {
    margin-bottom: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .process .process__stages {
    padding: 0 10px 60px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .process .process__stages::-webkit-scrollbar {
    display: none;
  }
  .process .process__labels {
    width: 140px;
    gap: 10px;
    position: absolute;
    left: 0;
    z-index: 13;
    background: #fff;
    padding: 0 10px;
  }
  .process .process__items {
    gap: 10px;
    width: 710px;
    margin-left: 140px;
  }
  .process .process__item:nth-last-child(3)::after,
  .process .process__item:nth-last-child(2)::after,
  .process .process__item:last-child::after {
    width: 36%;
  }
  .process .process__image {
    top: 40%;
  }
  .process .process__item {
    padding: 3px;
  }
  .process .process__scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    font-size: 13px;
    letter-spacing: -0.03em;
    line-height: 110%;
    color: #939393;
    gap: 5px;
    padding-right: 20px;
    margin-bottom: 10px;
  }
  .process .process__scroll img {
    width: 27px;
  }
}
.breadcrumbs {
  margin-bottom: 40px;
  width: 100%;
}
.breadcrumbs .breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.breadcrumbs .breadcrumbs__link {
  background: rgba(0, 0, 0, 0.0117647059);
  border: 1px solid rgba(0, 0, 0, 0.2509803922);
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
  font-size: 14px;
  color: #000;
  padding: 0 14px;
  height: 34px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 12;
}
.breadcrumbs .breadcrumbs__link:hover {
  opacity: 0.6;
}
.breadcrumbs .breadcrumbs__item--current .breadcrumbs__link {
  opacity: 0.6;
  pointer-events: none;
}

@media (max-width: 767px) {
  .breadcrumbs {
    margin-bottom: 40px;
  }
  .breadcrumbs .breadcrumbs__link {
    font-size: 12px;
    padding: 0 8px;
    height: 28px;
  }
}
/*careers*/
.careers .head-content {
  gap: calc(var(--padding-medium) - 20px);
}
.careers .careers__content {
  position: relative;
  padding-right: 50%;
}
.careers .careers__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 3px;
  height: 100%;
  padding-left: 75px;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
}
.careers .careers__gallery-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  height: calc((100% - 6px) / 3);
  border-radius: 4px;
  width: calc((100% - 3px) / 2);
  max-height: 470px;
}
.careers .careers__gallery-img img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
.careers .careers__gallery-img:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.careers .careers__details {
  margin-top: calc(var(--padding-small) - 10px);
  border-radius: 4px;
  background: rgba(248, 248, 248, 0.05);
  border: 1px solid #DDDFE0;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  padding: 65px 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
  position: relative;
}
.careers .careers__img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.careers .careers__img img {
  max-height: 100%;
}
.careers .careers__name {
  font-size: 24px;
  line-height: 120%;
  font-weight: 600;
  font-family: var(--font-second);
  width: calc(23% - 15px);
}
.careers .careers__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
  width: 77%;
}
.careers .careers__desc {
  font-size: 16px;
  line-height: 120%;
  color: var(--gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}

.careers-principles {
  padding-top: calc(var(--padding-large) - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-medium) - 20px);
}
.careers-principles .careers-principles__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.careers-principles .info-card {
  width: calc((100% - 30px) / 3);
  padding-top: 130px;
}
.careers-principles .info-card .info-card__title {
  margin-bottom: 20px;
  width: 100%;
  text-align: left;
}
.careers-principles .info-card .info-card__img {
  left: 0;
  right: auto;
}
.careers-principles .info-card.info-card--1 .info-card__img {
  left: auto;
  right: 60px;
}
.careers-principles .info-card.info-card--2 .info-card__img {
  right: 0;
  left: auto;
}
.careers-principles .info-card.info-card--3 .info-card__img {
  right: 0;
  left: auto;
}
.careers-principles .info-card.info-card--5 .info-card__img {
  top: -30px;
}
.careers-principles .info-card.info-card--6 .info-card__img {
  right: 33px;
  left: auto;
}

@media (max-width: 1600px) {
  .careers .careers__gallery {
    padding-left: 65px;
  }
  .careers .careers__name {
    font-size: 20px;
  }
  .careers .careers__details {
    padding: 55px 20px 20px;
  }
  .careers .careers__img {
    height: 80px;
  }
  .careers .careers__inner {
    gap: 15px;
  }
  .careers .careers__desc {
    gap: 10px;
    font-size: 14px;
  }
  .careers-principles .info-card {
    padding: 110px 15px 20px;
  }
  .careers-principles .info-card .info-card__title {
    margin-bottom: 15px;
  }
  .careers-principles .info-card .info-card__img img {
    max-height: 80px;
    max-width: 80px;
  }
  .careers-principles .info-card.info-card--4 .info-card__img img {
    max-width: 110px;
  }
}
@media (max-width: 1440px) {
  .careers .careers__gallery {
    padding-left: 30px;
  }
  .careers .head-content {
    gap: 30px;
  }
  .careers .careers__details {
    padding: 45px 15px 20px;
  }
  .careers .careers__img {
    height: 68px;
  }
  .careers .careers__name {
    font-size: 18px;
  }
  .careers .careers__gallery-img {
    max-height: 420px;
  }
  .careers-principles {
    gap: 30px;
  }
  .careers-principles .info-card {
    padding-top: 90px;
  }
  .careers-principles .info-card .info-card__text br {
    display: none;
  }
}
@media (max-width: 1440px) and (min-width: 1200px) {
  .careers-principles .info-card {
    width: calc((100% - 15px) / 2);
  }
}
@media (max-width: 1199px) {
  .careers .careers__content {
    padding: 0;
  }
  .careers .careers__gallery {
    padding: 0;
    position: relative;
    width: 100%;
    margin-top: 30px;
  }
  .careers .careers__gallery-img {
    width: calc((100% - 6px) / 3);
  }
  .careers .careers__details {
    margin-top: 30px;
  }
  .careers .subtitle {
    max-height: 800px;
  }
  .careers-principles .info-card.info-card--4 .info-card__img img {
    max-width: 90px;
  }
}
@media (max-width: 767px) {
  .careers-principles {
    gap: 20px;
    padding-top: var(--padding-large);
  }
  .careers-principles .careers-principles__grid {
    gap: 10px;
  }
  .careers-principles .info-card {
    width: calc((100% - 10px) / 2);
  }
  .careers .careers__details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px;
    gap: 30px;
  }
  .careers .careers__inner {
    width: 100%;
  }
  .careers .careers__details {
    padding: 40px 10px 20px;
  }
}
@media (max-width: 479px) {
  .careers .subtitle {
    font-size: 16px;
  }
  .careers-principles .info-card {
    padding: 80px 10px 15px;
  }
  .careers-principles .info-card.info-card--1 .info-card__img {
    right: 40px;
  }
  .careers-principles .info-card.info-card--6 .info-card__img {
    right: 10px;
  }
  .careers-principles .info-card .info-card__title {
    margin-bottom: 20px;
  }
  .careers-principles .info-card .info-card__img img {
    max-height: 70px;
    max-width: 70px;
  }
}
@media (max-width: 369px) {
  .careers-principles .info-card {
    width: 100%;
  }
}
/*vacancies*/
.vacancies .vacancies__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-medium) - 40px);
  position: relative;
}
.vacancies .vacancies__item {
  border-bottom: 1px solid #D6D6D6;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  cursor: pointer;
}
.vacancies .vacancies__item:hover {
  border-color: var(--orange);
}
.vacancies .vacancies__item:hover .vacancies__label {
  color: var(--orange);
}
.vacancies .vacancies__item:hover .vacancies__info::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 0C9.55229 0 10 0.447715 10 1V8H17C17.5523 8 18 8.44772 18 9C18 9.55228 17.5523 10 17 10H10V17C10 17.5523 9.55228 18 9 18C8.44771 18 8 17.5523 8 17V10H1C0.447716 10 4.01084e-07 9.55228 0 9C2.41411e-08 8.44771 0.447715 8 1 8H8V1C8 0.447715 8.44772 0 9 0Z' fill='%23FF6930'/%3E%3C/svg%3E");
}
.vacancies .vacancies__item.active .vacancies__label {
  color: var(--orange);
}
.vacancies .vacancies__item.active .vacancies__info::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 0C9.55229 0 10 0.447715 10 1V8H17C17.5523 8 18 8.44772 18 9C18 9.55228 17.5523 10 17 10H10V17C10 17.5523 9.55228 18 9 18C8.44771 18 8 17.5523 8 17V10H1C0.447716 10 4.01084e-07 9.55228 0 9C2.41411e-08 8.44771 0.447715 8 1 8H8V1C8 0.447715 8.44772 0 9 0Z' fill='%23FF6930'/%3E%3C/svg%3E");
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.vacancies .vacancies__label {
  font-size: 24px;
  line-height: 110%;
  font-weight: 600;
  font-family: var(--font-second);
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 32%;
  padding-right: 15px;
}
.vacancies .vacancies__info {
  width: 68%;
  padding-left: 100px;
  padding-right: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}
.vacancies .vacancies__info::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 0C9.55229 0 10 0.447715 10 1V8H17C17.5523 8 18 8.44772 18 9C18 9.55228 17.5523 10 17 10H10V17C10 17.5523 9.55228 18 9 18C8.44771 18 8 17.5523 8 17V10H1C0.447716 10 4.01084e-07 9.55228 0 9C2.41411e-08 8.44771 0.447715 8 1 8H8V1C8 0.447715 8.44772 0 9 0Z' fill='black'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 47px;
  right: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.vacancies .vacancies__descr {
  font-size: 24px;
  line-height: 120%;
  color: var(--gray);
}
.vacancies .vacancies__details {
  display: none;
}
.vacancies .vacancies__details-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 25px;
  font-size: 20px;
  line-height: 110%;
}
.vacancies .vacancies__details-inner ul {
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  margin: 0;
}
.vacancies .vacancies__details-prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 5px;
  font-size: 16px;
  line-height: 110%;
  color: #000;
}
.vacancies .vacancies__details-price {
  font-size: 40px;
  line-height: 100%;
}
.vacancies .button--primary {
  min-width: 180px;
}

@media (max-width: 1600px) {
  .vacancies .vacancies__content {
    gap: calc(var(--padding-medium) - 30px);
  }
  .vacancies .vacancies__label {
    font-size: 20px;
  }
  .vacancies .vacancies__info {
    padding-right: 55px;
    padding-left: 80px;
  }
  .vacancies .vacancies__descr {
    font-size: 20px;
  }
  .vacancies .vacancies__item {
    padding: 30px 0;
  }
  .vacancies .vacancies__details-inner {
    gap: 20px;
    font-size: 18px;
  }
  .vacancies .vacancies__details-prices {
    font-size: 14px;
  }
  .vacancies .vacancies__details-price {
    font-size: 34px;
  }
  .vacancies .button--primary {
    min-width: 160px;
  }
  .vacancies .vacancies__info::after {
    top: 37px;
  }
}
@media (max-width: 1440px) {
  .vacancies .vacancies__content {
    gap: 30px;
  }
  .vacancies .vacancies__descr {
    font-size: 18px;
  }
  .vacancies .vacancies__label {
    font-size: 18px;
    width: 35%;
  }
  .vacancies .vacancies__info {
    padding-left: 50px;
    width: 65%;
  }
  .vacancies .vacancies__details-inner {
    gap: 15px;
    font-size: 16px;
  }
  .vacancies .vacancies__details-price {
    font-size: 30px;
  }
}
@media (max-width: 1199px) {
  .vacancies .vacancies__descr {
    font-size: 16px;
  }
  .vacancies .vacancies__label {
    font-size: 16px;
    width: 37%;
  }
  .vacancies .vacancies__info {
    padding-left: 15px;
    padding-right: 30px;
    width: 63%;
  }
  .vacancies .vacancies__details-inner {
    font-size: 14px;
  }
  .vacancies .vacancies__item {
    padding: 25px 0;
  }
}
@media (max-width: 991px) {
  .vacancies .vacancies__item {
    padding: 20px 0;
  }
  .vacancies .vacancies__info::after {
    top: 27px;
  }
}
@media (max-width: 767px) {
  .vacancies .vacancies__content {
    gap: 10px;
  }
  .vacancies .vacancies__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
  }
  .vacancies .vacancies__label {
    width: 100%;
    padding-right: 30px;
  }
  .vacancies .vacancies__info {
    width: 100%;
    padding: 0;
  }
  .vacancies .vacancies__info::after {
    top: 20px;
  }
}
@media (max-width: 479px) {
  .vacancies .vacancies__descr {
    font-size: 14px;
  }
  .vacancies .vacancies__info {
    gap: 20px;
  }
}
/*contacts*/
.contacts .head-content {
  margin-bottom: calc(var(--padding-medium) - 20px);
  position: relative;
}
.contacts .contacts__head-img {
  position: absolute;
  top: 30px;
  left: 0;
}
.contacts .contacts__head-img img {
  max-height: 100%;
}
.contacts .contacts__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}
.contacts .contacts__item {
  border-bottom: 1px solid #D6D6D6;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.contacts .contacts__label {
  width: 40%;
  font-size: 36px;
  line-height: 110%;
  font-family: var(--font-second);
}
.contacts .contacts__details {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 25px;
}
.contacts .contacts__details-value {
  font-size: 36px;
  line-height: 110%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  font-family: var(--font-second);
}
.contacts .contacts__details-soc {
  width: 39px;
  height: 39px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contacts .contacts__details-soc img {
  max-height: 100%;
}
.contacts .contacts__details-soc:hover {
  opacity: 0.8;
}
.contacts .contacts__details-address {
  font-size: 22px;
  line-height: 120%;
  color: #5A5952;
  letter-spacing: -0.01em;
}
.contacts .contacts__details-note {
  font-size: 22px;
  line-height: 120%;
  letter-spacing: -0.01em;
}
.contacts .contacts__details-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.contacts .contacts__details-item {
  color: #5A5952;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: -0.01em;
}
.contacts .contacts__map {
  border-radius: 4px;
  overflow: hidden;
  height: 555px;
  width: 100%;
}
.contacts .contacts__map iframe {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  pointer-events: none;
}
.contacts .contacts__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}
.contacts .button--outline {
  height: 38px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 4px;
}
.contacts .button--outline:hover {
  color: #000;
  border-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 1600px) {
  .contacts .contacts__head-img {
    height: 55px;
  }
  .contacts .contacts__label {
    font-size: 30px;
  }
  .contacts .contacts__details-value {
    font-size: 30px;
  }
  .contacts .contacts__details-address {
    font-size: 20px;
  }
  .contacts .contacts__details-note {
    font-size: 20px;
  }
  .contacts .contacts__item {
    padding: 15px 0;
  }
  .contacts .contacts__map {
    height: 455px;
  }
  .contacts .contacts__details-item {
    font-size: 18px;
  }
  .contacts .contacts__details-items {
    gap: 20px;
  }
  .contacts .button--outline {
    font-size: 13px;
  }
  .contacts .contacts__grid {
    gap: 20px;
  }
}
@media (max-width: 1440px) {
  .contacts .head-content {
    margin-bottom: 30px;
  }
  .contacts .contacts__label {
    font-size: 24px;
    width: 36%;
  }
  .contacts .contacts__details {
    width: 64%;
  }
  .contacts .contacts__details-value {
    font-size: 24px;
  }
  .contacts .contacts__details-address {
    font-size: 18px;
  }
  .contacts .contacts__details-note {
    font-size: 18px;
  }
  .contacts .contacts__map {
    height: 400px;
  }
  .contacts .contacts__details-item {
    font-size: 16px;
  }
  .contacts .contacts__head-img {
    top: 20px;
  }
  .contacts .contacts__details-soc {
    height: 32px;
    width: 32px;
  }
}
@media (max-width: 1199px) {
  .contacts .contacts__label {
    font-size: 20px;
  }
  .contacts .contacts__details-value {
    font-size: 20px;
  }
  .contacts .contacts__grid {
    gap: 15px;
  }
  .contacts .contacts__map {
    height: 350px;
  }
  .contacts .contacts__label {
    width: 32%;
  }
  .contacts .contacts__details {
    width: 68%;
  }
  .contacts .contacts__details-note {
    font-size: 16px;
    max-height: 450px;
  }
  .contacts .contacts__details-address {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .contacts .contacts__label {
    font-size: 18px;
  }
  .contacts .contacts__details-value {
    font-size: 18px;
  }
  .contacts .contacts__head-img {
    top: 15px;
    height: 35px;
  }
  .contacts .contacts__details-soc {
    height: 28px;
    width: 28px;
  }
}
@media (max-width: 767px) {
  .contacts .contacts__item {
    padding: 15px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }
  .contacts .contacts__grid {
    gap: 10px;
  }
  .contacts .contacts__label {
    width: 100%;
  }
  .contacts .contacts__details {
    width: 100%;
    row-gap: 15px;
  }
  .contacts .contacts__details-value {
    font-size: 16px;
  }
  .contacts .contacts__details-address {
    font-size: 14px;
    max-width: 400px;
  }
  .contacts .contacts__details-address br {
    display: none;
  }
  .contacts .contacts__details-note {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .contacts .contacts__details-value {
    font-size: 14px;
  }
  .contacts .contacts__item {
    padding: 10px 0;
  }
  .contacts .contacts__details-item {
    font-size: 14px;
  }
  .contacts .button--outline {
    font-size: 14px;
  }
  .contacts .contacts__head-img {
    left: -30px;
    top: 10px;
  }
  .contacts .button--primary {
    height: 50px;
    width: 100%;
  }
  .contacts .contacts__details-soc {
    height: 24px;
    width: 24px;
  }
}
/*help-form*/
.help-form {
  position: relative;
  background: #fff;
  border: 1px solid #DDDFE0;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  padding: 65px 34px;
}
.help-form .help-form__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  max-width: 50%;
}
.help-form .help-form__img {
  position: absolute;
  top: 0;
  left: 0;
}
.help-form .help-form__img img {
  max-height: 100%;
}
.help-form .help-form__image {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.help-form .help-form__image picture {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.help-form .help-form__image img {
  min-height: auto;
  min-width: auto;
  max-height: 100%;
}
.help-form .button--primary {
  min-width: 200px;
}

@media (max-width: 1600px) {
  .help-form {
    padding: 50px 20px;
  }
  .help-form .help-form__content {
    gap: 15px;
  }
  .help-form .help-form__img {
    height: 80px;
  }
}
@media (max-width: 1440px) {
  .help-form .help-form__content {
    max-width: 45%;
  }
}
@media (max-width: 1199px) {
  .help-form {
    padding: 30px 15px;
  }
  .help-form .help-form__image {
    left: 50%;
  }
  .help-form .help-form__img {
    top: -20px;
    left: -10px;
  }
}
@media (max-width: 991px) {
  .help-form .help-form__content {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .help-form {
    padding-bottom: 150px;
    padding-top: 35px;
  }
  .help-form .help-form__image {
    left: 3%;
    top: 60%;
  }
  .help-form .section__title.title--h2 {
    font-size: 18px;
    line-height: 110%;
    font-family: var(--font-second);
    font-weight: 600;
    margin-bottom: 15px;
  }
  .help-form .help-form__img {
    height: 78px;
  }
}
@media (max-width: 479px) {
  .help-form {
    margin-left: -10px;
    margin-right: -10px;
    padding: 35px 10px 150px;
  }
  .help-form .subtitle {
    max-width: 280px;
  }
  .help-form .section__title.title--h2 {
    padding-left: 25px;
  }
}
/*projects*/
.projects .head-content {
  margin-bottom: calc(var(--padding-medium) - 20px);
  position: relative;
}
.projects .projects__head-img {
  position: absolute;
  top: 30px;
  left: 0;
}
.projects .projects__head-img img {
  max-height: 100%;
}

@media (max-width: 1600px) {
  .projects .projects__head-img {
    height: 55px;
  }
}
@media (max-width: 1440px) {
  .projects .projects__head-img {
    top: 20px;
  }
}
@media (max-width: 1199px) {
  .projects .head-content {
    margin-bottom: calc(var(--padding-medium) - 10px);
  }
}
@media (max-width: 991px) {
  .projects .projects__head-img {
    top: 15px;
    height: 35px;
  }
}
@media (max-width: 479px) {
  .projects .projects__head-img {
    left: -73px;
    top: 10px;
    height: 47px;
  }
  .projects .head-content {
    margin-bottom: 30px;
  }
  .projects .head-content .title {
    max-width: 320px;
  }
}
/*pagination*/
.pagination {
  width: 100%;
}
.pagination .pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.pagination button, .pagination a, .pagination span {
  width: 36px;
  height: 36px;
  border-radius: 1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  letter-spacing: 0.07em;
  line-height: 100%;
  background: transparent;
  border: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #000;
}
.pagination button:hover, .pagination a:hover {
  color: var(--orange);
}
.pagination .pagination__item--active button, .pagination .pagination__item--active a, .pagination .pagination__item--active span {
  color: #fff;
  pointer-events: none;
  background: conic-gradient(from 119.5deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), -webkit-gradient(linear, left bottom, left top, from(#FF6930), to(#FF6930));
  background: conic-gradient(from 119.5deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), linear-gradient(0deg, #FF6930, #FF6930);
}

@media (max-width: 1600px) {
  .pagination button, .pagination a, .pagination span {
    font-size: 14px;
  }
}
/*categories*/
.categories {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
.categories .categories__list {
  background: #FFDECB;
  padding: 4px;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.categories .categories__item {
  padding: 0 30px;
  height: 42px;
  border-radius: 1px;
  background: transparent;
  border: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.categories .categories__item:hover {
  background: rgba(255, 255, 255, 0.5);
  color: #000;
}
.categories .categories__item--active {
  background: #fff;
  color: #000;
}
.categories .categories__scroll {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 13px;
  letter-spacing: -0.03em;
  line-height: 110%;
  color: #939393;
}
.categories .categories__scroll img {
  width: 27px;
}

@media (max-width: 1600px) {
  .categories .categories__item {
    padding: 0 25px;
    height: 34px;
  }
}
@media (max-width: 479px) {
  .categories .categories__item {
    padding: 0 5px;
    width: calc((100% - 10px) / 3);
  }
}
@media (max-width: 369px) {
  .categories .categories__item {
    width: calc((100% - 5px) / 2);
  }
}
/*articles*/
.articles .head-content {
  gap: calc(var(--padding-medium) - 20px);
  margin-bottom: 40px;
}
.articles .articles__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.articles .articles__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.articles .article-card {
  width: calc((100% - 45px) / 4);
}
.articles .articles__panel {
  display: none;
}
.articles .articles__panel.is-active {
  display: block;
}
.articles .articles__panel.is-active .fade-in-up {
  visibility: visible !important;
  -webkit-animation-name: fadeInUp !important;
          animation-name: fadeInUp !important;
}

@media (max-width: 1600px) {
  .articles .head-content {
    margin-bottom: 30px;
  }
  .articles .articles__content {
    gap: 30px;
  }
}
@media (max-width: 1440px) {
  .articles .head-content {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .articles .article-card {
    width: calc((100% - 30px) / 3);
  }
  .articles .subtitle br {
    display: none;
  }
}
@media (max-width: 767px) {
  .articles .head-content {
    margin-bottom: 20px;
  }
  .articles .articles__content {
    gap: 40px;
  }
  .articles .articles__list {
    gap: 10px;
  }
  .articles .article-card {
    width: calc((100% - 10px) / 2);
  }
}
@media (max-width: 479px) {
  .articles .subtitle {
    font-size: 16px;
  }
}
@media (max-width: 369px) {
  .articles .article-card {
    width: 100%;
  }
}
/*article-card*/
.article-card {
  border-radius: 2px;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0px 4.08px 10.2px 0px rgba(74, 58, 255, 0.05), 0px 0px 77.52px 0px rgba(220, 231, 255, 0.16);
          box-shadow: 0px 4.08px 10.2px 0px rgba(74, 58, 255, 0.05), 0px 0px 77.52px 0px rgba(220, 231, 255, 0.16);
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.article-card .article-card__image {
  height: 220px;
  overflow: hidden;
  border-radius: 2px;
  position: relative;
}
.article-card .article-card__image img {
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
.article-card .article-card__image video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.article-card .article-card__category {
  position: absolute;
  top: 20px;
  left: 20px;
  border-radius: 2px;
  background: #fff;
  height: 26px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.article-card .article-card__content {
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.article-card .article-card__date {
  color: var(--gray);
  font-size: 16px;
  line-height: 120%;
  font-family: var(--font-second);
}
.article-card .article-card__title {
  font-size: 24px;
  line-height: 110%;
  font-weight: 600;
  font-family: var(--font-second);
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-card .article-card__link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.article-card:hover {
  -webkit-box-shadow: 0px 4.08px 10.2px 0px rgba(74, 58, 255, 0.1), 0px 0px 77.52px 0px rgba(220, 231, 255, 0.36);
          box-shadow: 0px 4.08px 10.2px 0px rgba(74, 58, 255, 0.1), 0px 0px 77.52px 0px rgba(220, 231, 255, 0.36);
}
.article-card:hover .article-card__image img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

@media (max-width: 1600px) {
  .article-card .article-card__image {
    height: 190px;
  }
  .article-card .article-card__content {
    padding: 20px;
  }
  .article-card .article-card__date {
    font-size: 14px;
  }
  .article-card .article-card__title {
    font-size: 20px;
  }
  .article-card .article-card__category {
    top: 15px;
    left: 15px;
    font-size: 13px;
  }
}
@media (max-width: 1440px) {
  .article-card .article-card__content {
    padding: 15px;
  }
}
@media (max-width: 1199px) {
  .article-card .article-card__title {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .article-card .article-card__date {
    font-size: 13px;
  }
  .article-card .article-card__title {
    font-size: 16px;
  }
  .article-card .article-card__content {
    gap: 5px;
  }
  .article-card .article-card__category {
    top: 10px;
    left: 10px;
  }
}
@media (max-width: 767px) {
  .article-card .article-card__content {
    padding: 10px;
  }
  .article-card .article-card__image {
    height: 160px;
  }
}
@media (max-width: 479px) {
  .article-card .article-card__image {
    height: 120px;
  }
  .article-card .article-card__category {
    top: 5px;
    left: 5px;
    height: 24px;
  }
}
/*article*/
.article .head-content {
  width: calc(100% - 410px);
  gap: 20px;
  margin-bottom: 40px;
}
.article .articles__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.article .article__main {
  width: calc(100% - 410px);
}
.article .article__related {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
  width: 380px;
}
.article .article__date {
  font-size: 16px;
  line-height: 140%;
  color: var(--gray);
}
.article .article__image {
  height: 515px;
  border-radius: 2px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.article .article__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article .article__image video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.article .article__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.article .acticle__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.article .acticle__author-image {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 2px;
  overflow: hidden;
}
.article .acticle__author-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  padding-left: 15px;
  max-width: calc(100% - 100px);
}
.article .acticle__author-name {
  font-size: 20px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.8);
}
.article .acticle__author-emp {
  font-size: 14px;
  line-height: 120%;
  color: #919191;
}
.article .acticle__body {
  font-size: 16px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.article .acticle__body h1, .article .acticle__body h2, .article .acticle__body h3, .article .acticle__body h4, .article .acticle__body h5, .article .acticle__body h6 {
  margin-bottom: 0;
  margin-top: 25px;
}
.article .acticle__body blockquote {
  background: #FFDC8F;
  border: 1px solid #DDDFE0;
  border-radius: 4px;
  padding: 25px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  margin: 25px 0 0;
}
.article .acticle__body blockquote mark {
  font-weight: 600;
  font-size: 20px;
}

@media (max-width: 1600px) {
  .article .head-content {
    margin-bottom: 30px;
    gap: 15px;
    width: calc(100% - 340px);
  }
  .article .article__related {
    gap: 20px;
    width: 320px;
  }
  .article .article__main {
    width: calc(100% - 340px);
  }
  .article .articles__content {
    gap: 20px;
  }
  .article .article__image {
    height: 430px;
  }
  .article .acticle__author-image {
    width: 80px;
    height: 80px;
  }
  .article .acticle__author-content {
    padding-left: 10px;
    max-width: calc(100% - 80px);
  }
  .article .acticle__author-name {
    font-size: 18px;
  }
  .article .acticle__author-emp {
    font-size: 13px;
  }
  .article .acticle__body {
    font-size: 14px;
    margin-top: 35px;
  }
  .article .acticle__body blockquote {
    padding: 20px 15px;
  }
  .article .acticle__body blockquote mark {
    font-size: 18px;
  }
  .article .article__date {
    font-size: 14px;
  }
  .article .head-content {
    gap: 10px;
  }
}
@media (max-width: 1440px) {
  .article .article__image {
    height: 340px;
  }
}
@media (max-width: 1199px) {
  .article .articles__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 35px;
  }
  .article .article__main {
    width: 100%;
  }
  .article .article__related {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }
  .article .article__related .article-card {
    width: calc((100% - 15px) / 2);
  }
  .article .head-content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .article .article__image {
    height: 220px;
  }
  .article .acticle__author-name {
    font-size: 16px;
  }
  .article .acticle__author-image {
    width: 60px;
    height: 60px;
  }
  .article .acticle__author-content {
    max-width: calc(100% - 60px);
  }
  .article .acticle__body blockquote {
    padding: 15px 10px;
    gap: 10px;
  }
  .article .acticle__body blockquote mark {
    font-size: 16px;
  }
  .article .breadcrumbs .breadcrumbs__item--current .breadcrumbs__link {
    max-width: 150px;
  }
  .article .breadcrumbs .breadcrumbs__item--current .breadcrumbs__link span {
    display: inline-block;
    width: 20ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 479px) {
  .article .article__image {
    height: 200px;
  }
  .article .acticle__body h1 {
    font-size: 24px;
    margin-top: 10px;
  }
  .article .acticle__body h2 {
    font-size: 22px;
    margin-top: 10px;
  }
  .article .acticle__body h3 {
    font-size: 20px;
    margin-top: 10px;
  }
  .article .acticle__body h4 {
    font-size: 18px;
    margin-top: 10px;
  }
  .article .acticle__body h5 {
    font-size: 17px;
    margin-top: 10px;
  }
  .article .acticle__body h6 {
    font-size: 16px;
    margin-top: 10px;
  }
  .article .acticle__body blockquote {
    margin-top: 10px;
  }
  .article .article__related {
    gap: 10px;
  }
  .article .article__related .article-card {
    width: calc((100% - 10px) / 2);
  }
}
@media (max-width: 369px) {
  .article .article__related .article-card {
    width: 100%;
  }
}
/*article-video*/
.article-video {
  position: relative;
}
.article-video .article-video__video {
  height: 655px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 2px;
  overflow: hidden;
}
.article-video .article-video__video .article-video-poster {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.article-video .article-video__video .article-video-poster.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.article-video .article-video__video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.article-video .article-video__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  color: var(--gray);
  font-size: 16px;
  line-height: 120%;
  margin-bottom: 10px;
  font-family: var(--font-second);
}
.article-video .article-video__info > *:after {
  content: "•";
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  font-family: inherit;
  display: inline-block;
  margin-left: 20px;
}
.article-video .article-video__info > *:last-child:after {
  display: none;
}
.article-video .article-video__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px;
  margin-top: 40px;
}
.article-video .article-video__title {
  font-size: 36px;
  line-height: 110%;
  font-family: var(--font-second);
  color: #000;
}
.article-video .article-video__text {
  font-size: 20px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.8);
}
.article-video .button--outline {
  padding: 0 20px;
  height: 38px;
  border-radius: 4px;
}
.article-video .button--play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.article-video .button--play.is-hidden {
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}

@media (max-width: 1600px) {
  .article-video .article-video__info {
    font-size: 14px;
    gap: 15px;
  }
  .article-video .article-video__info > *:after {
    margin-left: 15px;
  }
  .article-video .article-video__video {
    height: 555px;
  }
  .article-video .article-video__content {
    margin-top: 30px;
    gap: 20px;
  }
  .article-video .article-video__title {
    font-size: 30px;
  }
  .article-video .article-video__text {
    font-size: 18px;
  }
}
@media (max-width: 1440px) {
  .article-video .article-video__video {
    height: 450px;
  }
}
@media (max-width: 1199px) {
  .article-video .article-video__title {
    font-size: 28px;
  }
  .article-video .article-video__text {
    font-size: 16px;
  }
  .article-video .article-video__video {
    height: 350px;
  }
}
@media (max-width: 991px) {
  .article-video .article-video__video {
    height: 300px;
  }
  .article-video .article-video__text {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .article-video .article-video__video {
    height: 250px;
  }
  .article-video .article-video__info {
    gap: 5px;
  }
  .article-video .article-video__info > *:after {
    margin-left: 5px;
  }
  .article-video .article-video__content {
    margin-top: 20px;
    gap: 15px;
  }
}
@media (max-width: 479px) {
  .article-video .article-video__video {
    height: 200px;
  }
}
/*notfound*/
.notfound .head-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
  gap: calc(var(--padding-medium) - 20px);
}
.notfound .notfound__image {
  max-width: 750px;
  width: 47vw;
  margin: 0 auto calc(var(--padding-small) - 10px);
}
.notfound .notfound__img {
  position: absolute;
  top: 2px;
  left: 43.5%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.notfound .notfound__img img {
  max-height: 100%;
}
.notfound .button--primary {
  min-width: 260px;
}

@media (max-width: 1600px) {
  .notfound .button--primary {
    min-width: 230px;
  }
  .notfound .notfound__img {
    height: 52px;
  }
}
@media (max-width: 1440px) {
  .notfound .notfound__img {
    height: 47px;
  }
}
@media (max-width: 1199px) {
  .notfound .notfound__img {
    height: 37px;
  }
}
@media (max-width: 991px) {
  .notfound .notfound__img {
    height: 32px;
    top: -2px;
  }
}
@media (max-width: 767px) {
  .notfound .head-content .title br {
    display: none;
  }
  .notfound .notfound__img {
    left: 15px;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (max-width: 479px) {
  .notfound .notfound__image {
    max-width: 360px;
    width: 100%;
    margin-bottom: 30px;
  }
  .notfound .notfound__img {
    height: 47px;
    top: -22px;
    left: 12px;
  }
}
/*documents*/
.documents .head-content {
  gap: calc(var(--padding-medium) - 20px);
  margin-bottom: calc(var(--padding-medium) - 20px);
}
.documents .documents__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--padding-medium);
}

@media (max-width: 1440px) {
  .documents .head-content {
    gap: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 479px) {
  .documents .head-content .subtitle {
    max-width: 280px;
  }
}
/*documents-awards*/
.documents-awards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.documents-awards .button--outline {
  width: 100%;
}
.documents-awards .documents-awards__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.documents-awards .documents-awards__item {
  width: calc((100% - 45px) / 4);
  border: 1px solid #DDDFE0;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  height: 655px;
  padding: 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.documents-awards .documents-awards__image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  border-radius: inherit;
  z-index: 1;
}
.documents-awards .documents-awards__title {
  position: relative;
  z-index: 12;
  font-size: 24px;
  line-height: 110%;
  font-family: var(--font-second);
  font-weight: 600;
}
.documents-awards .documents-awards__content {
  position: relative;
  z-index: 12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  font-size: 14px;
  line-height: 120%;
}
.documents-awards .documents-awards__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding-right: 30px;
}
.documents-awards .documents-awards__quote {
  font-family: var(--font-third);
  font-style: italic;
}

@media (max-width: 1600px) {
  .documents-awards .documents-awards__item {
    padding: 20px;
    height: 555px;
  }
  .documents-awards .documents-awards__content {
    gap: 15px;
    font-size: 13px;
  }
  .documents-awards .documents-awards__title {
    font-size: 20px;
  }
  .documents-awards .documents-awards__quote {
    font-size: 12px;
  }
}
@media (max-width: 1440px) {
  .documents-awards .documents-awards__title {
    font-size: 18px;
  }
  .documents-awards .documents-awards__text {
    padding-right: 0;
  }
  .documents-awards .documents-awards__item {
    height: 455px;
  }
}
@media (max-width: 1199px) {
  .documents-awards .documents-awards__item {
    padding: 15px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .documents-awards .documents-awards__image picture {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .documents-awards .documents-awards__image {
    bottom: 80px;
  }
  .documents-awards .documents-awards__image::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(transparent));
    background: linear-gradient(to top, #fff, transparent);
    height: 30%;
  }
}
@media (max-width: 991px) {
  .documents-awards .documents-awards__item {
    width: calc((100% - 15px) / 2);
  }
  .documents-awards .documents-awards__content {
    max-width: 280px;
  }
}
@media (max-width: 767px) {
  .documents-awards .documents-awards__grid {
    gap: 10px;
  }
  .documents-awards .documents-awards__item {
    padding: 15px 10px;
    width: calc((100% - 10px) / 2);
  }
}
@media (max-width: 479px) {
  .documents-awards .documents-awards__item {
    width: 100%;
    height: 655px;
  }
  .documents-awards .documents-awards__title {
    font-size: 24px;
  }
  .documents-awards .documents-awards__content {
    font-size: 14px;
    max-width: 280px;
    gap: 20px;
  }
}
/*residence-advantages*/
.documents-advantages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.documents-advantages .info-card {
  width: calc((100% - 30px) / 3);
}
.documents-advantages .info-card.info-card--1 .info-card__img {
  right: -1px;
  top: -1px;
}
.documents-advantages .info-card.info-card--2 .info-card__img {
  top: -1px;
  right: 126px;
}
.documents-advantages .info-card.info-card--3 .info-card__img {
  top: 32px;
  right: 30px;
}

@media (max-width: 1600px) {
  .documents-advantages .info-card.info-card--1 .info-card__img {
    height: 80px;
  }
  .documents-advantages .info-card.info-card--2 .info-card__img {
    height: 105px;
    right: 105px;
  }
  .documents-advantages .info-card.info-card--3 .info-card__img {
    height: 80px;
    top: 26px;
  }
}
@media (max-width: 1199px) {
  .documents-advantages .info-card.info-card--1 .info-card__img {
    height: 70px;
  }
  .documents-advantages .info-card.info-card--2 .info-card__img {
    height: 95px;
    right: 95px;
  }
  .documents-advantages .info-card.info-card--3 .info-card__img {
    height: 70px;
    top: 23px;
  }
}
@media (max-width: 767px) {
  .documents-advantages {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .documents-advantages .info-card {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .documents-advantages .info-card .info-card__text {
    max-width: 310px;
  }
  .documents-advantages .info-card.info-card--1 .info-card__img {
    top: -13px;
  }
  .documents-advantages .info-card.info-card--2 .info-card__img {
    top: -13px;
  }
  .documents-advantages .info-card.info-card--3 .info-card__img {
    top: 13px;
    right: 23px;
  }
}
/*documents-list*/
.documents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-small) - 10px);
}
.documents-list .documents-list__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 60px;
}
.documents-list .documents-list__item {
  width: calc((100% - 120px) / 3);
  padding-bottom: 15px;
  position: relative;
  border-bottom: 1px solid #E7E7E7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.documents-list .documents-list__item:hover {
  border-color: var(--orange);
}
.documents-list .documents-list__item:hover .documents-list__content {
  color: var(--orange);
}
.documents-list .documents-list__content {
  min-height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  padding-right: 50px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 16px;
}
.documents-list .documents-list__content::after {
  content: "";
  width: 38px;
  height: 38px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/local/templates/vilti/img/icons/pdf.svg) no-repeat;
  background-position: center;
  background-size: contain;
}
.documents-list .documents-list__panel {
  display: none;
}
.documents-list .documents-list__panel.is-active {
  display: block;
}
.documents-list .documents-list__panel.is-active .fade-in-up {
  visibility: visible !important;
  -webkit-animation-name: fadeInUp !important;
          animation-name: fadeInUp !important;
}

@media (max-width: 1600px) {
  .documents-list .documents-list__grid {
    gap: 40px;
  }
  .documents-list .documents-list__content {
    font-size: 14px;
    min-height: 32px;
  }
  .documents-list .documents-list__content::after {
    width: 32px;
    height: 32px;
  }
  .documents-list .documents-list__item {
    width: calc((100% - 80px) / 3);
  }
}
@media (max-width: 1440px) {
  .documents-list .documents-list__grid {
    gap: 30px;
  }
  .documents-list .documents-list__item {
    width: calc((100% - 60px) / 3);
  }
}
@media (max-width: 1199px) {
  .documents-list .documents-list__content {
    padding-right: 40px;
  }
}
@media (max-width: 991px) {
  .documents-list .documents-list__item {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .documents-list .documents-list__grid {
    gap: 0;
  }
  .documents-list .documents-list__item {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .documents-list .documents-list__content::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 28px;
    height: 28px;
  }
  .documents-list .documents-list__content {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: auto;
  }
}
@media (max-width: 479px) {
  .documents-list {
    gap: 30px;
  }
}
/*clients*/
.clients .head-content {
  gap: calc(var(--padding-medium) - 20px);
}
.clients .clients__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-small) - 10px);
}
.clients .clients__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  position: relative;
  z-index: 13;
}
.clients .clients__item {
  width: calc((100% - 30px) / 3);
  border: 1px solid #D0D0D0;
  padding: 30px 20px;
  background: conic-gradient(from 97deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), -webkit-gradient(linear, left bottom, left top, from(#FFC7A6), to(#FFC7A6));
  background: conic-gradient(from 97deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), linear-gradient(0deg, #FFC7A6, #FFC7A6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.clients .clients__item-title {
  font-size: 24px;
  line-height: 110%;
  font-family: var(--font-second);
  font-weight: 600;
}
.clients .clients__item-label {
  color: var(--gray);
  font-size: 16px;
  line-height: 120%;
}

@media (max-width: 1600px) {
  .clients .clients__item-title {
    font-size: 20px;
  }
  .clients .clients__item-label {
    font-size: 14px;
  }
  .clients .clients__item {
    padding: 20px;
    gap: 10px;
  }
}
@media (max-width: 1440px) {
  .clients .clients__item-title {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .clients .clients__item {
    padding: 15px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .clients .clients__item-title {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .clients .head-content {
    gap: var(--padding-small);
  }
  .clients .head-content br {
    display: none;
  }
  .clients .clients__grid {
    gap: 10px;
  }
  .clients .clients__item {
    width: calc((100% - 10px) / 2);
  }
}
@media (max-width: 479px) {
  .clients .clients__item {
    width: 100%;
    padding: 15px 10px;
  }
  .clients .head-content .title--h2 {
    max-width: 320px;
  }
}
/*partners*/
.partners .head-content {
  gap: calc(var(--padding-medium) - 20px);
}
.partners .partners__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-small) - 10px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.partners .partners__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  width: 100%;
}
.partners .info-card {
  width: calc((100% - 30px) / 3);
}
.partners .info-card.info-card--1 .info-card__img {
  right: -1px;
  top: -1px;
}
.partners .info-card.info-card--2 .info-card__img {
  top: -1px;
  right: 126px;
}
.partners .info-card.info-card--3 .info-card__img {
  top: 63px;
  right: -1px;
}
.partners .info-card .info-card__text {
  max-width: 460px;
}

@media (max-width: 1600px) {
  .partners .info-card.info-card--1 .info-card__img {
    height: 80px;
  }
  .partners .info-card.info-card--2 .info-card__img {
    height: 105px;
    right: 105px;
  }
  .partners .info-card.info-card--3 .info-card__img {
    height: 80px;
    top: 53px;
  }
}
@media (max-width: 1199px) {
  .partners .info-card.info-card--1 .info-card__img {
    height: 70px;
  }
  .partners .info-card.info-card--2 .info-card__img {
    height: 95px;
    right: 95px;
  }
  .partners .info-card.info-card--3 .info-card__img {
    height: 70px;
    top: 45px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .partners .info-card .info-card__title {
    max-width: 200px;
  }
}
@media (max-width: 767px) {
  .partners .head-content {
    gap: var(--padding-small);
  }
  .partners .partners__grid {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .partners .info-card {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .partners .info-card.info-card--1 .info-card__img {
    top: -10px;
    height: 70px;
  }
  .partners .info-card.info-card--2 .info-card__img {
    top: -10px;
    height: 90px;
  }
  .partners .info-card.info-card--3 .info-card__img {
    top: 35px;
    height: 70px;
  }
}
/*cooperation*/
.cooperation .head-content {
  margin-bottom: calc(var(--padding-small) - 10px);
}
.cooperation .cooperation__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--padding-medium);
  position: relative;
  z-index: 13;
}
.cooperation .cooperation__quote {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.cooperation .cooperation__quote-label {
  font-size: 14px;
  line-height: 120%;
  color: #919191;
  text-align: left;
}
.cooperation .cooperation__quote-text {
  font-size: 26px;
  line-height: 120%;
  letter-spacing: -0.03em;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.cooperation .cooperation__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.cooperation .cooperation__gallery-img {
  background: #E5E9EA;
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc((100% - 40px) / 9);
  height: 230px;
}
.cooperation .cooperation__gallery-img img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
.cooperation .cooperation__gallery-img:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

@media (max-width: 1600px) {
  .cooperation .cooperation__gallery-img {
    height: 190px;
  }
  .cooperation .cooperation__quote-label {
    font-size: 12px;
  }
  .cooperation .cooperation__quote-text {
    font-size: 22px;
    gap: 20px;
  }
}
@media (max-width: 1440px) {
  .cooperation .cooperation__quote-text {
    font-size: 18px;
  }
  .cooperation .cooperation__gallery-img {
    height: 160px;
  }
}
@media (max-width: 1199px) {
  .cooperation .cooperation__quote-text {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .cooperation .cooperation__quote-text br {
    display: none;
  }
  .cooperation .cooperation__gallery-img {
    width: calc((100% - 25px) / 6);
  }
}
@media (max-width: 767px) {
  .cooperation .cooperation__quote-text .button.button--primary {
    display: none;
  }
  .cooperation .cooperation__gallery-img {
    width: calc((100% - 15px) / 4);
  }
  .cooperation .head-content {
    margin-bottom: var(--padding-small);
  }
  .cooperation .cooperation__content {
    gap: var(--padding-small);
  }
}
@media (max-width: 479px) {
  .cooperation .cooperation__quote {
    gap: 15px;
  }
  .cooperation .cooperation__quote-label {
    font-size: 13px;
  }
  .cooperation .cooperation__quote-text {
    font-size: 14px;
  }
  .cooperation .cooperation__gallery-img {
    height: 120px;
  }
}
/*media*/
.media .head-content {
  gap: calc(var(--padding-medium) - 20px);
  max-width: 690px;
}
.media .media__content {
  position: relative;
  padding-right: 50%;
  padding-bottom: var(--padding-medium);
}
.media .media__video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  padding-left: 70px;
}
.media .media__video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.media .media__main {
  margin-top: var(--padding-medium);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.media .media__articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
.media .media__articles-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.media .article-video {
  width: 100%;
}
.media .article-card {
  width: calc((100% - 45px) / 4);
}
.media .media__panel {
  display: none;
}
.media .media__panel.is-active {
  display: block;
}
.media .media__panel.is-active .fade-in-up {
  visibility: visible !important;
  -webkit-animation-name: fadeInUp !important;
          animation-name: fadeInUp !important;
}

@media (max-width: 1600px) {
  .media .head-content {
    max-width: 620px;
  }
  .media .media__video {
    padding-left: 50px;
  }
  .media .media__articles {
    gap: 30px;
  }
}
@media (max-width: 1440px) {
  .media .head-content {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .media .media__video {
    padding-left: 30px;
  }
}
@media (max-width: 991px) {
  .media .article-card {
    width: calc((100% - 15px) / 2);
  }
  .media .head-content {
    padding-right: 20px;
  }
  .media .media__video {
    padding-left: 0;
  }
  .media .media__content {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .media .head-content {
    padding: 0;
    margin-bottom: 20px;
  }
  .media .media__content {
    padding: 0;
  }
  .media .media__video {
    position: static;
    width: 100%;
    height: 250px;
  }
  .media .media__articles {
    gap: 40px;
  }
  .media .media__articles-row {
    gap: 10px;
  }
  .media .article-card {
    width: calc((100% - 10px) / 2);
  }
  .media .media__main {
    margin-top: 20px;
  }
}
@media (max-width: 479px) {
  .media .media__video {
    height: 220px;
  }
}
@media (max-width: 369px) {
  .media .article-card {
    width: 100%;
  }
}
/*reviews*/
.reviews .head-content {
  gap: calc(var(--padding-medium) - 20px);
}
.reviews .reviews__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-medium) - 10px);
}
.reviews .reviews__hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-small) - 10px);
}
.reviews .reviews__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.reviews .reviews__item {
  width: calc((100% - 45px) / 4);
  border: 1px solid #D0D0D0;
  background: conic-gradient(from 108deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), -webkit-gradient(linear, left bottom, left top, from(#FFC7A6), to(#FFC7A6));
  background: conic-gradient(from 108deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), linear-gradient(0deg, #FFC7A6, #FFC7A6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
  position: relative;
  padding: 25px 20px;
  height: 205px;
  overflow: hidden;
}
.reviews .reviews__item--1 .reviews__item-icon {
  left: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.reviews .reviews__item--1 .reviews__item-icon img {
  height: 112%;
  max-width: initial;
}
.reviews .reviews__item--2 .reviews__item-icon {
  right: 13%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.reviews .reviews__item--2 .reviews__item-icon img {
  height: 112%;
  max-width: initial;
}
.reviews .reviews__item--4 .reviews__item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  bottom: -2px;
}
.reviews .reviews__item--4 .reviews__item-icon img {
  max-height: 100%;
}
.reviews .reviews__item-title {
  font-size: 70px;
  line-height: 110%;
  letter-spacing: -0.03em;
  font-family: var(--font-second);
  position: relative;
  z-index: 12;
}
.reviews .reviews__item-text {
  font-family: var(--font-second);
  font-size: 24px;
  line-height: 110%;
  font-weight: 600;
  position: relative;
  z-index: 12;
}
.reviews .reviews__item-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.reviews .reviews__item-bg {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.reviews .reviews__item-bg img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1600px) {
  .reviews .reviews__item-title {
    font-size: 60px;
  }
  .reviews .reviews__item-text {
    font-size: 20px;
  }
  .reviews .reviews__item {
    height: 180px;
  }
  .reviews .reviews__item--4 .reviews__item-icon {
    top: 20px;
  }
}
@media (max-width: 1440px) {
  .reviews .head-content {
    gap: 30px;
  }
  .reviews .reviews__item-title {
    font-size: 50px;
  }
  .reviews .reviews__item-text {
    font-size: 18px;
  }
  .reviews .reviews__item {
    padding: 20px 15px;
    height: 160px;
  }
  .reviews .reviews__item--4 .reviews__item-icon {
    top: 30px;
  }
}
@media (max-width: 1199px) {
  .reviews .reviews__item-title {
    font-size: 40px;
  }
  .reviews .reviews__item-text {
    font-size: 16px;
  }
  .reviews .reviews__item--4 .reviews__item-icon {
    top: auto;
    height: 100px;
  }
  .reviews .reviews__item {
    height: 130px;
  }
}
@media (max-width: 991px) {
  .reviews .reviews__item {
    width: calc((100% - 15px) / 2);
  }
}
@media (max-width: 767px) {
  .reviews .reviews__rating {
    gap: 10px;
  }
  .reviews .reviews__item {
    width: calc((100% - 10px) / 2);
    height: auto;
    padding: 10px;
    min-height: 90px;
  }
  .reviews .reviews__item-title {
    font-size: 34px;
  }
  .reviews .reviews__item-text {
    font-size: 14px;
  }
  .reviews .reviews__item--4 .reviews__item-icon {
    height: 80px;
  }
}
@media (max-width: 479px) {
  .reviews .reviews__item--4 .reviews__item-text {
    max-width: 70px;
  }
  .reviews .reviews__item--4 .reviews__item-icon {
    height: 100px;
  }
  .reviews .reviews__item-title {
    font-size: 30px;
  }
  .reviews .reviews__item--2 .reviews__item-icon img {
    height: 100px;
  }
}
/*review-card*/
.review-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.review-card .review-card__media {
  width: calc(55% - 30px);
  position: relative;
  height: 490px;
}
.review-card .review-card__image {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 2px;
  overflow: hidden;
}
.review-card .review-card__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.review-card .review-card__badge {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 120px;
}
.review-card .review-card__badge img {
  width: 100%;
}
.review-card .review-card__play {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 0;
  background: transparent;
  border: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
  font-weight: 600;
  font-family: var(--font-second);
  font-size: 16px;
}
.review-card .review-card__play:hover {
  opacity: 0.8;
}
.review-card .review-card__content {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  width: 45%;
}
.review-card .review-card__title {
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 110%;
  color: #000;
  font-weight: 600;
  font-family: var(--font-second);
}
.review-card .review-card__gallery-scroll {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 13px;
  letter-spacing: -0.03em;
  line-height: 110%;
  color: #939393;
  margin-bottom: 10px;
}
.review-card .review-card__gallery-scroll img {
  width: 27px;
}
.review-card .review-card__gallery {
  display: none;
}
.review-card .review-card__gallery-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
.review-card .review-card__gallery-item {
  width: 240px;
  height: 135px;
  overflow: hidden;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.review-card .review-card__gallery-item video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.review-card .review-card__gallery-item img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.review-card .review-card__author {
  background: #F8F8F8;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.review-card .review-card__author-info {
  position: relative;
  min-height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 220px;
}
.review-card .review-card__author-photo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  width: 140px;
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.review-card .review-card__author-photo::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 35px;
  top: -1px;
  left: -1px;
  background: url(/local/templates/vilti/img/review-card/mark.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.review-card .review-card__author-photo img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.review-card .review-card__author-name {
  font-size: 20px;
  line-height: 110%;
  color: #000;
  font-weight: 600;
  font-family: var(--font-second);
  margin-bottom: 10px;
}
.review-card .review-card__author-text {
  font-size: 16px;
  line-height: 120%;
  color: var(--gray);
}
.review-card .review-card__customer {
  background: #F8F8F8;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.review-card .review-card__customer-title {
  font-size: 20px;
  line-height: 110%;
  color: #000;
  font-weight: 600;
  font-family: var(--font-second);
}
.review-card .review-card__customer-text {
  font-size: 16px;
  line-height: 120%;
  color: var(--gray);
  max-width: 500px;
}
.review-card .review-card__customer-text + .link {
  max-width: 500px;
  margin-top: 10px;
}
.review-card .review-card__params {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  position: relative;
}
.review-card .review-card__params.review-card__params--hidding {
  max-height: 160px;
  overflow: hidden;
}
.review-card .review-card__params.review-card__params--hidding::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 90%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #FFFFFF);
}
.review-card .review-card__params.review-card__params--hidding.is-open {
  max-height: 100%;
}
.review-card .review-card__params.review-card__params--hidding.is-open::after {
  display: none;
}
.review-card .review-card__param {
  font-size: 16px;
  line-height: 120%;
  border-bottom: 1px solid #D6D6D6;
  padding: 0 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.review-card .review-card__param > *:first-child {
  font-weight: 600;
  width: 40%;
}
.review-card .review-card__param > *:nth-child(2) {
  width: 60%;
}

@media (max-width: 1600px) {
  .review-card .review-card__customer-title {
    font-size: 18px;
  }
  .review-card .review-card__customer-text {
    font-size: 14px;
  }
  .review-card .review-card__customer {
    padding: 15px;
  }
  .review-card .review-card__author {
    padding: 15px;
  }
  .review-card .review-card__author-name {
    font-size: 18px;
  }
  .review-card .review-card__author-text {
    font-size: 14px;
  }
  .review-card .review-card__author-info {
    padding-right: 170px;
    min-height: 110px;
  }
  .review-card .review-card__author-photo {
    width: 120px;
    height: 110px;
  }
  .review-card .review-card__param {
    font-size: 14px;
  }
  .review-card .review-card__title {
    font-size: 20px;
  }
  .review-card .review-card__media {
    height: 420px;
  }
  .review-card .review-card__badge {
    top: 15px;
    right: 15px;
    width: 100px;
  }
}
@media (max-width: 1440px) {
  .review-card {
    gap: 15px;
  }
  .review-card .review-card__media {
    width: calc(55% - 15px);
  }
}
@media (max-width: 1199px) {
  .review-card .review-card__content {
    width: 50%;
  }
  .review-card .review-card__media {
    width: calc(50% - 15px);
  }
  .review-card .review-card__author-name {
    font-size: 16px;
  }
  .review-card .review-card__title {
    font-size: 18px;
  }
  .review-card .review-card__customer-title {
    font-size: 16px;
  }
  .review-card .review-card__customer {
    padding: 10px;
  }
  .review-card .review-card__author {
    padding: 10px;
  }
}
@media (max-width: 991px) {
  .review-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .review-card .review-card__media {
    width: 100%;
    height: 390px;
  }
  .review-card .review-card__content {
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .review-card .review-card__media {
    height: 250px;
  }
}
@media (max-width: 479px) {
  .review-card .review-card__badge {
    width: 60px;
    top: 10px;
    right: 15px;
  }
  .review-card .review-card__media {
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
  }
  .review-card .review-card__media {
    height: 200px;
  }
  .review-card .review-card__author {
    padding: 20px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
  }
  .review-card .review-card__author-info {
    padding-right: 0;
    min-height: 100%;
    width: 100%;
  }
  .review-card .review-card__author-photo {
    width: 190px;
    height: 180px;
    position: relative;
    top: auto;
    right: auto;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    margin-top: 10px;
  }
  .review-card .review-card__author-photo::after {
    width: 40px;
    height: 45px;
  }
  .review-card .review-card__param > *:first-child {
    width: 100%;
    font-size: 16px;
  }
  .review-card .review-card__param > *:nth-child(2) {
    width: 100%;
  }
  .review-card .review-card__param {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .review-card .review-card__customer {
    padding: 20px 10px;
    gap: 0;
  }
  .review-card .review-card__btn-toggle.is-open .review-card__title-toggle::after {
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  .review-card .review-card__text-toggle {
    display: none;
    padding-top: 10px;
  }
  .review-card .review-card__title-toggle {
    position: relative;
    padding-right: 20px;
    width: 100%;
    margin: 0;
  }
  .review-card .review-card__title-toggle span {
    max-width: 230px;
    display: inline-block;
  }
  .review-card .review-card__title-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: url(/local/templates/vilti/img/icons/plus.svg) no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .review-card .review-card__gallery {
    display: block;
    margin-bottom: 10px;
  }
  .review-card .review-card__gallery-grid {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .review-card .review-card__gallery-inner {
    overflow-x: auto;
    scrollbar-width: none;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px;
  }
  .review-card .review-card__play img {
    width: 28px;
  }
  .review-card .review-card__play {
    bottom: 15px;
    left: 15px;
  }
  .review-card + .documents-awards {
    margin-top: 20px;
  }
}
/*materials*/
.materials .head-content {
  gap: calc(var(--padding-medium) - 20px);
}
.materials .materials__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-top: 40px;
}
.materials .materials__gallery-img {
  height: 300px;
  width: calc((100% - 30px) / 4);
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.materials .materials__gallery-img:hover {
  opacity: 0.8;
}
.materials .materials__logos {
  background: #F8F8F8;
  border-radius: 4px;
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
.materials .materials__logos-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  mix-blend-mode: multiply;
  max-height: 100%;
}
.materials .materials__logos-img img {
  max-height: 100%;
}

@media (max-width: 1600px) {
  .materials .materials__gallery-img {
    height: 250px;
  }
  .materials .materials__logos {
    padding: 10px 20px;
  }
  .materials .materials__logos-img {
    height: 70px;
  }
}
@media (max-width: 1440px) {
  .materials .head-content {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .materials .materials__gallery-img {
    height: 200px;
  }
  .materials .materials__logos-img {
    height: 50px;
    max-width: 120px;
  }
}
@media (max-width: 767px) {
  .materials .materials__gallery-img {
    height: 200px;
    width: calc((100% - 10px) / 2);
  }
  .materials .subtitle br {
    display: none;
  }
  .materials .materials__logos {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    row-gap: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 479px) {
  .materials .materials__gallery {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 30px;
    gap: 5px;
  }
  .materials .materials__gallery-img {
    height: 170px;
    width: calc((100% - 5px) / 2);
  }
  .materials .materials__logos {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 5px;
    padding: 10px;
    gap: 15px;
  }
  .materials .materials__logos-img {
    width: calc((100% - 30px) / 3);
    height: 40px;
  }
}
/*tech*/
.tech .tech__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.tech .tech__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  width: 100%;
}
.tech .info-card {
  width: 37%;
}
.tech .info-card.info-card--1 .info-card__img {
  right: 50px;
  top: -1px;
}
.tech .info-card.info-card--2 .info-card__img {
  top: -1px;
  right: 126px;
}
.tech .tech__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
  border-radius: 4px;
  background: #F8F8F8;
  border: 1px solid #DDDFE0;
  padding: 34px;
  width: 26%;
  position: relative;
}
.tech .tech__cta-media {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  border-radius: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tech .tech__cta-media video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tech .tech__cta-media::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(67.66%, rgba(0, 0, 0, 0.6)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 67.66%);
}
.tech .tech__cta-title {
  color: #fff;
  font-size: 24px;
  line-break: 110%;
  font-family: var(--font-second);
  font-weight: 600;
  position: relative;
  z-index: 12;
}

@media (max-width: 1600px) {
  .tech .info-card.info-card--1 .info-card__img {
    height: 80px;
    right: 40px;
  }
  .tech .info-card.info-card--2 .info-card__img {
    height: 105px;
    right: 105px;
  }
  .tech .tech__cta {
    padding: 28px;
  }
  .tech .tech__cta-title {
    font-size: 20px;
  }
  .tech .tech__content {
    gap: 30px;
  }
}
@media (max-width: 1440px) {
  .tech .tech__cta {
    padding: 20px;
  }
  .tech .tech__cta-title {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .tech .info-card.info-card--1 .info-card__img {
    height: 70px;
    right: -1px;
  }
  .tech .info-card.info-card--2 .info-card__img {
    height: 95px;
    right: 95px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .tech .info-card {
    width: 33.33%;
  }
  .tech .tech__cta {
    width: 33.33%;
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .tech .head-content {
    gap: var(--padding-small);
  }
  .tech .tech__grid {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tech .info-card {
    width: 100%;
  }
  .tech .tech__cta {
    width: 100%;
    height: 300px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .tech .tech__cta-title {
    max-width: 250px;
  }
}
@media (max-width: 479px) {
  .tech .tech__content {
    gap: 20px;
  }
  .tech .info-card.info-card--1 .info-card__img {
    top: -13px;
  }
  .tech .info-card.info-card--2 .info-card__img {
    top: -13px;
  }
  .tech .tech__cta {
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
    border: none;
    border-radius: 0;
    padding: 20px 10px;
  }
  .tech .button--primary {
    width: 100%;
  }
}
/*quality*/
.quality .quality__content {
  background: #F8F8F8;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 50px;
}
.quality .quality__image {
  width: calc(100% - 800px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  overflow: hidden;
}
.quality .quality__columns {
  width: 750px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  padding-top: 55px;
  padding-bottom: 55px;
}
.quality .head-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.quality .stats .stats__item {
  width: calc((100% - 10px) / 2);
}

@media (max-width: 1600px) {
  .quality .quality__content {
    padding: 25px;
    gap: 40px;
  }
  .quality .quality__image {
    width: calc(100% - 690px);
  }
  .quality .quality__columns {
    width: 650px;
    gap: 30px;
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .quality .head-content {
    gap: 30px;
  }
}
@media (max-width: 1440px) {
  .quality .quality__content {
    gap: 30px;
  }
  .quality .quality__image {
    width: calc(100% - 580px);
  }
  .quality .quality__columns {
    width: 550px;
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media (max-width: 1199px) {
  .quality .quality__image {
    width: calc(100% - 480px);
  }
  .quality .quality__columns {
    width: 450px;
  }
}
@media (max-width: 991px) {
  .quality .quality__image {
    width: calc(100% - 420px);
  }
  .quality .quality__columns {
    width: 390px;
  }
}
@media (max-width: 767px) {
  .quality .quality__columns {
    padding: 0;
  }
  .quality .quality__content {
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .quality .quality__image {
    width: 100%;
    height: 400px;
  }
  .quality .quality__columns {
    width: 100%;
  }
  .quality .stats .stats__item {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .quality .quality__image {
    height: 355px;
  }
  .quality .quality__content {
    padding: 10px;
  }
}
/*build-stat*/
.build-stat .stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.build-stat .stats__item {
  width: calc((100% - 30px) / 3);
}

@media (max-width: 767px) {
  .build-stat .stats__item {
    width: 100%;
  }
  .build-stat .stats {
    gap: 10px;
  }
}
/*construction-steps*/
.construction-steps .construction-steps__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-medium) - 20px);
}
.construction-steps .construction-steps__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
}
.construction-steps .construction-steps__column {
  width: calc(100% - 460px);
}
.construction-steps .construction-steps__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.construction-steps .construction-steps__form {
  background: #F8F8F8;
  border: 1px solid #DDDFE0;
  border-radius: 4px;
  width: 420px;
  padding: 65px 34px;
  position: sticky;
  top: 145px;
  right: 0;
}
.construction-steps .form .form__button {
  width: 100%;
}
.construction-steps .construction-steps__button {
  display: none;
}

@media (max-width: 1600px) {
  .construction-steps .construction-steps__form {
    padding: 50px 20px;
    width: 380px;
    top: 120px;
  }
  .construction-steps .construction-steps__grid {
    gap: 30px;
  }
  .construction-steps .construction-steps__column {
    width: calc(100% - 410px);
  }
}
@media (max-width: 1440px) {
  .construction-steps .construction-steps__content {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .construction-steps .construction-steps__grid {
    gap: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .construction-steps .construction-steps__column {
    width: 100%;
  }
  .construction-steps .construction-steps__form {
    width: 100%;
    padding: 30px 15px;
    position: relative;
    top: auto;
  }
  .construction-steps .form__content .form__content-text {
    max-width: 460px;
  }
  .construction-steps .form__content .form__content-text br {
    display: none;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .construction-steps .construction-steps__form .form .form__row.form__row--2 > * {
    width: calc(33.33% - 7px);
  }
}
@media (max-width: 767px) {
  .construction-steps .construction-steps__list {
    max-height: 800px;
    overflow: hidden;
    -webkit-transition: max-height 0.6s ease;
    transition: max-height 0.6s ease;
    position: relative;
    gap: 10px;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
  }
  .construction-steps .construction-steps__list.expanded {
    max-height: 100%;
  }
  .construction-steps .construction-steps__list.expanded + .construction-steps__button::before {
    height: 0;
  }
  .construction-steps .construction-steps__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .construction-steps .construction-steps__button::before {
    content: "";
    height: 180px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(74.58%, #FFFFFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 74.58%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .construction-steps .construction-steps__button .button.button--outline {
    width: 100%;
  }
  .construction-steps .construction-steps__grid {
    gap: 20px;
  }
  .construction-steps .construction-steps__column {
    position: relative;
  }
}
/*stats*/
.stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.stats .stats__item {
  padding: 20px;
  height: 205px;
  border: 1px solid #D0D0D0;
  background: conic-gradient(from 119.5deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), -webkit-gradient(linear, left bottom, left top, from(#FFC7A6), to(#FFC7A6));
  background: conic-gradient(from 119.5deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), linear-gradient(0deg, #FFC7A6, #FFC7A6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.stats .stats__value {
  font-size: 70px;
  line-height: 110%;
  letter-spacing: -0.03em;
  font-family: var(--font-second);
}
.stats .stats__label {
  font-size: 24px;
  line-height: 110%;
  font-weight: 600;
  font-family: var(--font-second);
}

@media (max-width: 1600px) {
  .stats .stats__item {
    height: 180px;
  }
  .stats .stats__value {
    font-size: 60px;
  }
  .stats .stats__label {
    font-size: 20px;
  }
}
@media (max-width: 1440px) {
  .stats .stats__item {
    height: 160px;
  }
  .stats .stats__value {
    font-size: 50px;
  }
  .stats .stats__label {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .stats .stats__item {
    height: 140px;
  }
  .stats .stats__value {
    font-size: 40px;
  }
  .stats .stats__label {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .stats .stats__item {
    padding: 20px 15px;
  }
}
@media (max-width: 767px) {
  .stats .stats__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 20px 10px;
    height: auto;
  }
  .stats .stats__label {
    width: 50%;
  }
  .stats .stats__label br {
    display: none;
  }
}
@media (max-width: 479px) {
  .stats .stats__value {
    font-size: 24px;
  }
  .stats .stats__label {
    font-size: 14px;
  }
  .stats .stats__label {
    width: 54%;
  }
}
/*step*/
.step {
  border: 1px solid #DDDFE0;
  border-radius: 4px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.step .step__left {
  width: 50%;
  padding: 65px 35px 20px 20px;
  position: relative;
}
.step .step__left .step__title {
  padding-left: 47px;
}
.step .step__right {
  width: 50%;
  border-left: 1px solid #DDDFE0;
  padding: 65px 35px;
}
.step .step__title {
  font-size: 24px;
  line-height: 110%;
  font-family: var(--font-second);
  font-weight: 600;
  margin-bottom: 30px;
}
.step .step__duration {
  font-size: 16px;
  line-height: 110%;
  font-weight: 600;
  margin-top: 25px;
}
.step .step__duration span {
  background: #FFDC8F;
  padding: 0 10px;
  height: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 15px;
}
.step .step__link {
  margin-top: 25px;
}
.step .step__text {
  width: 100%;
  color: var(--gray);
  font-size: 16px;
  line-height: 120%;
}
.step .step__number {
  position: absolute;
  top: 20px;
  right: 20px;
}
.step .step__img {
  position: absolute;
  top: -1px;
  left: 20px;
  z-index: -1;
}
.step .step__img img {
  max-height: 100%;
}
.step .step__list {
  padding-left: 15px;
  list-style-position: inside;
  font-size: 16px;
  line-height: 110%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin: 0;
}

@media (max-width: 1600px) {
  .step .step__left {
    padding: 55px 25px 20px 20px;
  }
  .step .step__right {
    padding: 55px 25px;
  }
  .step .step__title {
    font-size: 20px;
  }
  .step .step__text {
    font-size: 14px;
  }
  .step .step__img {
    left: 15px;
    height: 80px;
  }
  .step .step__list {
    font-size: 14px;
  }
  .step .step__number {
    top: 15px;
    right: 15px;
    width: 30px;
  }
  .step .step__left .step__title {
    padding-left: 37px;
  }
  .step .step__duration {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .step .step__left {
    padding: 35px 20px 20px;
  }
  .step .step__right {
    padding: 35px 20px;
  }
  .step .step__img {
    height: 70px;
    top: -10px;
  }
  .step .step__number {
    width: 24px;
  }
  .step .step__left .step__title {
    padding-left: 30px;
  }
  .step .step__title {
    font-size: 18px;
  }
  .step .step__img {
    top: -12px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .step .step__title {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .step .step__left {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .step .step__right {
    width: 100%;
    border-left: none;
    border-top: 1px solid #DDDFE0;
    padding: 25px 15px;
  }
  .step .step__right .step__title {
    margin-bottom: 15px;
  }
  .step .step__list {
    color: #666666;
    padding-left: 5px;
  }
  .step .step__duration {
    margin-top: 20px;
  }
  .step .step__link {
    margin-top: 20px;
  }
}
@media (max-width: 479px) {
  .step .step__number {
    top: 10px;
    right: 10px;
    width: 20px;
  }
  .step .step__left {
    padding: 40px 10px 25px;
  }
  .step .step__right {
    padding: 25px 10px;
  }
  .step .step__list {
    gap: 5px;
  }
  .step .step__img {
    top: -8px;
  }
}
/*turnkey-homes*/
.turnkey-homes {
  position: relative;
}
.turnkey-homes .turnkey-homes__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
  max-width: 620px;
  padding-right: 15px;
  padding-bottom: 75px;
}
.turnkey-homes .head-content {
  gap: calc(var(--padding-medium) - 20px);
}
.turnkey-homes .breadcrumbs {
  margin: 0;
}
.turnkey-homes .section-bg__overlay {
  background: #F8F8F8;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  overflow: hidden;
  border-radius: 4px;
  z-index: -1;
}
.turnkey-homes .turnkey-homes__images {
  position: absolute;
  top: 20px;
  bottom: 20px;
  right: 10px;
  width: 58%;
  z-index: 12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.turnkey-homes .turnkey-homes__image {
  border: 1px solid #D6D6D6;
  border-radius: 2px;
  overflow: hidden;
}
.turnkey-homes .turnkey-homes__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.turnkey-homes .turnkey-homes__image:first-child {
  width: 70%;
}
.turnkey-homes .turnkey-homes__image:last-child {
  width: calc(30% - 15px);
}
.turnkey-homes .turnkey-homes__image:last-child img {
  -o-object-position: left;
     object-position: left;
}

@media (min-width: 1921px) {
  .turnkey-homes .container {
    position: relative;
  }
  .turnkey-homes .turnkey-homes__images {
    top: -25px;
    right: 30px;
    max-width: 920px;
  }
}
@media (max-width: 1600px) {
  .turnkey-homes .turnkey-homes__content {
    max-width: 560px;
    padding-bottom: 65px;
  }
  .turnkey-homes .turnkey-homes__images {
    width: 56%;
  }
}
@media (max-width: 1440px) {
  .turnkey-homes .turnkey-homes__content {
    max-width: 480px;
    padding-bottom: 50px;
    gap: 30px;
  }
  .turnkey-homes .head-content {
    gap: 30px;
  }
  .turnkey-homes .turnkey-homes__images {
    width: 54%;
  }
}
@media (max-width: 1199px) {
  .turnkey-homes .turnkey-homes__content {
    max-width: 430px;
  }
  .turnkey-homes .turnkey-homes__images {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .turnkey-homes .turnkey-homes__images {
    width: 40%;
    gap: 10px;
  }
  .turnkey-homes .turnkey-homes__image:first-child {
    width: 100%;
  }
  .turnkey-homes .turnkey-homes__image:last-child {
    display: none;
  }
}
@media (max-width: 767px) {
  .turnkey-homes .turnkey-homes__content {
    padding-bottom: 20px;
    padding-right: 0;
    max-width: 100%;
  }
  .turnkey-homes .turnkey-homes__images {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 250px;
  }
  .turnkey-homes .turnkey-homes__image:first-child {
    width: 60%;
  }
  .turnkey-homes .turnkey-homes__image:last-child {
    width: calc(40% - 10px);
    display: block;
  }
  .turnkey-homes .head-content {
    max-width: 460px;
  }
  .turnkey-homes .section-bg__overlay {
    left: 0;
    right: 0;
  }
}
@media (max-width: 479px) {
  .turnkey-homes .turnkey-homes__content {
    padding-top: 10px;
    gap: 20px;
  }
  .turnkey-homes .turnkey-homes__images {
    height: 180px;
    gap: 5px;
    margin: 0 -10px;
    width: auto;
  }
  .turnkey-homes .turnkey-homes__image:last-child {
    width: calc(40% - 5px);
  }
  .turnkey-homes .head-content {
    gap: 20px;
  }
  .turnkey-homes .head-content {
    max-width: 300px;
  }
}
/*system*/
.system {
  padding: 0;
  margin-top: var(--padding-large);
  overflow: hidden;
}
.system .system__content {
  min-height: 925px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--padding-medium) 0;
  gap: 40px;
}
.system .head-content {
  gap: 40px;
}
.system .system__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.system .system__item {
  width: calc((100% - 45px) / 4);
  border: 1px solid #DDDFE0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  padding: 64px 20px 25px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 15px;
}
.system .system__item.system__item--1 .system__item-img {
  right: -1px;
  left: auto;
}
.system .system__item.system__item--4 .system__item-img {
  top: auto;
  left: auto;
  bottom: -3px;
  right: -1px;
}
.system .system__item-img {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: -1;
}
.system .system__item-img img {
  max-height: 100%;
}
.system .system__item-title {
  font-size: 24px;
  line-height: 110%;
  color: #fff;
  font-family: var(--font-second);
}
.system .system__item-text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 120%;
}

@media (max-width: 1600px) {
  .system .system__content {
    min-height: 780px;
    gap: 30px;
  }
  .system .head-content {
    gap: 30px;
  }
  .system .system__item {
    padding-top: 60px;
  }
  .system .system__item-title {
    font-size: 20px;
  }
  .system .system__item-text {
    font-size: 14px;
  }
  .system .system__item-img {
    height: 85px;
  }
}
@media (max-width: 1440px) {
  .system .system__content {
    min-height: 680px;
  }
  .system .system__item-title {
    font-size: 18px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .system .system__item-title {
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  .system .system__content {
    min-height: 600px;
  }
  .system .system__item {
    padding: 45px 15px 20px;
  }
  .system .system__item-img {
    height: 65px;
  }
  .system .system__item.system__item--2 .system__item-img {
    top: -11px;
  }
  .system .system__item {
    width: calc((100% - 15px) / 2);
  }
  .system .head-content br {
    display: none;
  }
}
@media (max-width: 479px) {
  .system .system__content {
    min-height: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
    gap: 0;
  }
  .system .head-content {
    gap: 15px;
  }
  .system .system__grid {
    margin-top: 215px;
  }
  .system .system__grid {
    gap: 10px;
  }
  .system .system__item {
    width: calc((100% - 10px) / 2);
    padding: 25px 10px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .system .system__item.system__item--1 .system__item-img {
    display: none;
  }
  .system .system__item.system__item--4 .system__item-img {
    display: none;
  }
}
@media (max-width: 369px) {
  .system .system__item {
    width: 100%;
    padding: 15px 10px;
  }
  .system .system__item-img {
    display: none;
  }
}
/*clips*/
.clips {
  overflow: hidden;
}
.clips .clips__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
}
.clips .clips__slider {
  width: 100%;
  overflow: visible;
}
.clips .clips__item {
  cursor: pointer;
}
.clips .clips__item:hover .clips__caption {
  color: var(--orange);
}
.clips .clips__thumb {
  height: 325px;
  background: #EBEBEB;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 10px;
}
.clips .clips__caption {
  font-size: 20px;
  line-height: 120%;
  color: #666666;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.clips .swiper-button-prev {
  margin-left: -20px;
}
.clips .swiper-button-next {
  margin-right: -20px;
}

@media (max-width: 1600px) {
  .clips .clips__thumb {
    height: 280px;
  }
  .clips .clips__caption {
    font-size: 18px;
  }
  .clips .clips__content {
    gap: 30px;
  }
}
@media (max-width: 1440px) {
  .clips .clips__thumb {
    height: 240px;
  }
  .clips .clips__caption {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .clips .swiper-button-prev {
    margin-left: 5px;
  }
  .clips .swiper-button-next {
    margin-right: 5px;
  }
  .clips .clips__caption {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .clips .clips__thumb {
    height: 325px;
  }
  .clips .swiper-wrapper {
    width: 180px;
  }
  .clips .clips__caption {
    font-size: 20px;
  }
}
/*filters*/
.filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 15px;
}
.filters .filters__close {
  width: 32px;
  height: 32px;
  position: absolute;
  background: transparent;
  padding: 0;
  border: none;
  top: 0;
  right: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}
.filters .filters__close img {
  width: 13px;
  height: 13px;
}
.filters .filter-item.range {
  width: 21%;
}
.filters .filter-item.select {
  width: 17%;
  max-width: 264px;
}
.filters .filter-item {
  position: relative;
}
.filters .filter-item label {
  color: #939393;
  font-size: 13px;
  line-height: 110%;
  letter-spacing: -0.03em;
  margin-bottom: 5px;
  display: block;
}
.filters .filter-item .select-btn {
  height: 44px;
  background: #F8F8F8;
  border-radius: 4px;
  border: none;
  padding: 0 44px 0 10px;
  overflow: hidden;
  font-size: 14px;
  color: #666666;
  letter-spacing: -0.02em;
  text-align: left;
  position: relative;
  width: 100%;
  font-family: var(--font-first);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filters .filter-item .select-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(/local/templates/vilti/img/icons/arrow-dropdown-filters.svg) no-repeat;
  background-size: contain;
  background-position: center;
  width: 14px;
  height: 7px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.filters .filter-item .select-dropdown {
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  -webkit-box-shadow: 0px 34px 24px 0px rgba(0, 0, 0, 0.3490196078);
          box-shadow: 0px 34px 24px 0px rgba(0, 0, 0, 0.3490196078);
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 10px;
  z-index: 14;
  color: #666666;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.02em;
  display: none;
}
.filters .filter-item .select-dropdown .select-dropdown__inner.buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.filters .filter-item .select-dropdown .option-btn {
  background: #F8F8F8;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  padding: 0 20px;
  height: 44px;
  font-size: 14px;
  line-height: 100%;
  text-align: left;
  color: #666666;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: var(--font-first);
}
.filters .filter-item .select-dropdown .option-btn.active {
  color: var(--orange);
  border-color: var(--orange);
}
.filters .filter-item .select-dropdown .option-btn.active:hover {
  border-color: var(--orange);
}
.filters .filter-item .select-dropdown .option-btn:hover {
  border-color: rgba(0, 0, 0, 0.3);
}
.filters .filter-item.open .select-btn::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
      -ms-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}
.filters .reset-btn {
  border: 1px solid rgba(0, 0, 0, 0.2509803922);
  border-radius: 4px;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 43px;
  padding: 0 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  font-size: 14px;
  color: #000;
}
.filters .reset-btn:hover {
  border-color: rgba(0, 0, 0, 0.5);
}
.filters .input-number {
  border-radius: 4px;
  background: #F8F8F8;
  height: 44px;
  border: none;
  padding: 0 10px;
  width: calc((100% - 12px) / 2);
  color: #666666;
  font-size: 14px;
  font-family: var(--font-first);
  width: 100%;
}
.filters .input-range {
  border-radius: 4px;
  background: #F8F8F8;
  height: 44px;
  border: none;
  padding: 0 10px;
  width: calc((100% - 12px) / 2);
  color: #666666;
  font-size: 14px;
  font-family: var(--font-first);
}
.filters .switcher-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.filters .switcher-btn {
  width: 44px;
  height: 44px;
  border-radius: 4px;
  background: #F8F8F8;
  border: 1px solid #E9E9E9;
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  color: var(--gray);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.filters .switcher-btn.active {
  color: var(--orange);
  border-color: var(--orange);
}
.filters .switcher-btn.active:hover {
  border-color: var(--orange);
}
.filters .switcher-btn:hover {
  border-color: rgba(0, 0, 0, 0.3);
}
.filters .range__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.filters .noUi-connects {
  overflow: visible;
}
.filters .noUi-target {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #9C9C9C;
  border: none;
  height: 1px;
  margin-top: 18px;
  margin-bottom: 10px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.filters .noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--orange);
  top: -10px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.filters .noUi-horizontal .noUi-handle.noUi-handle-upper {
  right: 0;
}
.filters .noUi-connect {
  background: var(--orange);
}
.filters .noUi-handle:after, .filters .noUi-handle:before {
  display: none;
}
.filters .noUi-handle:after, .filters .noUi-handle:before {
  display: none;
}

.filters-button {
  width: 100%;
  background: #F8F8F8;
  border-radius: 4px;
  border: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 44px 0 30px;
  position: relative;
  font-size: 13px;
  color: #666666;
  font-family: var(--font-first);
  height: 44px;
  display: none;
}
.filters-button::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
  width: 15px;
  height: 15px;
  background: url(/local/templates/vilti/img/icons/filter.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.filters-button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(/local/templates/vilti/img/icons/arrow-dropdown-filters.svg) no-repeat;
  background-size: contain;
  background-position: center;
  width: 14px;
  height: 7px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 1600px) {
  .filters .filter-item .select-btn {
    font-size: 13px;
  }
  .filters .filter-item .select-dropdown .option-btn {
    font-size: 13px;
    padding: 0 17px;
    height: 40px;
  }
  .filters .switcher-btn {
    font-size: 13px;
  }
  .filters .filter-item .select-dropdown {
    font-size: 13px;
  }
  .filters .reset-btn {
    font-size: 13px;
  }
  .filters .input-range {
    font-size: 13px;
  }
  .filters .input-number {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .filters .filter-item label {
    font-size: 12px;
  }
  .filters .filter-item .select-btn {
    font-size: 12px;
    padding-right: 34px;
  }
  .filters .filter-item .select-dropdown {
    font-size: 12px;
  }
  .filters .filter-item .select-dropdown .option-btn {
    font-size: 12px;
    padding: 0 10px;
    height: 34px;
  }
  .filters .switcher-btn {
    font-size: 12px;
  }
  .filters .filter-item .select-btn::after {
    right: 10px;
  }
  .filters .reset-btn {
    font-size: 12px;
    padding: 0 15px;
  }
  .filters .input-range {
    font-size: 12px;
  }
  .filters .input-number {
    font-size: 12px;
  }
}
@media (max-width: 1199px) {
  .filters .filters__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .filters-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .filters-button + .filters {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -300px;
    width: 300px;
    background: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: block;
    overflow-y: auto;
    z-index: 91;
    padding: 40px 20px;
  }
  .filters-button + .filters .filter-item.range {
    width: 100%;
  }
  .filters-button + .filters .filter-item.select {
    width: 100%;
  }
  .filters-button + .filters .reset-btn {
    width: 100%;
  }
  .filters-button + .filters.open {
    right: 0;
    -webkit-box-shadow: 0px 34px 24px 0px rgba(0, 0, 0, 0.3490196078);
            box-shadow: 0px 34px 24px 0px rgba(0, 0, 0, 0.3490196078);
  }
  .filters .noUi-target {
    position: static;
  }
  .filters .filter-item {
    margin-bottom: 20px;
  }
  .filters .input-range {
    pointer-events: none;
  }
}
@media (max-width: 767px) {
  .filters .filter-item--hidden {
    display: none;
  }
}
@media (max-width: 479px) {
  .filters-button + .filters {
    width: 100%;
    right: -100%;
  }
}
/*steps-hero*/
.steps-hero:first-of-type {
  padding-top: 0;
}
.steps-hero .steps-hero__content {
  min-height: 840px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0 calc(var(--padding-medium) - 10px);
}
.steps-hero.section-bg .section-bg__overlay {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10.19%, rgba(9, 9, 11, 0.3)), color-stop(54.41%, rgba(9, 9, 11, 0)), color-stop(68.56%, rgba(9, 9, 11, 0.53)), to(rgba(9, 9, 11, 0.8)));
  background: linear-gradient(180deg, rgba(9, 9, 11, 0.3) 10.19%, rgba(9, 9, 11, 0) 54.41%, rgba(9, 9, 11, 0.53) 68.56%, rgba(9, 9, 11, 0.8) 100%);
}
.steps-hero .breadcrumbs .breadcrumbs__link {
  color: #fff;
  background: rgba(255, 255, 255, 0.0117647059);
  border: 1px solid rgba(255, 255, 255, 0.2509803922);
}

@media (max-width: 1600px) {
  .steps-hero .steps-hero__content {
    min-height: 714px;
  }
}
@media (max-width: 1199px) {
  .steps-hero .steps-hero__content {
    min-height: 580px;
  }
}
@media (max-width: 991px) {
  .steps-hero .steps-hero__content {
    min-height: 480px;
  }
}
@media (max-width: 767px) {
  .steps-hero .steps-hero__content {
    min-height: 420px;
  }
  .steps-hero .steps-hero__content {
    padding: 30px 0;
  }
  .steps-hero .title {
    max-width: 460px;
  }
  .steps-hero .title br {
    display: none;
  }
  .steps-hero .subtitle {
    max-width: 480px;
  }
}
@media (max-width: 479px) {
  .steps-hero .steps-hero__content {
    min-height: 215px;
    padding: 15px 0;
  }
}
/*step-process*/
.step-process .step-process__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-medium) - 20px);
}
.step-process .step-process__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
}
.step-process .step-process__column {
  width: calc(100% - 460px);
}
.step-process .step-process__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.step-process .step-process__form {
  background: #F8F8F8;
  border: 1px solid #DDDFE0;
  border-radius: 4px;
  width: 420px;
  padding: 65px 34px;
  position: sticky;
  top: 145px;
  right: 0;
}
.step-process .form .form__button {
  width: 100%;
}
.step-process .step-process__button {
  display: none;
}

@media (max-width: 1600px) {
  .step-process .step-process__form {
    padding: 50px 20px;
    width: 380px;
    top: 120px;
  }
  .step-process .step-process__grid {
    gap: 30px;
  }
  .step-process .step-process__column {
    width: calc(100% - 410px);
  }
}
@media (max-width: 1440px) {
  .step-process .step-process__content {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .step-process .step-process__grid {
    gap: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .step-process .step-process__column {
    width: 100%;
  }
  .step-process .step-process__form {
    width: 100%;
    padding: 30px 15px;
    position: relative;
    top: auto;
  }
  .step-process .form__content .form__content-text {
    max-width: 460px;
  }
  .step-process .form__content .form__content-text br {
    display: none;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .step-process .step-process__form .form .form__row.form__row--2 > * {
    width: calc(33.33% - 7px);
  }
}
@media (max-width: 767px) {
  .step-process .title br {
    display: none;
  }
  .step-process .step-process__list {
    max-height: 800px;
    overflow: hidden;
    -webkit-transition: max-height 0.6s ease;
    transition: max-height 0.6s ease;
    position: relative;
    gap: 10px;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
  }
  .step-process .step-process__list.expanded {
    max-height: 100%;
  }
  .step-process .step-process__list.expanded + .step-process__button::before {
    height: 0;
  }
  .step-process .step-process__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .step-process .step-process__button::before {
    content: "";
    height: 180px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(74.58%, #FFFFFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 74.58%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .step-process .step-process__button .button.button--outline {
    width: 100%;
  }
  .step-process .step-process__grid {
    gap: 20px;
  }
  .step-process .step-process__column {
    position: relative;
  }
}
/*steps-payment*/
.steps-payment .steps-payment__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-medium) - 20px);
}
.steps-payment .steps-payment__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.steps-payment .steps-payment__row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #D6D6D6;
  padding: 30px 0 15px;
}
.steps-payment .steps-payment__row.steps-payment__row--head {
  border: none;
  padding: 21px 0;
}
.steps-payment .steps-payment__row.steps-payment__row--head .col {
  color: #000;
  font-family: var(--font-second);
  font-weight: 700;
}
.steps-payment .steps-payment__row.steps-payment__row--head::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -999px;
  right: -999px;
  background: #F8F8F8;
}
.steps-payment .steps-payment__row.steps-payment__row--body .col:first-child {
  color: #000;
  font-family: var(--font-second);
  font-weight: 600;
}
.steps-payment .steps-payment__row .col {
  font-size: 24px;
  line-height: 120%;
  color: var(--gray);
  position: relative;
  z-index: 12;
  padding-right: 10px;
}
.steps-payment .steps-payment__row .col:first-child {
  width: 19%;
}
.steps-payment .steps-payment__row .col:nth-child(2) {
  width: 55%;
}
.steps-payment .steps-payment__row .col:nth-child(3) {
  width: 26%;
}
.steps-payment .steps-payment__row .col:last-child {
  padding-right: 0;
}

@media (max-width: 1600px) {
  .steps-payment .steps-payment__row .col {
    font-size: 20px;
  }
  .steps-payment .steps-payment__row {
    padding-top: 20px;
  }
  .steps-payment .steps-payment__grid {
    gap: 20px;
  }
  .steps-payment .steps-payment__row.steps-payment__row--head {
    padding: 17px 0;
  }
}
@media (max-width: 1440px) {
  .steps-payment .steps-payment__content {
    gap: 30px;
  }
  .steps-payment .steps-payment__row .col {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .steps-payment .steps-payment__row .col {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .steps-payment {
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .steps-payment .title br {
    display: none;
  }
  .steps-payment .steps-payment__row.steps-payment__row--head {
    display: none;
  }
  .steps-payment .steps-payment__row {
    padding: 15px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
  }
  .steps-payment .steps-payment__grid {
    gap: 15px;
  }
  .steps-payment .steps-payment__row .col:first-child {
    width: 100%;
  }
  .steps-payment .steps-payment__row .col:nth-child(2) {
    width: 100%;
  }
  .steps-payment .steps-payment__row .col:nth-child(3) {
    width: 100%;
  }
  .steps-payment .steps-payment__row .col {
    padding: 0;
  }
}
@media (max-width: 479px) {
  .steps-payment .steps-payment__row .col:not(:first-child) {
    font-size: 14px;
  }
}
/*steps-advantages*/
.steps-advantages .stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.steps-advantages .stats__item {
  width: calc((100% - 30px) / 3);
}

@media (max-width: 767px) {
  .steps-advantages .stats__item {
    width: 100%;
  }
  .steps-advantages .stats {
    gap: 10px;
  }
}
/*step-about*/
.step-about .step-about__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}
.step-about .step-about__list {
  width: 44%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  padding-top: 35px;
  padding-bottom: 35px;
}
.step-about .step-about__image {
  width: calc(56% - 60px);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  overflow: hidden;
}
.step-about .step-about__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.step-about .step-about__item {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}
.step-about .step-about__item:last-child {
  border: none;
  padding-bottom: 0;
}
.step-about .step-about__title {
  font-size: 24px;
  line-height: 110%;
  font-family: var(--font-second);
  font-weight: 600;
}
.step-about .step-about__text {
  color: var(--gray);
  font-size: 24px;
  line-height: 120%;
}

@media (max-width: 1600px) {
  .step-about .step-about__title {
    font-size: 20px;
  }
  .step-about .step-about__text {
    font-size: 20px;
  }
  .step-about .step-about__item {
    gap: 20px;
    padding-bottom: 30px;
  }
  .step-about .step-about__list {
    gap: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .step-about .step-about__content {
    gap: 40px;
  }
  .step-about .step-about__image {
    width: calc(56% - 40px);
  }
}
@media (max-width: 1440px) {
  .step-about .step-about__title {
    font-size: 18px;
  }
  .step-about .step-about__text {
    font-size: 18px;
  }
  .step-about .step-about__content {
    gap: 30px;
  }
  .step-about .step-about__image {
    width: calc(56% - 30px);
  }
}
@media (max-width: 1199px) {
  .step-about .step-about__title {
    font-size: 16px;
  }
  .step-about .step-about__text {
    font-size: 16px;
  }
  .step-about .step-about__item {
    gap: 15px;
    padding-bottom: 20px;
  }
  .step-about .step-about__list {
    gap: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .step-about .step-about__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  .step-about .step-about__list {
    width: 100%;
    padding: 0;
    padding-bottom: 0;
  }
  .step-about .step-about__item br {
    display: none;
  }
  .step-about .step-about__image {
    width: 100%;
    height: 450px;
  }
  .step-about .step-about__item:last-child {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .step-about .step-about__image {
    height: 350px;
  }
}
@media (max-width: 479px) {
  .step-about {
    background: #F8F8F8;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: var(--padding-large);
  }
  .step-about .step-about__title {
    font-size: 18px;
  }
  .step-about .step-about__text {
    font-size: 14px;
  }
  .step-about .step-about__item {
    padding-bottom: 25px;
  }
  .step-about .step-about__list {
    gap: 25px;
  }
}
/*guarantee-hero*/
.guarantee-hero:first-of-type {
  padding-top: 0;
}
.guarantee-hero .guarantee-hero__content {
  min-height: 540px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0 calc(var(--padding-medium) - 10px);
}
.guarantee-hero.section-bg .section-bg__overlay {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10.19%, rgba(9, 9, 11, 0.3)), color-stop(54.41%, rgba(9, 9, 11, 0)), color-stop(68.56%, rgba(9, 9, 11, 0.53)), to(rgba(9, 9, 11, 0.8)));
  background: linear-gradient(180deg, rgba(9, 9, 11, 0.3) 10.19%, rgba(9, 9, 11, 0) 54.41%, rgba(9, 9, 11, 0.53) 68.56%, rgba(9, 9, 11, 0.8) 100%);
}
.guarantee-hero .breadcrumbs .breadcrumbs__link {
  color: #fff;
  background: rgba(255, 255, 255, 0.0117647059);
  border: 1px solid rgba(255, 255, 255, 0.2509803922);
}
.guarantee-hero .title .big {
  font-family: var(--font-second);
  font-size: 170px;
  line-height: 110%;
  letter-spacing: -0.03em;
  font-weight: 700;
  display: block;
}

@media (max-width: 1600px) {
  .guarantee-hero .guarantee-hero__content {
    min-height: 460px;
  }
  .guarantee-hero .title .big {
    font-size: 140px;
  }
}
@media (max-width: 1199px) {
  .guarantee-hero .guarantee-hero__content {
    min-height: 400px;
  }
  .guarantee-hero .title .big {
    font-size: 120px;
  }
}
@media (max-width: 991px) {
  .guarantee-hero .title .big {
    font-size: 100px;
  }
}
@media (max-width: 767px) {
  .guarantee-hero .guarantee-hero__content {
    padding: 30px 0;
  }
  .guarantee-hero .title .big {
    font-size: 80px;
  }
  .guarantee-hero .title br {
    display: none;
  }
}
@media (max-width: 479px) {
  .guarantee-hero .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .guarantee-hero .title .big {
    font-size: 60px;
  }
  .guarantee-hero .title span:not(.big) {
    max-width: 150px;
  }
  .guarantee-hero.section-bg .section-bg__cover {
    height: 100%;
  }
  .guarantee-hero .guarantee-hero__content {
    min-height: 387px;
    padding: 15px 0;
  }
}
@media (max-width: 369px) {
  .guarantee-hero .title .big {
    font-size: 46px;
  }
}
/*residence-locations*/
.residence-locations .head-content {
  margin-bottom: var(--padding-medium);
}
.residence-locations .residence-locations__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 70px;
}
.residence-locations .residence-locations__details {
  width: 44%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 25px;
}
.residence-locations .residence-locations__media {
  width: calc(56% - 70px);
  background: gray;
  border-radius: 4px;
  height: 420px;
  position: relative;
}
.residence-locations .residence-locations__filters {
  margin-bottom: var(--padding-small);
}
.residence-locations .filters .filter-item.select {
  width: calc((100% - 45px) / 4);
  max-width: 100%;
}
.residence-locations .residence-locations__title {
  font-size: 24px;
  line-height: 110%;
  font-weight: 600;
  font-family: var(--font-second);
  position: relative;
}
.residence-locations .residence-locations__desc {
  color: var(--gray);
  font-size: 16px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}
.residence-locations .residence-locations__sub {
  color: var(--gray);
  font-size: 16px;
  line-height: 120%;
  padding-left: 30px;
  line-height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.residence-locations .residence-locations__sub::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(/local/templates/vilti/img/residence-locations/map.svg) no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 20px;
}
.residence-locations .residence-locations__image {
  position: absolute;
  bottom: 40px;
  left: 10px;
  width: 250px;
  height: 160px;
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.residence-locations .residence-locations__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.residence-locations .residence-locations__header {
  position: relative;
}
.residence-locations .residence-locations__mark {
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: -7px;
}
.residence-locations .residence-locations__mark img {
  max-height: 100%;
}

@media (max-width: 1600px) {
  .residence-locations .residence-locations__image {
    width: 215px;
    height: 135px;
  }
  .residence-locations .residence-locations__media {
    height: 360px;
  }
  .residence-locations .residence-locations__media {
    width: calc(56% - 50px);
  }
  .residence-locations .residence-locations__inner {
    gap: 50px;
  }
  .residence-locations .residence-locations__desc {
    font-size: 15px;
  }
  .residence-locations .residence-locations__sub {
    font-size: 15px;
  }
  .residence-locations .residence-locations__title {
    font-size: 20px;
  }
  .residence-locations .residence-locations__mark {
    height: 56px;
    bottom: -3px;
  }
}
@media (max-width: 1440px) {
  .residence-locations .residence-locations__media {
    width: calc(56% - 30px);
  }
  .residence-locations .residence-locations__inner {
    gap: 30px;
  }
  .residence-locations .residence-locations__desc {
    font-size: 14px;
  }
  .residence-locations .residence-locations__sub {
    font-size: 14px;
  }
  .residence-locations .residence-locations__title {
    font-size: 18px;
  }
  .residence-locations .residence-locations__mark {
    height: 50px;
  }
  .residence-locations .residence-locations__image {
    width: 195px;
    height: 115px;
  }
}
@media (max-width: 991px) {
  .residence-locations .head-content {
    margin-bottom: 30px;
  }
  .residence-locations .residence-locations__filters {
    margin-bottom: 10px;
  }
  .residence-locations .residence-locations__desc {
    gap: 15px;
  }
  .residence-locations .residence-locations__details {
    gap: 15px;
  }
  .residence-locations .residence-locations__image {
    width: 150px;
    height: 90px;
  }
  .residence-locations .filters {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .residence-locations .filters .filter-item.select {
    width: calc((100% - 15px) / 2);
  }
}
@media (max-width: 767px) {
  .residence-locations .residence-locations__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  .residence-locations .residence-locations__details {
    width: 100%;
  }
  .residence-locations .residence-locations__media {
    width: 100%;
  }
  .residence-locations .residence-locations__mark {
    height: 47px;
  }
  .residence-locations .filters .filter-item.select:last-child {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .residence-locations .residence-locations__mark {
    left: -68px;
  }
  .residence-locations .title br {
    display: none;
  }
  .residence-locations .residence-locations__image {
    height: 80px;
  }
}
/*about-hero*/
.about-hero {
  overflow: hidden;
}
.about-hero:first-of-type {
  padding-top: 0;
}
.about-hero .about-hero__content {
  position: relative;
  min-height: 705px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0 calc(var(--padding-medium) - 10px);
}
.about-hero .subtitle {
  position: absolute;
  bottom: calc(var(--padding-medium) - 10px);
  right: 0;
  font-size: 28px;
  line-height: 100%;
  font-weight: 600;
}

@media (max-width: 1600px) {
  .about-hero .about-hero__content {
    min-height: 600px;
  }
  .about-hero .subtitle {
    font-size: 24px;
  }
}
@media (max-width: 1440px) {
  .about-hero .about-hero__content {
    min-height: 500px;
  }
}
@media (max-width: 1199px) {
  .about-hero .about-hero__content {
    min-height: 400px;
  }
  .about-hero .subtitle {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .about-hero .about-hero__content {
    min-height: 500px;
  }
  .about-hero .subtitle {
    position: static;
    font-size: 18px;
  }
  .about-hero .head-content {
    gap: 50px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .about-hero .section-bg__cover img {
    -o-object-position: 20%;
       object-position: 20%;
  }
}
@media (max-width: 767px) {
  .about-hero .about-hero__content {
    min-height: 400px;
  }
  .about-hero .about-hero__content {
    padding: 30px 0;
  }
  .about-hero .title {
    max-width: 460px;
  }
  .about-hero .title br {
    display: none;
  }
  .about-hero .subtitle {
    max-width: 200px;
    font-size: 16px;
  }
  .about-hero .title {
    max-width: 300px;
  }
  .about-hero .head-content {
    min-height: 260px;
  }
}
@media (max-width: 479px) {
  .about-hero .about-hero__content {
    min-height: 387px;
    padding: 15px 0 30px;
  }
  .about-hero .subtitle {
    max-width: 160px;
  }
}
@media (max-width: 369px) {
  .section-bg .section-bg__cover img {
    -o-object-position: center;
       object-position: center;
  }
}
/*about-second*/
.about-second .title {
  margin-bottom: calc(var(--padding-small) - 10px);
}
.about-second .subtitle:last-child {
  margin-bottom: 0;
  text-align: right;
}

@media (max-width: 1440px) {
  .about-second .title {
    margin-bottom: 0;
  }
  .about-second .head-content {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .about-second .subtitle br {
    display: none;
  }
}
@media (max-width: 479px) {
  .about-second .subtitle {
    font-size: 16px;
  }
  .about-second .subtitle:last-child {
    font-size: 14px;
  }
}
/*about-advantages*/
.about-advantages .about-advantages__content {
  background: #F8F8F8;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 70px;
  min-height: 790px;
}
.about-advantages .about-advantages__wrapper {
  padding-top: 35px;
  padding-bottom: 35px;
  width: 46%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--padding-small);
}
.about-advantages .about-advantages__image {
  width: calc(54% - 70px);
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.about-advantages .about-advantages__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-medium) - 10px);
}
.about-advantages .subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.about-advantages .about-advantages__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.about-advantages .info-card {
  width: calc((100% - 15px) / 2);
}
.about-advantages .info-card .info-card__img {
  height: 80px;
  z-index: 1;
}

@media (max-width: 1600px) {
  .about-advantages .about-advantages__content {
    gap: 50px;
    padding: 20px;
    min-height: 700px;
  }
  .about-advantages .about-advantages__image {
    width: calc(54% - 50px);
  }
  .about-advantages .subtitle {
    gap: 25px;
  }
  .about-advantages .about-advantages__wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 1440px) {
  .about-advantages .about-advantages__content {
    gap: 30px;
    min-height: 600px;
  }
  .about-advantages .about-advantages__image {
    width: calc(50% - 30px);
  }
  .about-advantages .about-advantages__header {
    gap: 30px;
  }
  .about-advantages .about-advantages__wrapper {
    padding-top: 25px;
    padding-bottom: 25px;
    width: 50%;
  }
  .about-advantages .subtitle {
    gap: 20px;
  }
}
@media (max-width: 1199px) {
  .about-advantages .about-advantages__image {
    width: calc(40% - 30px);
  }
  .about-advantages .about-advantages__wrapper {
    width: 60%;
  }
  .about-advantages .about-advantages__content {
    min-height: 100%;
  }
  .about-advantages .info-card .info-card__img {
    height: 70px;
  }
}
@media (max-width: 991px) {
  .about-advantages .about-advantages__content {
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .about-advantages .about-advantages__image {
    width: 100%;
    height: 400px;
  }
  .about-advantages .about-advantages__wrapper {
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .about-advantages .about-advantages__image {
    height: 350px;
  }
  .about-advantages .info-card {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .about-advantages .subtitle {
    font-size: 16px;
  }
  .about-advantages .subtitle br {
    display: none;
  }
  .about-advantages .about-advantages__content {
    margin-left: -10px;
    margin-right: -10px;
    padding: 40px 10px;
  }
  .about-advantages .info-card .info-card__img {
    top: -13px;
  }
}
/*about-story*/
.about-story .about-story__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-medium) - 10px);
}
.about-story .about-story__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  padding-bottom: 25px;
  border-bottom: 1px solid #D6D6D6;
}
.about-story .about-story__title {
  font-size: 20px;
  line-height: 110%;
  font-weight: 600;
  font-family: var(--font-second);
  width: calc(34% - 40px);
}
.about-story .about-story__descr {
  color: var(--gray);
  font-size: 20px;
  line-height: 120%;
  width: 66%;
}
.about-story .about-story__panel {
  display: none;
}
.about-story .about-story__panel.is-active {
  display: block;
}
.about-story .about-story__panel.is-active .fade-in {
  visibility: visible !important;
  -webkit-animation-name: fadeIn !important;
          animation-name: fadeIn !important;
}

@media (max-width: 1600px) {
  .about-story .about-story__title {
    font-size: 18px;
  }
  .about-story .about-story__descr {
    font-size: 18px;
  }
}
@media (max-width: 1440px) {
  .about-story .about-story__content {
    gap: 30px;
  }
  .about-story .about-story__title {
    font-size: 16px;
    width: calc(34% - 30px);
  }
  .about-story .about-story__descr {
    font-size: 16px;
  }
  .about-story .about-story__descr br {
    display: none;
  }
  .about-story .about-story__inner {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .about-story .about-story__inner {
    padding-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .about-story .about-story__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
  }
  .about-story .about-story__title {
    width: 100%;
  }
  .about-story .about-story__descr {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .about-story .categories .categories__list {
    width: 100%;
  }
}
/*about-team*/
.about-team {
  padding-top: 0;
  margin-top: var(--padding-large);
}
.about-team .about-team__content {
  min-height: 680px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: var(--padding-medium) 0;
}
.about-team .about-team__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #dbdbdb;
  border-radius: 4px;
  z-index: 1;
}
.about-team .about-team__bg .about-team__bg-cover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow: hidden;
}
.about-team .about-team__bg .about-team__bg-cover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(transparent));
  background: linear-gradient(to bottom, #dbdbdb, transparent);
  height: 10%;
}
.about-team .about-team__bg .about-team__bg-cover picture {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.about-team .about-team__bg .about-team__bg-cover img {
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1600px) {
  .about-team .about-team__content {
    min-height: 580px;
  }
}
@media (max-width: 1440px) {
  .about-team .about-team__content {
    min-height: 540px;
  }
}
@media (max-width: 1199px) {
  .about-team .about-team__content {
    min-height: 480px;
  }
}
@media (max-width: 991px) {
  .about-team .about-team__content {
    min-height: 440px;
  }
  .about-team .head-content br {
    display: none;
  }
}
@media (max-width: 767px) {
  .about-team .about-team__content {
    min-height: 340px;
  }
}
@media (max-width: 479px) {
  .about-team .about-team__content {
    min-height: 320px;
    padding: 40px 0;
  }
  .about-team .about-team__bg {
    min-height: 190px;
    border-radius: 0;
  }
}
@media (max-width: 369px) {
  .about-team .about-team__content {
    padding-bottom: 80px;
  }
}
/*about-services*/
.about-services .about-services__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-medium) - 10px);
}
.about-services .services-item {
  padding: 0 0 20px;
}
.about-services .services-item .services-item__desc {
  display: none;
}
.about-services .services-item .services-item__heading {
  width: 100%;
}
.about-services .about-services__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}
.about-services .about-services__card {
  width: 51%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.about-services .about-services__card .link {
  width: auto;
  min-width: 145px;
}
.about-services .about-services__grid {
  width: calc(49% - 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 65px;
}
.about-services .about-services__media {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  height: 390px;
  width: 100%;
}
.about-services .about-services__media video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.about-services .about-services__descr {
  color: var(--gray);
  font-size: 16px;
  line-height: 120%;
}

@media (max-width: 1600px) {
  .about-services .about-services__wrapper {
    gap: 50px;
  }
  .about-services .about-services__grid {
    width: calc(49% - 50px);
    gap: 55px;
  }
  .about-services .about-services__media {
    height: 360px;
  }
  .about-services .about-services__descr {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .about-services .about-services__content {
    gap: 30px;
  }
  .about-services .about-services__wrapper {
    gap: 30px;
  }
  .about-services .about-services__grid {
    width: calc(49% - 30px);
    gap: 35px;
  }
  .about-services .services-item {
    padding: 0 0 15px;
  }
  .about-services .about-services__media {
    height: 280px;
  }
}
@media (max-width: 991px) {
  .about-services .about-services__descr br {
    display: none;
  }
}
@media (max-width: 767px) {
  .about-services .about-services__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .about-services .about-services__grid {
    width: 100%;
    gap: 30px;
  }
  .about-services .about-services__card {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .about-services .about-services__card .link {
    width: 100%;
  }
  .about-services .about-services__media {
    height: 200px;
  }
  .about-services .services-item {
    padding: 0 0 5px;
  }
}
/*.engineering-hero*/
.engineering-hero:first-of-type {
  padding-top: 0;
}
.engineering-hero .engineering-hero__content {
  min-height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0 calc(var(--padding-medium) - 10px);
}
.engineering-hero.section-bg .section-bg__overlay {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10.19%, rgba(9, 9, 11, 0.3)), color-stop(54.41%, rgba(9, 9, 11, 0)), color-stop(68.56%, rgba(9, 9, 11, 0.53)), to(rgba(9, 9, 11, 0.8)));
  background: linear-gradient(180deg, rgba(9, 9, 11, 0.3) 10.19%, rgba(9, 9, 11, 0) 54.41%, rgba(9, 9, 11, 0.53) 68.56%, rgba(9, 9, 11, 0.8) 100%);
}
.engineering-hero .breadcrumbs .breadcrumbs__link {
  color: #fff;
  background: rgba(255, 255, 255, 0.0117647059);
  border: 1px solid rgba(255, 255, 255, 0.2509803922);
}

@media (max-width: 1600px) {
  .engineering-hero .engineering-hero__content {
    min-height: 600px;
  }
}
@media (max-width: 1199px) {
  .engineering-hero .engineering-hero__content {
    min-height: 500px;
  }
}
@media (max-width: 991px) {
  .engineering-hero .engineering-hero__content {
    min-height: 400px;
  }
}
@media (max-width: 767px) {
  .engineering-hero .engineering-hero__content {
    padding: 30px 0;
  }
  .engineering-hero .head-content br {
    display: none;
  }
  .engineering-hero .title {
    max-width: 360px;
  }
  .engineering-hero .subtitle {
    max-width: 480px;
  }
}
@media (max-width: 479px) {
  .engineering-hero .engineering-hero__content {
    min-height: 387px;
    padding: 15px 0;
  }
}
/*engineering-about*/
.engineering-about .engineering-about__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}
.engineering-about .engineering-about__list {
  width: 44%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  padding-top: 35px;
  padding-bottom: 35px;
}
.engineering-about .engineering-about__image {
  width: calc(56% - 60px);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  overflow: hidden;
}
.engineering-about .engineering-about__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.engineering-about .engineering-about__item {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}
.engineering-about .engineering-about__item:last-child {
  border: none;
  padding-bottom: 0;
}
.engineering-about .engineering-about__title {
  font-size: 24px;
  line-height: 110%;
  font-family: var(--font-second);
  font-weight: 600;
}

@media (max-width: 1600px) {
  .engineering-about .engineering-about__title {
    font-size: 20px;
  }
  .engineering-about .engineering-about__item {
    gap: 20px;
    padding-bottom: 30px;
  }
  .engineering-about .engineering-about__list {
    gap: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .engineering-about .engineering-about__content {
    gap: 40px;
  }
  .engineering-about .engineering-about__image {
    width: calc(56% - 40px);
  }
}
@media (max-width: 1440px) {
  .engineering-about .engineering-about__title {
    font-size: 18px;
  }
  .engineering-about .engineering-about__content {
    gap: 30px;
  }
  .engineering-about .engineering-about__image {
    width: calc(56% - 30px);
  }
}
@media (max-width: 1199px) {
  .engineering-about .engineering-about__title {
    font-size: 16px;
  }
  .engineering-about .engineering-about__item {
    gap: 15px;
    padding-bottom: 20px;
  }
  .engineering-about .engineering-about__list {
    gap: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .engineering-about .engineering-about__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  .engineering-about .engineering-about__list {
    width: 100%;
    padding: 0;
    padding-bottom: 0;
  }
  .engineering-about .engineering-about__item br {
    display: none;
  }
  .engineering-about .engineering-about__image {
    width: 100%;
    height: 450px;
  }
  .engineering-about .engineering-about__item:last-child {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .engineering-about .engineering-about__image {
    height: 350px;
  }
}
@media (max-width: 479px) {
  .engineering-about .engineering-about__image {
    height: 240px;
    margin-left: -10px;
    margin-right: -10px;
    border-radius: 0;
    width: auto;
  }
}
/*engineering-types*/
.engineering-types .engineering-types__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.engineering-types .info-card {
  width: calc((100% - 15px) / 2);
}
.engineering-types .info-card.info-card--1 .info-card__img {
  right: 30px;
}
.engineering-types .info-card.info-card--4 .info-card__img {
  top: 30px;
}
.engineering-types .info-card .info-card__title {
  margin-bottom: 65px;
}
.engineering-types .engineering-types__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  margin-top: 15px;
  margin-right: -15px;
}
.engineering-types .engineering-types__item {
  height: 557px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  border-radius: 4px;
  width: calc(50% - 15px);
}
.engineering-types .engineering-types__item img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.engineering-types .engineering-types__item.engineering-types__item--small {
  width: calc(25% - 15px);
}

@media (max-width: 1600px) {
  .engineering-types .info-card.info-card--1 .info-card__img {
    height: 80px;
  }
  .engineering-types .info-card.info-card--2 .info-card__img {
    height: 105px;
  }
  .engineering-types .info-card.info-card--3 .info-card__img {
    height: 80px;
  }
  .engineering-types .info-card.info-card--4 .info-card__img {
    height: 56px;
    top: 25px;
  }
  .engineering-types .info-card .info-card__title {
    margin-bottom: 55px;
  }
  .engineering-types .engineering-types__item {
    height: 470px;
  }
}
@media (max-width: 1440px) {
  .engineering-types .engineering-types__item {
    height: 400px;
  }
}
@media (max-width: 1199px) {
  .engineering-types .info-card.info-card--2 .info-card__img {
    height: 95px;
  }
  .engineering-types .info-card.info-card--1 .info-card__img {
    height: 70px;
  }
  .engineering-types .info-card.info-card--3 .info-card__img {
    height: 70px;
  }
  .engineering-types .info-card.info-card--4 .info-card__img {
    height: 47px;
    top: 22px;
  }
  .engineering-types .info-card .info-card__title {
    margin-bottom: 35px;
  }
  .engineering-types .engineering-types__item {
    height: 340px;
  }
}
@media (max-width: 991px) {
  .engineering-types .engineering-types__gallery {
    gap: 10px;
    margin-right: -10px;
  }
  .engineering-types .engineering-types__item.engineering-types__item--small {
    width: calc(25% - 10px);
  }
  .engineering-types .engineering-types__item {
    width: calc(50% - 10px);
    height: 300px;
  }
}
@media (max-width: 767px) {
  .engineering-types .engineering-types__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .engineering-types .info-card {
    width: 100%;
  }
  .engineering-types .engineering-types__gallery {
    gap: 4px;
    margin-right: -4px;
  }
  .engineering-types .engineering-types__item.engineering-types__item--small {
    width: calc(25% - 4px);
  }
  .engineering-types .engineering-types__item {
    width: calc(50% - 4px);
    height: 200px;
  }
}
@media (max-width: 479px) {
  .engineering-types {
    overflow: hidden;
  }
  .engineering-types .info-card.info-card--1 .info-card__img {
    top: -13px;
    right: 0;
  }
  .engineering-types .info-card.info-card--2 .info-card__img {
    top: -13px;
  }
  .engineering-types .info-card.info-card--3 .info-card__img {
    top: -13px;
  }
  .engineering-types .info-card.info-card--4 .info-card__img {
    top: 11px;
  }
  .engineering-types .engineering-types__gallery {
    margin: 10px -14px 0 -10px;
  }
  .engineering-types .engineering-types__item {
    height: 130px;
    border-radius: 1px;
  }
}
/*expert*/
.expert .expert__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.expert .expert__col {
  width: 420px;
  position: relative;
}
.expert .expert__mark {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.expert .expert__mark img {
  max-height: 100%;
}
.expert .expert__name {
  font-size: 24px;
  line-height: 110%;
  font-weight: 600;
  font-family: var(--font-second);
  color: #000;
  position: absolute;
  top: 65px;
  left: 20px;
  right: 20px;
  z-index: 12;
}
.expert .expert__play {
  position: absolute;
  bottom: 24px;
  left: 24px;
  height: 56px;
  width: 56px;
  padding: 0;
  background: transparent;
  border: none;
  z-index: 12;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.expert .expert__play:hover {
  opacity: 0.7;
}
.expert .expert__image {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.expert .expert__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.expert .expert__content {
  width: calc(100% - 420px);
  padding: 60px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 35px;
}
.expert .expert__text {
  font-size: 16px;
  line-height: 120%;
  color: var(--gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 35px;
  max-width: 930px;
}
.expert .expert__text * {
  margin: 0;
}
.expert .expert__text ul {
  padding-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.expert .expert__text ol {
  padding-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.expert .expert__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
.expert .expert__links .link {
  width: auto;
  gap: 15px;
}
.expert .button--outline {
  display: none;
}

@media (max-width: 1600px) {
  .expert .expert__col {
    width: 360px;
  }
  .expert .expert__content {
    padding: 50px 30px;
    gap: 30px;
    width: calc(100% - 360px);
  }
  .expert .expert__text {
    gap: 30px;
    max-width: 840px;
  }
  .expert .expert__name {
    font-size: 20px;
    top: 55px;
  }
  .expert .expert__mark {
    height: 80px;
  }
  .expert .expert__text {
    font-size: 14px;
  }
  .expert .expert__links {
    gap: 35px;
  }
}
@media (max-width: 1440px) {
  .expert .expert__content {
    padding: 30px 20px;
    width: calc(100% - 320px);
    gap: 25px;
  }
  .expert .expert__col {
    width: 320px;
  }
  .expert .expert__text {
    gap: 25px;
  }
  .expert .expert__links {
    gap: 25px;
  }
  .expert .expert__name {
    font-size: 18px;
    top: 50px;
  }
  .expert .expert__mark {
    height: 70px;
  }
}
@media (max-width: 991px) {
  .expert .expert__text {
    gap: 15px;
  }
  .expert .expert__links {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .expert .expert__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .expert .expert__content {
    padding: 0;
    width: 100%;
    gap: 15px;
  }
  .expert .expert__col {
    width: 100%;
    height: 350px;
    max-width: 400px;
  }
}
@media (max-width: 479px) {
  .expert .expert__col {
    margin-left: -10px;
    margin-right: -10px;
    width: auto;
  }
  .expert .expert__links .link {
    width: 100%;
  }
  .expert .expert__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .expert .expert__text > * {
    margin-bottom: 15px;
  }
  .expert .expert__text > *:last-child {
    margin-bottom: 0;
  }
  .expert .expert__text.expanded {
    display: block;
  }
  .expert .button--outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/*info-card*/
.info-card {
  border-radius: 4px;
  border: 1px solid #DDDFE0;
  padding: 64px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.info-card.info-card--large .info-card__title {
  margin-bottom: 90px;
}
.info-card .info-card__img {
  position: absolute;
  top: -1px;
  right: 0;
  z-index: -1;
}
.info-card .info-card__img img {
  max-height: 100%;
}
.info-card .info-card__title {
  font-size: 24px;
  line-height: 110%;
  font-family: var(--font-second);
  font-weight: 600;
  margin-bottom: 40px;
  z-index: 12;
  text-align: right;
}
.info-card .info-card__text {
  width: 100%;
  color: var(--gray);
  font-size: 16px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.info-card .info-card__text ul {
  padding-left: 20px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}

@media (max-width: 1600px) {
  .info-card {
    padding: 54px 20px 20px 20px;
  }
  .info-card .info-card__title {
    font-size: 20px;
    margin-bottom: 34px;
  }
  .info-card.info-card--large .info-card__title {
    margin-bottom: 70px;
  }
  .info-card .info-card__text {
    font-size: 14px;
  }
  .info-card .info-card__text ul {
    gap: 4px;
  }
}
@media (max-width: 1440px) {
  .info-card .info-card__title {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .info-card {
    padding: 47px 15px 15px 15px;
  }
  .info-card .info-card__title {
    margin-bottom: 30px;
  }
  .info-card.info-card--large .info-card__title {
    margin-bottom: 40px;
  }
  .info-card .info-card__text br {
    display: none;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .info-card {
    padding: 47px 10px 15px 10px;
  }
  .info-card .info-card__title {
    font-size: 17px;
  }
  .info-card .link {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .info-card .info-card__title {
    margin-bottom: 35px;
  }
  .info-card.info-card--large .info-card__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 479px) {
  .info-card {
    padding: 35px 10px 15px 10px;
  }
}
/*architecture-approach*/
.architecture-approach .architecture-approach__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.architecture-approach .head-content {
  gap: calc(var(--padding-medium) - 10px);
}
.architecture-approach .architecture-approach__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.architecture-approach .architecture-approach__item {
  width: calc((100% - 30px) / 3);
  border-radius: 4px;
  overflow: hidden;
  height: 280px;
}
.architecture-approach .architecture-approach__item img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.architecture-approach .architecture-approach__details {
  position: relative;
}
.architecture-approach .architecture-approach__media {
  height: 860px;
  border-radius: 4px;
  overflow: hidden;
}
.architecture-approach .architecture-approach__media video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.architecture-approach .architecture-approach__expert {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  max-width: 390px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}
.architecture-approach .architecture-approach__img {
  width: 100%;
  height: 326px;
  overflow: hidden;
  border-radius: 2px;
  background: #E5E9EA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.architecture-approach .architecture-approach__img img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.architecture-approach .architecture-approach__badge {
  position: absolute;
  top: 20px;
  left: 20px;
  height: 130px;
}
.architecture-approach .architecture-approach__badge img {
  height: 100%;
}
.architecture-approach .architecture-approach__name {
  font-size: 24px;
  line-height: 110%;
  font-weight: 600;
  font-family: var(--font-second);
  color: #000;
  position: absolute;
  top: 115px;
  left: 50px;
  right: 50px;
  z-index: 12;
}
.architecture-approach .architecture-approach__descr {
  font-size: 24px;
  line-height: 110%;
  font-family: var(--font-second);
  color: #000;
  letter-spacing: -0.02em;
}

@media (max-width: 1600px) {
  .architecture-approach .architecture-approach__item {
    height: 230px;
  }
  .architecture-approach__media {
    height: 760px;
  }
  .architecture-approach .architecture-approach__expert {
    gap: 20px;
    max-width: 330px;
  }
  .architecture-approach .architecture-approach__img {
    height: 280px;
  }
  .architecture-approach .architecture-approach__name {
    font-size: 20px;
    top: 95px;
    left: 40px;
    right: 40px;
  }
  .architecture-approach .architecture-approach__badge {
    height: 105px;
  }
  .architecture-approach .architecture-approach__descr {
    font-size: 20px;
  }
}
@media (max-width: 1440px) {
  .architecture-approach .head-content {
    gap: 30px;
  }
  .architecture-approach .architecture-approach__content {
    gap: 30px;
  }
  .architecture-approach .architecture-approach__item {
    height: 200px;
  }
  .architecture-approach .architecture-approach__media {
    height: 660px;
  }
  .architecture-approach .architecture-approach__descr {
    font-size: 18px;
  }
  .architecture-approach .architecture-approach__expert {
    max-width: 300px;
    bottom: 15px;
    left: 15px;
    padding: 15px;
  }
  .architecture-approach .architecture-approach__img {
    height: 240px;
  }
  .architecture-approach .architecture-approach__badge {
    top: 15px;
    left: 15px;
  }
}
@media (max-width: 1199px) {
  .architecture-approach .architecture-approach__item {
    height: 180px;
  }
  .architecture-approach .subtitle br {
    display: none;
  }
}
@media (max-width: 991px) {
  .architecture-approach .architecture-approach__item {
    height: 130px;
  }
  .architecture-approach .architecture-approach__media {
    height: 560px;
  }
  .architecture-approach .architecture-approach__descr {
    font-size: 16px;
  }
  .architecture-approach .architecture-approach__expert {
    max-width: 260px;
    padding: 10px;
  }
  .architecture-approach .architecture-approach__img {
    height: 200px;
  }
  .architecture-approach .architecture-approach__badge {
    top: 10px;
    left: 10px;
    height: 87px;
  }
  .architecture-approach .architecture-approach__name {
    font-size: 16px;
    top: 75px;
    left: 30px;
    right: 30px;
  }
}
@media (max-width: 767px) {
  .architecture-approach .architecture-approach__grid {
    gap: 4px;
  }
  .architecture-approach .architecture-approach__item {
    height: 100px;
    width: calc((100% - 8px) / 3);
  }
  .architecture-approach .architecture-approach__media {
    height: 300px;
  }
  .architecture-approach .architecture-approach__expert {
    position: relative;
    bottom: auto;
    left: auto;
    padding: 0;
    margin-top: 10px;
    max-width: 100%;
  }
  .architecture-approach .architecture-approach__img {
    max-width: 360px;
    height: 330px;
  }
  .architecture-approach .architecture-approach__badge {
    top: 0;
    left: 0;
    height: 133px;
  }
  .architecture-approach .architecture-approach__name {
    font-size: 24px;
    top: 95px;
  }
}
@media (max-width: 479px) {
  .architecture-approach .architecture-approach__item {
    height: 64px;
  }
  .architecture-approach .architecture-approach__content {
    gap: 20px;
  }
  .architecture-approach .architecture-approach__media {
    height: 190px;
  }
  .architecture-approach .architecture-approach__descr {
    font-size: 14px;
  }
}
/*architecture-process*/
.architecture-process .architecture-process__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.architecture-process .head-content {
  gap: calc(var(--padding-medium) - 10px);
}
.architecture-process .architecture-process__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.architecture-process .info-card {
  width: calc((100% - 30px) / 3);
}
.architecture-process .info-card .info-card__number {
  position: absolute;
  left: 20px;
  top: 65px;
}
.architecture-process .info-card .info-card__title {
  margin-bottom: 130px;
}
.architecture-process .info-card.info-card--2 .info-card__img {
  right: 126px;
}
.architecture-process .info-card.info-card--3 .info-card__img {
  right: 30px;
  top: 30px;
}
.architecture-process .info-card.info-card--5 .info-card__img {
  right: 64px;
}

@media (max-width: 1600px) {
  .architecture-process .info-card .info-card__title {
    margin-bottom: 110px;
  }
  .architecture-process .info-card.info-card--1 .info-card__img {
    height: 80px;
  }
  .architecture-process .info-card.info-card--2 .info-card__img {
    right: 105px;
    height: 105px;
  }
  .architecture-process .info-card.info-card--3 .info-card__img {
    height: 80px;
    top: 25px;
  }
  .architecture-process .info-card.info-card--4 .info-card__img {
    height: 54px;
  }
  .architecture-process .info-card.info-card--5 .info-card__img {
    right: 54px;
    height: 105px;
  }
  .architecture-process .info-card.info-card--6 .info-card__img {
    height: 80px;
  }
  .architecture-process .info-card .info-card__number {
    top: 60px;
    width: 30px;
    height: 22px;
  }
  .architecture-process .info-card .info-card__number img {
    max-height: 100%;
  }
}
@media (max-width: 1440px) {
  .architecture-process .head-content {
    gap: 30px;
  }
  .architecture-process .architecture-process__content {
    gap: 30px;
  }
  .architecture-process .info-card .info-card__title {
    margin-bottom: 90px;
  }
  .architecture-process .info-card .info-card__number {
    top: 54px;
    width: 24px;
    height: 18px;
  }
}
@media (max-width: 1199px) {
  .architecture-process .info-card .info-card__title {
    margin-bottom: 35px;
  }
  .architecture-process .info-card.info-card--1 .info-card__img {
    height: 70px;
  }
  .architecture-process .info-card.info-card--2 .info-card__img {
    right: 95px;
    height: 95px;
  }
  .architecture-process .info-card.info-card--3 .info-card__img {
    height: 70px;
    top: 20px;
  }
  .architecture-process .info-card.info-card--4 .info-card__img {
    height: 44px;
  }
  .architecture-process .info-card.info-card--5 .info-card__img {
    right: 44px;
    height: 95px;
  }
  .architecture-process .info-card.info-card--6 .info-card__img {
    height: 70px;
  }
  .architecture-process .info-card .info-card__number {
    top: 47px;
  }
}
@media (max-width: 991px) {
  .architecture-process .info-card {
    width: calc((100% - 15px) / 2);
  }
  .architecture-process .subtitle br {
    display: none;
  }
}
@media (max-width: 767px) {
  .architecture-process .architecture-process__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .architecture-process .info-card {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .architecture-process .info-card.info-card--1 .info-card__img {
    top: -15px;
  }
  .architecture-process .info-card.info-card--2 .info-card__img {
    top: -12px;
    right: 110px;
  }
  .architecture-process .info-card.info-card--3 .info-card__img {
    top: 15px;
    right: 15px;
  }
  .architecture-process .info-card.info-card--4 .info-card__img {
    top: -20px;
  }
  .architecture-process .info-card.info-card--5 .info-card__img {
    top: -12px;
    right: 38px;
  }
  .architecture-process .info-card.info-card--6 .info-card__img {
    top: -15px;
    right: -9px;
  }
  .architecture-process .info-card .info-card__number {
    left: 10px;
    top: 35px;
  }
}
/*architecture-design*/
.architecture-design {
  padding: 0;
  margin-top: var(--padding-large);
}
.architecture-design .architecture-design__content {
  min-height: 925px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: calc(var(--padding-medium) - 10px) 0 var(--padding-small);
  gap: 30px;
}
.architecture-design .head-content {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.architecture-design .architecture-design__details {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid #DDDFE0;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  padding: 64px 20px 30px;
  color: #fff;
  max-width: 520px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
}
.architecture-design .architecture-design__img {
  position: absolute;
  top: 0;
  left: 20px;
  z-index: -1;
}
.architecture-design .architecture-design__img img {
  max-height: 100%;
}
.architecture-design .architecture-design__name {
  font-size: 24px;
  line-height: 110%;
  font-family: var(--font-second);
  padding: 0 0 20px 40px;
}
.architecture-design .architecture-design__desc {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.architecture-design .architecture-design__desc ol {
  margin: 0;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}

@media (max-width: 1600px) {
  .architecture-design .architecture-design__details {
    max-width: 450px;
    padding: 54px 20px 20px;
  }
  .architecture-design .architecture-design__content {
    min-height: 785px;
  }
  .architecture-design .architecture-design__name {
    font-size: 20px;
    padding-bottom: 34px;
  }
  .architecture-design .architecture-design__img {
    height: 80px;
  }
  .architecture-design .architecture-design__desc {
    font-size: 14px;
  }
}
@media (max-width: 1199px) {
  .architecture-design .architecture-design__name {
    font-size: 18px;
    padding-bottom: 35px;
  }
  .architecture-design .architecture-design__details {
    padding: 47px 15px 15px;
    max-width: 440px;
  }
  .architecture-design .architecture-design__img {
    height: 70px;
  }
  .architecture-design .architecture-design__content {
    min-height: 660px;
  }
  .architecture-design .head-content {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .architecture-design .architecture-design__content {
    min-height: 470px;
    padding: 30px 0 15px;
    gap: 110px;
  }
  .architecture-design .architecture-design__img {
    left: 0;
  }
  .architecture-design .architecture-design__name {
    padding-bottom: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 479px) {
  .architecture-design {
    background: #938780;
  }
  .architecture-design .architecture-design__details {
    padding: 25px 10px 10px;
  }
  .architecture-design .architecture-design__img {
    top: -23px;
    left: -8px;
  }
  .architecture-design .architecture-design__name {
    padding-left: 10px;
  }
  .architecture-design .section-bg .section-bg__cover {
    height: 340px;
  }
}
/*architecture-hero*/
.architecture-hero {
  position: relative;
}
.architecture-hero .architecture-hero__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
  max-width: 620px;
  padding-right: 15px;
  padding-bottom: 75px;
}
.architecture-hero .head-content {
  gap: calc(var(--padding-medium) - 20px);
}
.architecture-hero .breadcrumbs {
  margin: 0;
}
.architecture-hero .section-bg__overlay {
  background: #F8F8F8;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  overflow: hidden;
  border-radius: 4px;
  z-index: -1;
}
.architecture-hero .architecture-hero__images {
  position: absolute;
  top: 20px;
  bottom: 20px;
  right: 10px;
  width: 58%;
  z-index: 12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.architecture-hero .architecture-hero__image {
  border: 1px solid #D6D6D6;
  border-radius: 2px;
  overflow: hidden;
}
.architecture-hero .architecture-hero__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.architecture-hero .architecture-hero__image:first-child {
  width: 70%;
}
.architecture-hero .architecture-hero__image:last-child {
  width: calc(30% - 15px);
}
.architecture-hero .architecture-hero__image:last-child img {
  -o-object-position: left;
     object-position: left;
}

@media (min-width: 1921px) {
  .architecture-hero .container {
    position: relative;
  }
  .architecture-hero .architecture-hero__images {
    top: -25px;
    right: 30px;
    max-width: 920px;
  }
}
@media (max-width: 1600px) {
  .architecture-hero .architecture-hero__content {
    max-width: 560px;
    padding-bottom: 65px;
  }
  .architecture-hero .architecture-hero__images {
    width: 56%;
  }
}
@media (max-width: 1440px) {
  .architecture-hero .architecture-hero__content {
    max-width: 480px;
    padding-bottom: 50px;
    gap: 30px;
  }
  .architecture-hero .head-content {
    gap: 30px;
  }
  .architecture-hero .architecture-hero__images {
    width: 54%;
  }
}
@media (max-width: 1199px) {
  .architecture-hero .architecture-hero__content {
    max-width: 430px;
  }
  .architecture-hero .architecture-hero__images {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .architecture-hero .architecture-hero__images {
    width: 40%;
    gap: 10px;
  }
  .architecture-hero .architecture-hero__image:first-child {
    width: 100%;
  }
  .architecture-hero .architecture-hero__image:last-child {
    display: none;
  }
}
@media (max-width: 767px) {
  .architecture-hero .architecture-hero__content {
    padding-bottom: 20px;
    padding-right: 0;
    max-width: 100%;
  }
  .architecture-hero .architecture-hero__images {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 250px;
  }
  .architecture-hero .architecture-hero__image:first-child {
    width: 60%;
  }
  .architecture-hero .architecture-hero__image:last-child {
    width: calc(40% - 10px);
    display: block;
  }
  .architecture-hero .head-content {
    max-width: 460px;
  }
  .architecture-hero .section-bg__overlay {
    left: 0;
    right: 0;
  }
}
@media (max-width: 479px) {
  .architecture-hero .architecture-hero__content {
    padding-top: 10px;
    gap: 20px;
  }
  .architecture-hero .architecture-hero__images {
    height: 180px;
    gap: 5px;
  }
  .architecture-hero .architecture-hero__image:last-child {
    width: calc(40% - 5px);
  }
  .architecture-hero .head-content {
    gap: 20px;
  }
  .architecture-hero .subtitle {
    max-width: 300px;
  }
}
/*pricing*/
.pricing .pricing__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-medium) - 10px);
}
.pricing .pricing__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.pricing .pricing__item {
  padding: 220px 20px 30px;
  position: relative;
  border: 1px solid #D0D0D0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  width: calc((100% - 45px) / 4);
  background: conic-gradient(from 125deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), -webkit-gradient(linear, left bottom, left top, from(#FFC7A6), to(#FFC7A6));
  background: conic-gradient(from 125deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), linear-gradient(0deg, #FFC7A6, #FFC7A6);
}
.pricing .pricing__item.active {
  background: conic-gradient(from 70.27deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.9) 360deg), -webkit-gradient(linear, left bottom, left top, from(#FFC7A6), to(#FFC7A6));
  background: conic-gradient(from 70.27deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.9) 360deg), linear-gradient(0deg, #FFC7A6, #FFC7A6);
  gap: 70px;
}
.pricing .pricing__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  position: relative;
  z-index: 12;
}
.pricing .pricing__item-title {
  font-size: 24px;
  line-height: 110%;
  font-family: var(--font-second);
  font-weight: 600;
}
.pricing .pricing__item-text {
  width: 100%;
  color: var(--gray);
  font-size: 16px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.pricing .pricing__item-text ul {
  padding-left: 20px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.pricing .pricing__item-button {
  height: 44px;
  background: #F37021;
  border: 2px solid #DD641B;
  border-radius: 4px;
  color: #fff;
  font-family: var(--font-second);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.02em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  z-index: 12;
}
.pricing .pricing__item-button:hover {
  background: #DD641B;
}
.pricing .pricing__item-price {
  font-size: 16px;
  line-height: 110%;
  color: #000;
  position: relative;
  z-index: 12;
}
.pricing .pricing__item-value {
  font-size: 28px;
  font-weight: 700;
  display: inline-block;
}
.pricing .pricing__item-img {
  height: 230px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.pricing .pricing__item-img picture{
  height: auto; width: auto;
}

@media (max-width: 1600px) {
  .pricing .pricing__item-title {
    font-size: 20px;
  }
  .pricing .pricing__item-text {
    font-size: 14px;
  }
  .pricing .pricing__item {
    padding: 200px 20px 20px;
    gap: 35px;
  }
  .pricing .pricing__item-img {
    height: 200px;
  }
  .pricing .pricing__item.active {
    gap: 60px;
  }
  .pricing .pricing__item-value {
    font-size: 24px;
  }
  .pricing .pricing__item-price {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .pricing .pricing__content {
    gap: 30px;
  }
  .pricing .pricing__item-title {
    font-size: 18px;
  }
  .pricing .pricing__item-img {
    height: 180px;
  }
}
@media (max-width: 1199px) {
  .pricing .pricing__item-img {
    height: 160px;
    max-width: 210px;
  }
  .pricing .pricing__item {
    padding: 160px 15px 15px;
    gap: 25px;
    width: calc((100% - 15px) / 2);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .pricing .pricing__item.active {
    gap: 40px;
  }
  .pricing .pricing__item.active {
    gap: 25px;
  }
  .pricing .pricing__grid {
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
  .pricing .pricing__item-text {
    max-width: 300px;
  }
}
@media (max-width: 479px) {
  .pricing .pricing__item {
    padding: 130px 20px 25px;
    width: 100%;
  }
  .pricing .pricing__item-img {
    height: 120px;
    max-width: 160px;
  }
  .pricing .pricing__item-price {
    font-size: 16px;
  }
  .pricing .pricing__item-value {
    font-size: 28px;
  }
}
/*interior-advantages*/
.interior-advantages .interior-advantages__content {
  background: #F8F8F8;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 50px;
}
.interior-advantages .interior-advantages__image {
  width: calc(100% - 800px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  overflow: hidden;
}
.interior-advantages .interior-advantages__columns {
  width: 750px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  padding-top: 55px;
  padding-bottom: 55px;
}
.interior-advantages .head-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.interior-advantages .stats .stats__item {
  width: calc((100% - 10px) / 2);
}

@media (max-width: 1600px) {
  .interior-advantages .interior-advantages__content {
    padding: 25px;
    gap: 40px;
  }
  .interior-advantages .interior-advantages__image {
    width: calc(100% - 690px);
  }
  .interior-advantages .interior-advantages__columns {
    width: 650px;
    gap: 30px;
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .interior-advantages .head-content {
    gap: 30px;
  }
}
@media (max-width: 1440px) {
  .interior-advantages .interior-advantages__content {
    gap: 30px;
  }
  .interior-advantages .interior-advantages__image {
    width: calc(100% - 580px);
  }
  .interior-advantages .interior-advantages__columns {
    width: 550px;
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .interior-advantages .subtitle br {
    display: none;
  }
}
@media (max-width: 1199px) {
  .interior-advantages .interior-advantages__image {
    width: calc(100% - 480px);
  }
  .interior-advantages .interior-advantages__columns {
    width: 450px;
  }
}
@media (max-width: 991px) {
  .interior-advantages .interior-advantages__image {
    width: calc(100% - 420px);
  }
  .interior-advantages .interior-advantages__columns {
    width: 390px;
  }
}
@media (max-width: 767px) {
  .interior-advantages .title br {
    display: none;
  }
  .interior-advantages .interior-advantages__columns {
    padding: 0;
  }
  .interior-advantages .interior-advantages__content {
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .interior-advantages .interior-advantages__image {
    width: 100%;
    height: 400px;
  }
  .interior-advantages .interior-advantages__columns {
    width: 100%;
  }
  .interior-advantages .stats .stats__item {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .interior-advantages .interior-advantages__content {
    padding: 10px;
  }
  .interior-advantages .stats .stats__label {
    max-width: 140px;
  }
  .interior-advantages .stats .stats__value {
    width: 45%;
  }
  .interior-advantages .stats .stats__item {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
/*interior-gallery*/
.interior-gallery .interior-gallery__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-small) - 10px);
}
.interior-gallery .interior-gallery__grid {
  gap: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 13;
  background: #fff;
}
.interior-gallery .interior-gallery__item {
  width: calc((100% - 15px) / 2);
  border-radius: 2px;
  overflow: hidden;
  height: 730px;
}
.interior-gallery .interior-gallery__item img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interior-gallery .interior-gallery__item.interior-gallery__item--3 {
  width: 100%;
}

@media (max-width: 1600px) {
  .interior-gallery .interior-gallery__item {
    height: 630px;
  }
}
@media (max-width: 1440px) {
  .interior-gallery .interior-gallery__content {
    gap: 30px;
  }
  .interior-gallery .head-content {
    gap: 30px;
  }
  .interior-gallery .interior-gallery__item {
    height: 530px;
  }
}
@media (max-width: 1199px) {
  .interior-gallery .interior-gallery__item {
    height: 430px;
  }
}
@media (max-width: 767px) {
  .interior-gallery .interior-gallery__grid {
    gap: 5px;
  }
  .interior-gallery .interior-gallery__item {
    width: calc((100% - 5px) / 2);
    height: 330px;
  }
}
@media (max-width: 479px) {
  .interior-gallery .interior-gallery__grid {
    margin-left: -10px;
    margin-right: -10px;
  }
  .interior-gallery .interior-gallery__item {
    height: 173px;
  }
}
/*interior-process*/
.interior-process .interior-process__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-small) - 10px);
}
.interior-process .interior-process__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.interior-process .interior-process__item {
  width: calc((100% - 30px) / 3);
  border: 1px solid #DDDFE0;
  border-radius: 4px;
  overflow: hidden;
  padding: 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  gap: 40px;
}
.interior-process .interior-process__item.interior-process__item--light .interior-process__title {
  color: #fff;
}
.interior-process .interior-process__item.interior-process__item--light .interior-process__text {
  color: rgba(255, 255, 255, 0.8);
}
.interior-process .interior-process__item.interior-process__item--light .interior-process__image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  border: none;
  border-radius: inherit;
  margin: 0;
}
.interior-process .interior-process__item.interior-process__item--light .interior-process__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interior-process .interior-process__item .interior-process__image {
  border: 1px solid #DDDFE0;
  border-radius: 2px;
  margin-left: -21px;
  margin-right: -21px;
  overflow: hidden;
  height: 430px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.interior-process .interior-process__item .interior-process__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interior-process .interior-process__item .interior-process__title {
  font-size: 24px;
  line-height: 110%;
  font-family: var(--font-second);
  font-weight: 600;
  position: relative;
  z-index: 12;
}
.interior-process .interior-process__item .interior-process__text {
  width: 100%;
  color: var(--gray);
  font-size: 16px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  position: relative;
  z-index: 12;
}
.interior-process .interior-process__item .interior-process__text ul {
  padding-left: 20px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}

@media (max-width: 1600px) {
  .interior-process .interior-process__item .interior-process__image {
    height: 360px;
  }
  .interior-process .interior-process__item .interior-process__text {
    font-size: 14px;
  }
  .interior-process .interior-process__item .interior-process__title {
    font-size: 20px;
  }
  .interior-process .interior-process__item {
    padding: 25px 20px;
    gap: 35px;
  }
}
@media (max-width: 1440px) {
  .interior-process .interior-process__content {
    gap: 30px;
  }
  .interior-process .head-content {
    gap: 30px;
  }
  .interior-process .interior-process__item .interior-process__title {
    font-size: 18px;
  }
  .interior-process .interior-process__item .interior-process__text br {
    display: none;
  }
  .interior-process .interior-process__item {
    padding: 20px 15px;
    gap: 30px;
  }
  .interior-process .interior-process__item .interior-process__image {
    height: 300px;
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (max-width: 1199px) {
  .interior-process .interior-process__item .interior-process__image {
    height: 250px;
  }
}
@media (max-width: 991px) {
  .interior-process .interior-process__item .interior-process__image {
    height: 200px;
  }
  .interior-process .interior-process__item {
    gap: 25px;
  }
}
@media (max-width: 767px) {
  .interior-process .interior-process__grid {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .interior-process .interior-process__item {
    width: 100%;
  }
  .interior-process .interior-process__item.interior-process__item--light {
    height: 280px;
  }
  .interior-process .interior-process__item .interior-process__text br {
    display: none;
  }
  .interior-process .interior-process__item .interior-process__text {
    max-width: 380px;
  }
}
@media (max-width: 767px) and (min-width: 479px) {
  .interior-process .interior-process__item .interior-process__image {
    height: 330px;
    width: 400px;
    margin: 0;
  }
}
@media (max-width: 479px) {
  .interior-process .interior-process__item {
    height: 475px;
  }
  .interior-process .interior-process__item .interior-process__image {
    height: 300px;
  }
  .interior-process .interior-process__item.interior-process__item--light {
    height: 475px;
  }
}
/*interior-hero*/
.interior-hero {
  position: relative;
}
.interior-hero .container {
  position: relative;
}
.interior-hero .interior-hero__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
  max-width: 620px;
  padding-right: 15px;
  padding-bottom: 85px;
}
.interior-hero .head-content {
  gap: calc(var(--padding-medium) - 20px);
}
.interior-hero .breadcrumbs {
  margin: 0;
}
.interior-hero .interior-hero__images {
  position: absolute;
  top: 0;
  bottom: 20px;
  right: 30px;
  width: 58%;
  z-index: 12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.interior-hero .interior-hero__image {
  border: 1px solid #D6D6D6;
  border-radius: 2px;
  overflow: hidden;
  height: 350px;
}
.interior-hero .interior-hero__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interior-hero .interior-hero__image.interior-hero__image--1, .interior-hero .interior-hero__image.interior-hero__image--4 {
  width: calc(55% - 7.5px);
  height: calc(57% - 7.5px);
}
.interior-hero .interior-hero__image.interior-hero__image--2, .interior-hero .interior-hero__image.interior-hero__image--3 {
  width: calc(45% - 7.5px);
  height: calc(43% - 7.5px);
}
.interior-hero .interior-hero__image.interior-hero__image--4 {
  border: 18px solid #FFFFFF;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  bottom: -18px;
  right: -18px;
}

@media (min-width: 1921px) {
  .interior-hero .interior-hero__images {
    top: -25px;
    right: 30px;
    max-width: 920px;
  }
}
@media (max-width: 1600px) {
  .interior-hero .interior-hero__content {
    max-width: 560px;
    padding-bottom: 65px;
  }
  .interior-hero .interior-hero__images {
    width: 56%;
  }
}
@media (max-width: 1440px) {
  .interior-hero .interior-hero__content {
    max-width: 480px;
    padding-bottom: 50px;
    gap: 30px;
  }
  .interior-hero .head-content {
    gap: 30px;
  }
  .interior-hero .interior-hero__images {
    width: 54%;
  }
}
@media (max-width: 1199px) {
  .interior-hero .interior-hero__content {
    max-width: 430px;
  }
  .interior-hero .interior-hero__images {
    width: 50%;
  }
  .interior-hero .interior-hero__image.interior-hero__image--4 {
    bottom: -15px;
    right: -15px;
    border-width: 15px;
  }
}
@media (max-width: 991px) {
  .interior-hero .interior-hero__images {
    width: 44%;
    gap: 10px;
  }
  .interior-hero .interior-hero__image.interior-hero__image--4 {
    bottom: -10px;
    right: -10px;
    border-width: 10px;
  }
  .interior-hero .interior-hero__content {
    max-width: 380px;
  }
  .interior-hero .interior-hero__image.interior-hero__image--2, .interior-hero .interior-hero__image.interior-hero__image--3 {
    width: calc(45% - 5px);
    height: calc(43% - 5px);
  }
  .interior-hero .interior-hero__image.interior-hero__image--1, .interior-hero .interior-hero__image.interior-hero__image--4 {
    width: calc(55% - 5px);
    height: calc(57% - 5px);
  }
}
@media (max-width: 767px) {
  .interior-hero .interior-hero__content {
    padding-bottom: 20px;
    padding-right: 0;
    max-width: 100%;
  }
  .interior-hero .interior-hero__images {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 250px;
  }
  .interior-hero .head-content {
    max-width: 460px;
  }
  .interior-hero .section-bg__overlay {
    left: 0;
    right: 0;
  }
}
@media (max-width: 479px) {
  .interior-hero .interior-hero__content {
    padding-top: 10px;
    padding-bottom: 0;
    gap: 20px;
  }
  .interior-hero .interior-hero__images {
    gap: 7px;
  }
  .interior-hero .interior-hero__image.interior-hero__image--2, .interior-hero .interior-hero__image.interior-hero__image--3 {
    width: calc(45% - 3.5px);
    height: calc(43% - 3.5px);
  }
  .interior-hero .interior-hero__image.interior-hero__image--1, .interior-hero .interior-hero__image.interior-hero__image--4 {
    width: calc(55% - 3.5px);
    height: calc(57% - 3.5px);
  }
  .interior-hero .interior-hero__image.interior-hero__image--4 {
    border-width: 7px;
    bottom: -3.5px;
    right: -7px;
  }
  .interior-hero .head-content {
    gap: 20px;
  }
  .interior-hero .subtitle {
    max-width: 300px;
  }
}
/*project-hero*/
.project-hero:first-of-type {
  padding-top: 0;
}
.project-hero .project-hero__content {
  min-height: 705px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--padding-medium) 0;
}
.project-hero.section-bg .section-bg__overlay {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10.19%, rgba(9, 9, 11, 0.3)), color-stop(54.41%, rgba(9, 9, 11, 0)), color-stop(73.06%, rgba(9, 9, 11, 0.53)), to(rgba(9, 9, 11, 0.6)));
  background: linear-gradient(180deg, rgba(9, 9, 11, 0.3) 10.19%, rgba(9, 9, 11, 0) 54.41%, rgba(9, 9, 11, 0.53) 73.06%, rgba(9, 9, 11, 0.6) 100%);
}
.project-hero .breadcrumbs .breadcrumbs__link {
  color: #fff;
  background: rgba(255, 255, 255, 0.0117647059);
  border: 1px solid rgba(255, 255, 255, 0.2509803922);
}

@media (max-width: 1600px) {
  .project-hero .project-hero__content {
    min-height: 605px;
  }
}
@media (max-width: 1199px) {
  .project-hero .project-hero__content {
    min-height: 505px;
  }
}
@media (max-width: 991px) {
  .project-hero .project-hero__content {
    min-height: 460px;
  }
}
@media (max-width: 767px) {
  .project-hero .project-hero__content {
    min-height: 420px;
  }
  .project-hero .project-hero__content {
    padding: 30px 0;
  }
  .project-hero .title {
    max-width: 460px;
  }
  .project-hero .subtitle {
    max-width: 480px;
  }
}
@media (max-width: 479px) {
  .project-hero .project-hero__content {
    min-height: 210px;
    padding: 15px 0;
  }
  .project-hero .subtitle {
    display: none;
  }
}
/*project-gallery*/
.project-gallery .project-gallery__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.project-gallery .project-gallery__details ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.project-gallery .project-gallery__details ul li {
  background: #F3F3F3;
  border-radius: 4px;
  height: 23px;
  padding: 0 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.project-gallery .project-gallery__grid {
  padding-top: var(--padding-large);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.project-gallery .project-gallery__image {
  height: 730px;
  border-radius: 2px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.project-gallery .project-gallery__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-gallery .project-gallery__image.project-gallery__image--md {
  width: calc((100% - 15px) / 2);
  height: 400px;
}

@media (max-width: 1600px) {
  .project-gallery .project-gallery__content {
    gap: 30px;
  }
  .project-gallery .project-gallery__details ul li {
    font-size: 14px;
  }
  .project-gallery .project-gallery__image {
    height: 630px;
  }
  .project-gallery .project-gallery__image.project-gallery__image--md {
    height: 340px;
  }
}
@media (max-width: 1440px) {
  .project-gallery .project-gallery__image {
    height: 530px;
  }
  .project-gallery .project-gallery__image.project-gallery__image--md {
    height: 280px;
  }
}
@media (max-width: 1199px) {
  .project-gallery .project-gallery__image {
    height: 430px;
  }
  .project-gallery .project-gallery__image.project-gallery__image--md {
    height: 240px;
  }
  .project-gallery .subtitle br {
    display: none;
  }
}
@media (max-width: 991px) {
  .project-gallery .project-gallery__image {
    height: 400px;
  }
  .project-gallery .project-gallery__image.project-gallery__image--md {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .project-gallery .project-gallery__grid {
    gap: 5px;
  }
  .project-gallery .project-gallery__details ul li {
    font-size: 12px;
  }
  .project-gallery .project-gallery__image {
    height: 250px;
  }
  .project-gallery .project-gallery__image.project-gallery__image--md {
    height: 140px;
    width: calc((100% - 5px) / 2);
  }
}
@media (max-width: 479px) {
  .project-gallery {
    padding-top: 30px;
  }
  .project-gallery .project-gallery__content {
    gap: 20px;
  }
  .project-gallery .project-gallery__grid {
    padding-top: 40px;
  }
  .project-gallery .project-gallery__grid {
    margin-left: -10px;
    margin-right: -10px;
  }
  .project-gallery .project-gallery__image {
    height: 170px;
  }
  .project-gallery .project-gallery__image.project-gallery__image--md {
    height: 100px;
  }
}
/*project-moodboard*/
.project-moodboard .project-moodboard__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.project-moodboard .project-moodboard__image {
  width: calc((100% - 15px) / 2);
  border-radius: 2px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 730px;
}
.project-moodboard .project-moodboard__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-moodboard .project-moodboard__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}

@media (max-width: 1600px) {
  .project-moodboard .project-moodboard__wrapper {
    gap: 30px;
  }
  .project-moodboard .project-moodboard__image {
    height: 630px;
  }
}
@media (max-width: 1440px) {
  .project-moodboard .project-moodboard__image {
    height: 530px;
  }
}
@media (max-width: 1199px) {
  .project-moodboard .project-moodboard__image {
    height: 430px;
  }
}
@media (max-width: 991px) {
  .project-moodboard .project-moodboard__image {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .project-moodboard .project-moodboard__inner {
    gap: 5px;
  }
  .project-moodboard .project-moodboard__image {
    width: calc((100% - 5px) / 2);
  }
  .project-moodboard .project-moodboard__image {
    height: 250px;
  }
}
@media (max-width: 479px) {
  .project-moodboard .project-moodboard__content {
    margin-bottom: 10px;
  }
  .project-moodboard .project-moodboard__wrapper {
    gap: 10px;
  }
  .project-moodboard .project-moodboard__inner {
    margin-left: -10px;
    margin-right: -10px;
  }
  .project-moodboard .project-moodboard__image {
    height: 170px;
  }
}
/*project-process*/
.project-process .head-content {
  margin-bottom: 40px;
}
.project-process .project-process__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #DDDFE0;
  border-radius: 4px;
}
.project-process .project-process__info {
  width: 620px;
  border-right: 1px solid #DDDFE0;
  padding: 65px 35px 0;
  position: relative;
}
.project-process .project-process_img {
  position: absolute;
  top: 0;
  right: 65px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: hidden;
  height: 97px;
}
.project-process .project-process_img img {
  height: 99px;
}
.project-process .project-process__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 25px;
}
.project-process .project-process__title {
  font-size: 24px;
  line-height: 110%;
  font-family: var(--font-second);
  font-weight: 600;
  width: 100%;
  position: relative;
  z-index: 12;
}
.project-process .project-process__date {
  max-width: 217px;
  width: 100%;
  position: relative;
}
.project-process .project-process__date-input {
  position: relative;
  width: 100%;
  height: 50px;
  background: #ECECEC;
  border-radius: 4px;
  font-size: 14px;
  padding: 0 10px;
  text-align: left;
}
.project-process .project-process__date-input input {
  width: 100%;
  max-width: 100%;
  color: #000;
  height: 100%;
  width: 100%;
  padding: 0 10px;
  background: transparent;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: inherit;
  text-align: left;
}
.project-process .project-process__date-input::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(/local/templates/vilti/img/icons/calendar.svg) no-repeat;
  background-size: contain;
  background-position: center;
  width: 18px;
  height: 18px;
  pointer-events: none;
}
.project-process .project-process__date-label {
  color: #939393;
  font-size: 13px;
  line-height: 110%;
  letter-spacing: -0.03em;
  margin-bottom: 8px;
  display: block;
}
.project-process .project-process__total {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  font-size: 16px;
  line-height: 110%;
  font-weight: 600;
  min-height: 50px;
}
.project-process .project-process__total-value {
  background: #FFDC8F;
  border-radius: 2px;
  height: 30px;
  padding: 0 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.project-process .project-process__image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 36%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: -1;
  overflow: hidden;
}
.project-process .project-process__image picture {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.project-process .project-process__image img {
  max-height: 100%;
  -o-object-position: bottom;
     object-position: bottom;
}
.project-process .project-process__stages {
  width: calc(100% - 620px);
  padding: 65px 34px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.project-process .project-process__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  position: relative;
  width: 200px;
}
.project-process .project-process__label {
  min-height: 35px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 110%;
  font-weight: 600;
}
.project-process .project-process__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  width: calc(100% - 200px);
}
.project-process .process__item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  background: #F8F8F8;
  border: 1px solid #DDDFE0;
  padding: 6px;
  height: 35px;
  position: relative;
}
.project-process .process__item-date {
  background: #DEECFE;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 6px;
  font-size: 16px;
  line-height: 100%;
  margin-left: 0;
  -webkit-transition: margin-left 0.3s ease;
  transition: margin-left 0.3s ease;
}
.project-process .project-process__scroll {
  display: none;
}

@media (max-width: 1600px) {
  .project-process .project-process__stages {
    padding: 50px 20px 15px;
    width: calc(100% - 520px);
  }
  .project-process .project-process__info {
    padding: 50px 20px;
    width: 520px;
  }
  .project-process .project-process_img {
    height: 77px;
  }
  .project-process .project-process_img img {
    height: 82px;
  }
  .project-process .project-process__title {
    font-size: 20px;
  }
  .project-process .project-process__total {
    font-size: 14px;
  }
  .project-process .project-process__date-label {
    font-size: 13px;
  }
  .project-process .project-process__head {
    gap: 20px;
  }
  .project-process .project-process__labels {
    width: 160px;
  }
  .project-process .project-process__label {
    font-size: 14px;
    min-height: 30px;
  }
  .project-process .project-process__items {
    width: calc(100% - 160px);
  }
  .project-process .process__item {
    height: 30px;
  }
  .project-process .process__item-date {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .project-process .head-content {
    margin-bottom: 30px;
  }
  .project-process .project-process__info {
    width: 300px;
  }
  .project-process .project-process__stages {
    padding: 40px 20px 15px;
    width: calc(100% - 300px);
  }
  .project-process .project-process__image {
    top: 60%;
  }
}
@media (max-width: 1199px) {
  .project-process .project-process__content {
    border: none;
    border-radius: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .project-process .project-process__info {
    width: 100%;
    padding-bottom: 130px;
    border: 1px solid #DDDFE0;
    border-radius: 4px;
  }
  .project-process .project-process__stages {
    width: 100%;
    padding: 15px;
    padding: 60px 0 0;
  }
  .project-process .project-process__info {
    padding: 30px 15px;
    width: 100%;
  }
  .project-process .project-process_img {
    right: 0;
    left: 0;
    height: 58px;
  }
  .project-process .project-process_img img {
    height: 70px;
  }
  .project-process .project-process__title {
    font-size: 18px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .project-process .project-process__image {
    top: auto;
    right: 0;
    left: auto;
    height: 130px;
  }
}
@media (max-width: 991px) {
  .project-process .process__item-date {
    font-size: 12px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .project-process .project-process__stages {
    position: relative;
  }
}
@media (max-width: 767px) {
  .project-process .project-process__stages {
    padding: 0 10px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .project-process .project-process__info {
    margin-bottom: 20px;
    padding: 34px 10px 70px;
  }
  .project-process .project-process_img {
    height: 68px;
    right: 25px;
  }
  .project-process .project-process_img img {
    height: 70px;
  }
  .project-process .project-process__date-label {
    font-size: 13px;
  }
  .project-process .project-process__date {
    max-width: 100%;
  }
  .project-process .project-process__total {
    width: 100%;
    max-width: 330px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 16px;
  }
  .project-process .project-process__image {
    top: auto;
    height: 80px;
    width: 140px;
  }
  .project-process .project-process__stages::-webkit-scrollbar {
    display: none;
  }
  .project-process .project-process__labels {
    width: 140px;
    gap: 10px;
    position: absolute;
    left: 0;
    z-index: 13;
    background: #fff;
    padding: 0 10px;
  }
  .project-process .project-process__items {
    gap: 10px;
    width: 710px;
    margin-left: 140px;
  }
  .project-process .process__item {
    padding: 3px;
  }
  .project-process .project-process__scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    font-size: 13px;
    letter-spacing: -0.03em;
    line-height: 110%;
    color: #939393;
    gap: 5px;
    padding-right: 20px;
    margin-bottom: 10px;
  }
  .project-process .project-process__scroll img {
    width: 27px;
  }
}
@media (max-width: 479px) {
  .project-process {
    overflow: hidden;
  }
  .project-process .project-process__title {
    max-width: 200px;
  }
  .project-process .project-process__stages {
    width: auto;
    margin: 0 -10px;
  }
  .project-process .project-process__content {
    overflow: visible;
  }
  .project-process .head-content {
    margin-bottom: 20px;
  }
}
/*project-plan*/
.project-plan .project-plan__wrapper {
  background: #F8F8F8;
  padding: 70px 30px 30px;
}
.project-plan .head-content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin-bottom: calc(var(--padding-medium) - 10px);
}
.project-plan .subtitle {
  width: calc(59% - 30px);
}
.project-plan .title {
  width: 41%;
}
.project-plan .categories {
  margin-bottom: 40px;
}
.project-plan .project-plan__content {
  position: relative;
}
.project-plan .project-plan__form {
  position: absolute;
  top: 20px;
  left: 20px;
  max-width: 670px;
}
.project-plan .project-plan__form .form__content {
  padding: 30px 20px;
}
.project-plan .project-plan__form .form .form__field,
.project-plan .project-plan__form .form .form__button {
  width: calc((100% - 20px) / 3);
}
.project-plan .project-plan__content-image {
  border: 1px solid #D6D6D6;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.project-plan .project-plan__content-image--blur::after {
  content: "";
  background: rgba(217, 217, 217, 0.0117647059);
  border: 1px solid #DADADA;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  -webkit-box-shadow: 0px 5.05px 63.19px 0px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5.05px 63.19px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 2px;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 55%;
}
.project-plan .project-plan__content {
  display: none;
}
.project-plan .project-plan__content.is-active {
  display: block;
}

@media (max-width: 1600px) {
  .project-plan .project-plan__wrapper {
    padding: 60px 20px 20px;
  }
}
@media (max-width: 1440px) {
  .project-plan .head-content {
    margin-bottom: 30px;
  }
  .project-plan .categories {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .project-plan .head-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .project-plan .title {
    width: 100%;
  }
  .project-plan .subtitle {
    width: 100%;
  }
  .project-plan .project-plan__form .form__content {
    padding: 20px 15px;
  }
  .project-plan .project-plan__form {
    max-width: 600px;
  }
}
@media (min-width: 768px) {
  .project-plan .form__content-contacts {
    display: none;
  }
}
@media (max-width: 767px) {
  .project-plan .project-plan__wrapper {
    padding: 50px 15px 15px;
  }
  .project-plan .project-plan__form {
    position: relative;
    top: auto;
    left: auto;
    max-width: none;
  }
  .project-plan .project-plan__form .form .form__field, .project-plan .project-plan__form .form .form__button {
    width: 100%;
  }
  .project-plan .project-plan__form .form__content {
    padding: 30px 15px;
  }
}
@media (max-width: 479px) {
  .project-plan .project-plan__wrapper {
    padding: 40px 10px;
  }
  .project-plan .container {
    padding: 0;
  }
  .project-plan .categories .categories__item {
    width: auto;
    padding: 0 13px;
  }
  .project-plan .subtitle {
    display: none;
  }
  .project-plan .head-content {
    margin-bottom: 20px;
  }
  .project-plan .project-plan__form .form__content {
    padding: 30px 10px;
  }
  .project-plan .project-plan__form {
    margin: 0 -10px;
  }
}
/*project-specifications*/
.project-specifications .project-specifications__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--padding-medium) - 10px);
}
.project-specifications .head-content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
}
.project-specifications .section-title {
  width: 43%;
}
.project-specifications .subtitle {
  width: calc(57% - 30px);
  font-family: var(--font-second);
  background: conic-gradient(from 119.5deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), -webkit-gradient(linear, left bottom, left top, from(#FFC7A6), to(#FFC7A6));
  background: conic-gradient(from 119.5deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0.3) 360deg), linear-gradient(0deg, #FFC7A6, #FFC7A6);
  padding: 29px 20px;
  line-height: 110%;
}
.project-specifications .project-specifications__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}
.project-specifications .project-specifications__param {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 25px;
}
.project-specifications .project-specifications__label {
  font-size: 20px;
  line-height: 110%;
  font-weight: 600;
  color: #000;
  font-family: var(--font-second);
  width: 32%;
}
.project-specifications .project-specifications__value {
  font-size: 20px;
  line-height: 120%;
  width: calc(68% - 20px);
  color: var(--gray);
}

@media (max-width: 1600px) {
  .project-specifications .project-specifications__label {
    font-size: 18px;
  }
  .project-specifications .project-specifications__value {
    font-size: 18px;
  }
  .project-specifications .project-specifications__param {
    padding-bottom: 20px;
  }
  .project-specifications .project-specifications__grid {
    gap: 20px;
  }
  .project-specifications .subtitle {
    padding: 25px 15px;
    width: calc(60% - 30px);
  }
  .project-specifications .section-title {
    width: 40%;
  }
}
@media (max-width: 1440px) {
  .project-specifications .project-specifications__label {
    font-size: 16px;
  }
  .project-specifications .project-specifications__value {
    font-size: 16px;
  }
  .project-specifications .project-specifications__wrapper {
    gap: 30px;
  }
  .project-specifications .subtitle {
    padding: 20px 15px;
    width: calc(72% - 30px);
  }
  .project-specifications .section-title {
    width: 28%;
  }
}
@media (max-width: 1199px) {
  .project-specifications .head-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .project-specifications .subtitle {
    width: auto;
  }
  .project-specifications .section-title {
    width: 100%;
  }
  .project-specifications .section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .project-specifications .project-specifications__param {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .project-specifications .project-specifications__label {
    width: 100%;
  }
  .project-specifications .project-specifications__value {
    font-size: 14px;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .project-specifications .project-specifications__param {
    padding-bottom: 10px;
  }
  .project-specifications .project-specifications__grid {
    gap: 10px;
  }
  .project-specifications .project-specifications__value {
    color: #000;
  }
  .project-specifications .subtitle {
    font-size: 16px;
    padding: 15px 20px;
  }
}
/*project-gallerymini*/
.project-gallerymini .project-gallerymini__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.project-gallerymini .project-gallerymini__image {
  width: calc((100% - 15px) / 2);
  height: 730px;
  border-radius: 2px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.project-gallerymini .project-gallerymini__image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1600px) {
  .project-gallerymini .project-gallerymini__image {
    height: 630px;
  }
}
@media (max-width: 1440px) {
  .project-gallerymini .project-gallerymini__image {
    height: 530px;
  }
}
@media (max-width: 1199px) {
  .project-gallerymini .project-gallerymini__image {
    height: 430px;
  }
}
@media (max-width: 991px) {
  .project-gallerymini .project-gallerymini__image {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .project-gallerymini .project-gallerymini__grid {
    gap: 5px;
  }
  .project-gallerymini .project-gallerymini__image {
    height: 250px;
    width: calc((100% - 5px) / 2);
  }
}
@media (max-width: 479px) {
  .project-gallerymini .project-gallerymini__grid {
    margin-left: -10px;
    margin-right: -10px;
  }
  .project-gallerymini .project-gallerymini__image {
    height: 170px;
  }
}
/*project-advantages*/
.project-advantages .project-advantages__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.project-advantages .info-card {
  width: calc((100% - 45px) / 4);
}
.project-advantages .info-card .info-card__title {
  text-align: center;
}
.project-advantages .info-card .info-card__progress {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.project-advantages .info-card .info-card__progress-value {
  background: #FFDC8F;
  border-radius: 2px;
  padding: 0 8px;
  height: 23px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
  font-size: 16px;
  line-break: 110%;
  color: #000;
}
.project-advantages .info-card .info-card__progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 5px;
}
.project-advantages .info-card .info-card__progress-bar span {
  background: #F3F3F3;
  border: 1px solid #E9E9E9;
  border-radius: 30px;
  display: inline-block;
}
.project-advantages .info-card .info-card__progress-bar span:first-child {
  background: #FF6930;
  border-color: #FF6930;
}
.project-advantages .info-card .info-card__progress-bar span:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.project-advantages .info-card .info-card__img {
  left: -1px;
}
.project-advantages .info-card.info-card--4 .info-card__img {
  left: auto;
  right: -1px;
}
.project-advantages .project-advantages__scroll {
  display: none;
}

@media (max-width: 1600px) {
  .project-advantages .info-card.info-card--1 .info-card__img,
  .project-advantages .info-card.info-card--2 .info-card__img {
    height: 78px;
  }
  .project-advantages .info-card.info-card--3 .info-card__img,
  .project-advantages .info-card.info-card--4 .info-card__img {
    height: 52px;
  }
  .project-advantages .info-card .info-card__progress {
    margin-bottom: 34px;
  }
}
@media (max-width: 1440px) {
  .project-advantages .info-card .info-card__text br {
    display: none;
  }
}
@media (max-width: 1199px) {
  .project-advantages .info-card {
    width: calc((100% - 15px) / 2);
  }
  .project-advantages .info-card.info-card--1 .info-card__img,
  .project-advantages .info-card.info-card--2 .info-card__img {
    height: 70px;
  }
  .project-advantages .info-card.info-card--3 .info-card__img,
  .project-advantages .info-card.info-card--4 .info-card__img {
    height: 46px;
  }
  .project-advantages .info-card .info-card__progress {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .project-advantages .info-card .info-card__progress {
    margin-bottom: 35px;
  }
  .project-advantages .project-advantages__inner {
    gap: 10px;
  }
  .project-advantages .info-card {
    width: calc((100% - 10px) / 2);
  }
}
@media (max-width: 479px) {
  .project-advantages .info-card .info-card__img {
    top: -10px;
  }
  .project-advantages .info-card .info-card__progress-value {
    font-size: 14px;
  }
  .project-advantages .project-advantages__scroll {
    font-size: 13px;
    letter-spacing: -0.03em;
    line-height: 110%;
    color: #939393;
    gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    margin-bottom: 20px;
  }
  .project-advantages .project-advantages__scroll img {
    width: 27px;
  }
  .project-advantages .project-advantages__inner {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .project-advantages .project-advantages__grid {
    padding: 0 10px;
    overflow-x: auto;
    scrollbar-width: none;
    margin: 0 -10px;
  }
  .project-advantages .info-card {
    width: 265px;
  }
  .project-advantages .info-card.info-card--1 .info-card__img, .project-advantages .info-card.info-card--2 .info-card__img {
    height: 66px;
  }
  .project-advantages .info-card .info-card__text {
    max-width: 230px;
  }
}
/*project-calc*/
.project-calc .project-calc__wrapper {
  padding: 70px 70px 400px;
  border-radius: 4px;
  overflow: hidden;
  background: #F8F8F8;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 60px;
  margin: 0;
}
.project-calc .project-calc__form {
  width: 440px;
  position: relative;
  z-index: 12;
  border-radius: 2px;
}
.project-calc .form .form__row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.project-calc .form .form__field {
  width: 100%;
}
.project-calc .form .form__button {
  width: 100%;
}
.project-calc .form__content {
  padding: 50px 20px;
}
.project-calc .project-calc__image {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 20%;
  top: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.project-calc .project-calc__image picture {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.project-calc .project-calc__image img {
  min-width: initial;
  min-height: initial;
}
.project-calc .project-calc__content {
  background: #fff;
  border-radius: 2px;
  padding: 40px 20px;
  position: relative;
  z-index: 12;
  width: calc(100% - 500px);
}
.project-calc .project-calc__mark {
  position: absolute;
  top: 0;
  right: 45px;
}
.project-calc .project-calc__mark img {
  height: 100%;
}
.project-calc .project-calc__result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.project-calc .project-calc__price {
  background: #FFDC8F;
  font-size: 22px;
  line-height: 110%;
  color: #000;
  padding: 8px 16px;
}
.project-calc .project-calc__price span {
  font-size: 32px;
}
.project-calc .project-calc__group {
  margin-bottom: 30px;
}
.project-calc .project-calc__group-title {
  font-size: 24px;
  line-height: 110%;
  color: #000;
  font-weight: 600;
  font-family: var(--font-second);
  margin-bottom: 20px;
}
.project-calc .head-content {
  margin-bottom: 40px;
}
.project-calc .filters {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.project-calc .filters .filter-item.select {
  width: calc((100% - 45px) / 4);
}
.project-calc .filters .filter-item .input-number {
  max-width: 215px;
  width: 100%;
}
.project-calc .filters .filter-item {
  margin: 0;
}

@media (max-width: 1600px) {
  .project-calc .project-calc__wrapper {
    padding: 60px 60px 340px;
    gap: 50px;
  }
  .project-calc .project-calc__content {
    width: calc(100% - 450px);
    padding: 30px 20px;
  }
  .project-calc .project-calc__form {
    width: 400px;
  }
  .project-calc .form__content {
    padding: 40px 20px;
  }
  .project-calc .project-calc__price span {
    font-size: 28px;
  }
  .project-calc .project-calc__price {
    font-size: 20px;
  }
  .project-calc .project-calc__group {
    margin-bottom: 25px;
  }
  .project-calc .head-content {
    margin-bottom: 30px;
  }
  .project-calc .project-calc__mark {
    height: 90px;
    right: 35px;
  }
  .project-calc .project-calc__group-title {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
@media (max-width: 1440px) {
  .project-calc .project-calc__wrapper {
    padding: 30px 30px 300px;
    gap: 30px;
  }
  .project-calc .project-calc__form {
    width: 360px;
  }
  .project-calc .form__content {
    padding: 30px 20px;
  }
  .project-calc .project-calc__content {
    width: calc(100% - 390px);
  }
  .project-calc .project-calc__group-title {
    font-size: 18px;
  }
  .project-calc .project-calc__price span {
    font-size: 24px;
  }
  .project-calc .project-calc__price {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .project-calc .project-calc__wrapper {
    padding-bottom: 250px;
    gap: 15px;
  }
  .project-calc .project-calc__form {
    width: 320px;
  }
  .project-calc .form__content {
    padding: 20px 15px;
  }
  .project-calc .project-calc__content {
    width: calc(100% - 335px);
  }
  .project-calc .project-calc__mark {
    height: 70px;
    right: 25px;
  }
  .project-calc .project-calc__price span {
    font-size: 20px;
  }
  .project-calc .project-calc__result {
    gap: 10px;
  }
}
@media (max-width: 991px) {
  .project-calc .project-calc__wrapper {
    padding: 0;
    border-radius: 0;
    gap: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: transparent;
  }
  .project-calc .section-bg .section-bg__cover {
    display: none;
  }
  .project-calc .project-calc__image {
    display: none;
  }
  .project-calc .project-calc__content {
    width: 100%;
    padding: 0;
  }
  .project-calc .project-calc__form {
    width: 100%;
  }
  .project-calc .project-calc__mark img {
    display: none;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .project-calc .form .form__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .project-calc .form .form__field {
    width: calc((100% - 10px) / 2);
  }
  .project-calc .form__content .form__content-text br {
    display: none;
  }
  .project-calc .form__content .form__content-text {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .project-calc .project-calc__group {
    margin-bottom: 30px;
  }
  .project-calc .project-calc__group-title {
    font-size: 16px;
  }
  .project-calc .form__content {
    padding: 40px 15px;
  }
  .project-calc .filters .filter-item.select {
    width: calc((100% - 15px) / 2);
  }
}
@media (max-width: 479px) {
  .project-calc .project-calc__wrapper {
    overflow: visible;
  }
  .project-calc .project-calc__group-title {
    font-size: 14px;
  }
  .project-calc .project-calc__price span {
    font-size: 18px;
  }
  .project-calc .project-calc__price {
    font-size: 14px;
    min-width: calc((100% - 10px) / 2);
  }
  .project-calc .project-calc__form {
    margin: 0 -10px;
    width: calc(100% + 20px);
  }
  .project-calc .form__content .form__content-text {
    max-width: 300px;
  }
}
/*fixed-project-panel*/
.fixed-project-panel {
  position: fixed;
  bottom: 20px;
  right: 20px;
  border: 1px solid #DDDFE0;
  -webkit-box-shadow: 1px 3px 8px 0px rgba(0, 0, 0, 0.0509803922), 6px 14px 15px 0px rgba(0, 0, 0, 0.0392156863), 13px 31px 20px 0px rgba(0, 0, 0, 0.031372549), 24px 56px 24px 0px rgba(0, 0, 0, 0.0117647059), 37px 87px 26px 0px rgba(0, 0, 0, 0);
          box-shadow: 1px 3px 8px 0px rgba(0, 0, 0, 0.0509803922), 6px 14px 15px 0px rgba(0, 0, 0, 0.0392156863), 13px 31px 20px 0px rgba(0, 0, 0, 0.031372549), 24px 56px 24px 0px rgba(0, 0, 0, 0.0117647059), 37px 87px 26px 0px rgba(0, 0, 0, 0);
  width: 290px;
  background: #fff;
  padding: 30px 15px 20px;
  z-index: 16;
  display: none;
}

.fixed-project-panel__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}

.fixed-project-panel__close {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  padding: 0;
  border: none;
  width: 30px;
  height: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fixed-project-panel__close img {
  width: 12px;
}

.fixed-project-panel__price {
  font-size: 16px;
  line-height: 110%;
}
.fixed-project-panel__price span {
  font-size: 28px;
  line-height: 110%;
}

.fixed-project-panel__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.fixed-project-panel__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.fixed-project-panel__nav .nav-title {
  color: #919191;
  font-size: 14px;
  line-height: 120%;
}
.fixed-project-panel__nav .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.fixed-project-panel__nav .nav-link {
  width: calc((100% - 5px) / 2);
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: #fff;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.fixed-project-panel__nav .nav-link:hover {
  border-color: rgba(0, 0, 0, 0.5);
}

.fixed-project-panel .form .form__row {
  gap: 5px;
}

.fixed-project-panel .form .form__field {
  width: calc((100% - 5px) / 2);
}

.fixed-project-panel .form .form__button {
  width: 100%;
  margin-top: 5px;
}

.fixed-project-panel .form__content-contacts {
  display: none;
}

.fixed-project-panel .form .form__field input {
  font-size: 11px;
}

.fixed-project-panel__button {
  background: #fff;
  height: 44px;
  color: #000;
  border: none;
  padding: 0 10px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: -0.02em;
  font-family: var(--font-second);
  display: none;
}

@media (max-width: 1199px) {
  .fixed-project-panel {
    background: conic-gradient(from 86deg at 50% 50%, rgba(255, 255, 255, 0.2) 0deg, rgba(255, 255, 255, 0) 360deg), -webkit-gradient(linear, left bottom, left top, from(#FF6930), to(#FF6930));
    background: conic-gradient(from 86deg at 50% 50%, rgba(255, 255, 255, 0.2) 0deg, rgba(255, 255, 255, 0) 360deg), linear-gradient(0deg, #FF6930, #FF6930);
    border: none;
    max-width: 355px;
    width: 100%;
    padding: 10px;
  }
  .fixed-project-panel__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fixed-project-panel__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fixed-project-panel__nav {
    display: none;
  }
  .fixed-project-panel .form {
    display: none;
  }
  .fixed-project-panel__price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 13px;
    color: #fff;
    gap: 5px;
  }
  .fixed-project-panel__price span {
    font-size: 18px;
  }
  .fixed-project-panel__close {
    display: none;
  }
}
@media (max-width: 767px) {
  .fixed-project-panel {
    bottom: 15px;
    right: 15px;
  }
}
@media (max-width: 479px) {
  .fixed-project-panel {
    bottom: 65px;
    right: 10px;
    left: 10px;
    max-width: none;
    width: auto;
  }
}
@media (max-width: 369px) {
  .fixed-project-panel__button {
    font-size: 12px;
    max-width: 140px;
  }
}
/* End */
/* /local/templates/vilti/template_styles.css?1768905746505784 */