Issues:
1
2
3/* Start:/bitrix/templates/zaruba-podolsk/css/animate.min.css?175449138271758*/
4
5@charset "UTF-8";/*!
6 * animate.css - https://animate.style/
7 * Version - 4.1.1
8 * Licensed under the MIT license - http://opensource.org/licenses/MIT
9 *
10 * Copyright (c) 2020 Animate.css
11 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
12.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}
13.animate__animated.animate__infinite{
-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
14.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)}
15.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)}
16.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)}
17.animate__animated.animate__delay-1s{
-webkit-animation-delay:1s;animation-delay:1s;
-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}
18.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)}
19.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)}
20.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)}
21.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)}
22.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)}
23.animate__animated.animate__fast{
-webkit-animation-duration:.8s;animation-duration:.8s;
-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}
24.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)}
25.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)}
26@media (prefers-reduced-motion:reduce),print{.animate__animated{
-webkit-animation-duration:1ms!important;animation-duration:1ms!important;
-webkit-transition-duration:1ms!important;transition-duration:1ms!important;
-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}
27.animate__animated[class*=Out]{opacity:0}
28}
29@-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)}
3040%,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)}
3170%{-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)}
3280%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}
3390%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}
34}
35@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)}
3640%,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)}
3770%{
-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)}
3880%{
-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);
-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}
3990%{
-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}
40}
41.animate__bounce{
-webkit-animation-name:bounce;animation-name:bounce;
-webkit-transform-origin:center bottom;transform-origin:center bottom}
42@-webkit-keyframes flash{0%,50%,to{opacity:1}
4325%,75%{opacity:0}
44}
45@keyframes flash{0%,50%,to{opacity:1}
4625%,75%{opacity:0}
47}
48.animate__flash{
-webkit-animation-name:flash;animation-name:flash}
49@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
5050%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
51to{-webkit-transform:scaleX(1);transform:scaleX(1)}
52}
53@keyframes pulse{0%{
-webkit-transform:scaleX(1);transform:scaleX(1)}
5450%{
-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
55to{
-webkit-transform:scaleX(1);transform:scaleX(1)}
56}
57.animate__pulse{
-webkit-animation-name:pulse;animation-name:pulse;
-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
58@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
5930%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
6040%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
6150%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
6265%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
6375%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
64to{-webkit-transform:scaleX(1);transform:scaleX(1)}
65}
66@keyframes rubberBand{0%{
-webkit-transform:scaleX(1);transform:scaleX(1)}
6730%{
-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
6840%{
-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
6950%{
-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
7065%{
-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
7175%{
-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
72to{
-webkit-transform:scaleX(1);transform:scaleX(1)}
73}
74.animate__rubberBand{
-webkit-animation-name:rubberBand;animation-name:rubberBand}
75@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
7610%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
7720%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
78}
79@keyframes shakeX{0%,to{
-webkit-transform:translateZ(0);transform:translateZ(0)}
8010%,30%,50%,70%,90%{
-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
8120%,40%,60%,80%{
-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
82}
83.animate__shakeX{
-webkit-animation-name:shakeX;animation-name:shakeX}
84@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
8510%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
8620%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
87}
88@keyframes shakeY{0%,to{
-webkit-transform:translateZ(0);transform:translateZ(0)}
8910%,30%,50%,70%,90%{
-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
9020%,40%,60%,80%{
-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
91}
92.animate__shakeY{
-webkit-animation-name:shakeY;animation-name:shakeY}
93@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}
946.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
9518.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
9631.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
9743.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
9850%{-webkit-transform:translateX(0);transform:translateX(0)}
99}
100@keyframes headShake{0%{
-webkit-transform:translateX(0);transform:translateX(0)}
1016.5%{
-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
10218.5%{
-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
10331.5%{
-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
10443.5%{
-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
10550%{
-webkit-transform:translateX(0);transform:translateX(0)}
106}
107.animate__headShake{
-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;
-webkit-animation-name:headShake;animation-name:headShake}
108@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
10940%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
11060%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
11180%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
112to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
113}
114@keyframes swing{20%{
-webkit-transform:rotate(15deg);transform:rotate(15deg)}
11540%{
-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
11660%{
-webkit-transform:rotate(5deg);transform:rotate(5deg)}
11780%{
-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
118to{
-webkit-transform:rotate(0deg);transform:rotate(0deg)}
119}
120.animate__swing{
-webkit-transform-origin:top center;transform-origin:top center;
-webkit-animation-name:swing;animation-name:swing}
121@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
12210%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}
12330%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
12440%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
125to{-webkit-transform:scaleX(1);transform:scaleX(1)}
126}
127@keyframes tada{0%{
-webkit-transform:scaleX(1);transform:scaleX(1)}
12810%,20%{
-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}
12930%,50%,70%,90%{
-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
13040%,60%,80%{
-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
131to{
-webkit-transform:scaleX(1);transform:scaleX(1)}
132}
133.animate__tada{
-webkit-animation-name:tada;animation-name:tada}
134@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
13515%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}
13630%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}
13745%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}
13860%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}
13975%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}
140to{-webkit-transform:translateZ(0);transform:translateZ(0)}
141}
142@keyframes wobble{0%{
-webkit-transform:translateZ(0);transform:translateZ(0)}
14315%{
-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}
14430%{
-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}
14545%{
-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}
14660%{
-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}
14775%{
-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}
148to{
-webkit-transform:translateZ(0);transform:translateZ(0)}
149}
150.animate__wobble{
-webkit-animation-name:wobble;animation-name:wobble}
151@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
15222.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
15333.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
15444.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
15555.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
15666.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
15777.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
15888.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
159}
160@keyframes jello{0%,11.1%,to{
-webkit-transform:translateZ(0);transform:translateZ(0)}
16122.2%{
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
16233.3%{
-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
16344.4%{
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
16455.5%{
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
16566.6%{
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
16677.7%{
-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
16788.8%{
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
168}
169.animate__jello{
-webkit-animation-name:jello;animation-name:jello;
-webkit-transform-origin:center;transform-origin:center}
170@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}
17114%{-webkit-transform:scale(1.3);transform:scale(1.3)}
17228%{-webkit-transform:scale(1);transform:scale(1)}
17342%{-webkit-transform:scale(1.3);transform:scale(1.3)}
17470%{-webkit-transform:scale(1);transform:scale(1)}
175}
176@keyframes heartBeat{0%{
-webkit-transform:scale(1);transform:scale(1)}
17714%{
-webkit-transform:scale(1.3);transform:scale(1.3)}
17828%{
-webkit-transform:scale(1);transform:scale(1)}
17942%{
-webkit-transform:scale(1.3);transform:scale(1.3)}
18070%{
-webkit-transform:scale(1);transform:scale(1)}
181}
182.animate__heartBeat{
-webkit-animation-name:heartBeat;animation-name: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-timing-function:ease-in-out;animation-timing-function:ease-in-out}
183@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}
18480%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}
185to{-webkit-transform:scale(1);transform:scale(1);opacity:1}
186}
187@keyframes backInDown{0%{
-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}
18880%{
-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}
189to{
-webkit-transform:scale(1);transform:scale(1);opacity:1}
190}
191.animate__backInDown{
-webkit-animation-name:backInDown;animation-name:backInDown}
192@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}
19380%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}
194to{-webkit-transform:scale(1);transform:scale(1);opacity:1}
195}
196@keyframes backInLeft{0%{
-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}
19780%{
-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}
198to{
-webkit-transform:scale(1);transform:scale(1);opacity:1}
199}
200.animate__backInLeft{
-webkit-animation-name:backInLeft;animation-name:backInLeft}
201@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}
20280%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}
203to{-webkit-transform:scale(1);transform:scale(1);opacity:1}
204}
205@keyframes backInRight{0%{
-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}
20680%{
-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}
207to{
-webkit-transform:scale(1);transform:scale(1);opacity:1}
208}
209.animate__backInRight{
-webkit-animation-name:backInRight;animation-name:backInRight}
210@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}
21180%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}
212to{-webkit-transform:scale(1);transform:scale(1);opacity:1}
213}
214@keyframes backInUp{0%{
-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}
21580%{
-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}
216to{
-webkit-transform:scale(1);transform:scale(1);opacity:1}
217}
218.animate__backInUp{
-webkit-animation-name:backInUp;animation-name:backInUp}
219@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
22020%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}
221to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}
222}
223@keyframes backOutDown{0%{
-webkit-transform:scale(1);transform:scale(1);opacity:1}
22420%{
-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}
225to{
-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}
226}
227.animate__backOutDown{
-webkit-animation-name:backOutDown;animation-name:backOutDown}
228@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
22920%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}
230to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}
231}
232@keyframes backOutLeft{0%{
-webkit-transform:scale(1);transform:scale(1);opacity:1}
23320%{
-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}
234to{
-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}
235}
236.animate__backOutLeft{
-webkit-animation-name:backOutLeft;animation-name:backOutLeft}
237@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
23820%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}
239to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}
240}
241@keyframes backOutRight{0%{
-webkit-transform:scale(1);transform:scale(1);opacity:1}
24220%{
-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}
243to{
-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}
244}
245.animate__backOutRight{
-webkit-animation-name:backOutRight;animation-name:backOutRight}
246@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
24720%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}
248to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}
249}
250@keyframes backOutUp{0%{
-webkit-transform:scale(1);transform:scale(1);opacity:1}
25120%{
-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}
252to{
-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}
253}
254.animate__backOutUp{
-webkit-animation-name:backOutUp;animation-name:backOutUp}
255@-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)}
2560%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
25720%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
25840%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
25960%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
26080%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
261to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
262}
263@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)}
2640%{opacity:0;
-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
26520%{
-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
26640%{
-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
26760%{opacity:1;
-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
26880%{
-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
269to{opacity:1;
-webkit-transform:scaleX(1);transform:scaleX(1)}
270}
271.animate__bounceIn{
-webkit-animation-duration:.75s;animation-duration:.75s;
-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);
-webkit-animation-name:bounceIn;animation-name:bounceIn}
272@-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)}
2730%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}
27460%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}
27575%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}
27690%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}
277to{-webkit-transform:translateZ(0);transform:translateZ(0)}
278}
279@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)}
2800%{opacity:0;
-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}
28160%{opacity:1;
-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}
28275%{
-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}
28390%{
-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}
284to{
-webkit-transform:translateZ(0);transform:translateZ(0)}
285}
286.animate__bounceInDown{
-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
287@-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)}
2880%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}
28960%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}
29075%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}
29190%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}
292to{-webkit-transform:translateZ(0);transform:translateZ(0)}
293}
294@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)}
2950%{opacity:0;
-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}
29660%{opacity:1;
-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}
29775%{
-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}
29890%{
-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}
299to{
-webkit-transform:translateZ(0);transform:translateZ(0)}
300}
301.animate__bounceInLeft{
-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
302@-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)}
3030%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}
30460%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}
30575%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}
30690%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}
307to{-webkit-transform:translateZ(0);transform:translateZ(0)}
308}
309@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)}
3100%{opacity:0;
-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}
31160%{opacity:1;
-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}
31275%{
-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}
31390%{
-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}
314to{
-webkit-transform:translateZ(0);transform:translateZ(0)}
315}
316.animate__bounceInRight{
-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
317@-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)}
3180%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}
31960%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}
32075%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}
32190%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}
322to{-webkit-transform:translateZ(0);transform:translateZ(0)}
323}
324@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)}
3250%{opacity:0;
-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}
32660%{opacity:1;
-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}
32775%{
-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}
32890%{
-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}
329to{
-webkit-transform:translateZ(0);transform:translateZ(0)}
330}
331.animate__bounceInUp{
-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
332@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
33350%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
334to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
335}
336@keyframes bounceOut{20%{
-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
33750%,55%{opacity:1;
-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
338to{opacity:0;
-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
339}
340.animate__bounceOut{
-webkit-animation-duration:.75s;animation-duration:.75s;
-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);
-webkit-animation-name:bounceOut;animation-name:bounceOut}
341@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}
34240%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}
343to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}
344}
345@keyframes bounceOutDown{20%{
-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}
34640%,45%{opacity:1;
-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}
347to{opacity:0;
-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}
348}
349.animate__bounceOutDown{
-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
350@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}
351to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}
352}
353@keyframes bounceOutLeft{20%{opacity:1;
-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}
354to{opacity:0;
-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}
355}
356.animate__bounceOutLeft{
-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
357@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}
358to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}
359}
360@keyframes bounceOutRight{20%{opacity:1;
-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}
361to{opacity:0;
-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}
362}
363.animate__bounceOutRight{
-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
364@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}
36540%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}
366to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}
367}
368@keyframes bounceOutUp{20%{
-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}
36940%,45%{opacity:1;
-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}
370to{opacity:0;
-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}
371}
372.animate__bounceOutUp{
-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
373@-webkit-keyframes fadeIn{0%{opacity:0}
374to{opacity:1}
375}
376@keyframes fadeIn{0%{opacity:0}
377to{opacity:1}
378}
379.animate__fadeIn{
-webkit-animation-name:fadeIn;animation-name:fadeIn}
380@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
381to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
382}
383@keyframes fadeInDown{0%{opacity:0;
-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
384to{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
385}
386.animate__fadeInDown{
-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
387@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
388to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
389}
390@keyframes fadeInDownBig{0%{opacity:0;
-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
391to{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
392}
393.animate__fadeInDownBig{
-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
394@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
395to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
396}
397@keyframes fadeInLeft{0%{opacity:0;
-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
398to{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
399}
400.animate__fadeInLeft{
-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
401@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
402to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
403}
404@keyframes fadeInLeftBig{0%{opacity:0;
-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
405to{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
406}
407.animate__fadeInLeftBig{
-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
408@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
409to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
410}
411@keyframes fadeInRight{0%{opacity:0;
-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
412to{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
413}
414.animate__fadeInRight{
-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
415@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
416to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
417}
418@keyframes fadeInRightBig{0%{opacity:0;
-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
419to{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
420}
421.animate__fadeInRightBig{
-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
422@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
423to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
424}
425@keyframes fadeInUp{0%{opacity:0;
-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
426to{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
427}
428.animate__fadeInUp{
-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
429@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
430to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
431}
432@keyframes fadeInUpBig{0%{opacity:0;
-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
433to{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
434}
435.animate__fadeInUpBig{
-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
436@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}
437to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
438}
439@keyframes fadeInTopLeft{0%{opacity:0;
-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}
440to{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
441}
442.animate__fadeInTopLeft{
-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}
443@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}
444to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
445}
446@keyframes fadeInTopRight{0%{opacity:0;
-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}
447to{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
448}
449.animate__fadeInTopRight{
-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}
450@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}
451to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
452}
453@keyframes fadeInBottomLeft{0%{opacity:0;
-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}
454to{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
455}
456.animate__fadeInBottomLeft{
-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}
457@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}
458to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
459}
460@keyframes fadeInBottomRight{0%{opacity:0;
-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}
461to{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
462}
463.animate__fadeInBottomRight{
-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}
464@-webkit-keyframes fadeOut{0%{opacity:1}
465to{opacity:0}
466}
467@keyframes fadeOut{0%{opacity:1}
468to{opacity:0}
469}
470.animate__fadeOut{
-webkit-animation-name:fadeOut;animation-name:fadeOut}
471@-webkit-keyframes fadeOutDown{0%{opacity:1}
472to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
473}
474@keyframes fadeOutDown{0%{opacity:1}
475to{opacity:0;
-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
476}
477.animate__fadeOutDown{
-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
478@-webkit-keyframes fadeOutDownBig{0%{opacity:1}
479to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
480}
481@keyframes fadeOutDownBig{0%{opacity:1}
482to{opacity:0;
-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
483}
484.animate__fadeOutDownBig{
-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
485@-webkit-keyframes fadeOutLeft{0%{opacity:1}
486to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
487}
488@keyframes fadeOutLeft{0%{opacity:1}
489to{opacity:0;
-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
490}
491.animate__fadeOutLeft{
-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
492@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}
493to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
494}
495@keyframes fadeOutLeftBig{0%{opacity:1}
496to{opacity:0;
-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
497}
498.animate__fadeOutLeftBig{
-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
499@-webkit-keyframes fadeOutRight{0%{opacity:1}
500to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
501}
502@keyframes fadeOutRight{0%{opacity:1}
503to{opacity:0;
-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
504}
505.animate__fadeOutRight{
-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
506@-webkit-keyframes fadeOutRightBig{0%{opacity:1}
507to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
508}
509@keyframes fadeOutRightBig{0%{opacity:1}
510to{opacity:0;
-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
511}
512.animate__fadeOutRightBig{
-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
513@-webkit-keyframes fadeOutUp{0%{opacity:1}
514to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
515}
516@keyframes fadeOutUp{0%{opacity:1}
517to{opacity:0;
-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
518}
519.animate__fadeOutUp{
-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
520@-webkit-keyframes fadeOutUpBig{0%{opacity:1}
521to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
522}
523@keyframes fadeOutUpBig{0%{opacity:1}
524to{opacity:0;
-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
525}
526.animate__fadeOutUpBig{
-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
527@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
528to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}
529}
530@keyframes fadeOutTopLeft{0%{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
531to{opacity:0;
-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}
532}
533.animate__fadeOutTopLeft{
-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}
534@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
535to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}
536}
537@keyframes fadeOutTopRight{0%{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
538to{opacity:0;
-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}
539}
540.animate__fadeOutTopRight{
-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}
541@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
542to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}
543}
544@keyframes fadeOutBottomRight{0%{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
545to{opacity:0;
-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}
546}
547.animate__fadeOutBottomRight{
-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}
548@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
549to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}
550}
551@keyframes fadeOutBottomLeft{0%{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
552to{opacity:0;
-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}
553}
554.animate__fadeOutBottomLeft{
-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}
555@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
55640%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
55750%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
55880%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
559to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
560}
561@keyframes flip{0%{
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
56240%{
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
56350%{
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
56480%{
-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
565to{
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
566}
567.animate__animated.animate__flip{
-webkit-backface-visibility:visible;backface-visibility:visible;
-webkit-animation-name:flip;animation-name:flip}
568@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
56940%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
57060%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}
57180%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
572to{-webkit-transform:perspective(400px);transform:perspective(400px)}
573}
574@keyframes flipInX{0%{
-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
57540%{
-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
57660%{
-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}
57780%{
-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
578to{
-webkit-transform:perspective(400px);transform:perspective(400px)}
579}
580.animate__flipInX{
-webkit-backface-visibility:visible!important;backface-visibility:visible!important;
-webkit-animation-name:flipInX;animation-name:flipInX}
581@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
58240%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
58360%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
58480%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
585to{-webkit-transform:perspective(400px);transform:perspective(400px)}
586}
587@keyframes flipInY{0%{
-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
58840%{
-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
58960%{
-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
59080%{
-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
591to{
-webkit-transform:perspective(400px);transform:perspective(400px)}
592}
593.animate__flipInY{
-webkit-backface-visibility:visible!important;backface-visibility:visible!important;
-webkit-animation-name:flipInY;animation-name:flipInY}
594@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
59530%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}
596to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
597}
598@keyframes flipOutX{0%{
-webkit-transform:perspective(400px);transform:perspective(400px)}
59930%{
-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}
600to{
-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
601}
602.animate__flipOutX{
-webkit-animation-duration:.75s;animation-duration:.75s;
-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);
-webkit-animation-name:flipOutX;animation-name:flipOutX;
-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
603@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
60430%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}
605to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
606}
607@keyframes flipOutY{0%{
-webkit-transform:perspective(400px);transform:perspective(400px)}
60830%{
-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}
609to{
-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
610}
611.animate__flipOutY{
-webkit-animation-duration:.75s;animation-duration:.75s;
-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);
-webkit-backface-visibility:visible!important;backface-visibility:visible!important;
-webkit-animation-name:flipOutY;animation-name:flipOutY}
612@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
61360%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
61480%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
615to{-webkit-transform:translateZ(0);transform:translateZ(0)}
616}
617@keyframes lightSpeedInRight{0%{
-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
61860%{
-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
61980%{
-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
620to{
-webkit-transform:translateZ(0);transform:translateZ(0)}
621}
622.animate__lightSpeedInRight{
-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;
-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
623@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}
62460%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}
62580%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}
626to{-webkit-transform:translateZ(0);transform:translateZ(0)}
627}
628@keyframes lightSpeedInLeft{0%{
-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}
62960%{
-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}
63080%{
-webkit-transform:skewX(5deg);transform:skewX(5deg)}
631to{
-webkit-transform:translateZ(0);transform:translateZ(0)}
632}
633.animate__lightSpeedInLeft{
-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;
-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
634@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}
635to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
636}
637@keyframes lightSpeedOutRight{0%{opacity:1}
638to{
-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
639}
640.animate__lightSpeedOutRight{
-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;
-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
641@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}
642to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}
643}
644@keyframes lightSpeedOutLeft{0%{opacity:1}
645to{
-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}
646}
647.animate__lightSpeedOutLeft{
-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;
-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
648@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
649to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
650}
651@keyframes rotateIn{0%{
-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
652to{
-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
653}
654.animate__rotateIn{
-webkit-animation-name:rotateIn;animation-name:rotateIn;
-webkit-transform-origin:center;transform-origin:center}
655@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
656to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
657}
658@keyframes rotateInDownLeft{0%{
-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
659to{
-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
660}
661.animate__rotateInDownLeft{
-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;
-webkit-transform-origin:left bottom;transform-origin:left bottom}
662@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
663to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
664}
665@keyframes rotateInDownRight{0%{
-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
666to{
-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
667}
668.animate__rotateInDownRight{
-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;
-webkit-transform-origin:right bottom;transform-origin:right bottom}
669@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
670to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
671}
672@keyframes rotateInUpLeft{0%{
-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
673to{
-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
674}
675.animate__rotateInUpLeft{
-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;
-webkit-transform-origin:left bottom;transform-origin:left bottom}
676@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
677to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
678}
679@keyframes rotateInUpRight{0%{
-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
680to{
-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
681}
682.animate__rotateInUpRight{
-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;
-webkit-transform-origin:right bottom;transform-origin:right bottom}
683@-webkit-keyframes rotateOut{0%{opacity:1}
684to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
685}
686@keyframes rotateOut{0%{opacity:1}
687to{
-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
688}
689.animate__rotateOut{
-webkit-animation-name:rotateOut;animation-name:rotateOut;
-webkit-transform-origin:center;transform-origin:center}
690@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}
691to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
692}
693@keyframes rotateOutDownLeft{0%{opacity:1}
694to{
-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
695}
696.animate__rotateOutDownLeft{
-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;
-webkit-transform-origin:left bottom;transform-origin:left bottom}
697@-webkit-keyframes rotateOutDownRight{0%{opacity:1}
698to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
699}
700@keyframes rotateOutDownRight{0%{opacity:1}
701to{
-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
702}
703.animate__rotateOutDownRight{
-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;
-webkit-transform-origin:right bottom;transform-origin:right bottom}
704@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}
705to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
706}
707@keyframes rotateOutUpLeft{0%{opacity:1}
708to{
-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
709}
710.animate__rotateOutUpLeft{
-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;
-webkit-transform-origin:left bottom;transform-origin:left bottom}
711@-webkit-keyframes rotateOutUpRight{0%{opacity:1}
712to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
713}
714@keyframes rotateOutUpRight{0%{opacity:1}
715to{
-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
716}
717.animate__rotateOutUpRight{
-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;
-webkit-transform-origin:right bottom;transform-origin:right bottom}
718@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
71920%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
72040%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
721to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
722}
723@keyframes hinge{0%{
-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
72420%,60%{
-webkit-transform:rotate(80deg);transform:rotate(80deg);
-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
72540%,80%{
-webkit-transform:rotate(60deg);transform:rotate(60deg);
-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
726to{
-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
727}
728.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}
729@-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}
73050%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
73170%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
732to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
733}
734@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}
73550%{
-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
73670%{
-webkit-transform:rotate(3deg);transform:rotate(3deg)}
737to{opacity:1;
-webkit-transform:scale(1);transform:scale(1)}
738}
739.animate__jackInTheBox{
-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}
740@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}
741to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
742}
743@keyframes rollIn{0%{opacity:0;
-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}
744to{opacity:1;
-webkit-transform:translateZ(0);transform:translateZ(0)}
745}
746.animate__rollIn{
-webkit-animation-name:rollIn;animation-name:rollIn}
747@-webkit-keyframes rollOut{0%{opacity:1}
748to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}
749}
750@keyframes rollOut{0%{opacity:1}
751to{opacity:0;
-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}
752}
753.animate__rollOut{
-webkit-animation-name:rollOut;animation-name:rollOut}
754@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
75550%{opacity:1}
756}
757@keyframes zoomIn{0%{opacity:0;
-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
75850%{opacity:1}
759}
760.animate__zoomIn{
-webkit-animation-name:zoomIn;animation-name:zoomIn}
761@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
76260%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
763}
764@keyframes zoomInDown{0%{opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
76560%{opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
766}
767.animate__zoomInDown{
-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
768@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
76960%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
770}
771@keyframes zoomInLeft{0%{opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
77260%{opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
773}
774.animate__zoomInLeft{
-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
775@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
77660%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
777}
778@keyframes zoomInRight{0%{opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
77960%{opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
780}
781.animate__zoomInRight{
-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
782@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
78360%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
784}
785@keyframes zoomInUp{0%{opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
78660%{opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
787}
788.animate__zoomInUp{
-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
789@-webkit-keyframes zoomOut{0%{opacity:1}
79050%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
791to{opacity:0}
792}
793@keyframes zoomOut{0%{opacity:1}
79450%{opacity:0;
-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
795to{opacity:0}
796}
797.animate__zoomOut{
-webkit-animation-name:zoomOut;animation-name:zoomOut}
798@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
799to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
800}
801@keyframes zoomOutDown{40%{opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
802to{opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
803}
804.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}
805@-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)}
806to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}
807}
808@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
809to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}
810}
811.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}
812@-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)}
813to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}
814}
815@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
816to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}
817}
818.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}
819@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
820to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
821}
822@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
823to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
824}
825.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}
826@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
827to{-webkit-transform:translateZ(0);transform:translateZ(0)}
828}
829@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
830to{-webkit-transform:translateZ(0);transform:translateZ(0)}
831}
832.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
833@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
834to{-webkit-transform:translateZ(0);transform:translateZ(0)}
835}
836@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
837to{-webkit-transform:translateZ(0);transform:translateZ(0)}
838}
839.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
840@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
841to{-webkit-transform:translateZ(0);transform:translateZ(0)}
842}
843@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
844to{-webkit-transform:translateZ(0);transform:translateZ(0)}
845}
846.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
847@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
848to{-webkit-transform:translateZ(0);transform:translateZ(0)}
849}
850@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
851to{-webkit-transform:translateZ(0);transform:translateZ(0)}
852}
853.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
854@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
855to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
856}
857@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
858to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
859}
860.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
861@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
862to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
863}
864@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
865to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
866}
867.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
868@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
869to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
870}
871@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
872to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
873}
874.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
875@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
876to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
877}
878@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
879to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
880}
881.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
882
883/* End */
884
885
886/* Start:/bitrix/templates/zaruba-podolsk/css/custom.css?1777035844698*/
887.services {
888 position: relative;
889 z-index: 9;
890 padding-bottom: 45px !important;
891}
892
893.community__text {
894 max-width: 360px !important;
895}
896
897.text-page {
898 margin-top: 150px;
899}
900
901
902.text-page-bg {
903 /*background: url(/bitrix/templates/zaruba-podolsk/img/chain2.png) repeat center;*/
904 margin-bottom: 150px;
905}
906
907
908@media (max-width: 1024px) {
909 .text-page {
910 margin-top: 120px;
911 }
912
913}
914
915
916@media (max-width: 768px) {
917 .gallery-btn_block {
918 position: relative;
919 display: block;
920 height: 58px;
921 }
922
923
924 .gallery-btn_block .skew-btn {
925 position: absolute;
926 z-index: 9;
927 max-width: calc(100% - 44px);
928 }
929
930
931 .orientations__box-text--6 {
932 bottom: -5% !important;
933 }
934
935
936 .text-page {
937 margin-top: 100px;
938 }
939
940
941}
942
943/* End */
944
945
946/* Start:/bitrix/templates/zaruba-podolsk/template_styles.css?177705611738840*/
947@charset "UTF-8";
948/* -----------------------------------------------------------------
949 @media
9501-ый параметр $min-max принимает 3 аргумента min, max, min-max.
951 min - для mobil @media
952 max - для dectop @media
953 min-max - для промежутка между mobil-dectop @media
9542-ой параметр $breakpoint_1 принимает 1-ин аргумент.
955 ключ - хранятся в созданной карте $grid_breakpoints(xxl, xl, lg, md , sm...)
9563-ий параметр $breakpoint_2 принимает 1-ин аргумент, является не обязательным параметром.
957 ключ - хранятся в созданной карте $grid_breakpoints(xxl, xl, lg, md , sm...) нужен для 1-ого параметра 3 аргумента.
958 Дополнение:
959 map-has-key - Нужен для проверки ключа в карте, если ключа указанного нет то условие не выполняется.
960 map-get - Нужен для использование ключей из карты.
961Пример:
962 @include media(max, xxl) { display: none;}
963
964 @include media(min, xxl) { display: none;}
965
966 @include media(min-max, mn-lg, mx-xxl) { display: none;}
967
968Одиночные брекпоинты:
969 @include media(max, 870px,) { display: none;}
970
971 @include media(min, 870px,) { display: none;}
972
973 @include media(min-max, 870px, 1000px) { display: none;}
974
975--------------------------------------------------------------------*/
976:root {
977 --bs-blue: #0d6efd;
978 --bs-indigo: #6610f2;
979 --bs-purple: #6f42c1;
980 --bs-pink: #d63384;
981 --bs-red: #dc3545;
982 --bs-orange: #fd7e14;
983 --bs-yellow: #faed19;
984 --bs-green: #198754;
985 --bs-teal: #20c997;
986 --bs-cyan: #0dcaf0;
987 --bs-black: #000;
988 --bs-white: #fff;
989 --bs-gray: #6c757d;
990 --bs-gray-dark: #343a40;
991 --bs-gray-100: #f8f9fa;
992 --bs-gray-200: #e9ecef;
993 --bs-gray-300: #dee2e6;
994 --bs-gray-400: #ced4da;
995 --bs-gray-500: #adb5bd;
996 --bs-gray-600: #6c757d;
997 --bs-gray-700: #495057;
998 --bs-gray-800: #343a40;
999 --bs-gray-900: #212529;
1000 --bs-primary: #000;
1001 --bs-secondary: #fff;
1002 --bs-success: #faed19;
1003 --bs-info: #8E8D88;
1004 --bs-warning: #faed19;
1005 --bs-danger: #dc3545;
1006 --bs-light: #f8f9fa;
1007 --bs-dark: rgb(245, 245, 245);
1008 --bs-primary-rgb: 0, 0, 0;
1009 --bs-secondary-rgb: 255, 255, 255;
1010 --bs-success-rgb: 250, 237, 25;
1011 --bs-info-rgb: 13, 202, 240;
1012 --bs-warning-rgb: 255, 193, 7;
1013 --bs-danger-rgb: 220, 53, 69;
1014 --bs-light-rgb: 248, 249, 250;
1015 --bs-dark-rgb: 245, 245, 245;
1016 --bs-white-rgb: 255, 255, 255;
1017 --bs-black-rgb: 0, 0, 0;
1018 --bs-body-color-rgb: 33, 37, 41;
1019 --bs-body-bg-rgb: 255, 255, 255;
1020 --bs-font-sans-serif: Montserrat;
1021 --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
1022 "Liberation Mono", "Courier New", monospace;
1023 --bs-gradient: linear-gradient(
1024 180deg,
1025 rgba(255, 255, 255, 0.15),
1026 rgba(255, 255, 255, 0)
1027 );
1028 --bs-body-font-family: var(--bs-font-sans-serif);
1029 --bs-body-font-size: 1rem;
1030 --bs-body-font-weight: 400;
1031 --bs-body-line-height: 1.5;
1032 --bs-body-color: #fff;
1033 --bs-body-bg: #000;
1034 --bs-border-width: 1px;
1035 --bs-border-style: solid;
1036 --bs-border-color: #090901;
1037 --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
1038 --bs-border-radius: 0.375rem;
1039 --bs-border-radius-sm: 0.25rem;
1040 --bs-border-radius-lg: 0.5rem;
1041 --bs-border-radius-xl: 1rem;
1042 --bs-border-radius-2xl: 2rem;
1043 --bs-border-radius-pill: 50rem;
1044 --bs-link-color: #fff;
1045 --bs-link-hover-color: #faed19;
1046 --bs-code-color: #d63384;
1047 --bs-highlight-bg: #fff3cd;
1048 --bs-btn-hover-color: #faed19;
1049 --bs-btn-hover-bg: #000;
1050}
1051
1052
1053.btn-primary {
1054 --bs-btn-color: #000;
1055 --bs-btn-bg: #faed19;
1056 --bs-btn-border-color: #faed19;
1057 --bs-btn-hover-color: #000;
1058 --bs-btn-hover-bg: #fff;
1059 --bs-btn-hover-border-color: #faed19;
1060 --bs-btn-focus-shadow-rgb: 49, 132, 253;
1061 --bs-btn-active-color: #fff;
1062 --bs-btn-active-bg: #fff;
1063 --bs-btn-active-border-color: #faed19;
1064 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1065 --bs-btn-disabled-color: #000;
1066 --bs-btn-disabled-bg: #faed19;
1067 --bs-btn-disabled-border-color: #faed19;
1068}
1069
1070
1071.btn-outline-success {
1072 --bs-btn-color: #faed19;
1073 --bs-btn-border-color: #faed19;
1074 --bs-btn-hover-color: #000;
1075 --bs-btn-hover-bg: #faed19;
1076 --bs-btn-hover-border-color: #faed19;
1077 --bs-btn-focus-shadow-rgb: 25, 135, 84;
1078 --bs-btn-active-color: #000;
1079 --bs-btn-active-bg: #faed19;
1080 --bs-btn-active-border-color: #faed19;
1081 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1082 --bs-btn-disabled-color: #faed19;
1083 --bs-btn-disabled-bg: transparent;
1084 --bs-btn-disabled-border-color: #faed19;
1085 --bs-gradient: none;
1086}
1087
1088
1089.nav-tabs {
1090 --bs-nav-tabs-border-width: 0;
1091 --bs-nav-tabs-border-color: transparent;
1092 --bs-nav-tabs-border-radius: 0;
1093 --bs-nav-tabs-link-hover-border-color: transparent;
1094 --bs-nav-tabs-link-active-color: #faed19;
1095 --bs-nav-tabs-link-active-bg: transparent;
1096 --bs-nav-tabs-link-active-border-color: transparent;
1097 border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
1098 letter-spacing: 1.04px;
1099}
1100
1101
1102.form-label {
1103 transform: translateY(-50%);
1104 left: 30px;
1105}
1106
1107.form-file{
1108 transform: translateY(0);
1109}
1110
1111.accordion {
1112 --bs-accordion-color: #212529;
1113 --bs-accordion-bg: transparent;
1114 --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
1115 --bs-accordion-border-color: var(--bs-border-color);
1116 --bs-accordion-border-width: 1px;
1117 --bs-accordion-border-radius: 0.375rem;
1118 --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
1119 --bs-accordion-btn-padding-x: 1.25rem;
1120 --bs-accordion-btn-padding-y: 1rem;
1121 --bs-accordion-btn-color: #212529;
1122 --bs-accordion-btn-bg: var(--bs-accordion-bg);
1123 --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
1124 --bs-accordion-btn-icon-width: 1.25rem;
1125 --bs-accordion-btn-icon-transform: rotate(-180deg);
1126 --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
1127 --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
1128 --bs-accordion-btn-focus-border-color: #86b7fe;
1129 --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1130 --bs-accordion-body-padding-x: 1.25rem;
1131 --bs-accordion-body-padding-y: 1rem;
1132 --bs-accordion-active-color: #0c63e4;
1133 --bs-accordion-active-bg: #e7f1ff;
1134}
1135
1136.card {
1137 --bs-card-spacer-y: 1rem;
1138 --bs-card-spacer-x: 1rem;
1139 --bs-card-title-spacer-y: 0.5rem;
1140 --bs-card-border-width: 1px;
1141 --bs-card-border-color: var(--bs-border-color-translucent);
1142 --bs-card-border-radius: 0.375rem;
1143 --bs-card-box-shadow: ;
1144 --bs-card-inner-border-radius: calc(0.375rem - 1px);
1145 --bs-card-cap-padding-y: 0.5rem;
1146 --bs-card-cap-padding-x: 1rem;
1147 --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
1148 --bs-card-cap-color: ;
1149 --bs-card-height: ;
1150 --bs-card-color: ;
1151 --bs-card-bg: transparent;
1152 --bs-card-img-overlay-padding: 1rem;
1153 --bs-card-group-margin: 0.75rem;
1154 position: relative;
1155 display: flex;
1156 flex-direction: column;
1157 min-width: 0;
1158 height: var(--bs-card-height);
1159 word-wrap: break-word;
1160 background-color: var(--bs-card-bg);
1161 background-clip: border-box;
1162 border: var(--bs-card-border-width) solid var(--bs-card-border-color);
1163 border-radius: var(--bs-card-border-radius);
1164}
1165
1166* {
1167 padding: 0px;
1168 margin: 0px;
1169 border: 0px;
1170}
1171
1172
1173*,
1174*:before,
1175*:after {
1176 box-sizing: border-box;
1177}
1178
1179
1180html,
1181body {
1182 height: 100%;
1183 min-width: 320px;
1184}
1185
1186
1187body {
1188 -ms-text-size-adjust: 100%;
1189 -moz-text-size-adjust: 100%;
1190 -webkit-text-size-adjust: 100%;
1191 -webkit-font-smoothing: antialiased;
1192 -moz-osx-font-smoothing: grayscale;
1193}
1194
1195
1196input,
1197button,
1198textarea {
1199 font-family: "Montserrat";
1200 font-size: inherit;
1201}
1202
1203
1204button {
1205 cursor: pointer;
1206 color: inherit;
1207 background-color: inherit;
1208}
1209
1210
1211a {
1212 color: inherit;
1213}
1214
1215
1216a:link,
1217a:visited {
1218 text-decoration: none;
1219}
1220
1221
1222a:hover {
1223 text-decoration: none;
1224}
1225
1226
1227ul li {
1228 list-style: none;
1229}
1230
1231
1232img {
1233 vertical-align: top;
1234}
1235
1236
1237h1,
1238h2,
1239h3,
1240h4,
1241h5,
1242h6 {
1243 font-weight: inherit;
1244 font-size: inherit;
1245}
1246
1247
1248.wrapper {
1249 min-height: 100%;
1250 display: flex;
1251 flex-direction: column;
1252 overflow: hidden;
1253}
1254
1255.wrapper > main {
1256 flex: 1 1 auto;
1257
1258}
1259
1260.wrapper > main .swiper-slide {
1261 background-position: 50% 50%;
1262 background-size: cover;
1263 background-repeat: no-repeat;
1264}
1265
1266@media only screen and (max-width: 767px) {
1267 .wrapper > main .swiper-slide {
1268 background-position: 40% 50%;
1269 }
1270
1271}
1272
1273.wrapper > main .slide-shadow {
1274 padding-top: 163px;
1275 height: 100%;
1276}
1277
1278.wrapper > main .slide-shadow.active {
1279 background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,1) 100%);
1280}
1281
1282.wrapper > * {
1283 min-width: 0;
1284}
1285
1286
1287/*
1288(i) Стили будут применяться ко
1289всем классам содержащим *__container
1290Например header__container, main__container и т.д.
1291Снипет (HTML): cnt
1292*/
1293[class*=__container] {
1294 max-width: 72.5rem;
1295 box-sizing: content-box;
1296 margin: 0 auto;
1297 padding: 0 0.9375rem;
1298}
1299
1300
1301picture {
1302 width: 100%;
1303 height: 100%;
1304}
1305
1306
1307.img {
1308 width: 100%;
1309 padding: 0 10px;
1310}
1311
1312
1313.fs-12 {
1314 font-size: 12px;
1315}
1316
1317
1318.fs-14 {
1319 font-size: 14px;
1320}
1321
1322
1323.fs-15 {
1324 font-size: 15px;
1325}
1326
1327
1328.fs-16 {
1329 font-size: 16px;
1330}
1331
1332
1333.fs-20 {
1334 font-size: 20px;
1335}
1336
1337
1338.fs-24 {
1339 font-size: 24px;
1340}
1341
1342
1343.fs-45 {
1344 font-size: clamp(1.56rem, 2.38vw + 1.03rem, 2.81rem);
1345}
1346
1347
1348.fs-64 {
1349 font-size: clamp(2.13rem, 3.57vw + 1.32rem, 4rem);
1350}
1351
1352
1353.fs-70 {
1354 font-size: clamp(1.88rem, 4.76vw + 0.8rem, 4.38rem);
1355}
1356
1357
1358.fs-83 {
1359 font-size: clamp(2.69rem, 4.76vw + 1.62rem, 5.19rem);
1360}
1361
1362footer .phone-large {
1363 font-size: clamp(2.69rem, 4.76vw + 1.62rem, 5.19rem);
1364}
1365
1366
1367@media only screen and (max-width: 768px) {
1368 footer .phone-large { font-size: clamp(1.69rem, 4.76vw + 1.62rem, 4.19rem); }
1369
1370}
1371
1372
1373.ls-7 {
1374 letter-spacing: 0.78px;
1375}
1376
1377
1378.ls-9 {
1379 letter-spacing: 0.91px;
1380}
1381
1382
1383.fw-500 {
1384 font-weight: 500;
1385}
1386
1387
1388.fw-600 {
1389 font-weight: 600;
1390}
1391
1392
1393.fw-700 {
1394 font-weight: 700;
1395}
1396
1397
1398.fw-800 {
1399 font-weight: 800;
1400}
1401
1402
1403.fw-900 {
1404 font-weight: 900;
1405}
1406
1407
1408.lh-10 {
1409 line-height: 100%;
1410}
1411
1412
1413.lh-12 {
1414 line-height: 120%;
1415}
1416
1417
1418.lh-16 {
1419 line-height: 161%;
1420}
1421
1422
1423.skew-btn {
1424 transform: skew(-15deg);
1425}
1426
1427.skew-btn span {
1428 transform: skew(15deg);
1429}
1430
1431font.notetext{
1432color: #fff;
1433}
1434
1435.btn--enter {
1436 transform: none;
1437 background: url("/bitrix/templates/zaruba-podolsk/img/icons/user.svg") no-repeat left center/auto;
1438}
1439
1440@media only screen and (min-width: 991px) {
1441 .btn--enter {
1442 background-position: 20px center;
1443 }
1444
1445
1446}
1447
1448.btn--enter span {
1449 transform: none;
1450}
1451
1452
1453.counter {
1454 background: linear-gradient(190deg, #faed19, rgba(250, 237, 25, 0));
1455 background-size: 100% 100%;
1456 -webkit-background-clip: text;
1457 -webkit-text-stroke: 6px transparent;
1458 padding-right: 20px;
1459}
1460
1461
1462.link:hover,
1463.link.active {
1464 position: relative;
1465}
1466
1467.link:hover::after,
1468.link.active::after {
1469 content: "/";
1470 display: block;
1471 position: absolute;
1472 left: -6px;
1473 top: 50%;
1474 transform: translateY(-50%);
1475 color: #FAED19;
1476}
1477
1478.link:hover::before,
1479.link.active::before {
1480 content: "/";
1481 display: block;
1482 position: absolute;
1483 right: -6px;
1484 top: 50%;
1485 transform: translateY(-50%);
1486 color: #FAED19;
1487}
1488
1489
1490.btn:hover {
1491 background-color: var(--bs-btn-hover-bg);
1492 border-color: var(--bs-btn-hover-border-color);
1493}
1494
1495
1496body::after {
1497 content: "";
1498 background-color: rgba(0, 0, 0, 0.5);
1499 position: fixed;
1500 width: 100%;
1501 height: 100%;
1502 top: 0;
1503 left: 0;
1504 opacity: 0;
1505 transition: opacity 0.8s ease 0s;
1506 pointer-events: none;
1507 z-index: 9997;
1508}
1509
1510
1511body.popup-show::after {
1512 opacity: 1;
1513}
1514
1515
1516.popup {
1517 position: fixed;
1518 top: 0;
1519 left: 0;
1520 bottom: 0;
1521 right: 0;
1522 transition: visibility 0.8s ease 0s;
1523 visibility: hidden;
1524 pointer-events: none;
1525}
1526
1527
1528.popup_show {
1529 z-index: 9999;
1530 visibility: visible;
1531 overflow: auto;
1532 pointer-events: auto;
1533}
1534
1535
1536.popup_show .popup__content {
1537 visibility: visible;
1538 transform: scale(1);
1539}
1540
1541
1542.popup__wrapper {
1543 display: flex;
1544 justify-content: center;
1545 align-items: center;
1546 flex-direction: column;
1547 min-height: 100%;
1548 flex: 1 1 auto;
1549 width: 100%;
1550}
1551
1552
1553.popup__content {
1554 visibility: hidden;
1555 transform: scale(0);
1556 transition: transform 0.3s ease 0s;
1557 padding: 45px 20px;
1558 width: 100%;
1559 max-width: 640px;
1560}
1561
1562.lock .popup__content {
1563 visibility: visible;
1564}
1565
1566
1567[class*=-ibg] {
1568 position: relative;
1569}
1570
1571[class*=-ibg] img {
1572 position: absolute;
1573 width: 100%;
1574 height: 100%;
1575 top: 0;
1576 left: 0;
1577 object-fit: cover;
1578}
1579
1580
1581[class*=-ibg_contain] img {
1582 object-fit: contain;
1583}
1584
1585
1586.burger {
1587 height: 30px;
1588 border: none;
1589 cursor: pointer;
1590 position: relative;
1591 z-index: 15;
1592}
1593
1594.burger__inner span, .burger__inner::before, .burger__inner::after {
1595 content: "";
1596 transition: all 0.3s ease 0s;
1597 right: 0px;
1598 position: absolute;
1599 height: 3px;
1600 background-color: #fff;
1601}
1602
1603.burger__inner span {
1604 width: 21px;
1605}
1606
1607.burger__inner::before {
1608 width: 30px;
1609 top: 0px;
1610}
1611
1612.burger__inner::after {
1613 width: 13px;
1614 bottom: 0px;
1615}
1616
1617.burger__inner span {
1618 top: calc(50% - 1px);
1619}
1620
1621.open .burger__inner span {
1622 transform: scale(0);
1623}
1624
1625.open .burger__inner::before {
1626 transform: rotate(-45deg);
1627 top: calc(50% - 1px);
1628}
1629
1630.open .burger__inner::after {
1631 transform: rotate(45deg);
1632 bottom: calc(50% - 1px);
1633 width: 30px;
1634}
1635
1636
1637.swiper-button-next,
1638.swiper-button-prev,
1639.vacancies__box {
1640 z-index: 100;
1641 position: relative;
1642 background-color: #faed19;
1643 margin: 0;
1644 right: inherit;
1645 left: inherit;
1646 min-width: 30px;
1647 height: 30px;
1648 transition: all 0.5s ease;
1649}
1650
1651.swiper-button-next:hover,
1652.swiper-button-prev:hover,
1653.vacancies__box:hover,
1654button[aria-expanded="true"] .vacancies__box {
1655 background-color: #fff;
1656}
1657
1658.swiper-button-next::after,
1659.swiper-button-prev::after,
1660.vacancies__box::after {
1661 content: "";
1662 display: block;
1663 width: 15px;
1664 height: 15px;
1665 background-repeat: no-repeat;
1666 background-position: center;
1667 background-size: cover;
1668 background-image: url("/bitrix/templates/zaruba-podolsk/img/icons/arrow.svg");
1669}
1670
1671.vacancies__box::after{
1672 transform: rotate(180deg);
1673}
1674
1675button[aria-expanded="true"] .vacancies__box::after{
1676 transform: rotate(270deg);
1677 transition: all .5s ease-in-out;
1678}
1679
1680.vacancies__btn{
1681 max-width: 290px;
1682}
1683
1684.vacancies ul li {
1685 list-style: disc;
1686}
1687
1688
1689.card__btn::before{
1690 content: "";
1691 display: block;
1692 background-color: #FAED19;
1693 position: absolute;
1694 left: 0;
1695 width: 10px;
1696 height: 10px;
1697 border-radius: 50%;
1698 top: 50%;
1699 transform: translateY(-50%);
1700}
1701
1702.swiper-slide {
1703 height: auto;
1704}
1705
1706
1707.swiper-button-next {
1708 right: -9%;
1709}
1710
1711.swiper-button-next::after {
1712 transform: rotate(180deg);
1713}
1714
1715
1716.swiper-button-prev {
1717 left: -9%;
1718}
1719
1720
1721#offers .swiper-control,
1722#gallery .swiper-control { width: 100%; padding: 0; left: 0 }
1723
1724#offers .swiper-control .swiper-button-prev,
1725#gallery .swiper-control .swiper-button-prev { position: absolute; }
1726
1727#offers .swiper-control .swiper-button-next,
1728#gallery .swiper-control .swiper-button-next { position: absolute; left: auto; }
1729
1730
1731
1732@media only screen and (max-width: 1600px) {
1733 .swiper-button-prev { left: 0; }
1734
1735 .swiper-button-next { right: 0; }
1736
1737}
1738
1739
1740@media only screen and (max-width: 768px) {
1741 .swiper-button-prev { left: 0; }
1742
1743 .swiper-button-next { right: 0; }
1744
1745}
1746
1747
1748
1749.swiper-pagination-bullet,
1750.swiper-pagination-bullet-active {
1751 width: 10px;
1752 height: 10px;
1753 background: #fff;
1754 border-radius: 0;
1755 opacity: 0.8;
1756}
1757
1758.swiper-pagination-bullet:hover,
1759.swiper-pagination-bullet-active:hover {
1760 background: #faed19;
1761}
1762
1763
1764.swiper-pagination-bullet-active {
1765 background: #faed19;
1766}
1767
1768
1769.swiper-control {
1770 top: 50%;
1771}
1772
1773
1774.promo__box-lighting {
1775 position: absolute;
1776 top: 25%;
1777 right: 58%;
1778 height: 65%;
1779 width: 100%;
1780 z-index: -2;
1781}
1782
1783@media only screen and (max-width: 767px) {
1784 .promo__box-lighting {
1785 right: 30%;
1786 }
1787
1788}
1789
1790@media only screen and (max-width: 575px) {
1791 .promo__box-lighting {
1792 right: 0%;
1793 }
1794
1795 .card__btn{
1796 max-width: 270px;
1797 }
1798
1799
1800}
1801
1802.promo__slide {
1803 height: 100%;
1804 padding-top: 90px;
1805 padding-bottom: 380px;
1806 overflow: hidden;
1807}
1808
1809.promo .swiper__box-control {
1810 top: 24%;
1811}
1812
1813.promo .swiper__box-img {
1814 position: absolute;
1815 top: 0%;
1816 right: 49%;
1817 height: 100%;
1818 width: 100%;
1819 z-index: -1;
1820}
1821
1822@media only screen and (max-width: 767px) {
1823 .promo .swiper__box-img {
1824 right: 30%;
1825 }
1826
1827 .promo .swiper__box-control {
1828 top: 22%;
1829 }
1830
1831}
1832
1833@media only screen and (max-width: 575px) {
1834 .promo .swiper__box-img {
1835 right: 0%;
1836 }
1837
1838}
1839
1840.promo .swiper-button-next {
1841 right: 0;
1842}
1843
1844.promo .swiper-button-prev {
1845 left: 0;
1846}
1847
1848
1849.img__chain {
1850 position: relative;
1851 left: 0;
1852 right: 0;
1853 top: -10rem;
1854}
1855
1856
1857.advantages {
1858 z-index: 100;
1859 position: relative;
1860 margin-top: -240px;
1861 padding-top: clamp(12.5rem, 26.19vw + 6.61rem, 26.25rem);
1862 /*padding-bottom: 15rem;*/
1863 background: url(/bitrix/templates/zaruba-podolsk/img/chain_new.png) no-repeat center 0/100% auto;
1864}
1865
1866@media only screen and (max-width: 767px) {
1867 .advantages {
1868 margin-top: -100px;
1869 }
1870
1871}
1872
1873.advantages__title {
1874 max-width: 650px;
1875 margin: 0 auto 90px;
1876}
1877
1878.advantages__description {
1879 max-width: 250px;
1880 margin: 0 auto;
1881}
1882
1883
1884.tickers1 {
1885 padding: 1px;
1886}
1887
1888.tickers1::before {
1889 content: "";
1890 background: #fff;
1891 position: absolute;
1892 top: -15%;
1893 left: 0;
1894 width: 110vw;
1895 height: 17rem;
1896 transform: rotate(-5deg);
1897}
1898
1899.tickers1__box {
1900 height: 4.375rem;
1901 position: relative;
1902}
1903
1904.tickers1__item {
1905 position: absolute;
1906 width: 120vw;
1907 height: 100%;
1908}
1909
1910.tickers1__item1 {
1911 transform: translateX(-50%) translateY(-20%) rotate(-5deg);
1912 background: #faed19 url("/bitrix/templates/zaruba-podolsk/img/icons/tickers1-1.svg") 0% 50% repeat-x;
1913 animation: linebg1 3.5s linear infinite;
1914 z-index: 11;
1915 top: 0;
1916 left: 50%;
1917}
1918
1919.tickers1__item2 {
1920 transform: translateX(-50%) translateY(25%) rotate(-12deg);
1921 background: #f5f5f5 url("/bitrix/templates/zaruba-podolsk/img/icons/tickers1-1.svg") 0% 50% repeat-x;
1922 animation: linebg2 3.5s linear infinite;
1923 z-index: 10;
1924 top: 0;
1925 left: 50%;
1926}
1927
1928.tickers1__circle {
1929 background-color: #faed19;
1930 box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.25);
1931 width: 15%;
1932 position: absolute;
1933 left: 65%;
1934 transform: translate(-50%, -50%);
1935 top: 0%;
1936 z-index: 11;
1937}
1938
1939.tickers1__circle img { max-width: 90%; }
1940
1941@media only screen and (max-width: 1199px) {
1942 .tickers1__circle {
1943 width: 20%;
1944 }
1945
1946 .tickers1__circle img { max-width: 75%; }
1947
1948}
1949
1950@media only screen and (max-width: 575px) {
1951 .tickers1__circle {
1952 width: 35%;
1953 }
1954
1955 .tickers1__circle img { max-width: 50%; }
1956
1957}
1958
1959.tickers1__circle::after {
1960 content: "";
1961 display: block;
1962 padding-top: 100%;
1963}
1964
1965.tickers1__text {
1966 font-size: 24px;
1967}
1968
1969@media only screen and (max-width: 1199px) {
1970 .tickers1__text {
1971 font-size: 16px;
1972 }
1973
1974}
1975
1976.tickers1__circle1 {
1977 padding: 1px;
1978 background: linear-gradient(rgb(250, 237, 25), rgb(245, 245, 245), rgba(255, 255, 255, 0));
1979 width: 19%;
1980 transform: translate(-50%, -50%) rotate(-5deg);
1981 animation: circle1 1.5s linear infinite;
1982 overflow: hidden;
1983 z-index: 6;
1984 top: 0%;
1985 left: 65%;
1986}
1987
1988.tickers1__circle1::after {
1989 content: "";
1990 display: block;
1991 padding-top: 100%;
1992}
1993
1994.tickers1__circle2 {
1995 padding: 1px;
1996 background: linear-gradient(rgb(250, 237, 25), rgb(245, 245, 245), rgba(255, 255, 255, 0));
1997 width: 25%;
1998 transform: translate(-50%, -50%) rotate(-5deg);
1999 animation: circle2 1.5s linear infinite;
2000 overflow: hidden;
2001 z-index: 5;
2002 top: 0%;
2003 left: 65%;
2004}
2005
2006.tickers1__circle2::after {
2007 content: "";
2008 display: block;
2009 padding-top: 100%;
2010}
2011
2012.tickers1__circle3 {
2013 padding: 1px;
2014 background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 237, 0), rgba(255, 255, 255, 0));
2015 width: 33%;
2016 transform: translate(-50%, -50%) rotate(-5deg);
2017 animation: circle3 1.5s linear infinite;
2018 overflow: hidden;
2019 z-index: 4;
2020 top: 0%;
2021 left: 65%;
2022}
2023
2024@keyframes circle1 {
2025 0% { width: 15%; opacity: 1; }
2026
2027 100% { width: 25%; opacity: 0; }
2028
2029}
2030
2031
2032@keyframes circle2 {
2033 0% { width: 15%; opacity: 1; }
2034
2035 50% { width: 24%; opacity: 1; }
2036
2037 100% { width: 33%; opacity: 0; }
2038
2039}
2040
2041
2042@keyframes circle3 {
2043 0% { width: 15%; opacity: 1; }
2044
2045 66% { width: 32%; opacity: 1; }
2046
2047 100% { width: 40%; opacity: 0; }
2048
2049}
2050
2051
2052.tickers1__circle3::after {
2053 content: "";
2054 display: block;
2055 padding-top: 100%;
2056}
2057
2058.tickers1__box-circle {
2059 width: 100%;
2060 z-index: -2;
2061 left: 0;
2062}
2063
2064.tickers1__box-circle::after {
2065 content: "";
2066 display: block;
2067 padding-top: 100%;
2068}
2069
2070.tickers1__box-circle--top {
2071 border-radius: 50% 50% 0 0;
2072 background-color: #000;
2073 top: 1px;
2074 transform: rotate(5deg);
2075}
2076
2077.tickers1__box-circle--bottom {
2078 border-radius: 0 0 50% 50%;
2079 background-color: #fff;
2080 top: 50%;
2081}
2082
2083
2084.tickers2 {
2085 padding: 1px;
2086}
2087
2088.tickers2::before {
2089 content: "";
2090 background: #faed19;
2091 position: absolute;
2092 top: -30%;
2093 left: 0;
2094 width: 110vw;
2095 height: 17rem;
2096 transform: rotate(-5deg);
2097}
2098
2099.tickers2__box {
2100 height: 4.375rem;
2101 position: relative;
2102}
2103
2104.tickers2__item {
2105 position: absolute;
2106 width: 120vw;
2107 height: 4.375rem;
2108}
2109
2110.tickers2__item1 {
2111 transform: translateX(-50%) rotate(6deg);
2112 background: #fff url("/bitrix/templates/zaruba-podolsk/img/icons/tickers1-1.svg") 0% 50% repeat-x;
2113 animation: linebg1 3.5s linear infinite;
2114 z-index: 11;
2115 top: -105%;
2116 left: 50%;
2117}
2118
2119.tickers2__item2 {
2120 transform: translateX(-50%) rotate(-5deg);
2121 background: #000 url("/bitrix/templates/zaruba-podolsk/img/icons/tickers2-1.svg") 0% 50% repeat-x;
2122 animation: linebg2 3.5s linear infinite;
2123 z-index: 10;
2124 top: -36%;
2125 left: 50%;
2126 border: 1px solid #faed19; border-width: 1px 0;
2127}
2128
2129.tickers2__circle {
2130 background-color: #faed19;
2131 box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.25);
2132 width: 15%;
2133 position: absolute;
2134 left: 65%;
2135 transform: translate(-50%, -50%);
2136 top: 0%;
2137 z-index: 11;
2138}
2139
2140@media only screen and (max-width: 1199px) {
2141 .tickers2__circle {
2142 width: 20%;
2143 }
2144
2145}
2146
2147@media only screen and (max-width: 575px) {
2148 .tickers2__circle {
2149 width: 35%;
2150 }
2151
2152}
2153
2154.tickers2__circle::after {
2155 content: "";
2156 display: block;
2157 padding-top: 100%;
2158}
2159
2160.tickers2__text {
2161 font-size: 24px;
2162}
2163
2164@media only screen and (max-width: 1199px) {
2165 .tickers2__text {
2166 font-size: 16px;
2167 }
2168
2169}
2170
2171.tickers2__circle1 {
2172 padding: 1px;
2173 background: linear-gradient(rgb(250, 237, 25), rgb(245, 245, 245), rgba(255, 255, 255, 0));
2174 width: 19%;
2175 transform: translate(-50%, -50%) rotate(-5deg);
2176 animation: circle1 1.5s linear infinite;
2177 overflow: hidden;
2178 z-index: 6;
2179 top: 0%;
2180 left: 65%;
2181}
2182
2183.tickers2__circle1::after {
2184 content: "";
2185 display: block;
2186 padding-top: 100%;
2187}
2188
2189.tickers2__circle2 {
2190 padding: 1px;
2191 background: linear-gradient(rgb(250, 237, 25), rgb(245, 245, 245), rgba(255, 255, 255, 0));
2192 width: 25%;
2193 transform: translate(-50%, -50%) rotate(-5deg);
2194 animation: circle2 1.5s linear infinite;
2195 overflow: hidden;
2196 z-index: 5;
2197 top: 0%;
2198 left: 65%;
2199}
2200
2201.tickers2__circle2::after {
2202 content: "";
2203 display: block;
2204 padding-top: 100%;
2205}
2206
2207.tickers2__circle3 {
2208 padding: 1px;
2209 background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 237, 0), rgba(255, 255, 255, 0));
2210 width: 33%;
2211 transform: translate(-50%, -50%) rotate(-5deg);
2212 animation: circle3 1.5s linear infinite;
2213 overflow: hidden;
2214 z-index: 4;
2215 top: 0%;
2216 left: 65%;
2217}
2218
2219.tickers2__circle3::after {
2220 content: "";
2221 display: block;
2222 padding-top: 100%;
2223}
2224
2225.tickers2__box-circle {
2226 width: 100%;
2227 z-index: -2;
2228 left: 0;
2229}
2230
2231.tickers2__box-circle::after {
2232 content: "";
2233 display: block;
2234 padding-top: 100%;
2235}
2236
2237.tickers2__box-circle--top {
2238 border-radius: 50% 50% 0 0;
2239 background-color: #000;
2240 top: 1px;
2241 transform: rotate(5deg);
2242}
2243
2244.tickers2__box-circle--bottom {
2245 border-radius: 0 0 50% 50%;
2246 background-color: #faed19;
2247 top: 50%;
2248}
2249
2250
2251.tickers3 {
2252 padding: 1px;
2253}
2254
2255.tickers3::before {
2256 content: "";
2257 background: #000;
2258 position: absolute;
2259 top: -5%;
2260 left: 0;
2261 width: 110vw;
2262 height: 17rem;
2263 transform: rotate(-2deg);
2264}
2265
2266.tickers3__box {
2267 height: 4.375rem;
2268 position: relative;
2269}
2270
2271.tickers3__item {
2272 position: absolute;
2273 width: 120vw;
2274 height: 4.375rem;
2275}
2276
2277.tickers3__item1 {
2278 transform: translateX(-50%) rotate(6deg);
2279 background: #fff url("/bitrix/templates/zaruba-podolsk/img/icons/tickers1-1.svg") 0% 50% repeat-x;
2280 animation: linebg1 3.5s linear infinite;
2281 z-index: 11;
2282 top: 14%;
2283 left: 50%;
2284}
2285
2286.tickers3__item2 {
2287 border: 1px solid #faed19;
2288 border-width: 1px 0;
2289 transform: translateX(-50%) rotate(-3deg);
2290 background: #000 url("/bitrix/templates/zaruba-podolsk/img/icons/tickers2-1.svg") 0% 50% repeat-x;
2291 animation: linebg2 3.5s linear infinite;
2292 z-index: 10;
2293 top: -75%;
2294 left: 50%;
2295}
2296
2297.tickers3__circle {
2298 background-color: #faed19;
2299 box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.25);
2300 width: 15%;
2301 position: absolute;
2302 left: 35%;
2303 transform: translate(-50%, -50%);
2304 top: 0%;
2305 z-index: 11;
2306}
2307
2308@media only screen and (max-width: 1199px) {
2309 .tickers3__circle {
2310 width: 20%;
2311 }
2312
2313}
2314
2315@media only screen and (max-width: 575px) {
2316 .tickers3__circle {
2317 width: 35%;
2318 }
2319
2320}
2321
2322.tickers3__circle::after {
2323 content: "";
2324 display: block;
2325 padding-top: 100%;
2326}
2327
2328.tickers3__text {
2329 font-size: 24px;
2330}
2331
2332@media only screen and (max-width: 1199px) {
2333 .tickers3__text {
2334 font-size: 16px;
2335 }
2336
2337}
2338
2339.tickers3__circle1 {
2340 padding: 1px;
2341 background: linear-gradient(rgb(250, 237, 25), rgb(245, 245, 245), rgba(255, 255, 255, 0));
2342 width: 19%;
2343 transform: translate(-50%, -50%) rotate(-5deg);
2344 animation: circle1 1.5s linear infinite;
2345 overflow: hidden;
2346 z-index: 6;
2347 top: 0%;
2348 left: 35%;
2349}
2350
2351.tickers3__circle1::after {
2352 content: "";
2353 display: block;
2354 padding-top: 100%;
2355}
2356
2357.tickers3__circle2 {
2358 padding: 1px;
2359 background: linear-gradient(rgb(250, 237, 25), rgb(245, 245, 245), rgba(255, 255, 255, 0));
2360 width: 25%;
2361 transform: translate(-50%, -50%) rotate(-5deg);
2362 animation: circle2 1.5s linear infinite;
2363 overflow: hidden;
2364 z-index: 5;
2365 top: 0%;
2366 left: 35%;
2367}
2368
2369.tickers3__circle2::after {
2370 content: "";
2371 display: block;
2372 padding-top: 100%;
2373}
2374
2375.tickers3__circle3 {
2376 padding: 1px;
2377 background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 237, 0), rgba(255, 255, 255, 0));
2378 width: 33%;
2379 transform: translate(-50%, -50%) rotate(-5deg);
2380 animation: circle3 1.5s linear infinite;
2381 overflow: hidden;
2382 z-index: 4;
2383 top: 0%;
2384 left: 35%;
2385}
2386
2387.tickers3__circle3::after {
2388 content: "";
2389 display: block;
2390 padding-top: 100%;
2391}
2392
2393.tickers3__box-circle {
2394 width: 100%;
2395 z-index: -2;
2396 left: 0;
2397}
2398
2399.tickers3__box-circle::after {
2400 content: "";
2401 display: block;
2402 padding-top: 100%;
2403}
2404
2405.tickers3__box-circle--top {
2406 border-radius: 50% 50% 0 0;
2407 background-color: #faed19;
2408 top: 1px;
2409 transform: rotate(5deg);
2410}
2411
2412.tickers3__box-circle--bottom {
2413 border-radius: 0 0 50% 50%;
2414 background-color: #000;
2415 top: 50%;
2416}
2417
2418
2419@keyframes linebg1 {
2420 0% {
2421 background-position: 0 50%;
2422 }
2423
2424 100% {
2425 background-position: -480px 50%;
2426 }
2427
2428}
2429
2430@keyframes linebg2 {
2431 0% {
2432 background-position: 0 50%;
2433 }
2434
2435 100% {
2436 background-position: 560px 50%;
2437 }
2438
2439}
2440
2441.gallery {
2442 padding-top: 245px;
2443 padding-bottom: 148px;
2444}
2445
2446.gallery__box::after, .gallery__box::before {
2447 content: "";
2448 display: block;
2449 background: url(/bitrix/templates/zaruba-podolsk/img/cracks.png) no-repeat center/100% auto;
2450 width: 450px;
2451 height: 676px;
2452 transform: rotate(90deg);
2453 position: absolute;
2454}
2455
2456.gallery__box::after {
2457 right: -8%;
2458 top: -2%;
2459}
2460
2461.gallery__box::before {
2462 bottom: -23%;
2463 left: -5%;
2464}
2465
2466.gallery__text {
2467 background: url("/bitrix/templates/zaruba-podolsk/img/icons/chat.svg") no-repeat center/100% auto;
2468 bottom: 3%;
2469 right: 1%;
2470 max-width: 244px;
2471 height: 70px;
2472}
2473
2474.gallery__title {
2475 margin-bottom: 70px;
2476}
2477
2478.gallery .swiper {
2479 margin-bottom: 35px;
2480}
2481
2482.gallery .swiper__img {
2483 width: 75%;
2484}
2485
2486.gallery .swiper-button-next:hover {
2487 background-color: #000;
2488}
2489
2490.gallery .swiper-button-next:hover::after {
2491 background-repeat: no-repeat;
2492 background-position: center;
2493 background-size: cover;
2494 background-image: url("/bitrix/templates/zaruba-podolsk/img/icons/arrow-white.svg");
2495}
2496
2497.gallery .swiper-button-prev {
2498 background-color: #000;
2499}
2500
2501.gallery .swiper-button-prev:hover {
2502 background-color: #faed19;
2503}
2504
2505.gallery .swiper-button-prev:hover::after {
2506 background-repeat: no-repeat;
2507 background-position: center;
2508 background-size: cover;
2509 background-image: url("/bitrix/templates/zaruba-podolsk/img/icons/arrow.svg");
2510}
2511
2512.gallery .swiper-button-prev::after {
2513 background-repeat: no-repeat;
2514 background-position: center;
2515 background-size: cover;
2516 background-image: url("/bitrix/templates/zaruba-podolsk/img/icons/arrow-white.svg");
2517}
2518
2519
2520
2521.cards__title {
2522 max-width: 585px;
2523 margin: 0 auto 70px;
2524}
2525
2526.cards__item--active {
2527 transform: rotate(-15deg);
2528}
2529
2530.cards__box {
2531 padding-top: 35px;
2532 padding-left: 35px;
2533 padding-right: 84px;
2534}
2535
2536.cards__list ul { margin: 0; padding: 0; list-style: none; line-height: 1.2em; }
2537
2538.cards__list li { position: relative; padding-bottom: 0.5rem; padding-left: 3rem; }
2539
2540
2541.cards__list li:before,
2542.cards__item::before {
2543 content: "";
2544 display: block;
2545 background: url("/bitrix/templates/zaruba-podolsk/img/icons/check-double.svg") no-repeat center/cover;
2546 width: 24px;
2547 height: 24px;
2548 position: absolute;
2549 left: 0;
2550 top: 0;
2551}
2552
2553
2554.card-detail{
2555 min-height: 580px}
2556
2557.orientations {
2558 padding-bottom: 100px;
2559}
2560
2561/*
2562.orientations::before {
2563 content: "";
2564 position: absolute;
2565 width: 0;
2566 height: 0;
2567 top: -1%;
2568 left: 0;
2569 border-left: 0 solid transparent;
2570 border-right: 165rem solid transparent;
2571 border-top: 9rem solid #fff;
2572}
2573
2574*/
2575.orientations__title {
2576 max-width: 650px;
2577 margin: 0 auto;
2578}
2579
2580.orientations__box {
2581 padding-bottom: 60px;
2582}
2583
2584.orientations__box-img {
2585 z-index: 12;
2586}
2587
2588.orientations__box-img::before {
2589 content: "";
2590 display: block;
2591 background: url("/bitrix/templates/zaruba-podolsk/img/icons/lightning.svg") no-repeat center/cover;
2592 position: absolute;
2593 width: 470px;
2594 height: 360px;
2595}
2596
2597.orientations__box-img--first::before {
2598 left: -22%;
2599 top: 19%;
2600}
2601
2602.orientations__box-img--first img {
2603 left: -20%;
2604}
2605
2606@media only screen and (max-width: 768px) {
2607 .orientations__box-img--first img { left: 0; }
2608
2609}
2610
2611
2612.orientations__box-img--second::before {
2613 right: -5%;
2614 top: 6%;
2615}
2616
2617.orientations__box-img--second img {
2618 right: -5%;
2619}
2620
2621.orientations__box-text--1 {
2622 left: 25%;
2623 top: 7%;
2624}
2625
2626.orientations__box-text--2 {
2627 left: 50%;
2628 top: 27%;
2629}
2630
2631.orientations__box-text--3 {
2632 left: 75%;
2633 top: 14%;
2634}
2635
2636.orientations__box-text--4 {
2637 left: 33%;
2638 bottom: 40%;
2639}
2640
2641.orientations__box-text--5 {
2642 left: 58%;
2643 bottom: 30%;
2644}
2645
2646.orientations__box-text--6 {
2647 left: 42%;
2648 bottom: 12%;
2649}
2650
2651.orientations__box-text--7 {
2652 left: 8%;
2653 bottom: 13%;
2654}
2655
2656
2657
2658.kids__box {
2659 z-index: 12;
2660}
2661
2662.kids__circle {
2663 width: 32%;
2664 margin: 34%;
2665}
2666
2667.kids__circle::after {
2668 content: "";
2669 display: block;
2670 padding-top: 100%;
2671}
2672
2673.kids__circle1 {
2674 border: 1px solid rgba(0, 0, 0, 0.3);
2675 width: 83%;
2676 transform: translate(-50%, -50%);
2677}
2678
2679.kids__circle1::after {
2680 content: "";
2681 display: block;
2682 padding-top: 100%;
2683}
2684
2685.kids__circle2 {
2686 border: 1px solid rgba(0, 0, 0, 0.3);
2687 width: 63%;
2688 transform: translate(-50%, -50%);
2689}
2690
2691.kids__circle2::after {
2692 content: "";
2693 display: block;
2694 padding-top: 100%;
2695}
2696
2697.kids__circle3 {
2698 border: 1px solid rgba(0, 0, 0, 0.3);
2699 width: 45%;
2700 transform: translate(-50%, -50%);
2701}
2702
2703.kids__circle3::after {
2704 content: "";
2705 display: block;
2706 padding-top: 100%;
2707}
2708
2709.kids__title {
2710 max-width: 300px;
2711 margin: 0 auto;
2712}
2713
2714.kids__box-text {
2715 transform: translate(-50%, -50%);
2716}
2717
2718.kids__item--1 {
2719 top: 17%;
2720 left: 9%;
2721}
2722
2723.kids__item--2 {
2724 top: 12%;
2725 left: 35%;
2726}
2727
2728.kids__item--3 {
2729 top: 13%;
2730 left: 68%;
2731}
2732
2733.kids__item--4 {
2734 top: 61%;
2735 left: 81%;
2736}
2737
2738.kids__item--5 {
2739 top: 75%;
2740 left: 45%;
2741}
2742
2743.kids__item--6 {
2744 top: 74%;
2745 left: 15%;
2746}
2747
2748.kids__item--7 {
2749 top: 57%;
2750 left: 25%;
2751}
2752
2753.kids__item--8 {
2754 top: 47%;
2755 left: 2%;
2756}
2757
2758.kids__text {
2759 max-width: 230px;
2760}
2761
2762.kids__box-img--girl {
2763 top: 32%;
2764 left: 54%;
2765}
2766
2767
2768.teams {
2769 padding-top: 130px;
2770 padding-bottom: 90px;
2771 z-index: 12;
2772}
2773
2774
2775.offers {
2776 padding-top: 210px;
2777 padding-bottom: 275px;
2778}
2779
2780.offers::before {
2781 content: "";
2782 position: absolute;
2783 width: 0;
2784 height: 0;
2785 top: -1%;
2786 right: 0;
2787 left: -12%;
2788 border-right: 0rem solid transparent;
2789 border-left: 300rem solid transparent;
2790 border-top: 20rem solid #000;
2791}
2792
2793.offers::after {
2794 content: "";
2795 position: absolute;
2796 width: 0;
2797 height: 0;
2798 right: 0;
2799 bottom: -1%;
2800 left: 0;
2801 border-left: 0 solid transparent;
2802 border-right: 185rem solid transparent;
2803 border-bottom: 9rem solid #000;
2804}
2805
2806.offers__box::after, .offers__box::before {
2807 content: "";
2808 display: block;
2809 background-image: url("/bitrix/templates/zaruba-podolsk/img/kiss.png");
2810 background-repeat: no-repeat;
2811 position: absolute;
2812 z-index: -1;
2813}
2814
2815.offers__box::after {
2816 background-size: 175% 112%;
2817 background-position: 100% 0%;
2818 bottom: -9%;
2819 right: -30%;
2820 width: 459px;
2821 height: 536px;
2822}
2823
2824.offers__box::before {
2825 background-size: 407% 164%;
2826 background-position: 25% 0;
2827 top: -30%;
2828 left: -22%;
2829 width: 257px;
2830 height: 480px;
2831}
2832
2833.offers__title {
2834 max-width: 650px;
2835 margin: 0 auto;
2836}
2837
2838
2839.community {
2840 padding-block: 35px;
2841}
2842
2843.community::before {
2844 content: "";
2845 display: block;
2846 background: url("/bitrix/templates/zaruba-podolsk/img/chain2.png") no-repeat center/cover;
2847 position: absolute;
2848 width: 100%;
2849 height: 100%;
2850 top: 38%;
2851}
2852
2853.community__text {
2854 max-width: 350px;
2855}
2856
2857.community__box-bg {
2858 position: absolute;
2859 z-index: 1;
2860 left: 25%;
2861 top: -3%;
2862}
2863
2864
2865.services {
2866 padding-top: 185px;
2867 padding-bottom: 185px;
2868}
2869
2870.services__title {
2871 margin-bottom: 80px;
2872}
2873
2874.services__text {
2875 top: 100%;
2876 transform: translateX(-50%);
2877}
2878
2879.services__item:nth-child(even) {
2880 padding-top: 250px;
2881}
2882
2883.services__item:nth-child(even)::before {
2884 content: "";
2885 display: block;
2886 width: 80px;
2887 height: 80px;
2888 border-radius: 0 80px 0 0;
2889 background-color: transparent;
2890 border-top: 1px solid rgba(255, 255, 255, 0.2);
2891 position: absolute;
2892 top: 26%;
2893 left: 18%;
2894}
2895
2896.services__item:nth-child(odd)::before {
2897 content: "";
2898 display: block;
2899 width: 80px;
2900 height: 80px;
2901 border-radius: 0 0 80px 0;
2902 background-color: transparent;
2903 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
2904 position: absolute;
2905 bottom: 24%;
2906 right: 50%;
2907}
2908
2909.services__item:first-child::before {
2910 display: none;
2911}
2912
2913.services__box-text {
2914 left: -20px;
2915}
2916
2917
2918.social__link--vk {
2919 background: url("/bitrix/templates/zaruba-podolsk/img/icons/vk.svg") no-repeat 0 center/auto;
2920}
2921
2922.social__link--insta {
2923 background: url("/bitrix/templates/zaruba-podolsk/img/icons/insta.svg") no-repeat 0 center/auto;
2924}
2925
2926.social__link--whatsapp {
2927 background: url("/bitrix/templates/zaruba-podolsk/img/icons/whatsapp.svg") no-repeat 0 center/auto;
2928}
2929
2930
2931.popup__content {
2932 border-radius: 40px;
2933}
2934
2935.popup__close {
2936 position: absolute;
2937 top: 15px;
2938 right: 10px;
2939}
2940
2941.popup__close svg {
2942 width: 30px;
2943 height: 30px;
2944}
2945
2946.popup .form__body {
2947 flex-direction: column;
2948}
2949
2950.popup .form__input {
2951 border-color: #fff;
2952 width: 100%;
2953}
2954
2955.popup .form__input:focus ~ .form__label, .popup .form__input:valid ~ .form__label {
2956 top: 50%;
2957 opacity: 0;
2958}
2959
2960.popup .form__input::placeholder {
2961 font-size: 16px;
2962 line-height: 20px;
2963 color: #fff;
2964}
2965
2966.popup .form__btn {
2967 width: 100%;
2968}
2969
2970
2971.header {
2972 position: fixed;
2973 z-index: 900;
2974 width: 100%;
2975 top: 0; left: 0;
2976 transition: all 0.5s ease;
2977}
2978
2979.header.fixed { background: #000; transition: all 0.5s ease; }
2980
2981@media only screen and (max-width: 768px) {
2982 .header .top-head { border-bottom: none !important; }
2983
2984}
2985
2986
2987.header__box::before {
2988 content: "";
2989 display: block;
2990 width: 15px;
2991 height: 15px;
2992 position: absolute;
2993 left: -25px;
2994 top: 0;
2995}
2996
2997.header__menu {
2998 position: fixed;
2999 left: -100%;
3000 width: 100%;
3001 top: 0;
3002 bottom: 0;
3003 z-index: -1;
3004 transition: all 0.2s ease;
3005}
3006
3007@media only screen and (min-width: 991px) {
3008 .header__menu {
3009 position: relative;
3010 left: 0;
3011 z-index: 10;
3012 }
3013
3014 .vacancies ul:last-of-type {
3015 margin-bottom: 0;
3016 }
3017
3018}
3019
3020.header__menu ul ul {
3021 position: absolute;
3022 top: 100%;
3023 opacity: 0;
3024 transform: scale(0%);
3025 transform-origin: 50% 0%;
3026 transition: all 0.5s ease;
3027 left: 0;
3028 width: 100%;
3029 display: flex;
3030 flex-wrap: wrap;
3031}
3032
3033.header__menu ul li:hover ul {
3034 top: 100%;
3035 opacity: 1;
3036 transform: scale(100%);
3037 transition: all 0.05s ease;
3038}
3039
3040.header__list {
3041 margin: 0;
3042 padding: 0;
3043 list-style: none;
3044 position: relative;
3045}
3046
3047.header__link {
3048 position: relative;
3049}
3050
3051.header__link:hover::before {
3052 width: 100%;
3053}
3054
3055.header__link::before {
3056 content: "";
3057 display: block;
3058 height: 1px;
3059 width: 0;
3060 position: absolute;
3061 bottom: -6px;
3062 left: 50%;
3063 transform: translateX(-50%);
3064 transition: all 0.5s ease-in-out;
3065}
3066
3067.header__link--after::after {
3068 content: "";
3069 display: block;
3070 background-repeat: no-repeat;
3071 background-position: center;
3072 background-size: cover;
3073 background-image: url("/bitrix/templates/zaruba-podolsk/img/icons/arrow-menu.svg");
3074 width: 8px;
3075 height: 5px;
3076 position: absolute;
3077 right: 0;
3078 top: 50%;
3079}
3080
3081.header__btn {
3082 position: relative;
3083}
3084
3085.header__btn--enter {
3086 text-align: left;
3087 background: url("/bitrix/templates/zaruba-podolsk/img/icons/enter.svg") right 20px center/15px 15px no-repeat;
3088}
3089
3090@media only screen and (max-width: 991px) {
3091 .header__btn--enter {
3092 background-image: none;
3093 }
3094
3095}
3096
3097.header__btn--mail {
3098 text-align: right;
3099}
3100
3101.header__btn--mail::before {
3102 content: "";
3103 display: block;
3104 width: 15px;
3105 height: 15px;
3106 position: absolute;
3107 left: 30px;
3108 top: 50%;
3109 transform: translateY(-50%);
3110 border-radius: 50%;
3111}
3112
3113@media only screen and (max-width: 991px) {
3114 .header__btn--mail::before {
3115 left: 15px;
3116 }
3117
3118}
3119
3120.header__social {
3121 transform: rotate(270deg) translateX(50%);
3122 transform-origin: 100% 100%;
3123 top: 50%;
3124 right: 0;
3125}
3126
3127.header__social-item {
3128 width: 25px;
3129 height: 25px;
3130 border-radius: 50%;
3131}
3132
3133
3134.footer__box::before, .footer__box::after {
3135 content: "";
3136 display: block;
3137 position: absolute;
3138}
3139
3140.footer__box::before {
3141 background: url("/bitrix/templates/zaruba-podolsk/img/portrait.png") 100% 100% no-repeat;
3142 background-size: contain;
3143 width: 94%;
3144 height: 141%;
3145 z-index: 2;
3146 top: -32%;
3147 left: 43%;
3148}
3149
3150.footer__box::after {
3151 background: url("/bitrix/templates/zaruba-podolsk/img/icons/lightning.svg") no-repeat center/100% auto;
3152 width: 75%;
3153 height: 130%;
3154 top: -30%;
3155 right: -40%;
3156 z-index: 1;
3157}
3158
3159.footer__box > div,
3160.footer__box-content {
3161 position: relative;
3162 z-index: 2;
3163}
3164
3165
3166.open .header__menu {
3167 left: 0;
3168 background: rgba(13, 13, 13, 0.9);
3169}
3170
3171
3172
3173img { pointer-events: none; }
3174
3175.modal { --bs-modal-bg: #000; }
3176
3177.btn-close { color: #fff; background-color: #f8ed53; }
3178
3179.form-group:focus-within label{
3180 display: none;
3181}
3182
3183
3184.form__input:focus ~ .form__label,
3185.form__input:valid ~ .form__label {
3186 display: none;
3187}
3188
3189.form__label--bg {
3190 width: 50px;
3191 min-width: 50px;
3192 height: 50px;
3193 display: block;
3194 background: url("/bitrix/templates/zaruba-podolsk/img/icons/download.svg") no-repeat center/15px;
3195 }
3196
3197 .form-file{
3198 cursor: pointer;
3199 column-gap: 16px;
3200 }
3201
3202
3203 .checkbox__input {
3204 display: none;
3205 }
3206
3207 .checkbox__label {
3208 display: flex;
3209 flex-direction: row-reverse;
3210 position: relative;
3211 justify-content: flex-end;
3212 align-items: center;
3213 }
3214
3215 .checkbox__label::before {
3216 content: "";
3217 display: block;
3218 position: absolute;
3219 left: 5px;
3220 top: 5px;
3221 width: 11px;
3222 height: 8px;
3223 background-repeat: no-repeat;
3224 background-position: center;
3225 background-size: cover;
3226 background-image: url("/bitrix/templates/zaruba-podolsk/img/icons/check.svg");
3227 opacity: 0;
3228 transition: all 0.3s ease 0s;
3229 }
3230
3231 .checkbox__label::after {
3232 content: "";
3233 align-self: flex-start;
3234 flex: 0 0 20px;
3235 width: 20px;
3236 height: 20px;
3237 border: 1px solid #FAED19;
3238 background-color: #000;
3239 margin-right: 0.625rem;
3240 }
3241
3242 .checkbox__text {
3243
3244 }
3245
3246 .checkbox__input:checked + .checkbox__label::before {
3247 opacity: 1;
3248 }
3249
3250.wrapper-iframe {
3251 position: relative;
3252 padding-bottom: 56.25%; /* 16:9 */
3253 padding-top: 25px;
3254 height: 0;
3255}
3256
3257.wrapper-iframe iframe {
3258 position: absolute;
3259 top: 0;
3260 left: 0;
3261 width: 100%;
3262 height: 100%;
3263}
3264
3265.footer__social .social__item { padding-left: 2rem !important; }
3266
3267.modal-body table { width: 100%; }
3268
3269.modal-body .table-striped > tbody > tr:nth-of-type(odd) > * { background: #4a4a4a;}
3270
3271.modal-body th { white-space: nowrap; }
3272
3273
3274.luxar_disclaimer_container { text-transform: none; }
3275
3276.luxar_disclaimer_container.dark { background: #000; color: #fff; }
3277
3278.luxar_disclaimer_container.dark .luxar_disclaimer_button { background: #FAED19; color: #000; border-color: #FAED19; }
3279
3280/* End */
3281/* /bitrix/templates/zaruba-podolsk/css/animate.min.css?175449138271758 */
3282/* /bitrix/templates/zaruba-podolsk/css/custom.css?1777035844698 */
3283/* /bitrix/templates/zaruba-podolsk/template_styles.css?177705611738840 */