/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev * * Copyright (c) 2022 Animate.css */ * :root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} .oldPrice{ color: #848484; text-decoration: line-through; margin: 0 10px; } .nav__item78, .nav__item81, .nav__item27, .nav__item22, .mb1{ margin-bottom: 1.5rem; } .radio.radio--city-choice { /*transform: scale(1.5);*/ zoom: 150%; } .tile--fixed-price .tile__info_more{ display: none !important; } .bnr > .bnr-item{ display: none; } .bnr > .bnr-item:first-of-type{ display: block; } video.video-background { height: 100%; width: auto; /*position: absolute; left: 50%; transform: translateX(-50%);*/ } video.video-background.mobile{ display: none; } @media screen and (max-width: 768px){ video.video-background.mobile{ display: block; } video.video-background.desktop.canBeHide{ display: none; } } .page-content{ overflow-x: hidden !important; } .popup--order-call .txt, .popup--order-call p { font-family: 'Montserrat', sans-serif; font-size: .8375rem; line-height: 1.3rem; } .popup--order-call .popup__col_title .h2{ font-size: 1.8rem; } .popup--order-call .popup__inner{ background: #f5f5f5; } .newMainSlider .slick-active .caption h3{ /*animation: fadeInUp 1.2s; animation-delay: 1s;*/ animation-name: fadeInUp; animation-duration: 2s; opacity: 1; } .newMainSlider .slick-active .caption p{ /*animation: fadeInUp 1.2s;*/ animation-name: fadeInUp; animation-duration: 2s; opacity: 1; /*animation-delay: 1.5s;*/ } .newMainSlider .slick-active .caption a{ /*animation: fadeInUp 1.2s;*/ animation-name: fadeInUp; animation-duration: 2s; opacity: 1; /*animation-delay: 2s;*/ } .newMainSlider .slick-active-custom .caption h3, .newMainSlider .slick-active-custom .caption p, .newMainSlider .slick-active-custom .caption a{ /*display: inline-block;*/ /*opacity: 1;*/ } .newMainSlider .caption h3, .newMainSlider .caption p, .newMainSlider .caption a{ /*display: none;*/ /*opacity: 0;*/ -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; /*-webkit-transform: translate3d(0, 100%, 0);*/ /*transform: translate3d(0, 100%, 0);*/ } .newMainSlider .slick-active-custom2 video, .newMainSlider .slick-active-custom2 img{ -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; } .newMainSlider{ /*width: auto;*/ height: calc(100vh - 178px); min-height: 600px; /*max-width: 100vw;*/ width: calc(100vw - 4.35rem); } body.sidebar-open .newMainSlider{ width: calc(100vw - 20rem); } .newMainSlider .slideItem{ width: 100%; /*height: 100vh !important;*/ height: 100% !important; position: relative; } .newMainSlider .slideItem::after{ content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.26; left: 0; top: 0; z-index: 1; } .newMainSlider .slideItem .caption{ position: absolute; z-index: 2; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); color: #fff; text-align: center; } .newMainSlider .slideItem .caption h3{ margin-top: 0; font-size: 3.625rem; color: #fff; margin-bottom: 1.875rem; } .newMainSlider .slideItem .caption p{ font-size: 1.875rem; color: #fff; text-align: center; line-height: 117%; margin: 0; } .button--transparent{ margin-top: 3.875rem; color: #fff; font-weight: 700; font-size: 1.125rem; border: 2px solid #fff; padding: 1.3875rem 3rem; height: auto !important; } .button--transparent:hover{ background: #fff; color: #000; } .button--transparent span{ font-size: 1.125rem !important; } .newMainSlider .slideItem video, .newMainSlider .slideItem img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 1.5s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } .newMainSliderWrapper, .slick-list, .slick-track{ height: 100%; } .whyWeSlider{ width: 100%; } .whyWeSliderWrapper .slideItem::after{ content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.26; left: 0; top: 0; z-index: 1; } .whyWeSliderWrapper .slideItemWrapper{ /*width: auto !important;*/ } .whyWeSliderWrapper .slideItem{ position: relative; height: 664px; width: 1267px !important; overflow: hidden; margin: 0 36px; } @media screen and (max-width: 1800px){ .newWhySectionSlickButtons, .whyWeSliderWrapper .slideItem{ width: 1000px !important; } } @media screen and (max-width: 1588px){ .newWhySectionSlickButtons{ top: unset !important; bottom: 40px } .newWhySection{ padding-bottom: 80px } .whyWeSliderWrapper .slideItem .title{ font-size: 36px !important; } .newWhySection .slick-arrow.slick-prev{ left: 0 !important } .newWhySection .slick-arrow.slick-next{ left: 81px !important } .whyWeSliderWrapper .slideItemWrapper{ margin: 0 18px; } .whyWeSliderWrapper .slideItem{ height: 500px; margin: 0; } .newWhySectionSlickButtons{ width: 800px } .whyWeSliderWrapper .slideItem{ width: 800px !important; } } .whyWeSliderWrapper .slideItem img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 1.5s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } .whyWeSliderWrapper .slideItem:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .whyWeSliderWrapper .slideItem .title{ position: absolute; z-index: 2; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); color: #fff; font-size: 48px; line-height: 117%; text-align: center; width: 90%; } .whyWeSlider{ width: calc(100vw - 4.35rem); } .newMainSlider .slick-arrow, .newWhySection .slick-arrow{ position: absolute; width: 67px; height: 67px; /*top: 50%;*/ /*margin-top: -33px;*/ border-radius: 67px; text-indent: -9999px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; background: #201d1d; } .newMainSlider .slick-arrow{ top: 50%; margin-top: -33px; z-index: 10; } .newMainSlider .slick-arrow:hover, .newWhySection .slick-arrow:hover{ background: #B2B2B2; } .slickButtons{ width: 1267px; } .newMainSlider .slick-arrow::after, .newWhySection .slick-arrow::after{ content: ''; display: block; width: 1.75rem; height: 1.75rem; position: absolute; top: 50%; left: 50%; margin: -0.875rem 0 0 -0.875rem; } .newMainSlider .slick-arrow.slick-prev::after, .newWhySection .slick-arrow.slick-prev::after{ background: url('/static/img/complex/keyboard_arrow_right-24px.svg') no-repeat center; background-size: contain; } .newMainSlider .slick-arrow.slick-next::after, .newWhySection .slick-arrow.slick-next::after{ background: url('/static/img/complex/keyboard_arrow_right-1.svg') no-repeat center; background-size: contain; } .newWhySection{ position: relative; } .newWhySection .slick-arrow.slick-prev{ left: -33px; } .newWhySection .slick-arrow.slick-next{ right: -33px; } .newMainSlider .slick-arrow.slick-prev{ left: 33px; } .newMainSlider .slick-arrow.slick-next{ right: 33px; } .newWhySectionSlickButtons{ /*height: 100%;*/ width: 1267px; position: absolute; z-index: 11; left: 50%; transform: translateX(-50%); top: 50%; /*margin-top: -33px;*/ } body.sidebar-open .whyWeSlider{ width: calc(100vw - 20rem); } .paymentLogo{ /*background: #fff;*/ width: 174px; /*padding: 10px 6px;*/ margin-top: 1rem; } .newProductsSliderControls{ margin-top: 2rem; display: flex; justify-content: center; align-items: center; } .newProductsSliderControls ul{ margin: 0; padding: 0; list-style: none; color: #F7212C; } .newProductsSliderControls ul li button{ text-indent: -9999px; } .newProductsSliderControls ul li{ padding: 0; color: #F7212C; margin: 0 5px; display: inline-block; vertical-align: middle; cursor: pointer; width: 12px; height: 12px; border-radius: 50%; background-color: currentColor; position: relative; border: 1px solid currentColor; } .newProductsSliderControls ul li.slick-active{ background-color: transparent; -webkit-transform: scale(1.5); transform: scale(1.5); } .newProductsSliderControls ul li::before{ display: none; } .newProductsSliderInnerWrapper{ max-width: 82vw; overflow: hidden; } .newProductsSlider3 .newProductsSlideItem, .newProductsSlider2 .newProductsSlideItem{ text-align: center; } .newProductsSlider3 .newProductsSlideItem .tile, .newProductsSlider2 .newProductsSlideItem .tile{ display: inline-block } a.with-arrow .icon{ right: 21px; } .hot-nav{ z-index: 2; position: relative; } .complexTopSection{ width: 100%; height: calc(100vh + 98px); min-height: 100%; background: url('/static/img/complex/img1_.jpg') no-repeat center top; background-size: cover; margin-top: -78px; } .flexWrapper{ height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; } .complexTopSection h1{ font-size: 3.625rem; color: #fff; line-height: 4.1875rem; text-transform: unset; font-weight: 400; } .complexTopSection .inner-box{ height: 100%; z-index: 1; position: relative; } .complexTopSection::after{ content: ''; display: block; position: absolute; width: 100%; height: 100%; background: url('/static/img/complex/overlay1.png') no-repeat center top; background-size: cover; top: 0; left: 0; z-index: 0; } .complexTopSection .hot-nav{ position: absolute; width: 100%; bottom: 0; background: rgba(0,0,0,0.18); border-top: 1px solid #707070; overflow: hidden; left: 0; } .complexTopSection .hot-nav__item{ border-left: 1px solid #8B8B8B; position: relative; } .complexTopSection .hot-nav__item:last-child{ border-right: 0px solid #fff; } .complexTopSection .hot-nav__item:first-child{ border-left: 0px solid #fff; } .complexTopSection .hot-nav__item .circle{ content: ''; display: block; position: absolute; width: 40px; height: 40px; border-radius: 40px; background: #F7212C; left: 50%; margin-left: -20px; top: 50%; margin-top: 2.6rem; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .complexTopSection .hot-nav__item a{ color: #fff; } .complexTopSection .hot-nav__item a:hover{ color: #F7212C } .complexTopSection .hot-nav__item:hover .circle{ margin-top: 2rem; } .with-arrow{ padding-right: 4rem; position: relative; } .with-arrow .icon{ width: 15px; height: 10px; background: url('/static/img/complex/right-arrow.svg') no-repeat center; background-size: contain; margin-left: 1rem; position: absolute; top: 50%; margin-top: -5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .with-arrow:hover .icon{ margin-left: 1.3rem; background: url('/static/img/complex/right-arrow_black.svg') no-repeat center; } #about .features{ border: unset; background: transparent; position: relative; } #about .features__img { width: 32%; } #about .features__info-box{ flex-wrap: wrap; } #about .features::after{ content: ''; display: none; position: absolute; width: 7.5rem; height: 7.5rem; background: url('/static/img/complex/scroll_black.svg') no-repeat center; background-size: contain; top: 0; left: calc(32% + 47%); } .complexSection .subTitle{ text-transform: uppercase; font-size: 1.125rem; letter-spacing: 1.73px; line-height: 2rem; margin-bottom: 2rem; color: #726E6E; width: 100%; } .complexSection h2{ font-weight: 300; font-size: 3rem; line-height: 3.4375rem; margin-bottom: 3.5625rem; font-family: 'Montserrat', Arial; font-weight: 300; margin-top: 0; } .complexSection p{ font-size: 1.125rem; font-weight: 300; line-height: 2rem; color: #726E6E; max-width: 634px; } .complexSection2{ margin: 0; padding: 10.8125rem 0 8.5625rem 0; background: #fff; } .complexSection2 p{ margin-bottom: 0; } .complex-hot-form{ background: url('/static/img/complex/img3_black.png') no-repeat center; background-size: cover; margin-top: 0; min-height: 291px; } .complex-hot-form .hot-form__legend{ color: #fff; font-size: 1.875rem; margin-bottom: 1.4375rem; } .complex-hot-form .caption{ font-size: 1.125rem; } .complex-hot-form .hot-form__cnt{ height: 100%; min-height: 291px; color: #fff; } .complexColumn1{ margin-right: 4.875rem; } .complexColumn .hot-form__form input:nth-of-type(2){ max-width: 316px; /*width: 19.75rem;*/ width: 316px; } .complexColumn .hot-form__form input:first-of-type{ max-width: 214px; /*width: 13.375rem;*/ width: 214px; } .button--black-bg { background-color: #201D1D; border: 1px solid transparent; } .button--black-bg:hover { background-color: #fff; border: 1px solid #F7212C; color: #F7212C; } .complexSection3{ padding: 8.8125rem 0 7.6875rem; margin: 0; overflow: hidden; } .dpTitle{ z-index: 5; bottom: 1.5rem; } .dProjectSlide .icon, .dpTitle, .dpHiddenContent{ position: absolute; } .dpTitle, .dpHiddenContent{ padding: 0 2rem; } .dpHiddenContent{ opacity: 0; z-index: 3; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .dpHiddenContent p{ color: #fff; margin-top: 5.4375rem; } .dpTitle .count{ letter-spacing: 0.2rem; font-size: 1.125rem; font-weight: 700; color: #E3E3E3; } .dpTitle .title{ height: 4.5rem; font-size: 1.75rem; line-height: 2rem; color: #fff; margin-top: 1.125rem; } .dProjectSlide .icon{ width: 3.5rem; height: 3.5rem; background: url('/static/img/complex/icon-plus_black.svg') no-repeat center; background-size: contain; top: 50%; left: 50%; margin: -1.75rem 0 0 -1.75rem; z-index: 4; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .dProjectSlide:hover .icon{ -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .dpHiddenContent{ border-radius: 1.25rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .dProjectSlide{ position: relative; border-radius: 1.25rem; } .dProjectSlide::before{ display: none; } .dProjectSlide::after{ content: ''; display: block; position: absolute; width: 100%; height: 100%; z-index: 3; background: url('/static/img/complex/dp-mask.png') no-repeat center; background-size: cover; top: 0; } .dProjectSlide:hover .dpHiddenContent{ opacity: 1; } #design-project .js-slider-child{ padding: 0; padding-right: 3.25rem; } #design-project .js-slider-child:nth-of-type(2n){ /*padding-right: 1.625rem;*/ /*padding-left: 1.625rem;*/ } #design-project .js-slider-child:last-of-type{ padding-right: 0; } #design-project .js-slider.js-reviews-slider-init .js-slider-child.is-active+.js-slider-child{ border: none; } #design-project .js-slider-dots{ display: none; } #design-project .js-slider-vprt::after{ content: ''; display: block; position: absolute; bottom: 0; width: calc(100% - 3.25rem); height: 1px; background: #d6d6d6; } #design-project .js-slider-vprt{ padding-bottom: 2.74rem; position: relative; } #design-project .js-slider-arrow img{ display: none; } #design-project .js-slider-arrow{ width: 4.1875rem; height: 4.1875rem; background: #201D1D; border-radius: 4.1875rem; margin-right: 9px; position: relative; display: block; float: left; margin-bottom: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #design-project .js-slider-arrow:hover{ background: #B2B2B2; } #design-project .js-slider-arrow::after{ content: ''; display: block; width: 1.75rem; height: 1.75rem; position: absolute; top: 50%; left: 50%; margin: -0.875rem 0 0 -0.875rem; } #design-project .js-slider-arrow.prev::after{ background: url('/static/img/complex/keyboard_arrow_right-24px.svg') no-repeat center; background-size: contain; } #design-project .js-slider-arrow.next::after{ background: url('/static/img/complex/keyboard_arrow_right-1.svg') no-repeat center; background-size: contain; } .complexSection7, .complexSection6, .complexSection3, .complexSection4{ background: #F9F9F9; } .complexSection4{ overflow: hidden; margin: 0; } .complexSection4 .section{ margin-top: 0; } .complexSection4 .tabContent{ display: none; } .complexSection4 .tabContent1{ display: block; } .complexSection4 .tabs__item{ text-decoration: unset; font-family: 'Montserrat', Arial; margin-bottom: -1px; } .complexSection4 .tabs__item:hover{ color: #28AE61; } .complexSection4 .tabs__item.is-active{ color: #424242; } .complexSection4 .tabs{ border-bottom: 1px solid #C6C5C5; margin-bottom: -1px; } .complexSection4 .header__tabs{ margin-bottom: 2.96875rem; } .galleryFlexWrapper{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .galleryFlexWrapper .galleryItem{ width: 30%; margin-bottom: 1rem; height: auto; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .galleryFlexWrapper .galleryItem .img{ border: 1px solid #D5D5D5; overflow: hidden; position: relative; margin-bottom: 2rem; } .galleryFlexWrapper .galleryItem:hover{ opacity: 0.9; } .galleryFlexWrapper .galleryItem .img .icon{ width: 3.5rem; height: 3.5rem; background: url('/static/img/complex/icon-plus_black.svg') no-repeat center; background-size: contain; position: absolute; right: 1rem; bottom: 1rem; } .galleryFlexWrapper .galleryItem .title{ font-size: 1.125rem; font-weight: 300; font-family: 'Montserrat', Arial; font-weight: 300; } .complexSection5{ padding-top: 3.125rem; } .complexSection5 h3{ font-size: 1.75rem; margin-bottom: 2rem; } .dpfConstructorWrapper{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; margin-bottom: 4.8125rem; } .simpleSwitcher{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; width: 11.9375rem; height: 4.0625rem; margin-right: 1.5rem; border: 1px solid #D2D2D2; border-radius: 0; position: relative; cursor: pointer; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .simpleSwitcher.is-active, .simpleSwitcher:hover{ background: #F7212C; } .simpleSwitcher.is-active .title, .simpleSwitcher:hover .title{ color: #fff; } .simpleSwitcher .title{ font-size: 1.125rem; font-family: 'Montserrat', Arial; color: #201D1D; padding-left: 1.5rem; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .simpleSwitcher .icon{ width: 2.25rem; height: 2.25rem; background: #EAEAEA; border-radius: 2.25rem; position: relative; /*padding-right: 0.75rem;*/ position: absolute; right: 0.75rem; top: 50%; margin-top: -1.124rem; } .simpleSwitcher .icon::after{ content: ''; display: block; position: absolute; width: 1.5rem; height: 1.5rem; top: 50%; left: 50%; margin: -0.75rem 0 0 -0.75rem; background: url('/static/img/complex/baseline-check-24px.svg') no-repeat; background-size: contain; } .simpleSwitcher.is-active .icon::after, .simpleSwitcher:hover .icon::after{ background: url('/static/img/complex/baseline-check-24px-black.svg') no-repeat; background-size: contain; } .simpleSwitcherWithIcon{ height: 8.0625rem; border-radius: 0; align-items: flex-end; } .simpleSwitcherWithIcon .img{ width: 50%; height: 3.125rem; /*padding-left: 1.5rem; padding-top: 1rem;*/ position: absolute; top: 1rem; left: 1.5rem; } .simpleSwitcherWithIcon .title{ height: 2.625rem; padding-bottom: 1.1rem; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; } .simpleSwitcherWithIcon .icon{ top: 0.75rem !important; margin-top: 0 !important; right: 0.75rem; } .simpleSwitcherWithIcon1 .img{ background: url('/static/img/complex/classic-icon_black.svg') no-repeat; background-size: contain; } .simpleSwitcherWithIcon2 .img{ background: url('/static/img/complex/modern-icon_black.svg') no-repeat; background-size: contain; } .simpleSwitcherWithIcon3 .img{ background: url('/static/img/complex/loft-icon_black.svg') no-repeat; background-size: contain; } .simpleSwitcherWithIcon4 .img{ background: url('/static/img/complex/scan-icon_black.svg') no-repeat; background-size: contain; } .simpleSwitcherWithIcon5 .img{ background: url('/static/img/complex/min-icon_black.svg') no-repeat; background-size: contain; } .simpleSwitcherWithIcon1.is-active .img, .simpleSwitcherWithIcon1:hover .img{ background: url('/static/img/complex/classic-icon-white.svg') no-repeat; background-size: contain; } .simpleSwitcherWithIcon2.is-active .img, .simpleSwitcherWithIcon2:hover .img{ background: url('/static/img/complex/modern-icon-white.svg') no-repeat; background-size: contain; } .simpleSwitcherWithIcon3.is-active .img, .simpleSwitcherWithIcon3:hover .img{ background: url('/static/img/complex/loft-icon-white.svg') no-repeat; background-size: contain; } .simpleSwitcherWithIcon4.is-active .img, .simpleSwitcherWithIcon4:hover .img{ background: url('/static/img/complex/scan-icon-white.svg') no-repeat; background-size: contain; } .simpleSwitcherWithIcon5.is-active .img, .simpleSwitcherWithIcon5:hover .img{ background: url('/static/img/complex/min-icon-white.svg') no-repeat; background-size: contain; } .dfpFormItem2 input, .dfpFormItem input{ height: 3.75em; border: 1px solid #909090; border-radius: 0; font-size: 1.125rem; font-family: 'Montserrat', Arial; color: #201D1D; vertical-align: middle; text-indent: 2rem; } .dfpFormItem input:first-of-type{ width: 13.375rem; margin-right: 1.5rem; } .dfpFormItem input:last-of-type{ width: 19.75rem; } .dfpFormItem2 input{ width: 25.5625rem; max-width: 100%; margin-bottom: 1rem; } .dfpFormItem2 button{ margin-top: 2rem; margin-bottom: 3.125rem; } .dfpFormItem2 button, .complexSection7 .js-popup-call, .dfpFormItem button{ height: 3.5rem; border-radius: 0; } .dfpFormItem .formSeparator{ width: 65.6875rem; height: 1px; background: #BFBFBF; margin: 2rem 0; } .dfpPolicy{ font-size: 0.9375rem !important; line-height: 1.3125rem !important; margin-top: 3rem; color: #AFAFAF !important; } .dfpPolicy a{ color: #AFAFAF !important; } .complexSection5 .section{ padding-bottom: 0; } .complexSection6{ padding-top: 5.25rem; } .complexSection6, .complexSection7{ margin: 0; overflow: hidden; } .complexSection7{ padding-top: 3.75rem; padding-bottom: 8.125rem; } .complexSection7Column1, .complexSection7Column2{ width: 47%; } .complexSection7Wrapper{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .cs7AdvantagesWrapper{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .cs7AdvItem{ width: 47%; margin-bottom: 2.25rem; } .cs7AdvItem:nth-of-type(5), .cs7AdvItem:nth-of-type(6){ margin-bottom: 0; } .cs7AdvItem .icon img{ height: 50px; width: auto; } .cs7AdvItem .icon{ margin-bottom: 0.9rem; } .cs7AdvItem .caption{ font-size: 1rem; line-height: 1.375rem; font-family: 'Montserrat', Arial; } .cs7AdvItem .caption strong{ font-family: 'Montserrat', Arial; font-weight: 700; } .complexSection7Column1{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; justify-content: space-between; } .complexSection7Column1 div{ padding-bottom: 2rem; } .complexSection8 { margin: 0; padding: 0 !important; } .complexSection8Wrapper{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .complexSection8Wrapper h3{ font-size: 1.75rem; line-height: 2rem; margin: 0; } .complexSection8Column1{ height: 46.1875rem; width: 50%; background: url('/static/img/complex/img6__.jpg') no-repeat center; background-size: cover; position: absolute; left: 0; z-index: 0; } .complexSection8Column1Real{ height: 46.1875rem; width: 50%; z-index: 1; } .complexSection8Column1::after{ content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000000; opacity: 0.28; z-index: 0; } .complexSection8Column1Real h3{ color: #fff; position: relative; z-index: 1; padding: 6.625rem 0 0 0; } .complexSection8Column2{ width: 50%; height: 100%; } .complexSection8Column2Wrapper{ padding: 6.625rem 0 0 6.875rem; } .complexSection8 .caption{ font-family: 'Montserrat', Arial; font-weight: 300; margin-bottom: 3.125rem; } ul.ui-autocomplete li span, ul.ui-autocomplete li{ z-index: 1000; } ul.ui-autocomplete li:before{ display: none; } .systemMessage, .systemMessageError{ border: 1px solid #000; padding: 1rem 1.5rem; font-size: 14px; margin-bottom: 1rem; color: #1d2325; } .systemMessage.success{ background: #98ffac; border-color: #01ff4c; } .systemMessage.error, .systemMessageError{ background: #bd7979; border-color: #bd0000; } .clearFilter{ font-size: 1rem; display: block; margin: 1rem 0; color: #000; } .js-add-to-cart[data-loading=true] { position: relative; overflow: hidden; } .js-add-to-cart.loading{ background: #5a5a5a; } .js-add-to-cart[data-loading=true] span, .js-add-to-cart[data-loading=true]:before, .js-add-to-cart[data-loading=true]:after { display: inline-block; vertical-align: middle; transition: transform 200ms linear, opacity 200ms linear, top 200ms linear; } .js-add-to-cart[data-loading=true]:before, .js-add-to-cart[data-loading=true]:after { content: ''; width: 1.66667em; height: 1.66667em; opacity: 0; transform: translateY(0); position: absolute; top: calc(50% - 0.83333em); left: calc(50% - 0.83333em); } .js-add-to-cart[data-loading=true]:before { background-repeat: no-repeat; background-color: transparent; } .js-add-to-cart[data-loading=true]:after { border-radius: 1.66667em; border: 0.16667em solid rgba(255, 255, 255, 0.2); border-top-color: rgba(255, 255, 255, 0.7); animation: rotate 500ms linear infinite; } .js-add-to-cart[data-loading=true].loading > span, .js-add-to-cart[data-loading=true].passed > span, .js-add-to-cart[data-loading=true].failed > span { transform: translateY(-200%); } .js-add-to-cart[data-loading=true].loading:after { opacity: 1; } .js-add-to-cart[data-loading=true].passed:before, .js-add-to-cart[data-loading=true].failed:before { opacity: 1; background-position: center center; } .js-add-to-cart[data-loading=true].passed { background-color: #5a5a5a; } .js-add-to-cart[data-loading=true].passed:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA+UlEQVRIS7WUbRHCMBBEdxVQByChTrBAHWABCTgoDnAAOEACTsJcpilMmuRy/cjfTt+73OWW2PhwYz5WFzjnWpLvUPhqAudcA+ABoAXQk+xEsooggofivWSxIAP/SZYMWYF79Owb1MABXEaBTB/AEcCL5LN0s0r4jeTJCwa4vAB5CXI6kn1KYoH7FiXggTuRWOFB8AGwz7RklMyB1wh8uwDc/5YoNx7f8/hjaJEMdVcYrNzyUPiehI/PdJiDJjFVPsmimZJs5cmwM0pUeHKTKyVV8GxUKJJqeDGLMhITXA27SHIlebamr5qmwwY3JGUXzEcVmInRD5sLvmM/dy4VPQBaAAAAAElFTkSuQmCC) no-repeat center / 75%; } .js-add-to-cart[data-loading=true].failed { background-color: #ec5840; } .js-add-to-cart[data-loading=true].failed:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABSklEQVRIS62W4VXDMAyE7zZgBDaADaAbwATABMAmzQZlAtiAdgPYpBuIJ2PlKY0dy2n9K32x7+uTTucQbonIFsArgD2AR5JH/772LCJXAD4B3APYkny3vbQHEdkBeHIiPwA2LUgW/wZw687uSL7o7wQoiNveRUhF3M4mCF1ZahUoQhripjUoQAJ1nkCC4klWAdrQuygk7zutee34QQHqAIXcBCG6zTe0duxXXWVN7oEE/gf+xcmjt+mlIKP4aFM3C+dCJuIzQJ6JtZCZeBGwElIUXwKoSzRbriMdBVCd+LHJrg8qrj7XUvWsImQCEJG14tXs8jY9V7wIsUG7lPgMolHRI65u0RWNlU1P2CUrZkA0u/bRuJ74vCcgIxdOcYiCkKF1ZVYnNDDxHySfly79RfFGQCbxUpraZ8sBwEPri+IE8pVvxoHkm737A9wJwL5sS/ukAAAAAElFTkSuQmCC) no-repeat center / 75%; } @keyframes rotate { 0% { transform: rotateZ(0deg) scale(1); } 100% { transform: rotateZ(-360deg) scale(1); } } .remove.loading { -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #selectFile{ cursor: pointer; position: relative; z-index: 1000; } #FineUploaderResume .qq-upload-list{ display: none !important; } .personalised__icon_quant{ display: none !important; } .policy { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.8); z-index: 40; overflow: auto; display: none; text-align: center; z-index: 1000; } .policy:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .policy__inner { width: 65%; max-width: 700px; background-color: #fff; display: inline-block; vertical-align: middle; padding: 4rem 2rem 2rem 2rem; position: relative; } .policy__inner p { margin: 0; } .policy__close { width: 30px; height: 30px; border: 2px solid #000; border-radius: 50%; outline: none; background: transparent; position: absolute; top: 12px; right: 12px; opacity: 0.75; transition: all 0.4s; } .policy__close:after, .policy__close:before { content: ''; width: 14px; height: 2px; background-color: #000; top: calc(50% - 1px); left: calc(50% - 7px); position: absolute; } .policy__close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .policy__close:before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .policy__close:hover { opacity: 1; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all 0.4s; } @media screen and (max-width: 768px) { .policy { padding: 1rem; } .policy__inner { width: 100%; } } body.scroll-disable { overflow: hidden; } .popup__inner .form textarea { height: 6.625rem !important; } .popup--all.letter-to-director .popup__col--main{ width: 100%; } .popup--all.popup--order-call .popup__col--main{ width: 100%; } @media screen and (max-width: 600px) { .mobile-submit-button { height: auto !important; padding: 1rem !important; } .superExtraMobileContactsCart .icon-txt--top .icon-txt_item--icon{ width: 2rem; height: 2rem; } .superExtraMobileContactsCart .personalised__item{ padding: 0; } .superExtraMobileContactsCart .personalised__icon{ justify-content: center; margin-top: -7px; } .superExtraMobileContactsCart{ width: 4.35rem; } .superExtraMobileContacts{ display: inline-block !important; } .top-billet__logo, .extraMobileContacts{ display: none !important; } .superExtraMobileContacts .top-billet__logo{ display: inline-block !important; } .top-billet__item-list-wrapper{ border-left: 1px solid #ccc; margin-left: -1px; } .superExtraMobileContactsCart { display: flex !important; float: left; height: 100%; align-items: center; justify-content: center; } } .icon-txt--about .icon-txt_item--txt a{ color: #1d2325; } .page-content{ overflow-y: scroll; overflow-x: hidden; /*-webkit-overflow-scrolling: touch;*/ } .back-to-top{ padding: 0; position: fixed; right: 1rem; background-color: #909090; border: 0; display: none; text-align: center; transform: rotate(90deg); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.2); box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.2); bottom: 90px; width: 70px; height: 70px; } .back-to-top.visible{ display: block; z-index: 99; } .filterButton, .filtersFormWrapper{ display: none; } @media screen and (max-width: 1536px){ .icon-txt--top .icon-txt_item--txt a[href^="tel:"]{ font-size: 0.6rem; } .top-billet__item--info .icon-txt--top.addressTop .icon-txt_item--txt { font-size: 0.6rem !important; } } @media screen and (max-width: 1024px){ .newMainSlider .slick-arrow{ width: 40px; height: 40px } .newMainSlider .slick-arrow.slick-next{ right: 10px } .newMainSlider .slick-arrow.slick-prev{ left: 10px } .back-to-top{ width: 3rem; height: 3rem; bottom: 4rem; } } .back-to-top div { display: inline-block; width: 1.625rem; height: 1.625rem; position: relative; overflow: hidden; cursor: pointer } .back-to-top div:after,.back-to-top div:before { content: ''; -webkit-transform: rotate(-135deg) scaleX(.7) translate3d(0,-.5rem,0); transform: rotate(-135deg) scaleX(.7) translate3d(0,-.5rem,0); -webkit-transition: -webkit-transform .45s cubic-bezier(.165,.84,.44,1); transition: transform .45s cubic-bezier(.165,.84,.44,1) } .back-to-top div:after { -webkit-transform: rotate(315deg) scaleX(.7) translate3d(0,-.5rem,0); transform: rotate(315deg) scaleX(.7) translate3d(0,-.5rem,0) } .back-to-top div span,.back-to-top div:after,.back-to-top div:before { width: 100%; height: 3px; background-color: #fff; position: absolute; top: calc(50% - 1.5px); left: 0 } #fullScreenPopup .js-fullsized-gallery__child img{ width: auto; /*width: 100%; height: auto;*/ } .links-to-other-pages:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; } .links-to-other-pages p{ display: inline-block; vertical-align: middle; } .links-to-other-pages p:not(:last-child){ margin-right: 2rem; } .tile--fixed-price-additional .tiles-inner-slider__img{ max-width: 100%; height: auto; } .tile--fixed-price-additional{ padding-top: 0; } .tile--parent .tile__img, .tile--unfixed-price .tile__img{ background-position: center; } /*.iOs .page-content__body main{ height: auto; overflow-y: visible; } .iOs .page-top{ position: fixed; top: 0; width: 100%; z-index: 1000; } .iOs .page-middle{ height: 100% !important; overflow-y: scroll; } .iOs #sidebar{ position: fixed; top: 4.75rem; } .iOs .popup{ position: fixed; } .iOs .page-content{ overflow-y: scroll; margin-top: 4.75rem !important; height: auto; } .iOs #content{ position: relative; }*/ @media screen and (min-width: 900px) and (max-width: 1279px) { .grid__item{ width: calc((100% - 3rem)/3); } .tile--unfixed-price .tile__info .button { min-width: 8.5rem; } .tile--fixed-price { padding: 1rem 2rem; } .tile--fixed-price .tile__info_buttons .col { width: 100%; padding: 1rem 0 0; text-align: center; } .tile--fixed-price-additional{ padding: 0 0 2rem 0; } .price-word{ display: none; } .name-price__item_price{ padding-left: 0; white-space: nowrap; } } .skvoznaya-desain-buton{ text-align: center; /*background: url("/static/img/ps_neutral.png") repeat;*/ background: #fff; padding: 1rem; } .social--sidebar{ height: auto; } @media screen and (max-width: 1554px){ .hot-nav .hot-nav__item:first-of-type{ /* display: none;*/ } .hot-nav{ max-width: 100%; justify-content: unset !important; -webkit-box-pack: unset; } /*.page-content__wrapper{ display: block; } .page-content__body{ display: block; }*/ .hot-nav__item{ font-size: 0.7rem; width: 18%; flex: initial; } } /*@media screen and (max-height: 755px) {*/ @media screen and (max-height: 834px) { .social--sidebar .houzz{ display: none; } .nav--sidebar .nav__item, .nav--submenu .nav__item{ line-height: 2.025rem; } } @media screen and (max-height: 499px) { .social--sidebar{ display: none; } } @media screen and (min-width: 1200px) and (max-height: 715px) { .icon-txt--top-billet .icon-txt_item--txt { font-size: 1rem; } } .why.limited-grid-width .tiles-inner-slider__img img{ vertical-align: top; } .why.limited-grid-width .tiles-inner-slider__img{ width: 100%; max-width: 100%; height: auto; } .why.limited-grid-width .tile--fixed-price .tile__info_head{ padding-top: 0; min-height: 3.5rem; } .why.limited-grid-width .tile--fixed-price{ padding: 0; } .customPagesDescription img{ width: auto !important; height: auto !important; } .personalised__item .select_another_city{ padding-left: 0; margin: 12px 0; } .footer__contacts a{text-decoration:none;font-size:1.125rem;white-space:nowrap} .footer__contacts2 a{font-size:1.125rem;} .header__breadcrumbs ul { padding-top: 1.1875rem; } .header__breadcrumbs ul li { display: inline; padding-left: 0; font-family: 'Montserrat',sans-serif; font-size: .8125rem; color: #848181; position: relative; } .header__breadcrumbs ul li:not(:first-child):before { content: '/'; font-family: 'Montserrat',sans-serif; font-size: .8125rem; color: #F7212C; margin: 0.5rem; text-decoration: none; padding: 0; } .header__breadcrumbs ul li:before { content:" "; position: inherit; width: 0; height: 0; top: 0; left: 0; background-color: #fff; color: #2ecc71; } .js-slider.js-promos-slider-init .js-slider-arrow{ z-index: 2; } input.error{ border: 1px solid #bd0000; } .slider-wide-item{ position: relative; } .big-and-sm-tiles__box-catalog .big-and-sm-tiles__item--small img{ width: 100%; } .big-and-sm-tiles__box-catalog .big-and-sm-tiles__item--small{ max-width: 24.6875rem; margin-bottom: 3.125rem; max-height: 20.5rem; } .big-and-sm-tiles__box-catalog{ max-width: 100%; /*justify-content: end;*/ } .extraMobileItem{ display: none; } .js-fullsized-gallery.full-screen .js-fullsized-gallery__controls{ bottom: unset; top: 0; } .hamburger span{ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hamburger span:first-child{ -moz-transform: rotate(-37deg); -webkit-transform: rotate(-37deg); -o-transform: rotate(-37deg); -ms-transform: rotate(-37deg); transform: rotate(-37deg); top: 3px; } .hamburger span:last-child{ -moz-transform: rotate(37deg); -webkit-transform: rotate(37deg); -o-transform: rotate(37deg); -ms-transform: rotate(37deg); transform: rotate(37deg); top: -3px; } .hamburger span:first-child, .hamburger span:last-child{ position: relative; width: 65%; } .sidebar.minimize .hamburger span{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); top: 0px; position: relative; width: 100%; } .nav--sidebar .nav__item-parent .js-submenu-open span:before{ content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: .25rem 0 .25rem .4375rem; border-color: transparent transparent transparent #fff; right: -2rem; top: calc(50% - .25rem); } .submenu__item-cat .nav__item{ line-height: 1.825rem; } .extraMobileContacts{ display: none; } @media screen and (max-width: 600px){ .top-billet__item-list #search{ display: none; } .top-billet__item--search{ font-size: 1rem; } .extraMobileContacts{ display: block; width: 100%; font-size: 1rem; } .extraMobileContacts a{ font-size: 1rem; color: currentColor; } } @media screen and (max-width: 768px){ .extraMobileItem{ display: block; } .popup__inner{ margin-top: 50px; } } @media screen and (max-width: 758px){ .icon-txt--top .icon-txt_item--txt a[href^="tel:"]{ font-size: 1rem; } .top-billet__item--info>:nth-child(3){ display: none; } } @media screen and (max-width: 720px){ .js-slider-dots{ display: none; } .js-slider.js-promos-slider-init .js-slider-arrow{ display: block !important; top: 100% !important; background: #5a5a5a; padding: 14px; background-repeat: no-repeat; background-size: 75%; background-position: center !important; } .js-slider.js-promos-slider-init .js-slider-arrow.next{ right: 0 !important; } .js-slider.js-promos-slider-init .js-slider-arrow.prev{ left: 0 !important; } .js-slider{ margin-bottom: 4rem; } } .icon-txt--top .icon-txt_item--txt a{ color: #4a4a4a; } .product-big-card--unfix-price .js-fullsized-gallery__dots{ position: relative; width: 100%; margin: 18px; } .product-big-card--unfix-price .js-fullsized-gallery__dots span.js-fullsized-gallery__dots_item { display: inline-block; margin-bottom: 18px; margin-right: 18px; } .product-big-card--unfix-price .js-fullsized-gallery.with-dots .js-fullsized-gallery__controls{ /*bottom: 96px;*/ bottom: 111px; } @media screen and (max-width: 1875px){ .icon-txt--top .icon-txt_item--txt{ font-size: .7rem; } } @media screen and (max-width: 780px){ #fullScreenPopup .js-fullsized-gallery__child img{ /*width: auto;*/ width: 100%; height: auto; } .js-fullsized-gallery__child{ height: auto; } #fullScreenPopup .js-fullsized-gallery__dots{ display: none; } } @media screen and (max-width: 452px){ .credit-list__item table tr th, .credit-list__item table tr td { display: block; height: auto; padding: 4px 10px; } } @media screen and (max-height: 736px) and (max-width: 780px){ .sidebar__menu { padding: 1.5625rem 1.25rem 1.3125rem; } .nav--sidebar .nav__item, .nav--submenu .nav__item { line-height: 1.825rem; } .sidebar__top_item { margin: 0.55rem 0; } } @media screen and (max-width: 365px){ .pr-descr .button:not(:last-child){ margin-bottom: 1.3125rem; } } .badge{ height: 41px; position: absolute; top: 8px; right: 9px; } .badge img{ height: 41px; width: auto; } .showroom__top { background: url(/static/img/showroom/1_.jpg) no-repeat center/auto auto; height: 60rem; } .bns-with-marks_marker--2 { left: 54.447099%; left: 41.447099%; } .portfolioLink{ border: 1px solid #dfdfdf; border-radius: 0px; width: 360px; height: 79px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; position: relative; margin-top: 3rem; margin-bottom: 3rem; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .portfolioLink .caption{ height: 61px; border-left: 1px solid #dfdfdf; margin-left: 70px; padding-left: 21px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; align-items: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .portfolioLink a{ font-size: 16px; color: #F7212C; margin-bottom: -19px; display: block; } .portfolioLink .txt{ color: #a0a0a0; font-size: 13px; letter-spacing: 0.7px; } .portfolioLink::before{ content: ''; position: absolute; width: 23px; height: 23px; background: url('/static/img/sharp-photo_library-24px_black.svg') no-repeat 0 0; background-size: contain; left: 24px; } .portfolioLink:hover a{ color: #000; } .portfolioLink:hover, .portfolioLink:hover *{ border-color: #F7212C; } .portfolioCaption{ position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 100%; width: 100%; align-items: center; padding-left: 37px; top: 0; flex-wrap: wrap; background: linear-gradient(to right,rgba(0,0,0,.50) 0%, rgba(0,0,0,0) 100%); } .portfolioCaption .title{ font-size: 2.25rem; color: #fff; margin-bottom: 30px; } .portfolioCaption .caption{ font-size: 1rem; font-weight: 300; color: #fff; line-height: 1.6875rem; margin-bottom: 30px; font-family: 'Montserrat',sans-serif; font-weight: 300; } .portfolio{ position: relative; } .portfolioCaption .link, .portfolioCaption .title, .portfolioCaptionWrapper, .portfolioCaption .caption{ width: 100%; } #thankYou .popup__col.popup__col--main{ height: auto !important; } #submenu .js-submenu-open2:hover span.ppa:before { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-top: 2px; } #submenu .js-submenu-open2 span.ppa:before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: .25rem 0 .25rem .4375rem; border-color: transparent transparent transparent #fff; right: -2rem; top: calc(50% - .25rem); } .submenu__cnt{ overflow: hidden; } .subsub{ position: absolute; z-index: 10; margin-left: 28px; background: #545454; padding: 10px; width: 100%; overflow: hidden; height: auto; } .subsub .nav__item{ margin-bottom: 1rem; } @media screen and (max-width: 692px){ .portfolio img{ display: none; } .portfolio{ background: url(/static/img/portfolio.webp) no-repeat center; } .portfolioCaption{ position: relative; padding: 28px; } } @media screen and (max-width: 443px){ .portfolioLink{ width: 100%; } .portfolioLink::before{ display: none; } .portfolioLink .caption{ border: none; padding-left: 0; margin-left: 14px; } } .js-cat-banners-slider-init .js-slider-arrow { display: inline-block; vertical-align: top; margin: 2rem 0 3rem; width: 2rem; height: 1rem; } .js-cat-banners-slider-init .js-slider-dots{ margin: 2rem 3rem 3rem; } .js-cat-banners-slider-init{ text-align: left; } .top-billet__item--info .icon-txt--top.addressTop{ margin: 0.25rem; } .top-billet__item--info .icon-txt--top.addressTop .icon-txt_item--txt{ font-size: 0.8rem; } @media screen and (max-width: 720px){ .js-cat-banners-slider-init{ margin-bottom: 0 !important; } } .mobileVacancyImage{ display: none; } .uppercase{ text-transform: uppercase; } .vacancyCategory .big-and-sm-tiles__item--small{ width: 32%; max-width: 412px; } .vacancyCategory .big-and-sm-tiles__item--small:nth-child(3n){ margin-right: 0 !important; } .vacancyCategory .big-and-sm-tiles__box-catalog{ margin-right: 0; } .vacancyCategoryTitle .icon{ border: 2px solid #7C7C7C; border-radius: 34px; width: 34px; height: 34px; background: url('/static/img/navigate-down-arrow.svg') no-repeat center; background-size: 12px; position: absolute; right: 24px; } .vacancyCategoryTitle.active .icon{ background: url('/static/img/navigate-up-arrow.svg') no-repeat center; background-size: 12px; } .vacancyCategoryTitle{ width: 100%; height: 66px; border: 1px solid #dfdfdf; background: #f8f8f8; padding-left: 24px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; font-size: 1.125rem; text-transform: uppercase; position: relative; cursor: pointer; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .vacancyCategoryTitle:hover{ border: 1px solid #F7212C; } .vacancyCategoryContent .grid{ margin-top: 1.5rem; padding-bottom: 0; margin-bottom: 0; } .vacanciesList{ margin-top: 2.9375rem; } .vacancyCategory{ margin-bottom: 3rem; } .vacanciesInner{ margin-top: 3rem; } .vacanciesInner ul{ margin-bottom: 3rem; max-width: 50%; } .vacanciesInner .img{ float: right; } .vacanciesInner .button{ margin-top: 2rem; } .vacanciesInner .button span{ line-height: 1.3125rem; } .popup.popup--all.popup--vacancy .popup__col--bg::before{ display: none; } .popup.popup--all.popup--vacancy .popup__col--bg{ background: none; } .popup.popup--all.popup--vacancy .popup__col--bg .popup__col_title .h2{ margin-bottom: 1rem; } .superJob{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; margin-top: 1rem; } .superJobItem{ width: 50%; } .superJobItem img{ max-width: 100%; height: auto; } .phoneVacancy{ display: none; width: 100%; } .phoneVacancy a{ color: #27ae5f; } .videoItemBig{ position: relative; margin-bottom: 5rem; } a.fullsized{ position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; } .playIcon{ background: url('/static/img/play-button.svg') no-repeat 0 0; background-size: contain; position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .videoItemBig:hover .playIcon{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .videoItemBig .playIcon{ width: 86px; height: 86px; margin: -43px 0 0 -43px; } .sidebarVideo{ position: fixed; bottom: 0; left: 0; width: 20rem; z-index: 10000; height: 153px; } .sidebarVideo .sidebarVideoToggler{ width: 4.35rem; background: #252525; cursor: pointer; height: 100%; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } body.sidebar-open .sidebarVideo .sidebarVideoToggler{ width: 13%; } .sidebarVideo .sidebarVideoToggler::after{ display: block; content: ''; width: 8px; height: 12px; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -6px; background: url('/static/img/sharp-keyboard_arrow_right-24px.svg') no-repeat 0 0; background-size: contain; } .sidebarVideo:hover .sidebarVideoToggler{ opacity: 0.9; } .sidebarVideo.is-active .sidebarVideoToggler::after{ background: url('/static/img/sharp-keyboard_arrow_left-24px.svg') no-repeat 0 0; background-size: contain; } .smallVideoItem{ height: 100%; width: 87%; left: 13%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute; background: url('/static/img/small-video-img1.jpg') no-repeat; background-size: cover; } .smallCloseItem{ position: absolute; width: 25px; height: 25px; top: 0; right: -25px; background: url('/static/img/small-close.svg') no-repeat 0 0; background-size: contain; cursor: pointer; } .sidebar.noOvh, .sidebar.minimize.noOvh{ overflow: unset; } .sidebar.minimize .sidebarVideo .sidebarVideoToggler{ width: 100%; } @media screen and (max-width: 1560px){ .complexSection8Column2Wrapper{ padding-left: 0.875rem; } .complexPage .vprt{ padding-left: 0; padding-right: 0; overflow-x: hidden; } .complexPage .inner-box{ padding: 0 3rem; } .dpfConstructorWrapper{ flex-wrap: wrap; max-width: 97%; } .simpleSwitcherWithIcon{ margin-bottom: 2rem; } .complexSection4 .tabsWrapper{ max-width: 90% } .complexPage .js-slider{ max-width: 95%; } .complexPage{ overflow-x: hidden; } .complex-hot-form{ padding: 3rem 0 !important; } .complexSection4{ padding-bottom: 3rem; } .complexSection7Column1{ width: 35%; } .complexSection7Column2{ width: 60%; } .complexSection .videoItemBig{ max-width: 95%; } } @media screen and (max-width: 1024px){ .complexSection h2{ font-size: 2rem; line-height: 2rem; } .dProjectSlide img{ width: 100%; height: auto; } .complexSection7Column2{ margin-right: 3rem; } } @media screen and (max-width: 980px){ .popup.popup--all.popup--vacancy .popup__col--bg{ display: block; width: 100%; } .superJobItem { width: 30%; margin-right: 1rem; } .superJobItem img{ height: auto !important; } } @media screen and (max-width: 1200px){ .vacanciesInner .img img{ max-width: 300px; } } @media screen and (max-width: 907px){ #about .features::after{ display: none; } #about .features{ display: block; width: 100%; } #about .features__img{ width: 100%; text-align: center; margin-bottom: 2rem; } .complexSection7Wrapper{ display: block; width: 100%; } .complexSection7Column1{ margin-bottom: 2rem; } .complexSection7Column1, .complexSection7Column2{ width: 100%; } .complexSection h2 br{ display: none; } .complexSection{ padding: 0rem 0 4rem 0!important; } .complexSection2{ padding-top: 4rem !important } .complexSection6{ padding-top: 4rem !important; } .complexSection8{ padding-bottom: 0 !important; } .complexSection .videoItemBig { max-width: 88%; } .complexSection7Column1, .complexSection7Column2{ width: calc(100% - 6rem); } .complexSection8Column1Real, .complexSection8Column1{ display: none; } .complexSection8Column2{ width: 100%; } .complexSection8Column2Wrapper{ padding: 3rem 0; } .complexSection8Column2Wrapper{ padding-left: 0; } .dfpFormItem2 input{ display: block; width: calc(100% - 9rem); } .complexSection6 .inner-box{ max-width: calc(100% - 9rem); margin: 0; } .complexSection .features__info-box{ padding: 0 3rem; } .complexSection .videoItemBig{ max-width: 100%; } .design-project-form-constructor{ max-width: calc(100% - 9rem); margin: 0; overflow: hidden; } .dfpFormItem .formSeparator{ width: 100%; } .simpleSwitcher{ margin-bottom: 2rem; } } @media screen and (max-width: 784px){ .vacanciesInner .img{ float: none; margin-bottom: 3rem; } .vacanciesInner .img img{ max-width: 100%; } .vacanciesInner ul{ max-width: 100%; } } @media screen and (max-width: 729px){ .desktopVacancyImage{ display: none; } .mobileVacancyImage{ display: inline-block; } } @media screen and (max-width: 600px){ .complexTopSection{ height: 600px !important; position: relative; } .complexTopSection h1{ font-size: 2.625rem; line-height: 3.1875rem; padding-top: 57px; } .complexColumn .hot-form__form input{ max-width: 100% !important; } #design-project .js-slider-vprt::after{ width: 100%; } #design-project .js-slider-child{ padding-right: 0; } .complexSection4 .tabsWrapper { max-width: 100%; } .dpfConstructorWrapper{ margin-bottom: 2rem; } .dpfConstructorWrapper, .design-project-form-constructor{ max-width: 100%; } .simpleSwitcher{ margin-right: 1rem; margin-bottom: 1rem; } .dfpFormItem input:first-of-type { width: 100%; margin-right: 0; margin-bottom: 1rem; } .dfpFormItem input:last-of-type { width: 100%; } .complexSection h2{ margin-bottom: 2rem; } .complexSection6 .inner-box{ max-width: 100%; } .complexSection6 .videoItemBig{ margin-bottom: 0; } .complexSection7Column1, .complexSection7Column2 { width: 100%; } .dfpFormItem2 input { width: 100%; } .galleryFlexWrapper .galleryItem { width: 48%; } .complexSection4 .tabs__item { width: 100%; margin: 0; text-align: center; padding: 1rem 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .complexSection4 .js-tabs-wrapper{ border-radius: 5px; } .complexSection2 > section{ margin-top: 0; } #about .features__img { width: 90%; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 436px){ .galleryFlexWrapper .galleryItem{ width: 100%; margin-right: 0; } .complexSection{ /*width: calc(100% - 6rem);*/ } .complexColumn .hot-form__form input{ width: 100% !important; } } .tabsWrapperInProduct{ border: none !important; box-shadow: unset !important; } .tabsWrapperInProduct .tabs__item:not(:first-child):before{ display: none; } .shipping_payment .tabsWrapperInProduct .ship-paym__item{ margin-top: 0; } .tabsWrapperInProduct .tabs__item.is-active{ font-family: 'Montserrat',sans-serif; font-weight: 700; } .tabsWrapperInProduct .tabs__item{ margin: 0; } @media screen and (max-width: 480px){ .tabsWrapperInProduct .tabs__item { width: calc(100% - 40px); margin: 0 20px; } .newMainSlider .slick-arrow { top: 100%; margin-top: 18px; z-index: 10; } .newMainSlider { margin-bottom: 95px; } } .personalised__item--basket .personalised__icon .icon-txt_item.icon-txt_item--icon::before{ display: none; } .personalised__item--basket .personalised__icon{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; max-width: 100%; } .personalised__item--basket{ font-size: .7rem; color: #4a4a4a; } .personalised__item--basket a{ color: #27ae60; font-size: 1.1875em; } .pr-descr__info button{ margin-bottom: 1rem } .popup--interact-50.popup--all .popup__col--bg{ background-image: url(/static/img/popup50_.jpg); } .popup--interact-2.popup--all .popup__col--bg{ background-image: url(/static/img/popup2.jpg); } .popup--interact-40.popup--all .popup__col p{ margin: 2rem 0; } .popup--interact-40.popup--all .popup__col{ height: 396px; } .popup--interact-40.popup--all .popup__col--main{ width: 50%; } .popup--interact-40.popup--all .popup__col--bg{ background-image: url(/static/img/popup40_.jpg); background-position: top right; width: 50%; } @media screen and (max-width: 980px){ .popup--interact-40.popup--all .popup__col--main br{ display: none; } .popup--interact-40.popup--all .popup__col--main{ width: 100%; } .popup--interact-40.popup--all .popup__col{ height: auto; } } .popup-2-sections-link{ color: #F7212C; text-decoration: underline; position: relative; } .popup-2-sections-link:hover{ text-decoration: unset; } .popup-2-sections-link::after{ content: ''; display: block; position: absolute; width: 15px; height: 8px; background: url('/static/img/right-arrow-interract_black.svg') no-repeat center; background-size: contain; right: -25px; top: 50%; margin-top: -4px; } .advice__man_img.no_photo{ display: flex; align-items: center; justify-content: center; border: 1px solid #383536; box-sizing: border-box; } .advice__man_img.no_photo img{ max-width: 90% } .popup--small .popup__inner{ width: auto; } .popup--small .popup__col{ width: 100%; padding-top: 0; padding: 0 4rem; } @media screen and (max-width: 600px){ .cartOnVeryTop{ display: none; } .top-billet__item--search{ width: 14rem; } .personalised__item.personalised__item--basket .icon-txt_item--icon{ margin-top: 4px; } .personalised__item.personalised__item--basket{ display: flex; align-items: center; } } .txt--red{ color: #F7212C !important; } .likeLink{ text-decoration: underline; } .flexWithText{ display: flex; justify-content: space-between; } .flexWithText p{ display: inline-block; width: 49%; margin: 0; } .flexWithText p:last-of-type{ text-align: right; } .rev-advice-grid__subsidiary_theme-list .txt--green{ color: #000; } .giftc__top { background: url(/static/img/gift/bg.jpg) no-repeat top left; background-size: cover; height: 47rem; } .giftcards h2, .giftcards h1{ font-size: 2.625rem; color: #000; line-height: 3.6875rem; text-transform: unset; font-weight: 400; } .giftc__top .inner-box{ height: 100%; } .giftcards .adv-sm__item_icon{ display: flex; align-items: center; } .giftcards .vacancyCategoryTitle:hover{ border: unset; } .giftcards .vacancyCategoryTitle{ border: unset; background: unset; text-transform: none; font-size: 1.375rem; font-weight: 600; height: auto; padding: 2rem 0; } .giftcards .vacancyCategoryTitle span{ padding-right: 60px; } .giftcards .vacancyCategoryTitle .icon{ border: unset; border-radius: 0; width: 24px; height: 24px; background: url(/static/img/gift/plus.svg) no-repeat center; position: absolute; right: 24px; } .giftcards .vacancyCategoryTitle.active .icon { background: url(/static/img/gift/minus.svg) no-repeat center; } .giftcards .vacancyCategory{ border-top: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; } .cardsWrapper { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 6rem; } .cardsWrapper .cardItem{ width: 47%; margin-bottom: 8rem; } @media screen and (max-width: 1280px){ .giftc__top{ background-position: top right } .giftc__top h2, .giftc__top h1{ background: rgba(255,255,255,0.8); padding: 4rem 2rem; } } @media screen and (max-width: 768px){ .giftcards .index-title { font-size: 2.5rem; } } @media screen and (max-width: 574px){ .cardsWrapper .cardItem{ width: 100%; margin-bottom: 3rem; } } @media screen and (max-width: 380px){ .giftc__top h2, .giftc__top h1{ font-size: 1.625rem; line-height: 2.6875rem; } } .designer_new_view section.left{ width: 372px; float: left; } .designer_new_view section.right{ width: calc(100% - 372px - 40px); float: left; margin-left: 40px; } .designer_new_view .designer__info{ padding: 35px 59px 34px 59px; background: #EBEBEB; width: 372px; } .designer_new_view .designer__info_profile .photoWrapper{ text-align: center; margin-bottom: 18px; width: 254px; } .designer_new_view .designer__info_profile img{ width: 254px; max-width: unset; height: auto; } .designer_new_view .position{ font-size: 1rem; margin-bottom: 20px; } .h1{ font-size: 1.5rem; color: #1d2325; letter-spacing: 1px; font-weight: bold; margin-bottom: 24px; } .designer_new_view .name{ font-size: 1.5rem; color: #1d2325; letter-spacing: 1px; font-weight: bold; margin-bottom: 8px; } .designer_new_view .dContacts a:hover{ color: black; } .designer_new_view .dContacts a{ color: #909090; } .designer_new_view .dContacts{ font-size: 1rem; padding-left: 28px; } .designer_new_view .email a{ text-decoration: underline; } .designer_new_view .phone a{ text-decoration: unset; } .designer_new_view .links-to-other-pages .button{ height: 2.375rem; min-width: unset; padding: 0 2.375rem; font-size: 14px; } .designer_new_view .phone{ margin-bottom: 10px; background: url(/static/img/dcontacts1.svg) no-repeat center left; } .designer_new_view .email{ background: url(/static/img/dcontacts2.svg) no-repeat center left; } .designer_new_view .grid__item .tile--simple .tile__img{ /*height: 266px;*/ height: auto; } img.dpThumb { width: 100%; height: auto; max-height: unset; } .designer_new_view .tile--parent:hover .tile__img,.designer_new_view .tile--simple .tile__img:hover{ box-shadow: 0 0 1.6875rem 0 rgb(0 0 0 / 24%); } .designer_new_view .tile--simple .tile__img:hover:after{ display: none; } .designer_new_view .grid__item .tile{ max-width: unset; } .designer_new_view .grid__item{ width: 32.5%; margin-right: 0; max-width: unset; } .designer_new_view .grid::after{ content: ''; width: 32.5%; } .designer_new_view .grid{ display: flex; flex-wrap: wrap; justify-content: space-between; } .bigButton{ font-size: 1rem; height: 3.5625rem; line-height: 3.5625rem; width: 100%; display: flex; align-items: center; margin: 14px 0; border: 1px solid #D2D2D2; } .bigButton .caption{ margin-left: 21px; } .bigButton .icon{ width: 72px; height: 33px; border-right: 1px solid #D2D2D2; } .bigButton.light{ color: #F7212C; text-decoration: underline; } .bigButton.light:hover{ background: #EBEBEB; } .bigButton.light .icon{ background: url(/static/img/dcontacts3.svg) no-repeat center; } .bigButton.dark .icon{ background: url(/static/img/dcontacts4.svg) no-repeat center; } .bigButton.dark{ color: #fff; text-decoration: unset; background: #5A5A5A; border: 1px solid #5A5A5A; } .bigButton.dark:hover{ background: #000; } .tile--team-member .tile__info p a{ color: #F7212C; } .tile--team-member .tile__info p a:hover{ color: #000; } .name-price__item:first-child{ width: 45%; } .name-price__item:last-child{ width: 55%; text-align: right; } .name-price__item:last-child .oldPrice{ margin-right: 0 !important; white-space: break-spaces; display: block; } .top-billet__item--info>:not(:first-child) { margin-left: 1.5vw; } .personalised__item--basket{ font-size: inherit; } .loadMoreWrapper{ text-align: center; display: none; } .catalogCategory .grid__item{ /* display: none;*/ } .yourCityChoose { width: auto; height: auto; position: absolute; background-color: #fff; color: #333333; padding: 15px 20px; margin: 0; float: left; top: 12px; z-index: 10; font-size: 14px; } .yourCityChoose.arrow-top { /*margin-top: 40px;*/ margin-top: 15px; top: 100%; } .yourCityChoose.arrow-top2 { /*margin-top: 70px;*/ margin-top: 15px; margin-left: -35px; font-size: 12px; } .personalised{ position: relative; } .yourCityChoose.arrow-top:after { content: " "; position: absolute; left: 30px; top: -15px; border-top: none; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid #fff; } .yourCityChooseList{ display: none; } .yourCityChoose .select__item-new{ cursor: pointer; border-bottom: 1px dashed #333; cursor: pointer; display: inline-block; margin-bottom: 8px; } .yourCityChoose .select__item-new:hover{ color: #F7212C; border-bottom: 1px dashed #F7212C; } .yourCityChoose .select__item-new.inactive{ cursor: default; opacity: 0.8; } .yourCityChoose .select__item-new.inactive:hover{ border-bottom: 1px dashed #333; color: #333; } .yourCityChooseText{ margin-bottom: 10px; } .yourCityChooseTextTigger{ margin-bottom: 15px; color: #F7212C; border-bottom: 1px dashed #F7212C; cursor: pointer; display: inline-block; } .yourCityChooseTextTigger:hover{ border-bottom: 1px dashed #333; color: #333; } .yourCityChooseTextTigger.active{ cursor: default; border-bottom: 0px dashed #333; color: #333; } .yourCityChooseTextTigger.active:hover{ border-bottom: 0px dashed #333; } .yourCityChoose{ display: none; } @media screen and (max-width: 1670px){ .top-billet__item--info{ width: 100% } .top-billet__logo{ width: 15rem } .top-billet__item-list-wrapper{ max-width: calc(100% - 15rem); } } @media screen and (max-width: 1546px){ .personalised__item--basket a{ font-size: 0.7rem; } } @media screen and (max-width: 1535px){ .page-content__body, .page-content__wrapper{ /*display: block*/ } .top-billet__item--info .icon-txt--top.addressTop{ width: 197px } } @media screen and (max-width: 1440px){ .top-billet__item--info{ width: 100% } .top-billet__logo{ width: 15rem } .top-billet__item-list-wrapper{ max-width: calc(100% - 15rem); } } @media screen and (max-width: 1406px){ .designer_new_view .grid__item .tile--simple .tile__img{ /*height: 208px;*/ } } @media screen and (max-width: 1378px){ .top-billet__item--info>:not(:first-child){ margin-left: 1vw } } @media screen and (max-width: 1280px){ .designer_new_view .grid__item .tile--simple .tile__img{ /*height: 208px;*/ } .designer_new_view .grid__item{ width: 49%; margin-right: 0; } .designer_new_view .grid::after{ width: 49%; } } @media screen and (max-width: 1024px){ .designer_new_view .grid__item{ width: 100%; margin-right: 0; } .designer_new_view .grid::after{ width: 100%; } .designer_new_view .grid__item .tile--simple .tile__img{ /*height: 266px;*/ } } @media screen and (max-width: 866px){ .designer_new_view section.left{ margin-bottom: 3rem } .designer_new_view section{ float: none !important; width: 100% !important; margin-left: 0 !important; } .bigButton{ max-width: 372px; } .designer_new_view .grid__item .tile--simple .tile__img{ /*height: 208px;*/ } .designer_new_view .grid__item{ width: 49%; margin-right: 0; } .designer_new_view .grid::after{ width: 49%; } } @media screen and (max-width: 700px){ .designer_new_view .designer__info{ max-width: 372px; } } @media screen and (max-width: 600px){ .logo_link{ left: 1rem } } @media screen and (max-width: 580px){ .designer_new_view .grid__item{ width: 100%; margin-right: 0; } .designer_new_view .grid::after{ width: 100%; } .designer_new_view .grid__item .tile--simple .tile__img{ /*height: 266px;*/ } } @media screen and (max-width: 480px){ .designer_new_view .designer__info_profile img{ border-radius: 0; width: auto; max-width: 100%; } .designer_new_view .designer__info{ padding: 35px 0 34px 0; } .designer_new_view .designer__info_profile{ display: flex; flex-wrap: wrap; justify-content: center; } .designer_new_view .designer__info_profile *{ display: block; width: 100%; padding: 0 1rem } .designer_new_view .dContacts{ background: unset; } } @media screen and (max-width: 425px){ .footer__contacts{ white-space: unset; } } .tableInCategory{ margin: 2rem 0; font-size: 1rem; width: 100%; max-width: 600px; border-left: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; } .tableInCategory thead{ background: #5a5a5a; } .tableInCategory thead th{ text-align: center; font-weight: bold; color: #fff; } .tableInCategory tr td, .tableInCategory tr th{ border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .tableInCategory td, .tableInCategory th{ padding: 14px 15px; } .tableInCategory td{ width: 50%; } .tableInCategory tr td:nth-of-type(2){ text-align: center; } .tableInCategory .secondHead{ background: #979797; color: #fff; } .tableInCategory tbody tr:nth-of-type(2n){ background: #f1f1f1; } #search{display: none;} .complexSection3New .dpTitle{ padding: 0 1.2rem; } .complexSection9{ background: #F9F9F9; font-size: 1rem; line-height: 1.5rem; margin: 0; padding-top: 3.75rem; padding-bottom: 8.125rem; } .accordeonItems{ width: 100%; border-top: 1px solid #D2D2D2; } .accordeonItem{ padding: 1.75rem 0; border-bottom: 1px solid #D2D2D2; cursor: pointer; } .accordeonTitle .icon{ width: 57px; height: 57px; border-radius: 57px; position: absolute; top: 27px; right: 0; background: #F7212C url("../img/acPlus.svg") no-repeat center; background-size: 21px; } .accordeonItem.active .accordeonTitle .icon{ background: #F7212C url("../img/acMinus.svg") no-repeat center; background-size: 21px; } .accordeonTitle{ position: relative; } .accordeonTitle .title{ font-size: 1.75rem; margin-bottom: 1.65rem; font-weight: bold; } .accordeonContent{ padding-top: 2rem; display: none; } .cs7AdvItem .icon img{ height: 48px; } .complexSection7AdditionalTextWrapper{ display: flex; align-items: center; justify-content: space-between; } .complexSection7AdditionalTextWrapper .column{ width: 48%; } .complexSection7AdditionalTextWrapper .column p:last-of-type{ margin-bottom: 0; } @media screen and (max-width: 600px){ .cs7AdvItem{ width: 100%; margin-bottom: 0; } } @media screen and (max-width: 810px){ .accordeonTitle .title{ font-size: 1.2rem; padding-right: 35px; } .accordeonTitle .icon{ width: 27px; height: 27px; top: -3px; background-size: 11px; } .complexSection7AdditionalTextWrapper{ flex-wrap: wrap; } .complexSection7AdditionalTextWrapper .column1{ margin-bottom: 1rem; } .complexSection7AdditionalTextWrapper .column{ width: 100%; } .complexTopSection{ position: relative; } } .piWrapper{ overflow: hidden; background: #F9F9F9; } .vprtWithBg{ background: #F9F9F9; } .complexSection8Column1InPI{ background: url(/static/img/img6_.jpg) no-repeat center; height: 45.6875rem; } .complexSection8Column2WrapperInPI{ padding-top: 57px; } .customCheckbox { left: 0; position: absolute; width: 20px; height: 20px; background: transparent; border-radius: 3px; border: 1px solid #9B9B9B; margin-right: 12px; overflow: hidden; } .customCheckbox.customCheckboxChecked { background: #9B9B9B; border: 1px solid #9B9B9B; } .customCheckbox.customCheckboxChecked .checkedIcon { display: block; } .customCheckbox input { opacity: 0; cursor: pointer; z-index: 5; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } .customCheckbox .checkedIcon { display: none; width: 100%; height: 100%; background: url("/static/img/checked.svg") no-repeat center; background-size: 12px; } .checboxItem { position: relative; margin-bottom: 10px; } .checboxItem:last-of-type { margin-bottom: 0; } .checboxItem .label { font-size: 1rem; color: #727C97; line-height: 1.25rem; padding-left: 27px; display: block; } .checkboxes{ font-size: 14px; line-height: 18px; color: #909090; margin-top: 19px; } .checkboxes a{ color: #909090; } .checkboxes .checboxItem{ position: relative; } .piCoverImage{ width: 100%; height: 100vh; max-height: 923px; position: relative; display: flex; align-items: center; } .piCoverImage .vprt{ position: relative; z-index: 6; } .piCoverImage::after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; background: #000; opacity: 0.5; z-index: 5; } .piCoverImage img{ display: block; position: absolute; z-index: 4; width: 100%; height: 100%; object-fit: cover; } .piCoverImage .title{ font-size: 58px; color: #fff; line-height: 67px; max-width: 900px; } .piInfo{ font-size: 18px; /* margin-top: 8.5625rem;*/ /* padding-left: 23.32rem;*/ width: 90%; max-width: 697px; margin: 8.5625rem auto 0 auto; overflow: hidden; } .piLeftImage img{ max-width: 436px; } .piLeftImage{ position: absolute; left: 0; } .piTextContent{ font-size: 18px; } .piInfo .subtitle{ margin: 4.625rem 0 2.215rem 0; line-height: 22px; color: #909090; text-transform: uppercase; } .piInfo .mainTitle{ font-size: 3rem; line-height: 3.625rem; margin-bottom: 5rem; margin-top: 4.625rem; } .piInfo .piAboutItem{ line-height: 32px; } .piTextContent{ margin: 9.47rem 0 9.47rem 0; line-height: 32px; } .piTextContent p, .piTextContent ul, .piTextContent ol, .piTextContent div{ width: 90%; max-width: 697px; margin: 0 auto; font-size: 18px; line-height: 32px; } .piTextContent .piTextContentImage{ margin: 3.125rem 0; } .piTextContentImageCaption{ text-align: center; margin-top: 10px; font-size: 16px; line-height: 32px; } .piTextContent .piTextContentImageCaption, .piTextContent .piTextContentImage{ width: 100%; max-width: 100%; text-align: center; } @media screen and (max-width: 1866px){ .piLeftImage { position: relative; left: 0 !important; } } @media screen and (max-width: 811px){ .piCoverImage{ max-height: 423px; } .piCoverImage .title{ font-size: 2rem; line-height: 2.5rem; } .piInfo{ margin: 2.5625rem auto 0 auto; } .piTextContent{ margin: 3rem 0; } } @media screen and (max-width: 480px){ .piCoverImage{ max-height: 323px; } .piLeftImage img{ max-width: 100%; } .piCoverImage .title{ font-size: 1.5rem; line-height: 2rem; } .piInfo{ margin: 2.5625rem auto 0 auto; } .piTextContent{ margin: 3rem 0; } } .otherProjectsPI .tile--fixed-price-additional{ background: #fff; } .otherProjectsPI{ overflow: hidden; } .complexSection8WrapperInPI .button{ margin-bottom: 0; } .complexSectionInPI{ overflow: hidden; } .complexSection8WrapperInPI .complexSection8Column1Real{ height: auto; } .complexSection8WrapperInPI .complexSection8Column2Wrapper{ overflow: hidden; } .complexSectionInPI{ margin-bottom: -3.2rem; } .videoPopup{ display: none; background: transparent; padding-right: 16px; } @media screen and (max-width: 1379px){ .videoPopup{ width: 90%; height: 90vh; } .videoPopup iframe{ width: 100%; height: 100%; min-height: 300px; } } @media screen and (max-width: 380px){ .videoPopup{ width: 100%; height: auto; } } @media screen and (min-width: 1024px){ .product-card__main_item--gallery{ /* max-height: 70vh;*/ } .product-card__main_item--gallery .js-fullsized-gallery *{ max-height: 70vh; } .js-fullsized-gallery__child img{ object-fit: cover; } } @-moz-document url-prefix() { .radio.radio--city-choice { transform: scale(1.5); transform-origin: left top; width: calc(100% / 1.5); height: calc(100% / 1.5); } }