/* Start:/local/templates/main/animate.min.css?174316402871726*/

/*!
 * 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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-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;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}
/* End */


/* Start:/local/templates/main/styles.css?17460162816722*/
.question_form_b .img img{
    height: 100%;
    width: auto;}

.quiz__form img{
    width: auto;
    height: auto;}

.select_city {
    font-weight : bold;
}

.btn._medium {
    cursor : pointer;
}

#sel_cit {
    cursor : pointer;
}

#location_bl {
    position   : fixed;
    z-index    : 100;
    background : #fff;
    top        : 0;
    left       : 0;
    padding    : 5%;
    width      : 100%;
    height     : 100%;
    display    : none;
}

#location_bl .header__submenu {
    display               : grid;
    overflow-y            : scroll;
    grid-template-columns : 25% 25% 25% 25%;
    height                : 100%;
}

#location_bl .header__submenu a {
    margin-bottom : 10px;
    color         : #406AFD;
}

#location_bl .header__submenu::-webkit-scrollbar {

    width            : 10px;
    background-color : #ccc;
}

#location_bl .header__submenu::-webkit-scrollbar-thumb {
    border-radius    : 10px;
    background-color : #406AFD;
}

#location_bl .header__submenu::-webkit-scrollbar-track {
    border-radius    : 10px;
    background-color : #ccc;
}

.close--two {
    position  : absolute;
    font-size : 24px;
    color     : #999;
    top       : 1%;
    right     : 1%;
    cursor    : pointer;
}

#location_b img {
    display : inline;
    height  : 10px;
}

.app #blg_list .articles {
    gap : clamp(1.2rem, 1.25vw, 2rem);
}

.stan_def {
    font-weight : bold;
    display     : none;
}

#send_price {
    display : none;
}

.zag-payment {
    display : none;
}

.popup .zag-payment {
    display : block;

}

.popup .quiz {
    grid-template-rows :auto auto 1fr !important;
}

.pt-2 {
    padding-top : 85px;
}

#sp_pr {
    display : none;
}

#select_city_top {
    position           : absolute;
    background         : #fff;
    padding            : 10px 20px;
    -webkit-box-shadow : 0 2px 12px rgba(0, 0, 0, .2);
    box-shadow         : 0 2px 12px rgba(0, 0, 0, .2);
    border-radius      : var(--radius);
    width              : -webkit-max-content;
    width              : -moz-max-content;
    width              : max-content;
    left               : 135px;
    bottom             : 20px;
}

#select_city_top span {
    border-bottom : 1px dashed #000;
}

#select_city_top:after {
    content           : "";
    width             : 2.4rem;
    height            : 2.1rem;
    -webkit-transform : rotate(-15deg);
    transform         : rotate(-15deg);
    background        : url("/local/templates/main/img/angle.svg") no-repeat center;
    background-size   : contain;
    position          : absolute;
    left              : -7px;
    bottom            : -2px;
}

#select_city_top div {
    cursor : pointer;
}


.sel_gr_city {
    display         : flex;
    justify-content : center;
    gap             : 30px;
    margin-top      : 10px;
}

@media (max-width : 1023px) {
    #location_bl .header__submenu {
        grid-template-columns : 50% 50%;
    }

    #location_bl {
        padding : 15% 5%;
    }

    #sel_cit {
        font-size : 15px;
    }
}

@media (max-width : 530px) {
    #location_bl .header__submenu {
        grid-template-columns : 100%;
        text-align            : center;
    }

    #traff {
        display : none;
    }

    #tarif_block .map__info._delivery {
        display : none !important;
    }

    #sp_pr {
        display               : -webkit-box;
        display               : -ms-flexbox;
        display               : flex;
        -webkit-box-orient    : horizontal;
        -webkit-box-direction : normal;
        -ms-flex-flow         : row nowrap;
        flex-flow             : row nowrap;
        -webkit-box-pack      : justify;
        -ms-flex-pack         : justify;
        justify-content       : space-between;
        -webkit-box-align     : center;
        -ms-flex-align        : center;
        align-items           : center;
        gap                   : 10px;
        background            : var(--color3);
        border-radius         : var(--radius);
        padding               : 3.2rem 16px;
    }

    #sp_pr span {
        font-size   : 2rem;
        font-weight : 700;
        color       : var(--color1);
        display     : block;
    }

    th._price {
        display : none !important;
    }

    .stan_def {
        display : block;

    }

}

#ras_tarify {
    display : none;
}


.price_bl_val {
    display : none;
}

.pr_act {
    display : block;
}

#socseti_button {
    position : relative;
    cursor   : pointer;
}

#socseti {
    position : absolute;
    display  : none;
    width    : 350px;
    right    : 0;
    top      : 120%;
}

.tablebodytext {
    display : none;
}


.app [data-delivery="no-map-tarify"] .search {
    margin  : 0 10px;
    padding : 0;
    border  : none;
}

.app [data-delivery="no-map-tarify"] .search input[type="search"] {
    color         : #000;
    font-size     : 16px;
    cursor        : pointer;
    padding-right : 25px;
}

.app [data-delivery="no-map-tarify"] .search input[type="search"]::placeholder {
    color : #000;

}

.app [data-delivery="no-map-tarify"] .search .search__drop {
    width      : 350px;
    text-align : left;
}


.app [data-delivery="no-map-tarify"] .search:after {
    content            : "\e91c";
    font-family        : icomoon;
    -webkit-transition : all .5s;
    transition         : all .5s;
    cursor             : pointer;
    font-size          : 8px;
    color              : #000;
    position           : absolute;
    right              : 5px;
}

/*
.app .price-table thead th:first-child{
	border-radius:20px 0 0 0;
}
.app .price-table thead th:last-child{
	border-radius:0 20px 0 0;
}
.price-table.rem_tr thead th:first-child{
	border-radius:20px 0 0 20px;
}
.price-table.rem_tr thead th:last-child{
	border-radius:0 20px 20px 0;
}
.app .price-table tr:last-child td:last-child{
	border-radius:0 0 20px 0;
}
*/
@media (max-width : 530px) {
    .app [data-delivery="no-map-tarify"] .search {
        color   : var(--color1);
        border  : 2px solid;
        margin  : 0;
        padding : 0 2.4rem;
        height  : 5.3rem;
    }

    .app [data-delivery="no-map-tarify"] .search input {
        color : var(--color1) !important;
    }

    .app [data-delivery="no-map-tarify"] .search:after {
        right : 25px;
        color : var(--color1);
    }

    .stan_def {
        font-weight : bold !important;
        display     : block;
    }

    a[data-load-table="price"] {
        display : none !important;
    }

    #send_price {
        display : block;
    }

    #select_city_top {
        max-width : 200px;
    }
}

.app .input, .app .select__main,
.app button, .app input, .app select, .app textarea,
.app .btn {
    border-radius : 15px !important;
}

/* End */


/* Start:/local/templates/main/template_styles.css?1748526687235954*/
@charset "UTF-8";
.app .header__menu-i._location{
    margin-top: 2rem;}

@font-face {
    font-family : swiper-icons;
    src         : url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight : 400;
    font-style  : normal
}

:root {
    --swiper-theme-color : #007aff
}

:host {
    position     : relative;
    display      : block;
    margin-left  : auto;
    margin-right : auto;
    z-index      : 1
}

.swiper {
    margin-left  : auto;
    margin-right : auto;
    position     : relative;
    overflow     : hidden;
    list-style   : none;
    padding      : 0;
    z-index      : 1;
    display      : block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction : column
}

.swiper-wrapper {
    position                   : relative;
    width                      : 100%;
    height                     : 100%;
    z-index                    : 1;
    display                    : flex;
    transition-property        : transform;
    transition-timing-function : var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing                 : content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform : translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action : pan-y
}

.swiper-vertical {
    touch-action : pan-x
}

.swiper-slide {
    flex-shrink         : 0;
    width               : 100%;
    height              : 100%;
    position            : relative;
    transition-property : transform;
    display             : block
}

.swiper-slide-invisible-blank {
    visibility : hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height : auto
}

.swiper-autoheight .swiper-wrapper {
    align-items         : flex-start;
    transition-property : transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform                   : translateZ(0);
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective : 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style : preserve-3d
}

.swiper-3d {
    perspective : 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
    transform-style : preserve-3d
}

.swiper-css-mode > .swiper-wrapper {
    overflow           : auto;
    scrollbar-width    : none;
    -ms-overflow-style : none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display : none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align : start start
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type : x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type : y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type : none
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align : none
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content     : '';
    flex-shrink : 0;
    order       : 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align : center center;
    scroll-snap-stop  : always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start : var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height     : 100%;
    min-height : 1px;
    width      : var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start : var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width     : 100%;
    min-width : 1px;
    height    : var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position       : absolute;
    left           : 0;
    top            : 0;
    width          : 100%;
    height         : 100%;
    pointer-events : none;
    z-index        : 10
}

.swiper-3d .swiper-slide-shadow {
    background : rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image : linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image : linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image : linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image : linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width            : 42px;
    height           : 42px;
    position         : absolute;
    left             : 50%;
    top              : 50%;
    margin-left      : -21px;
    margin-top       : -21px;
    z-index          : 10;
    transform-origin : 50%;
    box-sizing       : border-box;
    border           : 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius    : 50%;
    border-top-color : transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation : swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color : #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color : #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform : rotate(0)
    }
    100% {
        transform : rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility : hidden;
    transform                   : translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content        : '';
    position       : absolute;
    left           : 0;
    top            : 0;
    pointer-events : none
}

.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 {
    width  : 1px;
    height : var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size : 44px
}

.swiper-button-next, .swiper-button-prev {
    position        : absolute;
    top             : var(--swiper-navigation-top-offset, 50%);
    width           : calc(var(--swiper-navigation-size) / 44 * 27);
    height          : var(--swiper-navigation-size);
    margin-top      : calc(0px - (var(--swiper-navigation-size) / 2));
    z-index         : 10;
    cursor          : pointer;
    display         : flex;
    align-items     : center;
    justify-content : center;
    color           : var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity        : .35;
    cursor         : auto;
    pointer-events : none
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity        : 0;
    cursor         : auto;
    pointer-events : none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display : none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    width            : 100%;
    height           : 100%;
    object-fit       : contain;
    transform-origin : center
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    transform : rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left  : var(--swiper-navigation-sides-offset, 10px);
    right : auto
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right : var(--swiper-navigation-sides-offset, 10px);
    left  : auto
}

.swiper-button-lock {
    display : none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family    : swiper-icons;
    font-size      : var(--swiper-navigation-size);
    text-transform : none !important;
    letter-spacing : 0;
    font-variant   : initial;
    line-height    : 1
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content : 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right : var(--swiper-navigation-sides-offset, 10px);
    left  : auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content : 'next'
}

.swiper-pagination {
    position   : absolute;
    text-align : center;
    transition : .3s opacity;
    transform  : translate3d(0, 0, 0);
    z-index    : 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity : 0
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.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);
    top    : var(--swiper-pagination-top, auto);
    left   : 0;
    width  : 100%
}

.swiper-pagination-bullets-dynamic {
    overflow  : hidden;
    font-size : 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform : scale(.33);
    position  : relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform : scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform : scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform : scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform : scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform : scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform : scale(.33)
}

.swiper-pagination-bullet {
    width         : var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height        : var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display       : inline-block;
    border-radius : var(--swiper-pagination-bullet-border-radius, 50%);
    background    : var(--swiper-pagination-bullet-inactive-color, #000);
    opacity       : var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border             : none;
    margin             : 0;
    padding            : 0;
    box-shadow         : none;
    -webkit-appearance : none;
    appearance         : none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor : pointer
}

.swiper-pagination-bullet:only-child {
    display : none !important
}

.swiper-pagination-bullet-active {
    opacity    : var(--swiper-pagination-bullet-opacity, 1);
    background : var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right     : var(--swiper-pagination-right, 8px);
    left      : var(--swiper-pagination-left, auto);
    top       : 50%;
    transform : translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin  : var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display : block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top       : 50%;
    transform : translateY(-50%);
    width     : 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display    : inline-block;
    transition : .2s transform, .2s top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin : 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left        : 50%;
    transform   : translateX(-50%);
    white-space : nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition : .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition : .2s transform, .2s right
}

.swiper-pagination-fraction {
    color : var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background : var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position   : absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background       : var(--swiper-pagination-color, var(--swiper-theme-color));
    position         : absolute;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 100%;
    transform        : scale(0);
    transform-origin : left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin : right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width  : 100%;
    height : var(--swiper-pagination-progressbar-size, 4px);
    left   : 0;
    top    : 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width  : var(--swiper-pagination-progressbar-size, 4px);
    height : 100%;
    left   : 0;
    top    : 0
}

.swiper-pagination-lock {
    display : none
}

.swiper-scrollbar {
    border-radius : var(--swiper-scrollbar-border-radius, 10px);
    position      : relative;
    touch-action  : none;
    background    : var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display : none !important
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position : absolute;
    left     : var(--swiper-scrollbar-sides-offset, 1%);
    bottom   : var(--swiper-scrollbar-bottom, 4px);
    top      : var(--swiper-scrollbar-top, auto);
    z-index  : 50;
    height   : var(--swiper-scrollbar-size, 4px);
    width    : calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    position : absolute;
    left     : var(--swiper-scrollbar-left, auto);
    right    : var(--swiper-scrollbar-right, 4px);
    top      : var(--swiper-scrollbar-sides-offset, 1%);
    z-index  : 50;
    width    : var(--swiper-scrollbar-size, 4px);
    height   : calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height        : 100%;
    width         : 100%;
    position      : relative;
    background    : var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius : var(--swiper-scrollbar-border-radius, 10px);
    left          : 0;
    top           : 0
}

.swiper-scrollbar-cursor-drag {
    cursor : move
}

.swiper-scrollbar-lock {
    display : none
}

.swiper-zoom-container {
    width           : 100%;
    height          : 100%;
    display         : flex;
    justify-content : center;
    align-items     : center;
    text-align      : center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width  : 100%;
    max-height : 100%;
    object-fit : contain
}

.swiper-slide-zoomed {
    cursor       : move;
    touch-action : none
}

.swiper .swiper-notification {
    position       : absolute;
    left           : 0;
    top            : 0;
    pointer-events : none;
    opacity        : 0;
    z-index        : -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function : ease-out;
    margin                     : 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap : wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap      : wrap;
    flex-direction : column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function : ease-out
}

.swiper-fade .swiper-slide {
    pointer-events      : none;
    transition-property : opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events : none
}

.swiper-fade .swiper-slide-active {
    pointer-events : auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events : auto
}

.swiper-cube {
    overflow : visible
}

.swiper-cube .swiper-slide {
    pointer-events              : none;
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden;
    z-index                     : 1;
    visibility                  : hidden;
    transform-origin            : 0 0;
    width                       : 100%;
    height                      : 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events : none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin : 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events : auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
    pointer-events : auto;
    visibility     : visible
}

.swiper-cube .swiper-cube-shadow {
    position : absolute;
    left     : 0;
    bottom   : 0;
    width    : 100%;
    height   : 100%;
    opacity  : .6;
    z-index  : 0
}

.swiper-cube .swiper-cube-shadow:before {
    content    : '';
    background : #000;
    position   : absolute;
    left       : 0;
    top        : 0;
    bottom     : 0;
    right      : 0;
    filter     : blur(50px)
}

.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events : auto;
    visibility     : visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index                     : 0;
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden
}

.swiper-flip {
    overflow : visible
}

.swiper-flip .swiper-slide {
    pointer-events              : none;
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden;
    z-index                     : 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events : none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events : auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index                     : 0;
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden;
    overflow                    : hidden;
    transition-property         : transform, opacity, height
}

.swiper-cards {
    overflow : visible
}

.swiper-cards .swiper-slide {
    transform-origin            : center bottom;
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden;
    overflow                    : hidden
}

: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;
    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);
    animation : f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
    100% {
        transform : rotate(360deg)
    }
}

@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-throwOutUp {
    animation : var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation : var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform : translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity   : 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform : translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity   : 0
    }
}

.f-zoomInUp {
    animation : var(--f-transition-duration, .2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation : var(--f-transition-duration, .2s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    from {
        transform : scale(.975) translate3d(0, 16px, 0);
        opacity   : 0
    }
    to {
        transform : scale(1) translate3d(0, 0, 0);
        opacity   : 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform : scale(.975) translate3d(0, 16px, 0);
        opacity   : 0
    }
}

.f-fadeIn {
    animation : var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index   : 2
}

.f-fadeOut {
    animation : var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index   : 1
}

@keyframes f-fadeIn {
    0% {
        opacity : 0
    }
    100% {
        opacity : 1
    }
}

@keyframes f-fadeOut {
    100% {
        opacity : 0
    }
}

.f-fadeFastIn {
    animation : var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
    z-index   : 2
}

.f-fadeFastOut {
    animation : var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;
    z-index   : 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity : .75
    }
    100% {
        opacity : 1
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity : 0
    }
}

.f-fadeSlowIn {
    animation : var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
    z-index   : 2
}

.f-fadeSlowOut {
    animation : var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
    z-index   : 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity : 0
    }
    100% {
        opacity : 1
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity : 0
    }
}

.f-crossfadeIn {
    animation : var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
    z-index   : 2
}

.f-crossfadeOut {
    animation : calc(var(--f-transition-duration, .2s) * .5) linear .1s both f-crossfadeOut;
    z-index   : 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity : 0
    }
    100% {
        opacity : 1
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity : 0
    }
}

.f-slideIn.from-next {
    animation : var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation : var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation : var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation : var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform : translateX(100%)
    }
    100% {
        transform : translate3d(0, 0, 0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform : translateX(-100%)
    }
    100% {
        transform : translate3d(0, 0, 0)
    }
}

@keyframes f-slideOutNext {
    100% {
        transform : translateX(-100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform : translateX(100%)
    }
}

.f-classicIn.from-next {
    animation : var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
    z-index   : 2
}

.f-classicIn.from-prev {
    animation : var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
    z-index   : 2
}

.f-classicOut.to-next {
    animation : var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
    z-index   : 1
}

.f-classicOut.to-prev {
    animation : var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
    z-index   : 1
}

@keyframes f-classicInNext {
    0% {
        transform : translateX(-75px);
        opacity   : 0
    }
    100% {
        transform : translate3d(0, 0, 0);
        opacity   : 1
    }
}

@keyframes f-classicInPrev {
    0% {
        transform : translateX(75px);
        opacity   : 0
    }
    100% {
        transform : translate3d(0, 0, 0);
        opacity   : 1
    }
}

@keyframes f-classicOutNext {
    100% {
        transform : translateX(-75px);
        opacity   : 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        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         : flex;
    justify-content : center;
    align-items     : center;
    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);
    box-shadow      : var(--f-button-shadow);
    pointer-events  : all;
    cursor          : pointer;
    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 : 0
}

.f-button:focus-visible {
    outline    : 0;
    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;
    transition      : opacity .15s ease;
    transform       : var(--f-button-transform);
    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-next, .f-carousel__nav .f-button.is-prev, .fancybox__nav .f-button.is-next, .fancybox__nav .f-button.is-prev {
    position : absolute;
    z-index  : 1
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev {
    top       : 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-next, .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev {
    top       : auto;
    left      : 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-next svg, .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg {
    transform : rotate(90deg)
}

.f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled {
    pointer-events : none
}

html.with-fancybox {
    width           : auto;
    overflow        : visible;
    scroll-behavior : auto
}

html.with-fancybox body {
    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                     : flex;
    flex-direction              : column;
    box-sizing                  : border-box;
    margin                      : 0;
    padding                     : 0;
    color                       : #f8f8f8;
    -webkit-tap-highlight-color : transparent;
    overflow                    : visible;
    z-index                     : var(--fancybox-zIndex, 1050);
    outline                     : 0;
    transform-origin            : top left;
    -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 ::after, .fancybox__container ::before {
    box-sizing : inherit
}

.fancybox__container::backdrop {
    background-color : rgba(0, 0, 0, 0)
}

.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;
    box-sizing : border-box;
    flex       : 1;
    min-height : 0;
    z-index    : 10;
    overflow-y : visible;
    overflow-x : clip
}

.fancybox__viewport {
    width  : 100%;
    height : 100%
}

.fancybox__viewport.is-draggable {
    cursor : move;
    cursor : grab
}

.fancybox__viewport.is-dragging {
    cursor : move;
    cursor : grabbing
}

.fancybox__track {
    display : flex;
    margin  : 0 auto;
    height  : 100%
}

.fancybox__slide {
    flex                : 0 0 auto;
    position            : relative;
    display             : flex;
    flex-direction      : column;
    align-items         : center;
    width               : 100%;
    height              : 100%;
    margin              : 0 var(--fancybox-slide-gap) 0 0;
    padding             : 4px;
    overflow            : auto;
    overscroll-behavior : contain;
    transform           : translate3d(0, 0, 0);
    backface-visibility : hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top : 40px
}

.fancybox__slide.has-html5video, .fancybox__slide.has-iframe, .fancybox__slide.has-video {
    overflow : hidden
}

.fancybox__slide.has-image {
    overflow : hidden
}

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
    overflow : visible
}

.fancybox__slide::after, .fancybox__slide::before {
    content : "";
    flex    : 0 0 0;
    margin  : auto
}

.fancybox__backdrop:empty, .fancybox__slide:empty, .fancybox__track:empty, .fancybox__viewport:empty {
    display : block
}

.fancybox__content {
    align-self     : center;
    display        : flex;
    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 : grab
}

.can-zoom_in .fancybox__content {
    cursor : zoom-in
}

.can-zoom_out .fancybox__content {
    cursor : zoom-out
}

.is-dragging .fancybox__content {
    cursor : move;
    cursor : grabbing
}

.fancybox__content [contenteditable], .fancybox__content [data-selectable] {
    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;
    transition          : none;
    transform           : translate3d(0, 0, 0);
    backface-visibility : hidden
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
    width      : 100%;
    height     : auto;
    max-height : 100%
}

.is-animating .fancybox__content, .is-dragging .fancybox__content {
    will-change : transform, width, height
}

.fancybox-image {
    margin      : auto;
    display     : block;
    width       : 100%;
    height      : 100%;
    min-height  : 0;
    object-fit  : contain;
    user-select : none;
    filter      : blur(0)
}

.fancybox__caption {
    align-self    : center;
    max-width     : 100%;
    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-closing .fancybox__caption, .is-loading .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);
    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 {
    animation : .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events : none;
    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) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5));
    z-index  : 30;
    cursor   : pointer
}

.fancybox-protected {
    position    : absolute;
    top         : 0;
    left        : 0;
    right       : 0;
    bottom      : 0;
    z-index     : 40;
    user-select : none
}

.fancybox-ghost {
    position       : absolute;
    top            : 0;
    left           : 0;
    width          : 100%;
    height         : 100%;
    min-height     : 0;
    object-fit     : contain;
    z-index        : 40;
    user-select    : none;
    pointer-events : none
}

.fancybox-focus-guard {
    outline        : 0;
    opacity        : 0;
    position       : fixed;
    pointer-events : none
}

.fancybox__container:not([aria-hidden]) {
    opacity : 0
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > :not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > :not(.fancybox__content), .fancybox__container.is-animated[aria-hidden=false] > :not(.fancybox__backdrop,.fancybox__carousel) {
    animation : var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation : var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > :not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > :not(.fancybox__content), .fancybox__container.is-animated[aria-hidden=true] > :not(.fancybox__backdrop,.fancybox__carousel) {
    animation : var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation : var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut
}

.has-html5video .fancybox__content, .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content {
    max-width   : 100%;
    flex-shrink : 1;
    min-height  : 1px;
    overflow    : visible
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
    width  : calc(100% - 120px);
    height : 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content {
    width  : 100%;
    height : 100%
}

.has-html5video .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content {
    width      : 960px;
    height     : 540px;
    max-width  : 100%;
    max-height : 100%
}

.has-html5video .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .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;
    -webkit-clip-path : inset(50%) !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  : 16px;
    --f-thumb-clip-width : 46px
}

.f-thumbs {
    position                    : relative;
    flex                        : 0 0 auto;
    margin                      : 0;
    overflow                    : hidden;
    -webkit-tap-highlight-color : transparent;
    user-select                 : none;
    perspective                 : 1000px;
    transform                   : translateZ(0)
}

.f-thumbs .f-spinner {
    position         : absolute;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;
    border-radius    : 2px;
    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;
    transform : translate3d(0, 0, 0)
}

.f-thumbs__track {
    display : flex
}

.f-thumbs__slide {
    position        : relative;
    flex            : 0 0 auto;
    box-sizing      : content-box;
    display         : flex;
    align-items     : center;
    justify-content : center;
    padding         : 0;
    margin          : 0;
    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 : max-content
}

.is-modern .f-thumbs__track::before {
    content  : "";
    position : absolute;
    top      : 0;
    bottom   : 0;
    left     : calc((var(--f-thumb-clip-width, 0)) * -.5);
    width    : calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
    cursor   : pointer
}

.is-modern .f-thumbs__slide {
    width          : var(--f-thumb-clip-width);
    transform      : translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition     : none;
    pointer-events : none
}

.is-modern.is-resting .f-thumbs__slide {
    transition : transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition : clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    filter : drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    appearance     : none;
    width          : var(--f-thumb-width);
    height         : 100%;
    margin         : 0 -100% 0 -100%;
    padding        : 0;
    border         : 0;
    position       : relative;
    border-radius  : var(--f-thumb-border-radius);
    overflow       : hidden;
    background     : rgba(0, 0, 0, 0);
    outline        : 0;
    cursor         : pointer;
    pointer-events : auto;
    touch-action   : manipulation;
    opacity        : var(--f-thumb-opacity);
    transition     : opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity : var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline : 0
}

.f-thumbs__slide__button:focus-visible {
    outline : 0;
    opacity : var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
    --clip-path : inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
    clip-path   : var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity : var(--f-thumb-selected-opacity)
}

.is-classic .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);
    animation     : f-fadeIn .2s ease-out;
    z-index       : 10
}

.f-thumbs__slide__img {
    overflow       : hidden;
    position       : absolute;
    top            : 0;
    right          : 0;
    bottom         : 0;
    left           : 0;
    width          : 100%;
    height         : 100%;
    margin         : 0;
    padding        : var(--f-thumb-offset);
    box-sizing     : border-box;
    pointer-events : none;
    object-fit     : cover;
    border-radius  : var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
    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 {
    flex-wrap : wrap;
    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);
    transition              : max-height .35s cubic-bezier(.23, 1, .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 : linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap           : 4px;
    --f-thumb-extra-gap     : 16px;
    --f-thumb-clip-width    : 46px;
    --f-thumb-opacity       : 1;
    --f-thumb-hover-opacity : 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image : linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .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-masked {
    max-height : 0 !important
}

.is-closing .fancybox__thumbs {
    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                         : flex;
    flex-direction                  : row;
    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, .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;
    animation      : .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    align-content  : flex-start
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
    flex-grow  : 1;
    flex-basis : 0
}

.fancybox__toolbar__column.is-right {
    display         : flex;
    justify-content : flex-end;
    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;
    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 : 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 : flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display : flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display : none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display : none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display : flex
}

.f-progress {
    position                   : absolute;
    top                        : 0;
    left                       : 0;
    right                      : 0;
    height                     : 3px;
    transform                  : scaleX(0);
    transform-origin           : 0;
    transition-property        : transform;
    transition-timing-function : linear;
    background                 : var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index                    : 30;
    user-select                : none;
    pointer-events             : none
}

/*

@font-face {
    src          : url(/local/templates/main/fonts/Lato-Thin.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 100;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-ThinItalic.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 100;
    font-style   : italic;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-Light.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 300;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-LightItalic.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 300;
    font-style   : italic;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-Regular.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 400;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-Italic.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 400;
    font-style   : italic;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-Medium.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 500;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-MediumItalic.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 500;
    font-style   : italic;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-Semibold.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 600;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-SemiboldItalic.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 600;
    font-style   : italic;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-Bold.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 700;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-BoldItalic.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 700;
    font-style   : italic;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-Heavy.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 800;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-HeavyItalic.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 800;
    font-style   : italic;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-Black.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 900;
    font-display : swap
}

@font-face {
    src          : url(/local/templates/main/fonts/Lato-BlackItalic.ttf) format("truetype");
    font-family  : Lato;
    font-weight  : 900;
    font-style   : italic;
    font-display : swap
}
*/

@font-face {
    font-family  : icomoon;
    src          : url(/local/templates/main/fonts/icomoon/icomoon.ttf) format("truetype"), url(/local/templates/main/fonts/icomoon/icomoon.svg) format("svg"), url(/local/templates/main/fonts/icomoon/icomoon.eot) format("embedded-opentype"), url(/local/templates/main/fonts/icomoon/icomoon.woff) format("woff");
    font-weight  : 400;
    font-style   : normal;
    font-display : swap
}

.icon {
    display : -webkit-inline-box;
    display : -ms-inline-flexbox;
    display : inline-flex
}

[class*=" icon-"], [class^=icon-] {
    font-family             : icomoon !important;
    speak                   : none;
    font-style              : normal;
    font-weight             : 400;
    font-variant            : normal;
    text-transform          : none;
    line-height             : 1;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale
}

.icon-double-tick:before {
    content : "\e902";
    color   : #000
}

.icon-double-tick:after {
    content     : "\e903";
    margin-left : -1.818359375em;
    color       : #406afd
}

.icon-tick:before {
    content : "\e90c"
}

.icon-arrows-h:before {
    content : "\e913"
}

.icon-arrows-v:before {
    content : "\e912"
}

.icon-download:before {
    content : "\e91a"
}

.icon-star2:before {
    content : "\e904"
}

.icon-star:before {
    content : "\e921"
}

.icon-search:before {
    content : "\e905"
}

.icon-close:before {
    content : "\e906"
}

.icon-menu:before {
    content : "\e907"
}

.icon-mail:before {
    content : "\e908"
}

.icon-call:before {
    content : "\e909"
}

.icon-down-long:before {
    content : "\e90d"
}

.icon-right-long:before {
    content : "\e900"
}

.icon-right-longest:before {
    content : "\e914"
}

.icon-arrow-out:before {
    content : "\e91b"
}

.icon-arrow-out-long:before {
    content : "\e90a"
}

.icon-down:before {
    content : "\e91c"
}

.icon-right:before {
    content : "\e90b"
}

.icon-clock:before {
    content : "\e901"
}

.icon-num4:before {
    content : "\e90e"
}

.icon-num3:before {
    content : "\e90f"
}

.icon-num2:before {
    content : "\e910"
}

.icon-num1:before {
    content : "\e911"
}

.icon-num05:before {
    content : "\e915"
}

.icon-num04:before {
    content : "\e916"
}

.icon-num03:before {
    content : "\e917"
}

.icon-num02:before {
    content : "\e918"
}

.icon-num01:before {
    content : "\e919"
}

:root {
    --color1 : #406AFD;
    --color2 : #B4C9FE;
    --color3 : #F3F3F3;
    --color4 : #545454;
    --color5 : #8B8B8B;
    --shadow : 0px 3px 24.8px rgba(0, 0, 0, 0.15);
    --radius : 2rem;
    --offset : 3rem
}


@media (max-width : 530px) {
    :root {
        --offset : 16px
    }
}

.common {
    font-size                : 10px;
    scroll-behavior          : smooth;
    -webkit-text-size-adjust : 100%
}

.common * {
    -webkit-box-sizing          : border-box;
    box-sizing                  : border-box;
    -webkit-tap-highlight-color : rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color : transparent;
    outline                     : 0
}

.common__body {
    font-family : "Roboto", sans-serif;
    /*   letter-spacing : -1px;*/
    margin      : 0;
    font-size   : 16px;
    color       : #000;
    position    : relative
}

img {
    -o-object-fit : contain;
    object-fit    : contain
}

iframe, img, svg {
    display   : block;
    max-width : 100%;
    border    : none
}

.app {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -ms-flex-flow         : column nowrap;
    flex-flow             : column nowrap;
    min-height            : 100vh;
    position              : relative;
    width                 : 100%;
    overflow-x            : hidden;
    z-index               : 1
}

.app button, .app label {
    cursor : pointer
}

.app button, .app input, .app select, .app textarea {
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    outline            : 0;
    border             : none;
    background         : 0 0;
    font-family        : inherit;
    font-size          : 16px;
    -webkit-box-shadow : none;
    box-shadow         : none;
    border-radius      : 0
}

.app input::-webkit-input-placeholder, .app select::-webkit-input-placeholder, .app textarea::-webkit-input-placeholder {
    font-size   : inherit;
    font-weight : inherit;
    color       : #838383
}

.app input:-moz-placeholder, .app select:-moz-placeholder, .app textarea:-moz-placeholder {
    font-size   : inherit;
    font-weight : inherit;
    color       : #838383
}

.app input::-moz-placeholder, .app select::-moz-placeholder, .app textarea::-moz-placeholder {
    font-size   : inherit;
    font-weight : inherit;
    color       : #838383
}

.app input:-ms-input-placeholder, .app select:-ms-input-placeholder, .app textarea:-ms-input-placeholder {
    font-size   : inherit;
    font-weight : inherit;
    color       : #838383
}

.app textarea {
    overflow : auto
}

.app select::-ms-expand, .app textarea::-ms-expand {
    display : none
}

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

.app input[type=submit] {
    border : none
}

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

.app a {
    text-decoration : none;
    color           : inherit
}

.app .anchor {
    top      : -10px;
    position : absolute
}

.app .main {
    width             : 100%;
    -webkit-box-flex  : 1;
    -ms-flex-positive : 1;
    flex-grow         : 1
}

.app .hidden {
    display : none
}

.app .link-full {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    z-index  : 5;
    cursor   : pointer
}

.app .section {
    position : relative
}

.app .section__header {
    margin-bottom : clamp(3.2rem, 4.64vw, 5.4rem);
    text-align    : center;
    display       : grid;
    grid-gap      : 5.4rem
}

.app .section__title {
    margin-bottom : clamp(3.2rem, 3.92vw, 6.4rem);
    text-align    : center;
    display       : grid;
    grid-gap      : 4rem
}

.app .section__title._row {
    grid-template-columns :23rem 1fr 23rem;
    grid-template-rows    : 50px 100px;
}

.app .section__title._row :last-child {
    justify-self : flex-end
}

.app .section__title._nav {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : justify;
    -ms-flex-pack         : justify;
    justify-content       : space-between;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center
}

.app .section__title._no-margin {
    margin : 0
}

.app .section__title._big-m {
    margin-bottom : clamp(3.2rem, 5.8vw, 8rem)
}

.app .section__btns {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : stretch;
    -ms-flex-align        : stretch;
    align-items           : stretch;
    margin-top            : clamp(3.2rem, 4.64vw, 6.4rem);
    gap                   : 4rem
}

.app .section__btns._big-m {
    margin-top : clamp(3.2rem, 5.8vw, 8rem)
}

.app .section__nav {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : stretch;
    -ms-flex-align        : stretch;
    align-items           : stretch;
    gap                   : 8px
}

.app .section__nav .swiper-button-next, .app .section__nav .swiper-button-prev {
    position : static;
    width    : 5.6rem;
    height   : 5.6rem;
    margin   : 0
}

.app .section__nav .swiper-button-next:after, .app .section__nav .swiper-button-prev:after {
    font-size : 2.1rem
}

.app .inner {
    max-width     : calc(1320px + var(--offset) * 2);
    padding-left  : var(--offset);
    padding-right : var(--offset);
    width         : 100%;
    margin-left   : auto;
    margin-right  : auto
}

.app .inner._narrow {
    max-width : calc(1100px + var(--offset) * 2)
}

.app .inner-narrow {
    max-width : 110rem;
    width     : 100%
}

.app .inner-narrow._auto {
    margin-left  : auto;
    margin-right : auto
}

.app .swiper-slide {
    display                     : block;
    transform-style             : preserve-3d;
    -webkit-transform-style     : preserve-3d;
    -webkit-backface-visibility : hidden;
    -webkit-transform           : translate3d(0, 0, 0);
    overflow                    : hidden
}

.app .swiper-button-next, .app .swiper-button-prev {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    width                 : 7rem;
    height                : 7rem;
    background            : var(--color1);
    border-radius         : 100%;
    opacity               : 1
}

.app .swiper-button-next:after, .app .swiper-button-prev:after {
    font-size : 2.6rem;
    color     : #fff
}

.app .swiper-button-disabled {
    background : #d9d9d9
}

.app .swiper-button-disabled:after {
    color : #000
}

.app .tabContent {
    display : none
}

.app .tabContent._active {
    display : block
}

.app .swiper-pagination._static {
    position   : static;
    margin-top : 4.8rem
}

.app .swiper-grid-column > .swiper-wrapper {
    display            : grid;
    grid-auto-flow     : column;
    grid-template-rows :auto auto;
    grid-row-gap       : 2.4rem
}

.app .swiper-grid-column > .swiper-wrapper .swiper-slide {
    height : auto !important
}

@media (max-width : 1023px) {
    .app .main {
        padding-top : 120px
    }

    .app .section__title._row {
        display               : -webkit-box;
        display               : -ms-flexbox;
        display               : flex;
        -webkit-box-orient    : horizontal;
        -webkit-box-direction : normal;
        -ms-flex-flow         : row wrap;
        flex-flow             : row wrap;
        -webkit-box-pack      : justify;
        -ms-flex-pack         : justify;
        justify-content       : space-between;
        -webkit-box-align     : center;
        -ms-flex-align        : center;
        align-items           : center;
        grid-row-gap          : 2rem
    }

    .app .section__title._row h1, .app .section__title._row h2 {
        -webkit-box-ordinal-group : 2;
        -ms-flex-order            : 1;
        order                     : 1;
        width                     : 100%
    }
}

@media (max-width : 767px) {
    .app .section__btns {
        gap : 2rem
    }
}

@media (max-width : 530px) {
    .app .main {
        padding-top : 30px;
    }

    .app .swiper-pagination._static {
        margin-top : 3.2rem
    }

    .app .section__title {
        grid-gap : 2.4rem
    }

    .app .section__title._nav {
        -webkit-box-pack : center;
        -ms-flex-pack    : center;
        justify-content  : center
    }

    .app .section__title._row {
        text-align    : left;
        gap           : 16px;
        margin-bottom : 2.4rem
    }

    .app .section__title .btn._small-mob {
        padding : 5px 15px
    }

    .app .section__title.left .font-2, .app .section__title.left .font-3 {
        text-align : center
    }

    .app .section__header {
        grid-gap : 3.2rem
    }

    .app .section__header.left .font-2, .app .section__header.left .font-3 {
        text-align : center
    }

    .app .section__btns {
        -ms-flex-wrap : wrap;
        flex-wrap     : wrap;
        gap           : 16px
    }

    .app .section__nav {
        display : none
    }

    .app .scroll {
        overflow : hidden;
        margin   : -15px
    }

    .app .scroll [data-scroll] {
        grid-auto-flow : column;
        grid-gap       : 10px;
        overflow-x     : auto;
        overflow-y     : hidden;
        padding        : 15px 15px 3rem 15px;
        margin-bottom  : -15px
    }

    .app .scroll [data-scroll] > * {
        min-width : 68vw;
        width     : 68vw
    }
}

.fancybox__slide.has-image > .fancybox__content {
    -webkit-transform : none !important;
    transform         : none !important
}

.fancybox__content {
    -webkit-transition : all .3s;
    transition         : all .3s
}

.is-closing .fancybox__content {
    opacity : 0 !important
}

.fancybox__backdrop {
    background : rgba(29, 56, 101, .8)
}

.hide-scrollbar .header {
    padding-right : calc(var(--fancybox-scrollbar-compensate) / 2)
}

.app .btn {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    display               : -webkit-inline-box;
    display               : -ms-inline-flexbox;
    display               : inline-flex;
    text-align            : center;
    border-radius         : 5rem;
    background            : var(--color1);
    color                 : #fff;
    -webkit-box-shadow    : 0 0 9.4px rgba(0, 0, 0, .15), inset -1px -1px 8px rgba(0, 0, 0, .1);
    box-shadow            : 0 0 9.4px rgba(0, 0, 0, .15), inset -1px -1px 8px rgba(0, 0, 0, .1);
    min-height            : clamp(5.1rem, 4.06vw, 5.6rem);
    padding               : 5px clamp(2rem, 2.32vw, 3.2rem);
    font-size             : clamp(16px, 1.45vw, 2rem);
    font-weight           : 600;
    gap                   : 16px;
    -webkit-transition    : all .5s;
    transition            : all .5s
}

.app .btn i.icon {
    font-size : 18px
}

.app .btn._mini {
    font-size   : 16px;
    font-weight : 400;
    min-height  : 4.3rem;
    padding     : 10px 2.3rem
}

.app .btn._small {
    min-height : 4.6rem
}

.app .btn._ghost {
    background : #fff;
    color      : #000
}

.app .btn._medium {
    min-height : clamp(5.1rem, 4.43vw, 6.1rem);
    font-size  : clamp(16px, 1.74vw, 2.4rem);
    padding    : 10px clamp(2rem, 3.26vw, 4.5rem)
}

.app .btn._big {
    min-height : clamp(5.3rem, 4.78vw, 6.6rem);
    font-size  : clamp(16px, 2.03vw, 2.8rem)
}

.app .btn._large {
    width       : -webkit-fit-content;
    width       : -moz-fit-content;
    width       : fit-content;
    min-height  : clamp(5.1rem, 5.58vw, 7.7rem);
    font-size   : clamp(16px, 1.74vw, 2.4rem);
    font-weight : 400;
    padding     : 5px clamp(2rem, 3.63vw, 5rem)
}

.app .btn._alt {
    border     : 1px solid;
    background : #fff;
    color      : var(--color1)
}

.app .btn._arrow:after {
    content     : "\e900";
    font-family : icomoon;
    font-size   : 16px
}

.app .btn._wide {
    min-width : 32rem
}

.app .btn._active {
    background : var(--color1);
    color      : #fff
}

.app .btn._huge {
    min-height  : clamp(5.1rem, 6.24vw, 8.6rem);
    padding     : 15px clamp(4rem, 5.8vw, 8rem);
    font-size   : clamp(16px, 2.32vw, 3.2rem);
    font-weight : 600
}

.app .btn._light {
    background : var(--color2);
    color      : #000
}

.app .btn._full {
    width : 100%
}

@media (max-width : 530px) {
    .app .btn._mob-full {
        width : 100%
    }

    .app .btn._big-mob {
        padding     : 16px 4rem;
        line-height : 1.4
    }

    .app .btn._small-mob {
        min-height : 3.5rem;
        font-size  : 12px;
        padding    : 5px 3.2rem
    }
}

@media (hover : hover) and (pointer : fine) {
    .app .btn:hover {
        -webkit-filter : brightness(1.1);
        filter         : brightness(1.1)
    }
}

.app .contact {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    grid-gap              : 16px;
    -webkit-transition    : color .5s;
    transition            : color .5s
}

.app .contact i.icon {
    font-size : 2.4rem;
    color     : var(--color1)
}

.app .contacts {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 10rem;
    font-size             : clamp(16px, 2.32vw, 3.2rem)
}

.app .contacts i.icon {
    font-size : 4.8rem
}

.app .contacts .contact {
    grid-gap : 2.4rem
}

@media (max-width : 530px) {
    .app .contact {
        gap       : 8px;
        font-size : 16px
    }

    .app .contact i.icon {
        font-size : 2.4rem
    }

    .app .contacts {
        gap : 3.2rem
    }

    .app .contacts .contact {
        grid-gap : 8px
    }
}

@media (hover : hover) and (pointer : fine) {
    .app .contact:hover {
        color : var(--color1)
    }
}

.app .tip {
    position : relative;
    z-index  : 5
}

.app .tip._right .tip__drop {
    left  : initial;
    right : calc(100% + 11px)
}

.app .tip._right .tip__drop:after {
    left              : initial;
    -webkit-transform : rotate(10deg);
    transform         : rotate(10deg);
    right             : -7px
}

.app .tip._shadow .tip__icon {
    -webkit-box-shadow : 0 1px 4px rgba(0, 0, 0, .25);
    box-shadow         : 0 1px 4px rgba(0, 0, 0, .25)
}

.app .tip:hover .tip__drop {
    display : block
}

.app .tip__icon {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    font-size             : 14px;
    background            : #fff;
    width                 : 18px;
    height                : 18px;
    border-radius         : 100%;
    color                 : #000
}

.app .tip__drop {
    font-size          : 12px;
    line-height        : 1.4;
    position           : absolute;
    padding            : 10px 10px 10px 16px;
    background         : #fff;
    border-radius      : 10px;
    -webkit-box-shadow : 0 2px 11.8px rgba(0, 0, 0, .2);
    box-shadow         : 0 2px 11.8px rgba(0, 0, 0, .2);
    color              : var(--color4);
    width              : -webkit-max-content;
    width              : -moz-max-content;
    width              : max-content;
    max-width          : 20rem;
    bottom             : 11px;
    left               : calc(100% + 11px);
    display            : none
}

.app .tip__drop:after {
    content           : "";
    width             : 2.4rem;
    height            : 2.1rem;
    -webkit-transform : rotate(-15deg);
    transform         : rotate(-15deg);
    background        : url(/local/templates/main/../main/img/angle.svg) no-repeat center;
    background-size   : contain;
    position          : absolute;
    left              : -7px;
    bottom            : -2px
}

@media (max-width : 530px) {
    .app .tip__drop {
        max-width : 15rem
    }
}

.app .input {
    width         : 100%;
    display       : block;
    min-height    : clamp(5.1rem, 4.06vw, 5.6rem);
    background    : #fff;
    border-radius : 5rem;
    padding       : 10px 2.4rem;
    font-size     : clamp(16px, 1.45vw, 2rem)
}

.app .input._large {
    height    : clamp(5.1rem, 5.58vw, 7.7rem);
    font-size : clamp(16px, 1.74vw, 2.4rem)
}

.app .input._medium {
    min-height : clamp(5.1rem, 4.42vw, 6.1rem);
    font-size  : clamp(14px, 1.74vw, 2.4rem)
}

.app .input._center {
    text-align : center
}

.app .input._alt {
    background : var(--color3)
}

.app textarea.input {
    padding-top   : 16px;
    border-radius : 15px;
    min-height    : 10.5rem;
    resize        : none
}

@media (max-width : 530px) {
    .app .input {
        font-size : 14px;
        padding   : 5px 2.4rem
    }

    .app .input._small-mob {
        min-height : 3.5rem;
        font-size  : 14px;
        padding    : 5px 15px
    }
}

.app .select {
    position  : relative;
    z-index   : 1;
    color     : #000;
    font-size : clamp(16px, 1.45vw, 2rem)
}

.app .select._clean {
    color     : inherit;
    font-size : inherit
}

.app .select._clean .select__main {
    background    : 0 0;
    padding       : 0;
    min-height    : initial;
    border-radius : 0 !important
}

.app .select._clean .select__main:after {
    content : none
}

.app .select._clean .select__options {
    border-radius      : var(--radius);
    padding            : 2.4rem;
    color              : #000;
    -webkit-box-shadow : 0 3px 14.3px rgba(0, 0, 0, .2);
    box-shadow         : 0 3px 14.3px rgba(0, 0, 0, .2)
}

.app .select._clean .select__options:after {
    content : none
}

.app .select._simple .select__main {
    background       : 0 0;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
    padding          : 3.2rem 10px;
    min-height       : initial
}

.app .select._simple .select__placeholder {
    color : #000
}

.app .select._simple .select__value {
    -webkit-box-flex  : initial;
    -ms-flex-positive : initial;
    flex-grow         : initial
}

.app .select._simple .select__options {
    width              : 100%;
    -webkit-box-shadow : 0 2px 17.6px rgba(0, 0, 0, .2);
    box-shadow         : 0 2px 17.6px rgba(0, 0, 0, .2);
    padding            : 3.2rem;
    text-align         : left
}

.app .select._simple .select__options:after {
    content : none
}

.app .select._simple .select__value {
    display : none
}

.app .select._alt .select__placeholder {
    color : #838383
}

.app .select._alt .select__main {
    background : var(--color3)
}

.app .select._alt .select__options {
    background : var(--color3);
    width      : 100%
}

.app .select._alt .select__options:after {
    background : var(--color3)
}

.app .select._active {
    z-index : 6
}

.app .select._active .select__options {
    display : grid
}

.app .select._active .select__main {
    border-radius : var(--radius) var(--radius) 0 0
}

.app .select._active .select__main:after {
    -webkit-transform : rotate(180deg);
    transform         : rotate(180deg)
}

.app .select__main {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -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;
    overflow              : hidden;
    border-radius         : 5rem;
    min-height            : clamp(5.1rem, 4.06vw, 5.6rem);
    padding               : 10px 2.4rem;
    background            : #fff;
    cursor                : pointer;
    width                 : 100%;
    z-index               : 4;
    line-height           : 1
}

.app .select__main.input input {
    padding : 0
}

.app .select__main._active {
    background : var(--green3)
}

.app .select__main._active .select__clean {
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex
}

.app .select__main._active:after {
    content : none
}

.app .select__main:after {
    content            : "\e91c";
    font-family        : icomoon;
    -webkit-transition : all .5s;
    transition         : all .5s;
    cursor             : pointer;
    font-size          : 8px;
    color              : #000
}

.app .select__input {
    display             : none;
    text-overflow       : ellipsis;
    -ms-flex-item-align : stretch;
    align-self          : stretch;
    padding             : 0;
    width               : 100%;
    resize              : none;
    font-size           : inherit;
    max-height          : 3.6rem
}

.app .select__input._medium {
    font-size : clamp(14px, 1.74vw, 2.4rem)
}

.app .select__input._keyboard {
    display : block
}

.app .select__options {
    position      : absolute;
    top           : 100%;
    left          : 0;
    width         : -webkit-max-content;
    width         : -moz-max-content;
    width         : max-content;
    min-width     : 100%;
    background    : #fff;
    display       : none;
    z-index       : 3;
    border-radius : 0 0 var(--radius) var(--radius);
    max-height    : 30rem;
    font-size     : 16px;
    font-weight   : 600;
    padding       : 0 2.4rem 2.4rem 2.4rem;
    grid-gap      : 16px
}

.app .select__options:after {
    content            : "";
    background         : #fff;
    position           : absolute;
    width              : 100%;
    left               : 0;
    bottom             : 0;
    border-radius      : var(--radius);
    height             : calc(100% + 5.6rem);
    z-index            : -1;
    display            : block;
    pointer-events     : none;
    -webkit-box-shadow : 0 3px 14.3px rgba(0, 0, 0, .2);
    box-shadow         : 0 3px 14.3px rgba(0, 0, 0, .2)
}

.app .select__options::-webkit-scrollbar-track {
    background    : var(--color9);
    border-radius : var(--border-r3)
}

.app .select__options::-webkit-scrollbar {
    width         : 4px;
    height        : auto;
    border-radius : var(--border-r3)
}

.app .select__options::-webkit-scrollbar-thumb {
    background-color : var(--color4);
    border-radius    : var(--border-r3)
}

.app .select__option {
    -webkit-transition : all .3s;
    transition         : all .3s;
    cursor             : pointer
}

.app .select__option._choosed {
    pointer-events : none;
    color          : var(--color1)
}

.app .select__value {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    -webkit-box-flex      : 1;
    -ms-flex-positive     : 1;
    flex-grow             : 1;
    overflow              : hidden;
    padding-right         : 2px
}

.app .select__value span {
    font-style : italic
}

.app .select__placeholder {
    pointer-events : none;
    white-space    : nowrap;
    text-overflow  : ellipsis;
    overflow       : hidden
}

@media (max-width : 530px) {
    .app .select._simple._active .select__main {
        border-radius : 5rem
    }

    .app .select._simple .select__main {
        padding          : 10px 2.4rem;
        min-height       : 5.3rem;
        -webkit-box-pack : justify;
        -ms-flex-pack    : justify;
        justify-content  : space-between;
        color            : var(--color1);
        border           : 2px solid;
        background       : #fff
    }

    .app .select._simple .select__main:after {
        color : inherit
    }

    .app .select._simple .select__options {
        padding            : 4.3rem 2.4rem 3.2rem 2.4rem;
        -webkit-box-shadow : 0 3px 14.3px rgba(0, 0, 0, .2);
        box-shadow         : 0 3px 14.3px rgba(0, 0, 0, .2);
        top                : 50%
    }

    .app .select._simple .select__value:not(:empty) {
        display : block
    }

    .app .select._simple .select__value:not(:empty) ~ .select__placeholder {
        display : none
    }

    .app .select._simple .select__placeholder {
        color : var(--color1)
    }

    .app .select._active .select__main {
        border-radius : 15px 15px 0 0
    }

    .app .select__main {
        gap : 5px
    }

    .app .select__options {
        font-size          : 14px;
        -webkit-box-shadow : 0 3px 14.3px rgba(0, 0, 0, .2);
        box-shadow         : 0 3px 14.3px rgba(0, 0, 0, .2);
        max-width          : 100%;
        padding            : 8px 16px 2rem 16px
    }

    .app .select__options:after {
        content : none
    }
}

.app .tabs {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row wrap;
    flex-flow             : row wrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : stretch;
    -ms-flex-align        : stretch;
    align-items           : stretch;
    gap                   : 3.6rem
}

.app .tabs a {
    min-width : 32%
}

@media (max-width : 530px) {
    .app .tabs {
        gap : 10px
    }

    .app .tabs > * {
        -webkit-box-flex        : 1;
        -ms-flex-positive       : 1;
        flex-grow               : 1;
        -ms-flex-preferred-size : 45%;
        flex-basis              : 45%
    }

    .app .tabs .btn {
        padding : 5px 15px
    }
}

.app .checkbox {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 2.4rem
}

.app .checkbox._alt .checkbox__mask {
    border-width : 2px;
    border-color : #000
}

.app .checkbox__mask {
    min-width          : 3.2rem;
    width              : 3.2rem;
    height             : 3.2rem;
    border             : 1px solid var(--color1);
    border-radius      : 6px;
    -webkit-transition : background .5s;
    transition         : background .5s
}

.app .checkbox__mask:after {
    content            : "\e90c";
    font-family        : icomoon;
    font-size          : 3rem;
    color              : var(--color1);
    margin             : -6px 0 0 5px;
    display            : block;
    -webkit-transition : opacity .5s;
    transition         : opacity .5s;
    opacity            : 0
}

.app .checkbox small {
    font-size : 16px
}

.app .checkbox input {
    display : none
}

.app .checkbox input:checked ~ .checkbox__mask:after {
    opacity : 1
}

.app .checkbox input[type=radio]:checked ~ .checkbox__mask {
    background         : var(--color1);
    -webkit-box-shadow : inset 0 0 0 5px #fff;
    box-shadow         : inset 0 0 0 5px #fff
}

.app .checkbox input[type=radio] ~ .checkbox__mask {
    border-radius : 100%
}

.app .checkbox input[type=radio] ~ .checkbox__mask:after {
    content : none
}

.app .checkboxes {
    display  : grid; /*grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));*/
    grid-gap : 2.4rem 2.4rem
}

@media (max-width : 530px) {
    .app .checkbox {
        gap : 16px
    }

    .app .checkbox small {
        font-size : 14px
    }

    .app .checkbox__mask {
        width     : 2.4rem;
        min-width : 2.4rem;
        height    : 2.4rem
    }

    .app .checkbox__mask:after {
        font-size : 2rem;
        margin    : -4px 0 0 3px
    }

    .app .checkboxes {
        grid-template-columns :1fr 1fr
    }
}

.app .search {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : justify;
    -ms-flex-pack         : justify;
    justify-content       : space-between;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    height                : clamp(6.2rem, 5.58vw, 7.7rem);
    padding               : 0 3.2rem;
    font-weight           : 500;
    color                 : var(--color1);
    border                : 1px solid;
    border-radius         : 5rem;
    position              : relative
}

.app .search input {
    font-size           : clamp(16px, 2.03vw, 2.8rem);
    color               : inherit;
    -ms-flex-item-align : stretch;
    align-self          : stretch;
    padding             : 0;
    width               : 100%
}

.app .search input:focus ~ .search__drop {
    display : grid
}

.app .search i.icon {
    font-size : 3.4rem;
    color     : var(--color1)
}

.app .search__change {
    font-size    : 4rem;
    justify-self : center
}

.app .search__drop {
    position           : absolute;
    background         : #fff;
    top                : calc(100% + 1px);
    width              : 100%;
    padding            : 2.4rem;
    max-height         : 20rem;
    overflow-y         : auto;
    grid-gap           : 10px;
    border-radius      : var(--radius);
    -webkit-box-shadow : 0 3px 14.3px rgba(0, 0, 0, .2);
    box-shadow         : 0 3px 14.3px rgba(0, 0, 0, .2);
    left               : 0;
    display            : none;
    z-index            : 11
}

.app .search__drop a {
    cursor : pointer
}

@media (max-width : 530px) {
    .app .search {
        padding : 0 2.4rem
    }

    .app .search i.icon {
        font-size : 2.3rem
    }

    .app .search__change {
        font-size : 2rem
    }
}

.app .big-doc {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 11.5rem
}

.app .big-doc i.icon {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    font-size             : clamp(2.4rem, 4.13vw, 5.6rem);
    color                 : #fff;
    min-width             : clamp(5.6rem, 7.6vw, 10.5rem);
    width                 : clamp(5.6rem, 7.6vw, 10.5rem);
    height                : clamp(5.6rem, 7.6vw, 10.5rem);
    background            : var(--color1);
    border-radius         : 100%
}

@media (max-width : 530px) {
    .app .big-doc {
        gap : 10px
    }
}

.app .btn-toggle input {
    display : none
}

.app .btn-toggle input:checked ~ .btn {
    background : var(--color1);
    color      : #fff
}

@media (max-width : 530px) {
    .app .btn-toggles._open {
        background         : #fff;
        -webkit-box-shadow : 0 3px 14.3px rgba(0, 0, 0, .2);
        box-shadow         : 0 3px 14.3px rgba(0, 0, 0, .2);
        border-radius      : 4rem 4rem var(--radius) var(--radius);
        padding-bottom     : 3.2rem
    }

    .app .btn-toggles._open .btn-toggle {
        display : block !important
    }

    .app .btn-toggles._open .btn-toggle._active span {
        -webkit-box-shadow : none;
        box-shadow         : none
    }

    .app .btn-toggles._open .btn-toggle._active span:after {
        -webkit-transform : rotate(180deg);
        transform         : rotate(180deg)
    }

    .app .btn-toggles .btn-toggle input:checked ~ .btn {
        background : #fff;
        color      : var(--color1)
    }

    .app .btn-toggles .btn-toggle span {
        -webkit-box-pack   : justify;
        -ms-flex-pack      : justify;
        justify-content    : space-between;
        -webkit-transition : none;
        transition         : none;
        background         : 0 0;
        color              : inherit
    }

    .app .btn-toggles .btn-toggle._active {
        -webkit-box-ordinal-group : 0;
        -ms-flex-order            : -1;
        order                     : -1;
        margin-bottom             : 8px
    }

    .app .btn-toggles .btn-toggle._active span:after {
        content            : "\e91c";
        -webkit-transition : -webkit-transform .5s;
        transition         : -webkit-transform .5s;
        transition         : transform .5s;
        transition         : transform .5s, -webkit-transform .5s;
        font-family        : icomoon;
        font-size          : 6px
    }

    .app .btn-toggles .btn-toggle:not([class*=_active]) {
        display : none
    }

    .app .btn-toggles .btn-toggle:not([class*=_active]) span {
        padding            : 8px 2.4rem;
        border             : none;
        min-height         : initial;
        -webkit-box-shadow : none;
        box-shadow         : none
    }
}

.app h1, .app h2, .app h3, .app h4, .app h5, .app h6, .app ol, .app p, .app ul {
    font-weight : inherit;
    font-size   : inherit;
    margin      : 0
}

.app .left {
    text-align : left
}

.app .link {
    border-bottom      : 1px solid;
    -webkit-transition : color .5s;
    transition         : color .5s
}

.app .big-link {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 2.4rem;
    color                 : var(--color1);
    font-size             : clamp(16px, 2.32vw, 3.2rem);
    font-weight           : 500
}

.app .big-link i.icon {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    min-width             : clamp(4rem, 6.38vw, 8.8rem);
    width                 : clamp(4rem, 6.38vw, 8.8rem);
    height                : clamp(4rem, 6.38vw, 8.8rem);
    border-radius         : 100%;
    background            : var(--color1);
    color                 : #fff;
    font-size             : clamp(15px, 2.76vw, 3.8rem)
}

.app .big-link span {
    border-bottom : 1px solid
}

.app .font-1 {
    font-size : clamp(3.3rem, 4.64vw, 6.4rem);
}

.app .font-2 {
    font-size : clamp(2.4rem, 3.48vw, 4.8rem)
}

.app .font-2._big-mob {
    font-size : clamp(3.2rem, 3.48vw, 4.8rem)
}

.app .font-3 {
    font-size : clamp(2.4rem, 2.9vw, 4rem)
}

.app .font-4 {
    font-size : clamp(2.4rem, 2.32vw, 3.2rem)
}

.app .font-4._small-mob {
    font-size : clamp(2rem, 2.32vw, 3.2rem)
}

.app .font-5 {
    font-size : clamp(16px, 1.74vw, 2.4rem)
}

.app .m {
    font-weight : 500
}

.app .sb {
    font-weight : 600
}

.app .b {
    font-weight : 700
}

.app .color {
    color : var(--color1)
}

.app .color2 {
    color : #fff
}

.app .lh {
    line-height : 1.4
}

.app .bg {
    background : var(--color3)
}

.app .bg2 {
    background : var(--color1)
}

.app .bg3 {
    background : var(--color2)
}

.app .mb {
    margin-bottom : clamp(5.6rem, 8.7vw, 12rem)
}

.app .mb-s {
    margin-bottom : 4rem
}

.app .mt {
    margin-top : clamp(5.6rem, 8.7vw, 12rem)
}

.app .pb {
    padding-bottom : clamp(3.2rem, 5.8vw, 8rem)
}

.app .pt {
    padding-top : clamp(3.2rem, 5.8vw, 8rem)
}

.app .grid {
    display  : grid;
    grid-gap : 2.4rem
}

.app .grid._2-col {
    grid-template-columns :repeat(2, 1fr)
}

.app .grid._3-col {
    grid-template-columns :repeat(3, 1fr)
}

.app .grid._4-col {
    grid-template-columns :repeat(4, 1fr)
}

.app .grid._6-4 {
    grid-template-columns :6fr 4fr
}

.app .grid._3-7 {
    grid-template-columns :3fr 7fr
}

.app .grid._3-9 {
    grid-template-columns :3fr 9fr
}

.app .grid._5-7 {
    grid-template-columns :5fr 7fr
}

.app .grid._6-3 {
    grid-template-columns :6fr 3fr
}

.app .grid._7-5 {
    grid-template-columns :7fr 5fr
}

.app .grid._7-3 {
    grid-template-columns :7fr 3fr
}

.app .grid._8-2 {
    grid-template-columns :8fr 2fr
}

.app .grid._4-8 {
    grid-template-columns :4fr 8fr
}

.app .grid._8-4 {
    grid-template-columns :8fr 4fr
}

.app .grid._2-10 {
    grid-template-columns :2fr 10fr
}

.app .grid._9-3 {
    grid-template-columns :9fr 3fr
}

.app .grid._3-3-4 {
    grid-template-columns :3fr 3fr 4fr
}

.app .row-12 {
    display               : grid;
    grid-template-columns :repeat(12, 1fr);
    grid-gap              : 2.4rem
}

.app .col-1 {
    grid-column : span 1
}

.app .col-2 {
    grid-column : span 2
}

.app .col-3 {
    grid-column : span 3
}

.app .col-4 {
    grid-column : span 4
}

.app .col-5 {
    grid-column : span 5
}

.app .col-6 {
    grid-column : span 6
}

.app .col-7 {
    grid-column : span 7
}

.app .col-8 {
    grid-column : span 8
}

.app .col-9 {
    grid-column : span 9
}

.app .col-10 {
    grid-column : span 10
}

.app .col-11 {
    grid-column : span 11
}

.app .col-12 {
    grid-column : span 12
}

.app .list {
    display         : grid;
    grid-gap        : 2.4rem;
    font-size       : clamp(14px, 1.74vw, 2.4rem);
    padding         : 0;
    list-style-type : none
}

.app .list li {
    padding-left : 1.5em;
    position     : relative
}

.app .list li:before {
    content       : "";
    position      : absolute;
    width         : .5em;
    height        : .5em;
    border-radius : 100%;
    background    : var(--color2);
    left          : 0;
    top           : .35em
}

.app [href*=tel] {
    white-space : nowrap
}

.app .text {
    font-size : clamp(16px, 1.74vw, 2.4rem)
}

.app .text._alt {
    line-height : 1.4
}

.app .text._alt h3, .app .text._alt img, .app .text._alt ol, .app .text._alt p, .app .text._alt ul {
    margin-top    : 4rem;
    margin-bottom : 4rem
}

.app .text._alt h3:last-child, .app .text._alt img:last-child, .app .text._alt ol:last-child, .app .text._alt p:last-child, .app .text._alt ul:last-child {
    margin-bottom : 0
}

.app .text._alt h3:first-child, .app .text._alt img:first-child, .app .text._alt ol:first-child, .app .text._alt p:first-child, .app .text._alt ul:first-child {
    margin-top : 0
}

.app .text._alt ol, .app .text._alt ul {
    grid-gap : 2.3rem
}

.app .text._alt ul {
    list-style-type : none;
    padding         : 0
}

.app .text._alt ul li {
    position     : relative;
    padding-left : 6.6rem
}

.app .text._alt ul li:after {
    content         : "";
    width           : 5rem;
    height          : 5rem;
    display         : block;
    position        : absolute;
    left            : 0;
    top             : -10px;
    background      : url(/local/templates/main/../main/img/check.svg) no-repeat center;
    background-size : contain
}

.app .text h2 {
    text-align    : center;
    font-size     : clamp(2.4rem, 3.48vw, 4.8rem);
    margin-top    : clamp(2.4rem, 4.64vw, 6.4rem);
    margin-bottom : clamp(2.4rem, 4.64vw, 6.4rem)
}

.app .text h2:last-child {
    margin-bottom : 0
}

.app .text h2:first-child {
    margin-top : 0
}

.app .text h3 {
    font-size : clamp(2rem, 2.32vw, 3.2rem);
    color     : var(--color1)
}

.app .text p {
    line-height   : 1.4;
    margin-top    : 2rem;
    margin-bottom : 2rem
}

.app .text p:last-child {
    margin-bottom : 0
}

.app .text p:first-child {
    margin-top : 0
}

.app .text ol, .app .text ul {
    display  : grid;
    grid-gap : .7em;
    padding  : 0 0 0 1.5em
}

.app .text img {
    border-radius : var(--radius)
}

.app .text blockquote {
    background    : var(--color3);
    border-radius : var(--radius);
    padding       : 4rem 3.2rem;
    position      : relative;
    margin        : 6.4rem 0 6.4rem 10.5rem
}

.app .text blockquote:first-child {
    margin-top : 0
}

.app .text blockquote:last-child {
    margin-bottom : 0
}

.app .text blockquote:before {
    content           : "";
    width             : 8rem;
    height            : 8rem;
    background        : url(/local/templates/main/../main/img/exclamation_mark.svg) no-repeat center;
    background-size   : contain;
    display           : block;
    position          : absolute;
    left              : -10.5rem;
    top               : 50%;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%)
}

@media (max-width : 530px) {
    .app .text blockquote {
        padding : 16px 16px 2.4rem 16px;
        margin  : 2.4rem 0
    }

    .app .text blockquote:before {
        position          : static;
        -webkit-transform : none;
        transform         : none;
        width             : 4rem;
        margin-bottom     : 8px;
        height            : 4rem
    }

    .app .text._alt h3, .app .text._alt img, .app .text._alt ol, .app .text._alt p, .app .text._alt ul {
        margin-top    : 2.4rem;
        margin-bottom : 2.4rem
    }

    .app .text._alt h3:last-child, .app .text._alt img:last-child, .app .text._alt ol:last-child, .app .text._alt p:last-child, .app .text._alt ul:last-child {
        margin-bottom : 0
    }

    .app .text._alt h3:first-child, .app .text._alt img:first-child, .app .text._alt ol:first-child, .app .text._alt p:first-child, .app .text._alt ul:first-child {
        margin-top : 0
    }

    .app .text._alt ol, .app .text._alt ul {
        grid-gap : 16px
    }

    .app .text._alt ul li {
        padding-left : 4rem
    }

    .app .text._alt ul li:after {
        width  : 2.4rem;
        height : 2.4rem;
        top    : 0
    }
}

@media (hover : hover) and (pointer : fine) {
    .app .link[href]:hover {
        color : var(--color1)
    }
}

.app .service img {
    border-radius        : var(--radius);
    height               : 31rem;
    width                : 100%;
    -o-object-fit        : cover;
    object-fit           : cover;
    overflow-clip-margin : unset
}

.app .service__main {
    display            : grid;
    grid-gap           : 3.2rem;
    grid-template-rows :auto 1fr;
    padding-left       : 3.2rem;
    justify-items      : flex-start
}

.app .services {
    grid-gap : 4.8rem;
    display  : grid
}

@media (max-width : 767px) {
    .app .service.grid {
        grid-template-columns :initial
    }

    .app .service__main {
        padding-left : 0
    }
}

@media (max-width : 767px) {
    .app .service-list.grid {
        grid-template-columns :initial
    }
}

@media (max-width : 530px) {
    .app .service {
        grid-gap           : 16px;
        grid-template-rows :auto 1fr
    }

    .app .service img {
        height : 50vw
    }

    .app .service .btn {
        margin-top : 8px;
        width      : 80%;
        font-size  : 14px
    }

    .app .service .btn:after {
        font-size : 12px
    }

    .app .service__main {
        grid-gap           : 16px;
        grid-template-rows :auto 1fr
    }
}

.app .model img {
    background          : #ededed;
    border-radius       : var(--radius);
    -o-object-position  : center;
    object-position     : center;
    -ms-flex-item-align : stretch;
    align-self          : stretch;
    padding             : 2rem
}

.app .model__main {
    display            : grid;
    grid-gap           : 2.4rem;
    grid-template-rows :auto 1fr;
    justify-items      : flex-start
}

.app .model__info {
    font-size   : clamp(16px, 1.45vw, 2rem);
    line-height : 1.4
}

.app .models {
    grid-row-gap : 4.8rem
}

@media (max-width : 530px) {
    .app .model {
        grid-gap       : 10px;
        position       : relative;
        padding-bottom : 6rem
    }

    .app .model .btn {
        position : absolute;
        width    : -webkit-fit-content;
        width    : -moz-fit-content;
        width    : fit-content;
        right    : 0;
        margin   : 0 auto;
        bottom   : 0;
        left     : 0
    }

    .app .model.grid {
        grid-template-columns :1fr 1fr
    }

    .app .model__main {
        grid-gap           : 15px;
        grid-template-rows :1fr
    }

    .app .models-slider .swiper-wrapper {
        grid-gap : 4px
    }
}

.app .review {
    display            : grid;
    grid-gap           : 2.4rem;
    -webkit-transition : -webkit-transform .5s;
    transition         : -webkit-transform .5s;
    transition         : transform .5s;
    transition         : transform .5s, -webkit-transform .5s;
    height             : auto
}

.app .review img {
    width         : 6.4rem;
    height        : 6.4rem;
    min-width     : 6.4rem;
    border-radius : 100%
}

.app .review__text {
    padding            : 2.4rem 5.4rem;
    border-radius      : 10px;
    -webkit-box-shadow : 0 1px 12.6px rgba(0, 0, 0, .15);
    box-shadow         : 0 1px 12.6px rgba(0, 0, 0, .15);
    font-size          : clamp(16px, 1.45vw, 2rem);
    background         : #fff
}

.app .review__header {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 3rem
}

.app .reviews {
    height   : 78rem;
    overflow : hidden;
    padding  : 0 2rem;
    margin   : 0 -2rem
}

.app .reviews .swiper {
    min-height : 0;
    height     : 100%;
    width      : 100%;
    min-width  : 0;
    overflow   : visible;
    cursor     : -webkit-grab;
    cursor     : grab
}

.app .reviews .swiper:active {
    cursor : -webkit-grabbing;
    cursor : grabbing
}

.app .reviews .swiper-slide {
    overflow : visible
}

@media (max-width : 1023px) {
    .app .reviews {
        height  : auto;
        padding : 4rem;
        margin  : -4rem
    }

    .app .reviews .swiper:nth-child(2), .app .reviews .swiper:nth-child(3) {
        display : none
    }

    .app .reviews.grid {
        grid-template-columns :initial
    }
}

@media (max-width : 767px) {
    .app .review__text {
        padding : 16px 3.8rem
    }
}

@media (max-width : 530px) {
    .app .review {
        grid-gap : 16px
    }

    .app .review img {
        width     : 4rem;
        min-width : 4rem;
        height    : 4rem
    }

    .app .review__header {
        gap : 16px
    }
}

@media (hover : hover) and (pointer : fine) {
    .app .review:hover {
        -webkit-transform : scale(1.05);
        transform         : scale(1.05)
    }
}

@media (min-width : 1023px) {
    .app .reviews .swiper-free-mode > .swiper-wrapper, .app .reviews .swiper-wrapper {
        -webkit-transition-timing-function : linear;
        transition-timing-function         : linear
    }
}

.app .main-service {
    position           : relative;
    -webkit-box-shadow : 0 2px 6.8px rgba(0, 0, 0, .25);
    box-shadow         : 0 2px 6.8px rgba(0, 0, 0, .25);
    overflow           : hidden;
    border-radius      : var(--radius);
    background         : var(--color1)
}

.app .main-service img {
    margin-bottom : -2rem;
    margin-bottom : 5.3rem
}

.app .main-service__title {
    color         : #fff;
    padding       : 2.4rem 7.5rem 2.4rem 2.4rem;
    line-height   : 1.4;
    position      : relative;
    border-radius : var(--radius) var(--radius) 0 0;
    background    : var(--color1)
}

.app .main-service__title:after {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    content               : "\e91b";
    font-family           : icomoon;
    font-size             : 18px;
    background            : #fff;
    border-radius         : 100%;
    width                 : 4.3rem;
    height                : 4.3rem;
    color                 : #000;
    position              : absolute;
    top                   : 15px;
    right                 : 15px;
    line-height           : normal
}

.app .main-service__text {
    border-radius      : var(--radius) var(--radius) 0 0;
    background         : #fff;
    font-size          : clamp(16px, 1.45vw, 2rem);
    line-height        : 1.4;
    -webkit-transition : all .5s;
    transition         : all .5s;
    overflow           : hidden;
    max-height         : 0
}

.app .main-service__text p {
    padding : 2.5rem 16px 2.5rem 2.5rem
}

.app .main-service__main {
    position      : absolute;
    left          : 0;
    bottom        : 0;
    width         : 100%;
    border-radius : var(--radius) var(--radius) 0 0;
    background    : var(--color1)
}

.app .main-services__list {
    -webkit-box-align : end;
    -ms-flex-align    : end;
    align-items       : flex-end
}

@media (max-width : 1023px) {
    .app .main-service._big {
        grid-column : span 2
    }

    .app .main-service__text {
        max-height : initial
    }

    .app .main-services__list.grid {
        grid-template-columns :1fr 1fr
    }

    .app .main-services__title {
        margin-bottom : 3.2rem
    }
}

@media (max-width : 767px) {
    .app .main-service._big {
        grid-column : initial
    }

    .app .main-services__list.grid {
        grid-template-columns :initial
    }
}

@media (max-width : 530px) {
    .app .main-service img {
        display : none
    }

    .app .main-service__main {
        position : static
    }

    .app .main-service__title {
        font-size      : 2rem;
        padding-bottom : 18px
    }

    .app .main-service__title:after {
        top       : 0;
        bottom    : 0;
        margin    : auto 0;
        width     : 4rem;
        height    : 4rem;
        font-size : 16px
    }

    .app .main-service__text p {
        padding-top : 3rem
    }
}

@media (hover : hover) and (pointer : fine) {
    .app .main-service:hover .main-service__text {
        max-height : 30rem
    }
}

.app .step {
    padding            : 4rem 2.4rem;
    -webkit-box-shadow : 0 2px 15.2px rgba(0, 0, 0, .2);
    box-shadow         : 0 2px 15.2px rgba(0, 0, 0, .2);
    border-radius      : var(--radius);
    display            : grid;
    grid-gap           : 16px;
    font-size          : clamp(16px, 1.45vw, 2rem);
    background         : #fff
}

.app .step:empty {
    display            : grid;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    align-items        : center;
    justify-items      : center;
    -webkit-box-shadow : none;
    box-shadow         : none
}

.app .step:empty:after {
    content    : "";
    width      : 75%;
    height     : 5px;
    background : var(--color1)
}

.app .step i.icon {
    font-size     : clamp(5.8rem, 5.44vw, 7.5rem);
    color         : var(--color1);
    margin-bottom : 4rem
}

.app .steps {
    grid-row-gap : 4rem;
    position     : relative
}

.app .steps > span:after, .app .steps > span:before {
    content       : "";
    width         : 16.5rem;
    height        : 13.5rem;
    display       : block;
    background    : var(--color1);
    border-radius : 8px;
    position      : absolute;
    z-index       : -1
}

.app .steps__list:after, .app .steps__list:before {
    content       : "";
    width         : 16.5rem;
    height        : 13.5rem;
    display       : block;
    background    : var(--color1);
    border-radius : 8px;
    position      : absolute;
    z-index       : -1
}

.app .steps__list:after {
    top                    : -16px;
    left                   : -16px;
    border-top-left-radius : var(--radius)
}

.app .steps__list:before {
    bottom                    : -16px;
    left                      : -16px;
    border-bottom-left-radius : var(--radius)
}

.app .steps > span:after {
    top                     : -16px;
    right                   : -16px;
    border-top-right-radius : var(--radius)
}

.app .steps > span:before {
    bottom                     : -16px;
    right                      : -16px;
    border-bottom-right-radius : var(--radius)
}

@media (max-width : 767px) {
    .app .steps__list.grid {
        grid-template-columns :1fr 1fr
    }
}

@media (max-width : 530px) {
    .app .step {
        padding  : 2.4rem 8px 3.2rem 8px;
        grid-gap : 2.4rem
    }

    .app .step:empty {
        display : none
    }

    .app .step .font-5 {
        font-size : 2rem
    }

    .app .step i.icon {
        margin-bottom : 0
    }

    .app .steps .scroll-animation:first-child .step, .app .steps .scroll-animation:last-child .step {
        position : relative
    }

    .app .steps .scroll-animation:first-child .step:after, .app .steps .scroll-animation:first-child .step:before, .app .steps .scroll-animation:last-child .step:after, .app .steps .scroll-animation:last-child .step:before {
        content       : "";
        width         : 14rem;
        height        : 11rem;
        display       : block;
        background    : var(--color1);
        border-radius : 8px;
        position      : absolute;
        z-index       : -1
    }

    .app .steps .scroll-animation:first-child .step:after {
        top                    : -8px;
        left                   : -8px;
        border-top-left-radius : var(--radius)
    }

    .app .steps .scroll-animation:first-child .step:before {
        bottom                    : -8px;
        left                      : -8px;
        border-bottom-left-radius : var(--radius)
    }

    .app .steps .scroll-animation:last-child .step:after {
        top                     : -8px;
        right                   : -8px;
        border-top-right-radius : var(--radius)
    }

    .app .steps .scroll-animation:last-child .step:before {
        bottom                     : -8px;
        right                      : -8px;
        border-bottom-right-radius : var(--radius)
    }

    .app .steps > span {
        display : none
    }

    .app .steps__list:after, .app .steps__list:before {
        display : none
    }
}

.app .stage {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    -webkit-box-shadow    : 0 3px 12.2px rgba(0, 0, 0, .2);
    box-shadow            : 0 3px 12.2px rgba(0, 0, 0, .2);
    border-radius         : var(--radius);
    padding               : 2.4rem;
    gap                   : 2.4rem;
    font-size             : clamp(14px, 1.45vw, 2rem);
    line-height           : 1.4
}

.app .stage i.icon {
    font-size : clamp(3.7rem, 8.7vw, 12rem);
    color     : var(--color1)
}

.app .stages {
    padding               : 3.2rem 0;
    display               : grid;
    grid-template-columns :1fr 1fr;
    grid-gap              : 0 13rem;
    position              : relative
}

.app .stages:after {
    content           : "";
    position          : absolute;
    width             : 2px;
    height            : 100%;
    left              : 50%;
    top               : 0;
    -webkit-transform : translateX(-50%);
    transform         : translateX(-50%);
    display           : block;
    z-index           : 1;
    background        : var(--color1)
}

@media (max-width : 767px) {
    .app .stage {
        height  : 100%;
        display : grid
    }

    .app .stages {
        grid-gap : 4rem;
        padding  : 0
    }

    .app .stages:after {
        content : none
    }
}

@media (min-width : 767px) {
    .app .stage:nth-child(even) {
        grid-column : 2
    }

    .app .stage:nth-child(2) {
        grid-row : 2
    }

    .app .stage:nth-child(3) {
        grid-row : 3
    }

    .app .stage:nth-child(4) {
        grid-row : 4
    }

    .app .stage:nth-child(5) {
        grid-row : 5
    }

    .app .stage:nth-child(6) {
        grid-row : 6
    }

    .app .stage:nth-child(7) {
        grid-row : 7
    }

    .app .stages .scroll-animation:nth-child(even) {
        grid-column : 2
    }

    .app .stages .scroll-animation:nth-child(2) {
        grid-row : 2
    }

    .app .stages .scroll-animation:nth-child(3) {
        grid-row : 3
    }

    .app .stages .scroll-animation:nth-child(4) {
        grid-row : 4
    }

    .app .stages .scroll-animation:nth-child(5) {
        grid-row : 5
    }

    .app .stages .scroll-animation:nth-child(6) {
        grid-row : 6
    }

    .app .stages .scroll-animation:nth-child(7) {
        grid-row : 7
    }
}

@media (max-width : 530px) {
    .app .stage {
        grid-gap : 16px;
        padding  : 16px
    }

    .app .stages {
        grid-template-columns :initial
    }
}

.app .add-service {
    -webkit-box-shadow : 0 3px 13.8px rgba(0, 0, 0, .2);
    box-shadow         : 0 3px 13.8px rgba(0, 0, 0, .2);
    border-radius      : var(--radius);
    padding            : 3.2rem;
    display            : grid;
    grid-gap           : 2.4rem;
    grid-template-rows :1fr
}

.app .add-service__price {
    margin-top : 18px
}

@media (max-width : 767px) {
    .app .add-services.grid {
        grid-template-columns :1fr 1fr
    }
}

@media (max-width : 530px) {
    .app .add-service {
        grid-gap : 16px;
        padding  : 2.4rem
    }

    .app .add-service__price {
        margin-top : 0
    }
}

.app .advant {
    background         : var(--color1);
    border-radius      : var(--radius);
    color              : #fff;
    padding            : 2rem;
    text-align         : center;
    display            : grid;
    -ms-flex-line-pack : center;
    align-content      : center;
    justify-items      : center;
    aspect-ratio       : 1/.6;
    font-weight        : 500
}

.app .advant__num {
    font-size   : clamp(2.4rem, 6.96vw, 9.6rem);
    font-weight : 800
}

@media (max-width : 767px) {
    .app .advant {
        aspect-ratio : initial;
        height       : 100%
    }

    .app .advants.grid {
        grid-template-columns :1fr 1fr
    }
}

@media (max-width : 530px) {
    .app .advant {
        display               : -webkit-box;
        display               : -ms-flexbox;
        display               : flex;
        -webkit-box-orient    : horizontal;
        -webkit-box-direction : normal;
        -ms-flex-flow         : row nowrap;
        flex-flow             : row nowrap;
        -webkit-box-pack      : start;
        -ms-flex-pack         : start;
        justify-content       : flex-start;
        -webkit-box-align     : center;
        -ms-flex-align        : center;
        align-items           : center;
        gap                   : 16px;
        text-align            : left;
        padding               : 16px;
        border-radius         : 15px
    }

    .app .advants {
        grid-gap : 8px
    }

    .app .advants.grid {
        grid-template-columns :initial
    }
}

@media (min-width : 767px) {
    .app .advants .scroll-animation:first-child {
        grid-column : 2
    }

    .app .advants .scroll-animation:nth-child(5) {
        grid-column : 2
    }
}

.app .person._big {
    grid-row-gap : 4rem
}

.app .person._big img {
    grid-column : 2;
    grid-row    : 1/3
}

.app .person:not([class*=_big]) {
    display  : grid;
    grid-gap : 8px;
    width    : calc(33.3333333333% - 16px)
}

.app .person:not([class*=_big]) img {
    margin-bottom : 16px
}

.app .person img {
    border-radius        : var(--radius);
    width                : 100%;
    aspect-ratio         : 1/1.03;
    -o-object-fit        : cover;
    object-fit           : cover;
    overflow-clip-margin : unset
}

.app .person__text {
    font-style     : italic;
    font-size      : clamp(16px, 1.45vw, 2rem);
    letter-spacing : -.02em
}

.app .persons {
    position : relative
}

.app .persons .swiper-wrapper {
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center
}

.app .persons .swiper-button-prev {
    left : -11rem
}

.app .persons .swiper-button-next {
    right : -11rem
}

@media (max-width : 1350px) {
    .app .persons {
        max-width : 90%;
        margin    : 0 auto
    }

    .app .persons .swiper-button-next {
        right : -8rem
    }

    .app .persons .swiper-button-prev {
        left : -8rem
    }
}

@media (max-width : 767px) {
    .app .person:not([class*=_big]) {
        width : calc(50% - 16px)
    }

    .app .person.grid {
        grid-template-columns :1fr 1.5fr
    }

    .app .person._big {
        grid-row-gap      : 2.4rem;
        -webkit-box-align : center;
        -ms-flex-align    : center;
        align-items       : center
    }

    .app .person._big img {
        grid-column : 1;
        grid-row    : 2
    }

    .app .person__text {
        grid-column : span 2
    }
}

@media (max-width : 530px) {
    .app .person._big {
        margin-bottom : 5rem;
        padding       : 0 15px
    }

    .app .person:not([class*=_big]) {
        grid-gap : 4px;
        width    : 44vw
    }

    .app .person:not([class*=_big]) img {
        margin-bottom : 12px
    }

    .app .person__subtitle {
        font-size : 12px
    }

    .app .persons {
        max-width : initial;
        margin    : 0 -15px
    }

    .app .persons .swiper {
        padding : 0 15px
    }

    .app .persons .swiper-button-next, .app .persons .swiper-button-prev {
        display : none
    }
}

.app .article > a {
    -webkit-transition : all .5s;
    transition         : all .5s;
    border-bottom      : 1px solid transparent;
    display            : inline
}

.app .article__tags {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row wrap;
    flex-flow             : row wrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : stretch;
    -ms-flex-align        : stretch;
    align-items           : stretch;
    gap                   : 2.4rem;
    margin-top            : 2.4rem
}

.app .article__tags a {
    color        : var(--color1);
    border-color : inherit
}

.app .article__tag {
    border-radius : 5rem;
    border        : 2px solid var(--color4);
    padding       : 7px 3.2rem;
    font-size     : clamp(16px, 1.74vw, 2.4rem);
    font-weight   : 500
}

.app .articles {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : justify;
    -ms-flex-pack         : justify;
    justify-content       : space-between;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : clamp(3.2rem, 7.25vw, 10rem)
}

.app .articles__list {
    display                 : grid;
    grid-gap                : clamp(3.2rem, 4.64vw, 6.4rem);
    -ms-flex-preferred-size : 60%;
    flex-basis              : 60%
}

@media (max-width : 1023px) {
    .app .articles {
        display : grid
    }
}

@media (max-width : 530px) {
    .app .article__tag {
        padding : 6px 2.4rem
    }

    .app .article__tags {
        margin-top : 16px;
        gap        : 10px
    }

    .app .articles {
        justify-items : center
    }
}

@media (hover : hover) and (pointer : fine) {
    .app .article > a:hover {
        color        : var(--color1);
        border-color : inherit
    }
}

.app .report:not([class*=grid]) .text {
    font-size : clamp(16px, 2.03vw, 2.8rem)
}

.app .report:not([class*=grid]) .report__main {
    max-width : 50%;
    margin    : 0 auto
}

.app .report__info {
    background         : var(--color1);
    border-radius      : var(--radius);
    padding            : 3.2rem;
    color              : #fff;
    display            : grid;
    grid-gap           : 3rem;
    font-weight        : 500;
    font-size          : clamp(16px, 1.45vw, 2rem);
    min-height         : 26rem;
    -ms-flex-line-pack : start;
    align-content      : flex-start
}

.app .report__main {
    display            : grid;
    grid-gap           : 3.2rem;
    grid-template-rows :auto 1fr
}

.app .report__header {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 2.4rem
}

.app .report__header img {
    width         : 7.2rem;
    height        : 7.2rem;
    min-width     : 7.2rem;
    border-radius : 100%
}

.app .report__descr {
    background         : var(--color3);
    border-radius      : var(--radius);
    padding            : 4rem;
    display            : grid;
    grid-gap           : 4rem;
    -ms-flex-line-pack : start;
    align-content      : flex-start;
    min-height         : 62rem
}

.app .report-slider {
    position : relative;
    margin   : 0 auto
}

.app .report-slider .swiper-button-next {
    right : -11rem
}

.app .report-slider .swiper-button-prev {
    left : -11rem
}

@media (max-width : 1350px) {
    .app .report-slider {
        max-width : 90%
    }

    .app .report-slider .swiper-button-next {
        right : -8rem
    }

    .app .report-slider .swiper-button-prev {
        left : -8rem
    }
}

@media (max-width : 1023px) {
    .app .report__descr {
        min-height : initial
    }
}

@media (max-width : 767px) {
    .app .report.grid {
        grid-template-columns :initial
    }

    .app .report:not([class*=grid]) .report__main {
        max-width : initial
    }

    .app .report__info {
        min-height : initial
    }
}

@media (max-width : 530px) {
    .app .report {
        width : 68vw
    }

    .app .report__info {
        padding    : 16px 2.4rem;
        grid-gap   : 16px;
        min-height : 17.5rem
    }

    .app .report__header {
        gap : 16px
    }

    .app .report__header img {
        width     : 4rem;
        height    : 4rem;
        min-width : 4rem
    }

    .app .report__main {
        grid-gap : 16px
    }

    .app .report__descr {
        padding  : 2.4rem 16px 3.2rem 16px;
        grid-gap : 2.4rem
    }

    .app .report-slider {
        max-width : initial;
        margin    : 0 -15px;
        width     : initial
    }

    .app .report-slider .swiper {
        padding : 0 15px
    }

    .app .report-slider .swiper-button-next, .app .report-slider .swiper-button-prev {
        display : none
    }
}

.app .gratitude img {
    border-radius        : var(--radius);
    width                : 100%;
    aspect-ratio         : 1/1.33;
    -o-object-fit        : cover;
    object-fit           : cover;
    overflow-clip-margin : unset
}

.app .gratitude__main {
    font-size          : clamp(16px, 2.03vw, 2.8rem);
    display            : grid;
    grid-gap           : 4rem;
    grid-template-rows :1fr
}

.app .gratitude-slider {
    position : relative;
    margin   : 0 auto
}

.app .gratitude-slider .swiper-button-next {
    right : -11rem
}

.app .gratitude-slider .swiper-button-prev {
    left : -11rem
}

@media (max-width : 1350px) {
    .app .gratitude-slider {
        max-width : 90%
    }

    .app .gratitude-slider .swiper-button-next {
        right : -8rem
    }

    .app .gratitude-slider .swiper-button-prev {
        left : -8rem
    }
}

@media (max-width : 767px) {
    .app .gratitude.grid {
        grid-template-columns :initial
    }

    .app .gratitude img {
        aspect-ratio : initial
    }
}

@media (max-width : 530px) {
    .app .gratitude {
        width    : 68vw;
        grid-gap : 16px
    }

    .app .gratitude img {
        aspect-ratio : 1/1
    }

    .app .gratitude .text {
        margin-bottom : 2.4rem
    }

    .app .gratitude__main {
        grid-gap : 8px
    }

    .app .gratitude-slider {
        max-width : initial;
        margin    : 0 -15px;
        width     : initial
    }

    .app .gratitude-slider .swiper {
        padding : 0 15px
    }
}

.app .process {
    display            : grid;
    grid-gap           : 3.2rem;
    justify-items      : center;
    text-align         : center;
    -ms-flex-line-pack : start;
    align-content      : flex-start;
    position           : relative
}

.app .process:after {
    content           : "\e914";
    font-family       : icomoon;
    color             : var(--color1);
    font-size         : 2.3rem;
    position          : absolute;
    left              : calc(100% + 12px);
    -webkit-transform : translateX(-50%) translateY(-50%);
    transform         : translateX(-50%) translateY(-50%);
    top               : 6rem
}

.app .process:last-child:after {
    content : ""
}

.app .process img {
    margin-bottom : 3.2rem;
    width         : 12rem
}

.app .process__text {
    color : var(--color4)
}

.app .process__title {
    min-height : 6.8rem
}

@media (max-width : 1200px) {
    .app .process img {
        margin-bottom : 0
    }
}

@media (max-width : 1023px) {
    .app .process:nth-child(2):after {
        content : none
    }

    .app .processes.grid {
        grid-template-columns :1fr 1fr
    }
}

@media (max-width : 530px) {
    .app .process {
        grid-template-columns :auto 1fr;
        text-align            : left;
        grid-gap              : 2.4rem 8px;
        -webkit-box-align     : start;
        -ms-flex-align        : start;
        align-items           : flex-start;
        justify-items         : flex-start
    }

    .app .process:after {
        left              : 14px;
        -webkit-transform : rotate(90deg);
        transform         : rotate(90deg);
        bottom            : calc(100% + 2rem);
        top               : initial;
        font-size         : 16px
    }

    .app .process:last-child:after, .app .process:nth-child(2):after {
        content : "\e914"
    }

    .app .process:first-child:after {
        content : none
    }

    .app .process img {
        grid-row  : span 2;
        width     : 7.6rem;
        min-width : 7.6rem;
        height    : 7.6rem
    }

    .app .process__title {
        min-height : initial
    }

    .app .process__text {
        font-size : 14px
    }

    .app .processes {
        grid-gap : 8.5rem
    }

    .app .processes.grid {
        grid-template-columns :initial
    }
}

.app .news {
    display            : grid;
    grid-gap           : 2.4rem;
    justify-items      : flex-start;
    position           : relative;
    -webkit-transition : all .5s;
    transition         : all .5s
}

.app .news._big {
    grid-column : span 2;
    grid-gap    : 4rem
}

.app .news img {
    border-radius        : var(--radius);
    width                : 100%;
    -o-object-fit        : cover;
    object-fit           : cover;
    overflow-clip-margin : unset;
    aspect-ratio         : 1/.7
}

.app .news__img {
    position : relative
}

.app .news__tag {
    position      : absolute;
    top           : 2.4rem;
    left          : 2.4rem;
    background    : var(--color1);
    border-radius : 5rem;
    padding       : 8px 3.2rem;
    color         : #fff;
    font-size     : clamp(12px, 1.45vw, 2rem);
    font-weight   : 500
}

.app .news__date {
    border-radius : 5rem;
    border        : 2px solid var(--color4);
    padding       : 7px 3.2rem;
    font-size     : clamp(12px, 1.74vw, 2.4rem);
    font-weight   : 500;
    color         : #000
}

.app .news-list {
    -webkit-box-align : start;
    -ms-flex-align    : start;
    align-items       : flex-start;
    grid-row-gap      : clamp(4rem, 5.8vw, 8rem)
}

@media (max-width : 1023px) {
    .app .news-list.grid {
        grid-template-columns :1fr 1fr
    }
}

@media (max-width : 767px) {
    .app .news__tag {
        top     : 15px;
        left    : 15px;
        padding : 5px 2rem
    }

    .app .news-slider {
        margin  : 0 calc(0px - var(--offset));
        padding : 0 var(--offset)
    }
}

@media (max-width : 530px) {
    .app .news {
        grid-gap : 16px
    }

    .app .news img {
        aspect-ratio : 1/1
    }

    .app .news._big {
        grid-gap : 16px
    }

    .app .news__date, .app .news__tag {
        padding      : 4px 16px;
        border-width : 1px
    }

    .app .news-list {
        grid-gap : 4rem 10px
    }

    .app .news-slider .font-5 {
        font-size : 2rem
    }
}

@media (hover : hover) and (pointer : fine) {
    .app .news:hover {
        color : var(--color1)
    }
}

.app .calc-form {
    grid-template-rows :auto 5.6rem auto;
    grid-auto-flow     : column
}

.app .calc-form > * {
    min-width : 0
}

.app .calc-form ._span-2 {
    grid-row : span 2
}

.app .calc-form._single {
    grid-gap           : 2.4rem;
    display            : grid;
    grid-template-rows :initial;
    grid-auto-flow     : initial
}

.app .calc-form._single .calc-form__advants {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nworap;
    flex-flow             : row nworap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    padding               : 0;
    gap                   : 8rem;
    -webkit-box-shadow    : none;
    box-shadow            : none
}

.app .calc-form._single .calc-form__send {
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
    gap              : 4rem
}

.app .calc-form._single .calc-form__send .input {
    -ms-flex-preferred-size : 31rem;
    flex-basis              : 31rem
}

.app .calc-form__advants {
    -webkit-box-shadow : var(--shadow);
    box-shadow         : var(--shadow);
    border-radius      : var(--radius);
    display            : grid;
    padding            : 2.4rem 4rem;
    grid-gap           : 2.4rem
}

.app .calc-form__advants._list {
    padding     : 4.8rem 4rem;
    grid-gap    : clamp(2.2rem, 3.48vw, 4.8rem);
    line-height : 1.4
}

.app .calc-form__advants._list li {
    gap : 3.2rem
}

.app .calc-form__advants._list li:before {
    content       : "";
    width         : 2.4rem;
    min-width     : 2.4rem;
    height        : 2.4rem;
    border-radius : 100%;
    background    : var(--color2)
}

.app .calc-form__advants li {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 4rem
}

.app .calc-form__advants img {
    width : 8rem
}

.app .calc-form__main {
    padding            : 4rem;
    background         : var(--color1);
    color              : #fff;
    border-radius      : var(--radius);
    display            : grid;
    grid-gap           : clamp(4rem, 3.48vw, 4.8rem);
    -ms-flex-line-pack : start;
    align-content      : flex-start
}

.app .calc-form__send {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : stretch;
    -ms-flex-align        : stretch;
    align-items           : stretch;
    gap                   : clamp(8px, 3.48vw, 4.8rem);
    padding               : 4.8rem 4rem;
    border-radius         : var(--radius);
    background            : var(--color2)
}

.app .calc-form__send .input {
    -ms-flex-preferred-size : 23rem;
    flex-basis              : 23rem
}

.app .calc-form__label {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 8px
}

.app .calc-form__i {
    display  : grid;
    grid-gap : 16px
}

.app .calc-form__items {
    display               : grid;
    grid-template-columns :repeat(3, 1fr);
    grid-gap              : 3.2rem 4rem;
    -webkit-box-align     : end;
    -ms-flex-align        : end;
    align-items           : flex-end
}

.app .calc-form__inner {
    width         : 100%;
    margin        : 0 auto;
    background    : #fff;
    border-radius : var(--radius)
}

.app .calc-form__group {
    display  : grid;
    grid-gap : 3.5rem
}

.app .calc-form__title {
    margin-bottom : 4.5rem
}

@media (max-width : 1200px) {
    .app .calc-form.grid {
        grid-template-rows    :initial;
        grid-template-columns :initial;
        grid-auto-flow        : initial
    }

    .app .calc-form__advants._span-2 {
        -webkit-box-ordinal-group : 2;
        -ms-flex-order            : 1;
        order                     : 1
    }

    .app .calc-form__send {
        -webkit-box-ordinal-group : 3;
        -ms-flex-order            : 2;
        order                     : 2
    }
}

@media (max-width : 1023px) {
    .app .calc-form._single .calc-form__advants {
        gap : 4rem
    }

    .app .calc-form._single .calc-form__advants li {
        gap : 2rem
    }
}

@media (max-width : 767px) {
    .app .calc-form._single .calc-form__advants {
        display  : grid;
        grid-gap : 2rem
    }

    .app .calc-form._single .calc-form__send {
        gap : 2rem
    }

    .app .calc-form__send {
        padding : 2.4rem
    }

    .app .calc-form__items {
        grid-template-columns :1fr 1fr;
        grid-column-gap       : 2rem
    }
}

@media (max-width : 530px) {
    .app .calc-form {
        grid-gap : 16px
    }

    .app .calc-form__label {
        -webkit-box-align : end;
        -ms-flex-align    : end;
        align-items       : flex-end;
        line-height       : 1
    }

    .app .calc-form__title {
        margin-bottom : 0
    }

    .app .calc-form__advants li {
        gap : 16px
    }

    .app .calc-form__advants img {
        width : 4rem
    }

    .app .calc-form__advants._span-2 {
        padding : 2.4rem
    }

    .app .calc-form__advants._list {
        padding : 2.4rem
    }

    .app .calc-form__advants._list li {
        gap : 16px
    }

    .app .calc-form__advants._list li:before {
        width     : 16px;
        min-width : 16px;
        height    : 16px
    }

    .app .calc-form__main {
        padding : 2rem 2.4rem 3rem 2.4rem
    }

    .app .calc-form__i {
        grid-gap : 8px
    }

    .app .calc-form__items {
        grid-gap : 2.2rem
    }

    .app .calc-form__items .input, .app .calc-form__items .select__main {
        min-height : 3rem;
        padding    : 5px 15px;
        font-size  : 14px
    }

    .app .calc-form__items .input:after, .app .calc-form__items .select__main:after {
        font-size : 5px
    }

    .app .calc-form__send {
        display          : grid;
        grid-gap         : 16px;
        justify-items    : center;
        -webkit-box-pack : center;
        -ms-flex-pack    : center;
        justify-content  : center;
        padding          : 2.4rem 16px
    }

    .app .calc-form__send .btn._large {
        padding : 5px 16px
    }

    .app .calc-form__send .input {
        text-align : center;
        width      : auto
    }

    .app .calc-form__send .input._small-mob {
        width : 15.5rem
    }
}

.app .calc-price__result {
    -webkit-box-shadow : 0 2px 16.4px rgba(0, 0, 0, .2);
    box-shadow         : 0 2px 16.4px rgba(0, 0, 0, .2);
    border-radius      : var(--radius);
    padding            : 4.8rem 3.5rem 4.8rem 3.5rem;
    display            : grid;
    grid-gap           : clamp(2.4rem, 2.9vw, 4rem);
    grid-template-rows :1fr;
    -webkit-transition : all .5s;
    transition         : all .5s
}

.app .calc-price__price {
    text-align         : center;
    margin-top         : 2.4rem;
    -webkit-transition : all .5s;
    transition         : all .5s
}

@media (max-width : 1023px) {
    .app .calc-price__result {
        padding : 2.4rem 16px
    }
}

@media (max-width : 767px) {
    .app .calc-price__results.grid {
        grid-template-columns :1fr 1fr
    }

    .app .calc-price__links.grid {
        grid-template-columns :1fr 1fr
    }
}

@media (max-width : 530px) {
    .app .calc-price__price {
        margin-top : 16px;
        text-align : left
    }

    .app .calc-price__links {
        padding       : 0;
        grid-gap      : 0;
        margin-bottom : 3.2rem
    }

    .app .calc-price__links.grid {
        grid-template-columns :initial
    }
}

@media (hover : hover) and (pointer : fine) {
    .app .calc-price__result:hover {
        color      : #fff;
        background : var(--color1)
    }

    .app .calc-price__result:hover .calc-price__price {
        color : #fff
    }

    .app .calc-price__result:hover .btn {
        background : #fff;
        color      : var(--color1)
    }
}

.app .docs {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 4.7rem;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center
}

.app .docs img {
    width : 13.5rem
}

.app .docs__i {
    display                 : grid;
    grid-gap                : 16px;
    text-align              : center;
    justify-items           : center;
    -ms-flex-preferred-size : 25%;
    flex-basis              : 25%
}

@media (max-width : 1200px) {
    .app .docs__i {
        -ms-flex-preferred-size : 30%;
        flex-basis              : 30%
    }
}

@media (max-width : 530px) {
    .app .docs {
        display          : grid;
        grid-gap         : 10px;
        -webkit-box-pack : start;
        -ms-flex-pack    : start;
        justify-content  : flex-start
    }

    .app .docs img {
        width : 7.5rem
    }

    .app .docs__i {
        display               : -webkit-box;
        display               : -ms-flexbox;
        display               : flex;
        -webkit-box-orient    : horizontal;
        -webkit-box-direction : normal;
        -ms-flex-flow         : row nowrap;
        flex-flow             : row nowrap;
        -webkit-box-pack      : start;
        -ms-flex-pack         : start;
        justify-content       : flex-start;
        -webkit-box-align     : center;
        -ms-flex-align        : center;
        align-items           : center;
        gap                   : 10px
    }
}

@media (hover : hover) and (pointer : fine) {
    .app .docs__i:hover {
        color : var(--color1)
    }

    .app .bg2 .docs__i:hover {
        color : var(--color2)
    }

    .app .bg2 .docs__i .link:hover {
        color : var(--color2)
    }
}

.app .form {
    display               : grid;
    grid-template-columns :1fr 1fr;
    padding               : 4.8rem 2.4rem 4.8rem 0;
    background            : var(--color2);
    border-radius         : var(--radius);
    grid-gap              : 4rem;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center
}

.app .form__main {
    grid-gap : 4.8rem;
    display  : grid
}

.app .form__list {
    display            : grid;
    grid-gap           : 16px;
    -ms-flex-line-pack : center;
    align-content      : center
}

.app .form__row {
    display               : grid;
    grid-template-columns :repeat(auto-fit, minmax(15rem, 1fr));
    grid-gap              : 16px 16px
}

@media (max-width : 530px) {
    .app .form {
        grid-template-columns :initial;
        grid-gap              : 16px;
        padding               : 4rem 2.4rem 2.4rem 2.4rem
    }

    .app .form__bg {
        max-width                 : 55vw;
        margin                    : auto;
        -webkit-box-ordinal-group : 2;
        -ms-flex-order            : 1;
        order                     : 1;
        min-height                : 0;
        min-width                 : 0
    }

    .app .form__main {
        grid-gap : 3.2rem
    }
}

.app .service-list a {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : justify;
    -ms-flex-pack         : justify;
    justify-content       : space-between;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    -webkit-box-shadow    : 0 2px 13.4px rgba(0, 0, 0, .2);
    box-shadow            : 0 2px 13.4px rgba(0, 0, 0, .2);
    border-radius         : var(--radius);
    padding               : 2.4rem 15px 2.4rem 2.4rem;
    position              : relative;
    -webkit-transition    : all .5s;
    transition            : all .5s;
    gap                   : 5px
}

.app .service-list a:after {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    content               : "\e91b";
    font-family           : icomoon;
    font-size             : 18px;
    background            : var(--color1);
    border-radius         : 100%;
    height                : 4.3rem;
    width                 : 4.3rem;
    min-width             : 4.3rem;
    color                 : #fff;
    margin-top            : -8px;
    line-height           : normal;
    -ms-flex-item-align   : start;
    align-self            : flex-start
}

.app .service-list input {
    display : none
}

.app .service-list label {
    display : none
}

.app .service-list label:after {
    content : "Смотреть все услуги"
}

@media (max-width : 530px) {
    .app .service-list {
        grid-gap : 16px
    }

    .app .service-list a {
        border-radius : 10rem;
        padding       : 12px 2.4rem
    }

    .app .service-list a:after {
        width     : 3.5rem;
        min-width : 3.5rem;
        height    : 3.5rem;
        font-size : 14px;
        margin    : 0
    }

    .app .service-list input {
        display : none
    }

    .app .service-list input ~ a:nth-of-type(5) ~ a {
        display : none
    }

    .app .service-list input:checked ~ label:after {
        content : "Свернуть"
    }

    .app .service-list input:checked ~ a:nth-of-type(5) ~ a {
        display : -webkit-box;
        display : -ms-flexbox;
        display : flex
    }

    .app .service-list label {
        display                   : block;
        -webkit-box-ordinal-group : 2;
        -ms-flex-order            : 1;
        order                     : 1;
        justify-self              : center;
        margin-top                : 16px
    }
}

@media (hover : hover) and (pointer : fine) {
    .app .service-list a:hover {
        background : var(--color1);
        color      : #fff
    }
}

.app .accordion {
    display  : grid;
    grid-gap : 3.2rem
}

.app .accordion__main {
    display            : none;
    -webkit-transition : all .5s;
    transition         : all .5s
}

.app .accordion__header {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : justify;
    -ms-flex-pack         : justify;
    justify-content       : space-between;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    padding-top           : 3.2rem
}

.app .accordion__header:after {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    content               : "+";
    width                 : 3.7rem;
    min-width             : 3.7rem;
    height                : 3.7rem;
    background            : var(--color1);
    color                 : #fff;
    border-radius         : 100%;
    font-weight           : 400;
    font-size             : 3rem;
    font-family           : Lato
}

.app .accordion__item {
    border-top : 2px solid var(--color1)
}

.app .accordion__item._animation .accordion__main {
    overflow : visible !important
}

.app .accordion__item._active .accordion__main {
    display : block
}

.app .accordion__item._active .accordion__header:after {
    content           : "–";
    -webkit-box-align : baseline;
    -ms-flex-align    : baseline;
    align-items       : baseline
}

.app .accordion__item:last-child {
    border-bottom  : 2px solid var(--color1);
    padding-bottom : 3.2rem
}

.app .accordion__text {
    padding            : 3.4rem 2.4rem;
    border-radius      : var(--radius);
    -webkit-box-shadow : 0 2px 14.3px rgba(0, 0, 0, .2);
    box-shadow         : 0 2px 14.3px rgba(0, 0, 0, .2);
    width              : 100%;
    margin-top         : 2.4rem
}

@media (max-width : 530px) {
    .app .accordion {
        grid-gap : 16px
    }

    .app .accordion__header {
        padding-top : 16px
    }

    .app .accordion__header:after {
        font-size : 2rem;
        width     : 3.1rem;
        min-width : 3.1rem;
        height    : 3.1rem
    }

    .app .accordion__text {
        margin-top    : 16px;
        margin-bottom : 8px;
        padding       : 16px
    }

    .app .accordion__item:last-child {
        padding-bottom : 16px
    }
}

.app .map {
    display  : grid;
    grid-gap : 3.2rem;
    position : relative
}

.app .map._hidden path {
    pointer-events : none
}

.app .map._hidden .map__info {
    display            : grid;
    -webkit-transition : all .5s;
    transition         : all .5s;
    -webkit-transform  : scale(1.2) translate(-30%, -30%);
    transform          : scale(1.2) translate(-30%, -30%)
}

.app .map svg {
    height : auto
}

.app .map path {
    stroke             : #fff;
    stroke-width       : 3px;
    fill               : #e6e6e6;
    -webkit-transition : fill .5s;
    transition         : fill .5s
}

.app .map path._hover, .app .map path:hover {
    fill : var(--color1)
}

.app .map path._active {
    fill : var(--color1)
}

.app .map__cities {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    color                 : var(--color1);
    gap                   : 4rem
}

.app .map__cities > i.icon {
    font-size : 3.8rem
}

.app .map__result {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 16px
}

.app .map__img._delivery path {
    cursor : pointer
}

.app .map__img._traffic path {
    fill : var(--color1)
}

.app .map__btns {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 18px;
    margin-top            : 4rem
}

.app .map__btns .btn {
    -ms-flex-preferred-size : 28%;
    flex-basis              : 28%
}

.app .map__info {
    grid-gap           : 8px;
    padding            : 16px 16px 2.3rem 16px;
    -webkit-box-shadow : 0 2px 12px rgba(0, 0, 0, .2);
    box-shadow         : 0 2px 12px rgba(0, 0, 0, .2);
    border-radius      : var(--radius);
    width              : -webkit-max-content;
    width              : -moz-max-content;
    width              : max-content;
    position           : fixed;
    background         : #fff;
    display            : none;
    -webkit-transform  : translate(2rem, -100%);
    transform          : translate(2rem, -100%)
}

.app .map__info._delivery {
    padding       : 16px;
    justify-items : flex-start
}

.app .map__info._delivery .map__info-title {
    margin-bottom : 0
}

.app .map__info:after {
    content           : "";
    width             : 2.4rem;
    height            : 2.1rem;
    -webkit-transform : rotate(-15deg);
    transform         : rotate(-15deg);
    background        : url(/local/templates/main/../main/img/angle.svg) no-repeat center;
    background-size   : contain;
    position          : absolute;
    left              : -7px;
    bottom            : -2px
}

.app .map__info-title {
    margin-bottom : 8px
}

.app .map__value {
    font-size   : 3rem;
    color       : var(--color1);
    font-weight : 800;
    line-height : 1
}

.app .map__city-list {
    display  : grid;
    grid-gap : 10px;
    color    : var(--color1)
}

.app .map__city-list a {
    cursor : pointer
}

.app .map__link-list {
    display : none
}

@media (max-width : 1023px) {
    .app .map__btns .btn {
        -ms-flex-preferred-size : initial;
        flex-basis              : initial
    }
}

@media (max-width : 767px) {
    .app .map__cities {
        display       : grid;
        grid-gap      : 2.4rem;
        justify-items : center
    }

    .app .map .search__change {
        -webkit-transform : rotate(90deg);
        transform         : rotate(90deg)
    }
}

@media (max-width : 530px) {
    .app .map {
        grid-gap : 2.4rem
    }

    .app .map__cities {
        grid-gap         : 8px;
        -webkit-box-pack : stretch;
        -ms-flex-pack    : stretch;
        justify-content  : stretch;
        justify-items    : stretch
    }

    .app .map__img:not([class*=_contacts]) {
        display : none
    }

    .app .map__result {
        text-align : center;
        display    : block
    }

    .app .map__result .tip {
        display     : inline;
        margin-left : 5px
    }

    .app .map__result .tip__icon {
        display : inline-block
    }

    .app .map__btns {
        margin-top       : 0;
        gap              : 16px;
        display          : grid;
        -webkit-box-pack : stretch;
        -ms-flex-pack    : stretch;
        justify-content  : stretch;
        justify-items    : stretch
    }

    .app .map__btns .btn {
        width : 100%
    }

    .app .map__info {
        position          : static;
        -webkit-transform : none;
        transform         : none;
        width             : 100%;
        display           : grid
    }

    .app .map__info:after {
        content : none
    }

    .app .map__link-list {
        display   : grid;
        grid-gap  : 16px;
        font-size : 14px
    }

    .app .map__link-list a._active {
        color                            : var(--color1);
        text-decoration                  : underline;
        -webkit-text-decoration-skip-ink : none;
        text-decoration-skip-ink         : none
    }
}

.app .price-table {
    border     : 1px solid; /*border-radius:var(--radius);*/
    text-align : center;
}

.app .price-table .select__options {
    top : calc(100% + 1px)
}

.app .price-table table {
    width           : 100%;
    border-collapse : collapse
}

.app .price-table tr:last-child td {
    border-bottom : none
}

.app .price-table td._price {
    background  : var(--color3);
    white-space : nowrap;
    color       : var(--color1);
    font-weight : 700
}

.app .price-table td._grid {
    display       : grid;
    grid-gap      : 8px;
    justify-items : center
}

.app .price-table td._grid a {
    font-size : 12px
}

.app .price-table td, .app .price-table th {
    padding       : clamp(16px, 1.45vw, 2rem);
    font-size     : clamp(16px, 1.45vw, 2rem);
    font-weight   : 400;
    border-right  : 1px solid;
    border-bottom : 1px solid
}

.app .price-table td:last-child, .app .price-table th:last-child {
    border-right : none
}

.app .price-table th {
    background : var(--color2);
    padding    : 0
}

.app .price-table th._price span {
    display : none
}

@media (max-width : 1023px) {
    .app .price-table {
        margin : 0 calc(0px - var(--offset))
    }
}

@media (max-width : 767px) {
    .app .price-table {
        border-radius : 0;
        overflow-x    : auto
    }
}

@media (max-width : 530px) {
    .app .price-table {
        border   : none;
        margin   : 0;
        overflow : visible
    }

    .app .price-table tbody {
        display : none
    }

    .app .price-table table, .app .price-table thead {
        display : block
    }

    .app .price-table tr {
        display  : grid;
        grid-gap : 16px
    }

    .app .price-table th {
        padding    : 0;
        background : 0 0;
        border     : none
    }

    .app .price-table th._price {
        display               : -webkit-box;
        display               : -ms-flexbox;
        display               : flex;
        -webkit-box-orient    : horizontal;
        -webkit-box-direction : normal;
        -ms-flex-flow         : row nowrap;
        flex-flow             : row nowrap;
        -webkit-box-pack      : justify;
        -ms-flex-pack         : justify;
        justify-content       : space-between;
        -webkit-box-align     : center;
        -ms-flex-align        : center;
        align-items           : center;
        gap                   : 10px;
        background            : var(--color3);
        border-radius         : var(--radius);
        padding               : 3.2rem 16px
    }

    .app .price-table th._price span {
        font-size   : 2rem;
        font-weight : 700;
        color       : var(--color1);
        display     : block
    }
}

.app .statistics {
    display               : grid;
    grid-template-columns :40% 1fr;
    grid-gap              : clamp(2.4rem, 10.87vw, 15rem);
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    margin-bottom         : 5.6rem
}

.app .statistics__main {
    display  : grid;
    grid-gap : clamp(16px, 5.8vw, 8rem)
}

.app .statistics__list {
    display   : grid;
    grid-gap  : 4rem;
    font-size : clamp(16px, 2.18vw, 3rem)
}

.app .statistics__list a {
    -webkit-transition : all .5s;
    transition         : all .5s
}

.app .statistics__list a._active {
    color : var(--color1)
}

@media (max-width : 767px) {
    .app .statistics {
        grid-template-columns :initial;
        grid-gap              : 3rem
    }
}

@media (max-width : 530px) {
    .app .statistics {
        margin-bottom : 16px;
        margin-top    : 3.2rem
    }

    .app .statistics img {
        width                     : 60vw;
        margin                    : 0 auto;
        -webkit-box-ordinal-group : 2;
        -ms-flex-order            : 1;
        order                     : 1
    }

    .app .statistics__list {
        grid-gap : 16px
    }
}

.app .partners img {
    background         : #d9d9d9;
    border-radius      : var(--radius);
    width              : 100%;
    aspect-ratio       : 1/.53;
    -o-object-position : center;
    object-position    : center;
    padding            : 3rem
}

@media (max-width : 1023px) {
    .app .partners.grid {
        grid-template-columns :repeat(3, 1fr)
    }
}

@media (max-width : 767px) {
    .app .partners.grid {
        grid-template-columns :repeat(2, 1fr)
    }
}

@media (max-width : 530px) {
    .app .partners {
        grid-template-rows :auto auto
    }

    .app .partners[data-scroll] img {
        min-width : 44vw;
        width     : 44vw;
        padding   : 2rem
    }
}

.app .banner {
    color    : #fff;
    position : relative
}

.app .banner._alt .banner__main {
    grid-gap      : 4rem;
    padding-right : 45%
}

.app .banner._alt img {
    height : 100%
}

.app .banner img {
    mix-blend-mode    : luminosity;
    -webkit-transform : matrix(-1, 0, 0, 1, 0, 0);
    transform         : matrix(-1, 0, 0, 1, 0, 0);
    position          : absolute;
    right             : 0;
    top               : 0;
    bottom            : 0;
    margin            : auto 0;
    height            : 130%
}

.app .banner__main {
    display       : grid;
    grid-gap      : 4.8rem;
    padding-right : 30%;
    justify-items : flex-start
}

.app .banner__btns {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : stretch;
    -ms-flex-align        : stretch;
    align-items           : stretch;
    gap                   : 2.4rem
}

@media (max-width : 1200px) {
    .app .banner__main {
        padding-right : 0
    }
}

@media (max-width : 1023px) {
    .app .banner__btns {
        display : grid
    }
}

@media (max-width : 767px) {
    .app .banner img {
        height : 70%;
        margin : auto 0 0 0
    }

    .app .banner__btns {
        width : 70%
    }
}

@media (max-width : 530px) {
    .app .banner {
        text-align     : center;
        padding-bottom : 0
    }

    .app .banner._alt {
        display        : grid;
        grid-gap       : 16px;
        padding-bottom : 16px
    }

    .app .banner._alt .btn {
        min-height : 4.4rem;
        font-size  : 16px;
        min-width  : 24rem
    }

    .app .banner._alt .font-5 {
        font-size   : 2.4rem;
        font-weight : 500
    }

    .app .banner._alt .banner__main {
        padding  : 0;
        grid-gap : 2.4rem
    }

    .app .banner img {
        position : static;
        height   : auto;
        width    : 70%;
        margin   : 0 auto
    }

    .app .banner__main {
        grid-gap      : 3.2rem;
        justify-items : center
    }

    .app .banner__btns {
        grid-gap      : 16px;
        width         : 80%;
        justify-items : stretch
    }
}

.app .doc-banner {
    display  : grid;
    grid-gap : 2.4rem
}

.app .doc-banner__main {
    display       : grid;
    grid-gap      : 4.8rem;
    justify-items : flex-start
}

.app .doc-banner__inner {
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center
}

.app .doc-banner__title {
    text-align : center
}

@media (max-width : 767px) {
    .app .doc-banner__inner.grid {
        grid-template-columns :initial
    }

    .app .doc-banner__bg {
        -webkit-box-ordinal-group : 0;
        -ms-flex-order            : -1;
        order                     : -1
    }
}

@media (max-width : 530px) {
    .app .doc-banner {
        grid-gap : 8rem
    }

    .app .doc-banner .font-4 {
        font-size   : 16px;
        line-height : 1.4
    }

    .app .doc-banner__inner {
        grid-gap : 16px
    }

    .app .doc-banner__main {
        text-align    : center;
        justify-items : center;
        grid-gap      : 2.4rem
    }

    .app .doc-banner__bg {
        width  : 70vw;
        margin : auto
    }
}

.app .big-banner {
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center
}

.app .big-banner .btn {
    justify-self : flex-end
}

@media (max-width : 530px) {
    .app .big-banner {
        text-align    : center;
        justify-items : center
    }

    .app .big-banner.grid {
        grid-template-columns :initial
    }

    .app .big-banner .btn {
        justify-self : initial
    }
}

.app .service-banner {
    border-radius : var(--radius);
    padding       : 4.8rem 8rem 6.4rem 4rem;
    color         : #fff;
    display       : grid;
    grid-gap      : 2.8rem
}

.app .service-banner__main {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : justify;
    -ms-flex-pack         : justify;
    justify-content       : space-between;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 2rem
}

.app .service-banner__btns {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 3.3rem
}

.app .service-banner__text {
    margin-top    : 2.4rem;
    padding       : 2.4rem 4rem;
    border-radius : var(--radius);
    background    : var(--color3)
}

.app .service-banner__cities {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center
}

@media (max-width : 1200px) {
    .app .service-banner__main {
        display : grid
    }
}

@media (max-width : 1023px) {
    .app .service-banner {
        padding : 4rem
    }
}


@media (max-width : 767px) {
    .app .service-banner__btns {
        display  : grid;
        grid-gap : 16px
    }

    .service-banner__cities.gr_mob {
        display : block;
    }

    .service-banner__cities.gr_mob > div {
        display : inline-block;
    }
}

@media (max-width : 530px) {
    .app .service-banner {
        text-align    : center;
        padding       : 2.4rem 3.2rem 3.2rem 3.2rem;
        grid-gap      : 16px;
        justify-items : center
    }

    .app .service-banner .font-1 {
        font-size : 3.2rem
    }

    .app .service-banner .btn {
        width : 100%
    }

    .app .service-banner .select__main {
        font-size : 2rem
    }

    .app .service-banner__main {
        grid-gap      : 4rem;
        justify-items : center
    }

    .app .service-banner__text {
        margin-top : 16px;
        padding    : 2.4rem
    }
}

.app .mini-banner {
    border-radius : var(--radius);
    padding       : 4rem 5rem 8rem 5rem
}

.app .mini-banner__btns {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 2.4rem
}

.app .mini-banner__btns .input {
    -ms-flex-preferred-size : 22%;
    flex-basis              : 22%
}

.app .mini-banner__btns .btn {
    -webkit-box-flex  : 1;
    -ms-flex-positive : 1;
    flex-grow         : 1
}

@media (max-width : 1023px) {
    .app .mini-banner__btns {
        display               : grid;
        grid-template-columns :1fr 1fr
    }
}

@media (max-width : 530px) {
    .app .mini-banner {
        padding : 2.4rem 2.4rem 4rem 2.4rem
    }

    .app .mini-banner .btn {
        margin-top : 2.4rem
    }

    .app .mini-banner .input {
        padding   : 0 2.4rem;
        font-size : 16px
    }

    .app .mini-banner .section__title {
        margin-bottom : 2.4rem
    }

    .app .mini-banner__btns {
        grid-template-columns :initial;
        grid-gap              : 16px;
        -webkit-box-pack      : stretch;
        -ms-flex-pack         : stretch;
        justify-content       : stretch
    }
}

.app .quiz {
    -webkit-box-shadow : 0 4px 17.6px rgba(0, 0, 0, .3);
    box-shadow         : 0 4px 17.6px rgba(0, 0, 0, .3);
    padding            : 4.8rem 8rem 6.4rem 8rem;
    border-radius      : var(--radius);
    display            : grid;
    grid-gap           : 4.8rem;
    width              : 100%;
    max-width          : 110rem;
    margin             : 0 auto;
    min-height         : 79rem;
    grid-template-rows :auto 1fr;
    background         : #fff
}

.app .quiz [data-quiz=send] {
    display : none
}

.app .quiz._last-step .quiz__progress span {
    border-radius : 0
}

.app .quiz._last-step .quiz__progress p {
    display : none
}

.app .quiz._last-step [data-quiz=next] {
    display : none
}

.app .quiz._last-step [data-quiz=send] {
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex
}

.app .quiz._first-step [data-quiz=back] {
    opacity        : 0;
    pointer-events : none
}

.app .quiz__progress {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    text-align            : center;
    height                : 4.3rem;
    background            : #e7e7e7;
    position              : relative;
    overflow              : hidden;
    margin                : 0 -8rem
}

.app .quiz__progress i {
    font-style : normal
}

.app .quiz__progress p {
    position : relative;
    z-index  : 2
}

.app .quiz__progress span {
    height             : 100%;
    -webkit-transition : all .5s;
    transition         : all .5s;
    border-radius      : 0 15px 15px 0;
    display            : block;
    position           : absolute;
    left               : 0;
    top                : 0;
    background         : var(--color1)
}

.app .quiz__header {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    grid-gap              : 2.4rem
}

.app .quiz__num {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    font-size             : 3.2rem;
    font-weight           : 600;
    color                 : #fff;
    min-width             : 4.8rem;
    width                 : 4.8rem;
    height                : 4.8rem;
    border-radius         : 100%;
    background            : var(--color1)
}

.app .quiz__btns {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : justify;
    -ms-flex-pack         : justify;
    justify-content       : space-between;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center
}

.app .quiz__step {
    display            : none;
    grid-gap           : 6.6rem;
    -ms-flex-line-pack : start;
    align-content      : flex-start
}

.app .quiz__step._active {
    display : grid
}

.app .quiz__items {
    padding  : 0 7.2rem;
    display  : grid;
    grid-gap : 4.8rem
}

@media (max-width : 1023px) {
    .app .quiz__items {
        padding : 0
    }
}

@media (max-width : 767px) {
    .app .quiz {
        padding : 4rem
    }

    .app .quiz__progress {
        margin : 0 -4rem
    }
}

@media (max-width : 530px) {
    .app .quiz {
        padding    : 2.4rem 2.4rem 4rem 2.4rem;
        grid-gap   : 2.4rem;
        min-height : initial
    }

    .app .quiz .font-4 {
        font-size   : 16px;
        line-height : 1.4
    }

    .app .quiz__num {
        font-size : 2.4rem;
        width     : 3.4rem;
        min-width : 3.4rem;
        height    : 3.4rem
    }

    .app .quiz__step {
        grid-gap : 5.6rem
    }

    .app .quiz__progress {
        margin    : 0 -2.4rem;
        height    : 2.8rem;
        font-size : 14px
    }

    .app .quiz__items {
        grid-gap : 4rem
    }

    .app .quiz__btns {
        margin-top : 16px
    }

    .app .quiz__form.grid {
        grid-template-columns :initial
    }
}

.app .rating {
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center
}

.app .rating__main {
    display  : grid;
    grid-gap : 3.2rem
}

.app .rating__bg {
    color    : #fff;
    position : relative;
    width    : -webkit-fit-content;
    width    : -moz-fit-content;
    width    : fit-content;
    margin   : 0 auto
}

.app .rating__bg i.icon {
    font-size : 43.5rem;
    color     : var(--color1)
}

.app .rating__bg-text {
    position           : absolute;
    display            : block;
    width              : 100%;
    height             : 100%;
    top                : 0;
    left               : 0;
    display            : grid;
    -ms-flex-line-pack : center;
    align-content      : center;
    justify-items      : center;
    text-align         : center;
    padding            : 0 25%
}

.app .rating__blq {
    padding     : 15px 2.4rem;
    border-left : 3px solid var(--color1)
}

.app .rating__bottom {
    margin-top    : 3.2rem;
    display       : grid;
    grid-gap      : 2.4rem;
    justify-items : flex-start
}

.app .rating__stars {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 2.4rem
}

@media (max-width : 1023px) {
    .app .rating__bg i.icon {
        font-size : 37rem
    }
}
@media (max-width : 840px) {
    .app .rating__bg i.icon { 
        font-size : 29rem
    }
}
@media (max-width : 767px) {
    .app .rating.grid {
        grid-template-columns :initial
    }

    .app .rating__bg {
        -webkit-box-ordinal-group : 0;
        -ms-flex-order            : -1;
        order                     : -1
    }
}

@media (max-width : 530px) {
    .app .rating__bg {
        display : none
    }

    .app .rating__blq {
        padding     : 8px 16px;
        line-height : 1.4
    }

    .app .rating__main {
        grid-gap : 2.4rem
    }

    .app .rating__bottom {
        margin-top : 0;
        grid-gap   : 2rem
    }
}

.app .tracker {
    color    : #fff;
    position : relative
}

.app .tracker img {
    mix-blend-mode    : luminosity;
    -webkit-transform : matrix(-1, 0, 0, 1, 0, 0);
    transform         : matrix(-1, 0, 0, 1, 0, 0);
    position          : absolute;
    left              : 0;
    top               : 0;
    bottom            : 0;
    margin            : auto 0 auto -8.5rem;
    height            : 95%
}

.app .tracker__header {
    display       : grid;
    grid-gap      : 2.4rem;
    justify-items : center
}

.app .tracker__subtitle {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 16px
}

.app .tracker__main {
    display  : grid;
    grid-gap : 6.4rem
}

.app .tracker__form {
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center
}

@media (max-width : 1023px) {
    .app .tracker__form {
        -webkit-box-pack : center;
        -ms-flex-pack    : center;
        justify-content  : center
    }

    .app .tracker__form.grid {
        grid-template-columns :initial
    }
}

@media (max-width : 767px) {
    .app .tracker__main {
        -webkit-box-pack : end;
        -ms-flex-pack    : end;
        justify-content  : flex-end
    }
}

@media (max-width : 530px) {
    .app .tracker {
        grid-gap : 8px
    }

    .app .tracker.grid {
        grid-template-columns :initial
    }

    .app .tracker img {
        position : static;
        margin   : 0 auto;
        width    : 60vw
    }

    .app .tracker__bg {
        -webkit-box-ordinal-group : 2;
        -ms-flex-order            : 1;
        order                     : 1
    }

    .app .tracker__main {
        -webkit-box-pack : stretch;
        -ms-flex-pack    : stretch;
        justify-content  : stretch;
        grid-gap         : 3.2rem
    }

    .app .tracker__header {
        grid-gap : 16px
    }

    .app .tracker__form {
        grid-gap         : 16px;
        -webkit-box-pack : stretch;
        -ms-flex-pack    : stretch;
        justify-content  : stretch
    }

    .app .tracker__form .input {
        width        : 87%;
        justify-self : center
    }

    .app .tracker__form .btn {
        margin-top : 16px
    }
}

.app .callback-form .form {
    min-width : 0
}

.app .callback-form__title {
    display            : grid;
    grid-gap           : 4.8rem;
    -ms-flex-line-pack : center;
    align-content      : center
}

@media (max-width : 1023px) {
    .app .callback-form.grid {
        grid-template-columns :initial
    }
}

@media (max-width : 530px) {
    .app .callback-form__title {
        grid-gap   : 2.4rem;
        text-align : center
    }
}

.app .subscrb-banner img {
    margin : clamp(-3.2rem, -5.8vw, -8rem) 0
}

@media (max-width : 767px) {
    .app .subscrb-banner img {
        margin : auto 0
    }
}

@media (max-width : 530px) {
    .app .subscrb-banner .inner {
        grid-gap : 3.2rem
    }

    .app .subscrb-banner .input {
        font-size : 2rem
    }

    .app .subscrb-banner .btn {
        font-size : 2.4rem
    }

    .app .subscrb-banner .grid {
        grid-template-columns :initial
    }

    .app .subscrb-banner .grid img {
        -webkit-box-ordinal-group : 2;
        -ms-flex-order            : 1;
        order                     : 1;
        width                     : 72vw;
        margin                    : 0 auto
    }

    .app .subscrb-banner__form {
        grid-gap : 2.4rem
    }
}

@media (min-width : 530px) {
    .app .scroll-animation .step {
        -webkit-transition : all .8s;
        transition         : all .8s;
        opacity            : 0;
        -webkit-transform  : scale(0);
        transform          : scale(0)
    }

    .app .scroll-animation.active .step {
        opacity           : 1;
        -webkit-transform : scale(1);
        transform         : scale(1)
    }

    .app .scroll-animation:nth-of-type(2) .step {
        -webkit-transition-delay : .3s;
        transition-delay         : .3s
    }

    .app .scroll-animation:nth-of-type(3) .step {
        -webkit-transition-delay : .6s;
        transition-delay         : .6s
    }

    .app .scroll-animation:nth-of-type(5) .step {
        -webkit-transition-delay : .3s;
        transition-delay         : .3s
    }

    .app .scroll-animation .section__btns, .app .scroll-animation .stage {
        -webkit-transition : all .8s;
        transition         : all .8s;
        opacity            : 0;
        -webkit-transform  : translateY(100%);
        transform          : translateY(100%)
    }

    .app .scroll-animation.active .section__btns, .app .scroll-animation.active .stage {
        opacity           : 1;
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }

    .app .scroll-animation .advant {
        -webkit-transition : all .8s;
        transition         : all .8s;
        opacity            : 0;
        -webkit-transform  : translateY(-100%);
        transform          : translateY(-100%)
    }

    .app .scroll-animation:nth-child(2n) .advant {
        -webkit-transition-delay : .1s;
        transition-delay         : .1s
    }

    .app .scroll-animation.active .advant {
        opacity           : 1;
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
}

.app .index {
    margin-top : 2.4rem
}

@media (max-width : 530px) {
    .app .index {
        margin-top : 0
    }
}

.app .header {
    padding-top    : 4rem;
    padding-bottom : 4rem;
    display        : grid;
    grid-gap       : 12px;
    justify-items  : flex-start
}

.app .header ._underline a {
    border-bottom      : 1px solid transparent;
    -webkit-transition : border-color .5s;
    transition         : border-color .5s
}

.app .header__menu {
    display            : grid;
    grid-template-rows :auto auto;
    grid-auto-flow     : column;
    grid-gap           : 16px clamp(5rem, 6.53vw, 9rem);
    white-space        : nowrap;
    justify-items      : flex-start
}

.app .header__logo {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 6px;
    flex-shrink           : 0;
}

.app .header__logo img {
    height : 6.3rem
}

.app .header__logo img:first-child {
    display : none
}

.app .header__main {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : justify;
    -ms-flex-pack         : justify;
    justify-content       : space-between;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    justify-self          : stretch;
    gap                   : clamp(5rem, 7.6vw, 10.5rem)
}

.app .header__block {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : end;
    -ms-flex-pack         : end;
    justify-content       : flex-end;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : clamp(5rem, 7.6vw, 10.5rem)
}

.app .header__drop {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 8px
}

.app .header__drop._active:after {
    -webkit-transform : rotate(180deg);
    transform         : rotate(180deg)
}

.app .header__drop._active ~ .header__submenu {
    display : grid
}

.app .header__drop:after {
    content            : "\e91c";
    -webkit-transition : -webkit-transform .5s;
    transition         : -webkit-transform .5s;
    transition         : transform .5s;
    transition         : transform .5s, -webkit-transform .5s;
    font-family        : icomoon;
    font-size          : 6px
}

.app .header__contacts {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 17px
}

.app .header__submenu {
    position           : absolute;
    top                : 100%;
    left               : 0;
    grid-gap           : 16px;
    padding            : 2.4rem;
    border-radius      : var(--radius);
    -webkit-box-shadow : 0 2px 5.2px rgba(0, 0, 0, .2);
    box-shadow         : 0 2px 5.2px rgba(0, 0, 0, .2);
    z-index            : 1;
    background         : #fff;
    display            : none;
    width              : -webkit-max-content;
    width              : -moz-max-content;
    width              : max-content;
    justify-items      : flex-start
}

.app .header__menu-i {
    position       : relative;
    padding-bottom : 7px;
    margin-bottom  : -8px
}

.app .header__menu-activation, .app .header__menu-btn {
    display : none
}

@media (max-width : 1200px) {
    .app .header__contacts {
        display       : grid;
        justify-items : center
    }

    .app .header__menu {
        grid-column-gap   : 4rem;
        -webkit-box-flex  : 1;
        -ms-flex-positive : 1;
        flex-grow         : 1;
        -webkit-box-pack  : center;
        -ms-flex-pack     : center;
        justify-content   : center
    }

    .app .header__block, .app .header__main {
        grid-column-gap : 4rem
    }

    .app .header__block {
        -webkit-box-flex  : 1;
        -ms-flex-positive : 1;
        flex-grow         : 1
    }
}

@media (max-width : 1023px) {
    .app .header {
        position       : fixed;
        background     : #fff;
        top            : 0;
        left           : 0;
        width          : 100%;
        z-index        : 15;
        padding-top    : 2.4rem;
        padding-bottom : 2.4rem
    }

    .app .header__block {
        position                 : absolute;
        width                    : 100%;
        left                     : 0;
        background               : #fff;
        display                  : grid;
        -webkit-box-pack         : start;
        -ms-flex-pack            : start;
        justify-content          : flex-start;
        padding                  : 15px 3.2rem 3.2rem 3.2rem;
        border-radius            : 0 0 var(--radius) var(--radius);
        -webkit-box-shadow       : 0 8px 12px -3px rgba(0, 0, 0, .2);
        box-shadow               : 0 8px 12px -3px rgba(0, 0, 0, .2);
        max-height               : calc(100vh - 8.5rem);
        overflow-y               : auto;
        -webkit-transform        : translateY(-100%);
        transform                : translateY(-100%);
        top                      : -100%;
        -webkit-transition       : all .5s;
        transition               : all .5s;
        opacity                  : 0;
        -webkit-transform-origin : top right;
        transform-origin         : top right
    }

    .app .header__menu {
        grid-auto-flow   : row;
        grid-gap         : 2.4rem;
        -webkit-box-pack : start;
        -ms-flex-pack    : start;
        justify-content  : flex-start
    }

    .app .header__logo img {
        height : 3.7rem
    }

    .app .header__logo img:first-child {
    / / display: block
    }

    .app .header__menu-btn {
        display : -webkit-box;
        display : -ms-flexbox;
        display : flex
    }

    .app .header__menu-btn i.icon-close {
        font-size : 16px;
        display   : none
    }

    .app .header__menu-activation:checked ~ .header__main .header__block {
        -webkit-transform : translateY(0);
        transform         : translateY(0);
        top               : 100%;
        opacity           : 1
    }

    .app .header__menu-activation:checked ~ .header__main .header__menu-btn i.icon-menu {
        display : none
    }

    .app .header__menu-activation:checked ~ .header__main .header__menu-btn i.icon-close {
        display : block
    }

    .app .header__menu-i._location {
    }

    .app .header__contacts {
        justify-items : flex-start
    }

    .app .header__submenu {
        position           : static;
        padding            : 16px 0 0 0;
        grid-gap           : 8px;
        -webkit-box-shadow : none;
        box-shadow         : none;
        font-size          : 14px;
        justify-items      : flex-start
    }
}

@media (hover : hover) and (pointer : fine) {
    .app .header ._underline a:hover {
        border-color : var(--color1)
    }

    .app .header__menu-i:hover .header__drop > a {
        border-color : var(--color1)
    }

    .app .header__menu-i:hover .header__drop:after {
        -webkit-transform : rotate(180deg);
        transform         : rotate(180deg)
    }

    .app .header__menu-i:hover .header__submenu {
        display : grid
    }
}

.app .footer {
    padding       : 6rem 0;
    border-radius : 2rem 2rem 0 0
}

.app .footer a {
    -webkit-transition : color .5s;
    transition         : color .5s
}

.app .footer__inner {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -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                   : 5rem
}

.app .footer__logo img {
    width : 15rem
}

.app .footer__menu {
    font-weight          : 600;
    font-size            : clamp(16px, 1.45vw, 2rem);
    display              : grid;
    grid-gap             : 2.4rem;
    -webkit-column-count : 3;
    -moz-column-count    : 3;
    column-count         : 3;
    -webkit-box-flex     : 1;
    -ms-flex-positive    : 1;
    flex-grow            : 1
}

.app .footer__menu._wide {
    margin-right : -15rem
}

.app .footer__menu-i {
    display  : grid;
    grid-gap : 2rem
}

.app .footer__submenu {
    display     : grid;
    grid-gap    : 2.1rem;
    font-weight : 400;
    font-size   : 16px
}

.app .footer__main {
    display           : grid;
    grid-gap          : 4rem;
    -webkit-box-flex  : 1.2;
    -ms-flex-positive : 1.2;
    flex-grow         : 1.2
}

.app .footer__links {
    display   : grid;
    grid-gap  : 2rem;
    font-size : 12px
}

.app .footer__contacts {
    display    : grid;
    grid-gap   : 16px;
    margin-top : 9px
}

@media (max-width : 1023px) {
    .app .footer__inner {
        -ms-flex-wrap : wrap;
        flex-wrap     : wrap
    }

    .app .footer__main {
        display               : -webkit-box;
        display               : -ms-flexbox;
        display               : flex;
        -webkit-box-orient    : horizontal;
        -webkit-box-direction : normal;
        -ms-flex-flow         : row nowrap;
        flex-flow             : row nowrap;
        -webkit-box-pack      : justify;
        -ms-flex-pack         : justify;
        justify-content       : space-between;
        -webkit-box-align     : center;
        -ms-flex-align        : center;
        align-items           : center;
        width                 : 100%
    }
}

@media (max-width : 767px) {
    .app .footer__main {
        -ms-flex-wrap : wrap;
        flex-wrap     : wrap
    }

    .app .footer__logo {
        width : 100%
    }

    .app .footer__submenu {
        display   : none;
        font-size : 14px;
        grid-gap  : 10px
    }

    .app .footer__menu._wide {
        margin : 0
    }
}

@media (max-width : 530px) {
    .app .footer {
        padding-top    : 10rem;
        padding-bottom : 3.2rem;
        position       : relative
    }

    .app .footer__logo {
        width         : 16rem;
        margin-bottom : 16px;
        position      : absolute;
        left          : var(--offset);
        top           : 2.4rem
    }

    .app .footer__inner {
        display  : grid;
        grid-gap : 16px
    }

    .app .footer__menu {
        grid-gap      : 16px;
        justify-items : flex-start
    }

    .app .footer__menu-i._drop {
        grid-gap : 16px
    }

    .app .footer__menu-i._drop > a {
        display               : -webkit-box;
        display               : -ms-flexbox;
        display               : flex;
        -webkit-box-orient    : horizontal;
        -webkit-box-direction : normal;
        -ms-flex-flow         : row nowrap;
        flex-flow             : row nowrap;
        -webkit-box-pack      : start;
        -ms-flex-pack         : start;
        justify-content       : flex-start;
        -webkit-box-align     : center;
        -ms-flex-align        : center;
        align-items           : center;
        gap                   : 10px;
        pointer-events        : none
    }

    .app .footer__menu-i._drop > a:after {
        content            : "\e91c";
        -webkit-transition : -webkit-transform .5s;
        transition         : -webkit-transform .5s;
        transition         : transform .5s;
        transition         : transform .5s, -webkit-transform .5s;
        font-family        : icomoon;
        font-size          : 6px
    }

    .app .footer__menu-i._drop:hover .footer__submenu {
        display : grid
    }

    .app .footer__main {
        grid-gap                  : 2.4rem;
        -webkit-box-ordinal-group : 2;
        -ms-flex-order            : 1;
        order                     : 1;
        margin-top                : 8px;
        display                   : grid
    }

    .app .footer__links {
        grid-gap : 10px
    }

    .app .footer__contacts {
        font-size : 14px;
        margin    : 0
    }

    .app .footer__contacts .contact {
        gap : 8px
    }

    .app .footer__contacts i.icon {
        font-size : 16px
    }
}

@media (hover : hover) and (pointer : fine) {
    .app .footer a:hover {
        color : var(--color1)
    }
}

.app .popup {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row wrap;
    flex-flow             : row wrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    position              : fixed;
    top                   : 0;
    left                  : 0;
    width                 : 100%;
    height                : 100%;
    display               : none;
    z-index               : 1000;
    opacity               : 0;
    -webkit-transition    : all .5s;
    transition            : all .5s
}

.app .popup.animation {
    opacity : 1
}

.app .popup.active {
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex
}

.app .popup__close {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row wrap;
    flex-flow             : row wrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    position              : absolute;
    cursor                : pointer;
    top                   : 0;
    right                 : 0;
    padding               : 2rem;
    z-index               : 15
}

.app .popup__close i.icon {
    font-size : 2rem
}

.app .popup__content {
    width    : 100%;
    position : relative;
    z-index  : 1;
    margin   : auto
}

.app .popup__content._narrow {
    max-width : 42.5rem
}

.app .popup__content._bg {
    padding       : 4.8rem 3.2rem 3.2rem 3.2rem;
    background    : var(--color1);
    color         : #fff;
    border-radius : var(--radius);
    width         : auto
}

.app .popup__scroll {
    position              : absolute;
    display               : block;
    width                 : 100%;
    height                : 100%;
    top                   : 0;
    left                  : 0;
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row wrap;
    flex-flow             : row wrap;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    -webkit-box-align     : start;
    -ms-flex-align        : start;
    align-items           : flex-start;
    overflow              : auto;
    overflow-x            : hidden;
    position              : relative;
    background            : rgba(29, 56, 101, .8);
    padding               : 3rem
}

.app .popup__main {
    display    : grid;
    grid-gap   : 2.4rem;
    text-align : center
}

@media (max-width : 1200px) {
    .app .popup__content {
        min-width : 28rem
    }

    .app .popup__content._bg {
        padding : 3rem var(--offset)
    }

    .app .popup__scroll {
        padding : 5rem var(--offset)
    }
}

@media (max-width : 767px) {
    .app .popup__scroll {
        padding : 0
    }

    .app .popup__content {
        display               : -webkit-box;
        display               : -ms-flexbox;
        display               : flex;
        -webkit-box-orient    : vertical;
        -webkit-box-direction : normal;
        -ms-flex-flow         : column nowrap;
        flex-flow             : column nowrap;
        -webkit-box-pack      : center;
        -ms-flex-pack         : center;
        justify-content       : center;
        -webkit-box-align     : stretch;
        -ms-flex-align        : stretch;
        align-items           : stretch;
        width                 : 100%;
        min-height            : 100%;
        overflow-y            : auto
    }

    .app .popup__content._bg {
        width : 100%
    }
}

@media (max-width : 530px) {
    .app .popup .form {
        min-height    : 100vh;
        border-radius : 0
    }

    .app .popup .form__bg {
        display : none
    }
}

.app .breadcrumbs {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row wrap;
    flex-flow             : row wrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : baseline;
    -ms-flex-align        : baseline;
    align-items           : baseline;
    color                 : var(--color5);
    gap                   : 12px;
    padding-top           : 10px;
    padding-bottom        : 4rem
}

.app .breadcrumbs__i:after {
    content     : "\e90b";
    font-family : icomoon;
    margin-left : 12px;
    font-size   : 12px
}

.app .breadcrumbs__i:nth-last-child(2):after {
    color : #000
}

.app .breadcrumbs__i:last-child {
    color : #000
}

.app .breadcrumbs__i:last-child:after {
    content : none
}

@media (max-width : 530px) {
    .app .breadcrumbs {
        display : none
    }
}

@media (min-width : 1025px) and (max-width : 1500px) {
    .app {
        zoom : 0.8;
    }
}

.app .error {
    background : var(--color1);
    color      : #fff
}

.app .error .btn {
    margin-top : 3.2rem
}

.app .error__inner {
    padding-top    : 6.5rem;
    padding-bottom : 12rem;
    display        : grid;
    gap            : 16px;
    justify-items  : center;
    text-align     : center
}

.app .error__title {
    font-size : clamp(2rem, 3.48vw, 4.8rem)
}


.app .cities {
    display : grid;
    gap     : 4rem
}

.app .cities a {
    -webkit-transition : color .5s;
    transition         : color .5s
}

.app .cities a:hover {
    color : var(--color1)
}

.app .cities__btn {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : start;
    -ms-flex-pack         : start;
    justify-content       : flex-start;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    gap                   : 2.4rem;
    font-size             : clamp(18px, 2.32vw, 3.2rem);
    max-width             : 67rem;
    margin                : 0 auto
}

.app .cities__btn img {
    width : 12rem
}

.app .cities__subtitle {
    font-size : clamp(16px, 2.32vw, 3.2rem)
}

.app .cities__title {
    margin-top : 6rem;
    font-size  : clamp(2rem, 2.9vw, 4rem)
}

.app .cities__title:first-child {
    margin-top : 0
}

.app .cities__letters {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-flow         : row nowrap;
    flex-flow             : row nowrap;
    -webkit-box-pack      : justify;
    -ms-flex-pack         : justify;
    justify-content       : space-between;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    margin-bottom         : 2.4rem;
    gap                   : 18px 0;
    margin-right          : -11px
}

.app .cities__letters a {
    margin-right       : 11px;
    border-bottom      : 1px solid transparent;
    -webkit-transition : all .5s;
    transition         : all .5s
}

.app .cities__letters ._active {
    color               : var(--color1);
    border-bottom-color : inherit
}

.app .cities__words {
    font-size            : clamp(14px, 1.74vw, 2.4rem);
    -webkit-column-count : 3;
    -moz-column-count    : 3;
    column-count         : 3;
    gap                  : 7rem;
    margin-bottom        : -16px
}

.app .cities__words a {
    display       : none;
    margin-bottom : 16px
}

.app .cities__words a._active {
    display : block
}

@media (max-width : 1200px) {
    .app .cities__words {
        -webkit-column-count : 2;
        -moz-column-count    : 2;
        column-count         : 2;
        gap                  : 3rem;
    }
}

@media (max-width : 767px) {
    .app .cities {
        gap : 16px
    }

    .app .cities__letters {
        -ms-flex-wrap    : wrap;
        flex-wrap        : wrap;
        -webkit-box-pack : start;
        -ms-flex-pack    : start;
        justify-content  : start;
        margin-bottom    : 16px
    }

    .app .cities__btn {
        gap         : 5px;
        line-height : 1.4
    }

    .app .cities__btn img {
        width : 6.4rem
    }

    .app .cities__title {
        margin-top    : 2.4rem;
        margin-bottom : 8px
    }
}


@media (max-width : 530px) {


    .app .cities__words {
        -webkit-column-count : initial;
        -moz-column-count    : initial;
        column-count         : initial
    }
}

.app .form__wrapper {
    display       : grid;
    gap           : 6.4rem;
    text-align    : center;
    padding       : 8rem;
    border-radius : 2rem;
    background    : #fff;
    max-width     : 92rem;
    margin        : 0 auto
}

@media (max-width : 767px) {
    .app .form__wrapper {
        padding : 4rem 2.4rem 3.2rem 2.4rem;
        gap     : 3.2rem
    }

    .app .form__wrapper .form {
        min-height    : initial !important;
        border-radius : 2rem !important
    }

    .app .form__wrapper img {
        display : block !important
    }
}


td.ml-title-cell table td.ml-close img,
div.bxml-dialog a img,
.bx-file-dialog img {
    display   : inline-block;
    max-width : max-content;
}

.app .index .banner img {
    mix-blend-mode : normal;
    height         : auto;
    max-width      : 276px;
    transform      : none;
    position       : relative;
    right          : inherit;
    top            : inherit;
    bottom         : inherit;
}

.app .index .banner__main {
    padding-right : 0;
}

.app .index .banner:has(.banner__main + img) {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    flex-wrap       : wrap;
    padding-top     : 0;

    padding-bottom  : 0;
}

@media (max-width : 1024px) {
    .app .index .banner:has(.banner__main + img) {
        justify-content : center;
        padding-top     : 2rem;

        padding-bottom  : 2rem;
    }


}

.app .service-banner {
    padding : 2.8rem 8rem 3.4rem 4rem;
}

.app .font-4._small-mob.accordion__header {
    font-size : 22px;
}

.app .accordion__main .font-5 {
    font-size : 18px;
}

.app .tracker img {
    mix-blend-mode    : normal;
    -webkit-transform : none;
    transform         : none;
    position          : relative;
    left              : inherit;
    top               : inherit;
    bottom            : inherit;
    margin            : 0;
}

.app .tracker {
    padding-top    : clamp(2.2rem, 3.8vw, 4rem);
    padding-bottom : clamp(2.2rem, 3.8vw, 4rem);
}


.app .main-service__main {
    max-height : 100%;
}

.app .main-service:hover .main-service__text {
    -webkit-line-clamp : 7;
    position           : relative;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-box-orient : vertical;
}

.app .accordion__item {
    border-top : 2px solid var(--color2);
}

.app {
    overflow-x : visible;
}

.app .header {
    position   : sticky;
    top        : 0;
    z-index    : 100;
    background : #fff;
    transition : ease all .5s;
}

.stickyHead {
    padding-top    : 2rem !important;
    padding-bottom : 2rem !important;
    box-shadow     : 0px 17px 20px -26px #000;
}

.app .header__submenu {
    top : 75%;
}

.scroll-to-top {
    color    : #406afd !important;
    display  : none;
    position : fixed;
    right    : 20px;
    bottom   : 20px;
    width    : 40px;
    height   : 40px;
    z-index  : 100;
}

.scroll-to-top.show {
    display : block;
}

.app .docs img {
    transition         : ease all .5s;
    -webkit-box-shadow : 0 2px 15.2px rgba(0, 0, 0, .6);
    box-shadow         : 0 2px 15.2px rgba(0, 0, 0, .6);
}

.app .docs img:hover {
    -webkit-box-shadow : 0 2px 25.2px rgba(0, 0, 0, .9);
    box-shadow         : 0 2px 25.2px rgba(0, 0, 0, .9);
}

.blue {
    min-width       : clamp(4rem, 6.38vw, 8.8rem);
    width           : clamp(4rem, 6.38vw, 8.8rem);
    height          : clamp(4rem, 6.38vw, 8.8rem);
    border-radius   : 100%;
    background      : var(--color1);
    color           : #fff;
    font-size       : clamp(15px, 2.76vw, 3.8rem);
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.app .header__menu {
    font-size : 18px;
}

.app .header__menu {
    grid-gap : 16px clamp(4rem, 4.53vw, 9rem);
    width    : 100%;
}

.head_contacts {
    display         : flex;
    align-items     : center;
    justify-content : center;
    gap             : 1rem;
    flex-direction  : column;
    font-size       : 2rem;
}

.app .btn {
    border     : 1px solid var(--color1);;
    transition : ease all .5s;
}

.app .btn:hover {
    /*    color        : var(--color1);
        background   : #fff;
        border-color : var(--color1);*/
    transform : scale(1.05);
}

.app .btn:active {
    -webkit-box-shadow : 0 2px 15.2px rgba(0, 0, 0, .5);
    box-shadow         : 0 2px 15.2px rgba(0, 0, 0, .5);
}


.app .btn._alt {
    transition : ease all .5s;
}

.app .btn._alt:hover {
    /*
         border: 1px solid;
         background: var(--color1);
         color: #fff;*/
}

@media (max-width : 767px) {
    .app .service.grid {
        padding : 1rem;
    }

    .app .quiz {
        overflow : hidden;
    }

    .app .checkboxes {
        grid-template-columns : 1fr;
    }

    .app .btn._wide {
        min-width : 100%;
    }
}


.app .back-color-radius {
    background    : linear-gradient(90deg, #406AFD 25%, #D3E0FF 100%);
    border-radius : 20px;
}

.app .button-style-1 {
    height        : 66px;
    line-height   : 66px;

    border        : none;
    font-size     : 20px;
    border-radius : 15px;
    text-align    : center;


}


@media (max-width : 1024px) {
    .app .tracker__form {
        justify-content : unset !important;
    }

    .app .tracker__main {
        justify-content : unset !important;
    }

    .app .back-color-radius .banner__btns {
        width           : 100%;
        justify-content : center;
    }

    .app .index .back-color-radius .banner:has(.banner__main + img) {
        flex-direction : column-reverse;
    }

    .app .button-style-1 {
        line-height : 30px;
    }

    .app .button-style-1 h2 {
        text-align : center;
    }

    .app .tracker-new.grid._9-3 {
        grid-template-columns :auto;
        display               : flex;
        flex-direction        : column;
    }

    .app .tracker-new.grid._9-3 > div:last-child {
        order           : 1;
        justify-content : space-around;
        padding-top     : 2rem;
    }

    .app .tracker-new.grid._9-3 > div:first-child {
        order          : 2;

        padding-bottom : 2rem;
    }

    .app .tracker-new .tracker__header {
        justify-items : center !important;
    }

    .app .tracker-new .tracker__form .input {

        width : 100%;
    }
}

.app .tracker-new {
    padding-top    : 0;
    padding-bottom : 0;

}

.app .tracker-new > div:last-child {
    display     : flex;
    align-items : flex-end;
}

.app .tracker-new .tracker__header {
    justify-items : left;
}

.app .tracker-new .tracker__main {
    align-content : center;
}

.app .tracker-new .tracker__main .btn {
    border        : none;
    border-radius : 15px;
    height        : 66px;
}

.app .tracker-new .input {
    height        : 66px;
    border-radius : 15px;
}

.app .tracker-new .tip__icon {
    width     : 25px;
    height    : 25px;
    font-size : 20px;
}

.app .tracker-new img {
    max-width : 276px;
}

/* START форма на детальной странице услуг внизу  */
.service_detail_bottom_form {
    background            : linear-gradient(90deg, #B4C9FE 0%, #ECF2FF 100%);
    padding               : 75px 50px 0 50px;
    border-radius         : 20px;
    display               : grid;
    grid-template-columns : auto 388px;

}

.service_detail_h {

    font-weight   : 600;
    font-size     : 35px;
    line-height   : 45px;
    margin-bottom : 43px;

}

.service_detail_form {
    display        : flex;
    flex-direction : column;

}

.service_detail_form button {
    width            : 268px;
    height           : 62px;
    border-radius    : 15px;
    background-color : #406AFD;
    color            : #fff;
    font-size        : 20px;
}

.service_detail_form_inp {
    display        : flex;
    flex-direction : row;
    gap            : 20px;
    margin-bottom  : 43px;
}

.service_detail_form_button {
    margin-bottom : 43px;
}

.service_detail_form_inp input {
    border-radius : 15px;
    border        : none;
    color         : #838383;
    font-size     : 20px;
    padding       : 0 24px;
    height        : 60px;
    background    : #fff;
}

.service_detail_form_inp input[type="text"] {
    width : 191px;
}

.service_detail_form_inp input[type="phone"] {
    width : 244px;
}

.service_detail_form_inp input[type="email"] {
    width : 326px;
}

.service_detail_grid_two img {
    position : absolute;
    bottom   : 0;
}

@media (max-width : 1024px) {

    .service_detail_form_inp {
        flex-wrap : wrap;
    }

    .service_detail_form_inp input[type="phone"],
    .service_detail_form_inp input[type="text"],
    .service_detail_form_inp input[type="email"],
    .service_detail_form_inp input[type="tel"],
    .service_detail_form button {
        width : 100%;
    }

    .service_detail_h {
        font-size : 26px;
    }

}

@media (max-width : 800px) {
    .service_detail_bottom_form {
        grid-template-columns :auto;
    }

    .service_detail_grid_two {
        display : none !important;
    }


}

/* END форма на детальной странице услуг внизу  */


/* START форма остались вопросы  */
.question_form_b {
    display               : grid;
    grid-template-columns :630px auto;
    border-radius         : 20px;
    overflow              : hidden;
}

.question_form_b > div:last-child {
    background-color : #B4C9FE;
    padding          : 34px 34px 34px 34px;
}

.question_form_b_h {
    font-weight   : 700;
    font-size     : 35px;
    line-height   : 45px;
    text-align    : center;
    margin-bottom : 15px;
}

.question_form_b_txt {
    font-weight   : 500;
    font-size     : 20px;
    text-align    : center;
    margin-bottom : 15px;

}

.question_form_b form input,
.question_form_b form textarea {
    background    : #fff;
    border-radius : 15px !important;
    border        : none;
    height        : 55px;
    font-size     : 16px;
    color         : #838383;
    padding       : 16px 24px;
    margin-bottom : 22px;
}

.question_form_b form textarea {
    width  : 100%;
    height : 106px;
    resize : none;
}

.question_form_b form button {
    width            : 177px;
    height           : 52px;
    background-color : #406AFD;
    font-size        : 16px;
    color            : #fff;
    border-radius    : 15px !important;
}

.question_form_b form > div {
    display               : grid;
    grid-template-columns :177px 195px 223px;
    gap                   : 13px;
}

@media (max-width : 1120px) {
    .question_form_b form > div {
        grid-template-columns :auto;
    }

    .question_form_b img {
        display : none;
    }

    .question_form_b {
        grid-template-columns :auto;
    }

    .question_form_b form button {
        width : 100%;
    }
}

/* END форма остались вопросы  */


.app .select__options {
    max-height : max-content;
}

.popup__content img {
    height     : auto;
    width      : auto;
    object-fit : cover;
    display    : block;
}


.popup__content .img {
    display  : flex;
    position : relative;
    height   : 125%;
}


.service_detail_grid_two,
.question_form_b .img {
    display  : flex;
    position : relative;
}

.app .popup__content .form {
    overflow : hidden;
}


.service_detail_grid_two .info,
.question_form_b .img .info, .popup__content .img .info {
    background    : #fff;
    border-radius : 10px;
    padding       : 10px 20px;
    position      : absolute;
    left          : 20px;
    bottom        : 30px;
    z-index       : 10;
    text-align    : center;
    font-size     : 15px;
    font-weight   : bold;
    border        : 1px solid #406afd;
    z-index       : 10;
}

.service_detail_grid_two .info {
    left  : inherit;
    right : 20px;
}


.service_detail_grid_two span,
.question_form_b .img .info span,
.popup__content .img .info span {
    font-size   : 0.9em;
    display     : block;
    text-align  : center;
    font-weight : normal;
}


.app .main .mini-banner__btns .btn {
    -webkit-box-flex  : 0;
    -ms-flex-positive : 0;
    flex-grow         : 0;
}

.app .main .mini-banner__btns .btn,
.app .main .mini-banner__btns .input {

    -ms-flex-preferred-size : calc(100% / 4);
    flex-basis              : calc(100% / 4);
}

.app .main .btn._big {
    min-height : clamp(4.3rem, 3.78vw, 5.6rem);
    font-size  : clamp(16px, 1.43vw, 2.1rem);
}

.app .calc-price__links.grid._3-col {
    grid-template-columns : repeat(4, 1fr);
}

@media (max-width : 1024px) {
    .app .calc-price__links.grid._3-col {
        grid-template-columns : repeat(3, 1fr);
    }
}

@media (max-width : 768px) {
    .app .calc-price__links.grid._3-col {
        grid-template-columns : repeat(2, 1fr);
    }
}

@media (max-width : 560px) {
    .app .calc-price__links.grid._3-col {
        grid-template-columns : repeat(1, 1fr);
    }
}

.app .main .big-doc i.icon {
    font-size : clamp(2rem, 2.13vw, 3.6rem);
    min-width : clamp(4rem, 5.6vw, 6.5rem);
    width     : clamp(4rem, 5.6vw, 6.5rem);
    height    : clamp(4rem, 5.6vw, 6.5rem);
}


.service-detail > div:first-child {
    display         : flex;
    background      : var(--color1);
    border-radius   : 20px;
    padding         : 4rem;
    flex-direction  : column;
    grid-gap        : 4.8rem;
    justify-content : center;
}

.service-detail > div:first-child h2 {
    color : #fff;
}

.service-detail > div:first-child input[type="search"] {
    height        : 66px;
    border-radius : 15px;
    width         : 100%;
    display       : block;
    min-height    : clamp(5.1rem, 4.06vw, 5.6rem);
    background    : #fff;
    padding       : 10px 2.4rem;
    font-size     : clamp(16px, 1.45vw, 2rem);
}

.service-detail > div:first-child button {
    height        : 66px;
    line-height   : 66px;
    border        : none;
    font-size     : 20px;
    border-radius : 15px;
    text-align    : center;
}

.app .service-detail .map__cities {
    display     : grid;
    align-items : start;
}

.app .service-detail .map__cities .search {
    padding : 0;
}

.service-detail > div:last-child {


}

.service-detail > div:last-child .forma_new_brg1 {
    border          : 1px solid rgba(64, 106, 253, 1);
    position        : relative;
    row-gap         : 25px;
    background      : #fff;
    border-radius   : 15px;
    padding         : 2.4rem 4rem;
    display         : flex;
    flex-direction  : column;
    justify-content : space-evenly;
/ / margin-bottom: 13 px;
}

.service-detail > div:last-child .forma_new_brg2 {
    border          : 1px solid rgba(64, 106, 253, 1);
    border-radius   : 15px;
    padding         : 2.4rem 4rem;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
}

.service-detail > div:last-child .forma_new_brg2 button {
    font-size     : 14px;
    font-weight   : normal;
    border-radius : 10px;
    height        : 41px;
    line-height   : 41px;
    min-height    : 41px;
    width         : 170px;
}

.service-detail > div:last-child form {
    grid-template-columns :auto;


    grid-gap              : 1rem;
}

.service-detail > div:last-child form input[type="text"],
.service-detail > div:last-child form input[type="tel"],
.service-detail > div:last-child form input[type="email"] {


    font-size     : 14px;
    color         : rgba(150, 147, 147, 1);
    border        : 1px solid rgba(150, 147, 147, 1);
    border-radius : 10px;
    height        : 41px;
    line-height   : 41px;
    padding       : 10px 1.4rem;
}

.service-detail > div:last-child form button {
    border-radius : 10px;
    height        : 41px;
    min-height    : 41px;
    font-weight   : normal;
    line-height   : 41px;
    font-size     : 14px;
}

.service-detail, .service-detail2 {
    margin-bottom : 70px;
}

.service-detail2 {
    margin-bottom : 200px;
}

.service-detail2 .pers_ras {
    position        : relative;
    border          : 1px solid rgba(230, 230, 230, 1);
    background      : #fff;
    border-radius   : 15px;
    padding         : 2.4rem 4rem;
    display         : flex;
    flex-direction  : column;
    justify-content : space-evenly;
    min-height      : 360px;
    gap             : 1em;
}

.service-detail2 .pers_ras h2 {
    font-weight : bold;
}

.service-detail2 .cit_pre_c {

    font-weight : 700;
    font-size   : 30px;

}

.service-detail2 .cit_pre_1, .service-detail2 .cit_pre_2 {

    font-weight : 500;
    font-size   : 22px;
}

.cit_pre_line {
    margin-left : 4px;
}

.cit_pre_line > div:nth-child(1),
.cit_pre_line > div:nth-child(3) {
    width         : 8px;
    height        : 8px;
    background    : rgba(64, 106, 253, 1);
    border-radius : 8px;

}

.cit_pre_line > div:nth-child(2) {
    height      : 54px;
    width       : 2px;
    background  : rgba(64, 106, 253, 1);
    margin-left : 3px;
}

@media (max-width : 1024px) {

    .app .service-detail form.grid._3-3-4 {
        grid-template-columns : auto auto;
    }

    .service-detail > div:first-child button {
        grid-column : span 2;
    }

    .service-detail > div:first-child {
        grid-gap : 1.8rem;
    }

    .app .service-detail.grid._7-3 {
        grid-template-columns :8fr 2fr;
    }


    .app .service-detail2.grid._7-3 {
        display        : flex;
        flex-direction : column;
        margin-bottom  : 100px;
    }

    .app .service-detail2.grid._7-3 > div:first-child {
        order : 2;
    }

    .app .service-detail2.grid._7-3 > div:last-child {
        order : 1;
    }
}

@media (max-width : 900px) {
    .app .service-detail.grid._7-3 {
        grid-template-columns : 6fr 4fr;
    }

    .app .service-detail form.grid._3-3-4 {
        grid-template-columns :auto;
        justify-content       : stretch;
        justify-items         : stretch;
        grid-gap              : 2.4rem;
    }

    .service-detail > div:first-child button {
        grid-column : auto;
    }

    .service-detail > div:last-child form {
        grid-template-columns :auto;
    }

    .service-detail > div:last-child form button {
        grid-column : auto;
    }

    .service-detail > div:last-child .forma_new_brg2 {
        flex-direction : column;
    }

    .service-detail > div:last-child .forma_new_brg2 img {
        order : 10;
    }

    .service-detail > div:last-child .forma_new_brg2 button {
        order : 20;
    }
}

@media (max-width : 700px) {
    .app .service-detail.grid._7-3 {
        grid-template-columns : auto;
    }

    .service-detail > div:last-child {
        grid-gap : 1em;
    }

    .service-detail > div:last-child .forma_new_brg1,
    .app .service-detail.grid._7-3,
    .app .service-detail2.grid._7-3 {
        margin-bottom : 30px;
    }

    .service-detail > div:last-child {
        display : none;
    }
}

.app .stages {
    grid-gap : 3rem 13rem;
}

.app [data-popup^="send-success"] .popup__content._bg {
    overflow : hidden;
}

.popup__content .img.img_bottom {
    height        : auto;
    width         : 124%;
    margin-left   : -40px;
    margin-bottom : -40px;
}


.app .section.service-list.grid._2-col {
    grid-template-columns : minmax(260px, 50%) minmax(260px, 50%);
}

@media (max-width : 767px) {
    .app .section.service-list.grid._2-col {
        grid-template-columns : initial;
    }
}

.app .section.service-list.grid._2-col a {

    white-space : normal;
}


.section .map {
    overflow : hidden
}

@media (max-width : 1200px) {
    .app .map__info._traffic {
        position : relative;

        left     : inherit !important;
        top      : inherit !important;
    }

    .app .map__info:after {
        display : none;
    }
}




.swiper._2-row._3-col .grid._2-col {
    grid-template-columns: 1fr;
}
.swiper._2-row._3-col  .model img {
    aspect-ratio: 1 / .6;
    padding: 0;
}
.swiper._2-row._3-col  .img {
    background: #ededed;
    border-radius: var(--radius);
    overflow: hidden;
    padding: 2rem   ;
}
.btnCookie {
    padding       : 5px 10px;
    margin        : 0 0 0 10px;
    background    : #406AFD;
    color         : #fff;
    border        : none;
    border-radius : 6px;
    cursor        : pointer;
}
a[href="/policy/"]{
    text-decoration : underline !important;
    color: #406AFD;}
.question_form_b .img img { 
    object-fit: cover;
}

/* End */
/* /local/templates/main/animate.min.css?174316402871726 */
/* /local/templates/main/styles.css?17460162816722 */
/* /local/templates/main/template_styles.css?1748526687235954 */