/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.3.6, * Autoprefixer: v10.3.1 * Browsers: last 4 version */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none} /*! * fullPage 3.1.0 * https://github.com/alvarotrigo/fullPage.js * * @license GPLv3 for open source use only * or Fullpage Commercial License for commercial use * http://alvarotrigo.com/fullPage/pricing/ * * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{position:relative}.fp-scrollable,.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;top:50%;opacity:1;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translate3d(0,-50%,0)}#fp-nav.fp-right{right:17px}#fp-nav.fp-left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.fp-bottom{bottom:17px}.fp-slidesNav.fp-top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li:hover a.active span,#fp-nav ul li a.active span,.fp-slidesNav ul li:hover a.active span,.fp-slidesNav ul li a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav.fp-show-active a.active+.fp-tooltip,#fp-nav ul li:hover .fp-tooltip{-webkit-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.fp-right{right:20px}#fp-nav ul li .fp-tooltip.fp-left{left:20px}.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell{height:auto!important}.fp-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-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);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}to{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes wobble{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}to{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}to{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}to{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.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}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(1turn) scale(.95);transform:perspective(400px) translateZ(0) rotateY(1turn) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) translateZ(0) rotateY(1turn) scale(1);transform:perspective(400px) translateZ(0) rotateY(1turn) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(1turn) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(1turn) scale(.95);transform:perspective(400px) translateZ(0) rotateY(1turn) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) translateZ(0) rotateY(1turn) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(1turn) scale(1);transform:perspective(400px) translateZ(0) rotateY(1turn) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}to{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}to{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}to{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}to{-webkit-transform:translateX(0) skewX(0deg);transform:translateX(0) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);-ms-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}to{-webkit-transform:translateX(0) skewX(0deg);-ms-transform:translateX(0) skewX(0deg);transform:translateX(0) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0deg);transform:translateX(0) skewX(0deg);opacity:1}to{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0deg);-ms-transform:translateX(0) skewX(0deg);transform:translateX(0) skewX(0deg);opacity:1}to{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}to{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}to{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}to{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}to{opacity:1;-webkit-transform:translateX(0) rotate(0deg);-ms-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}to{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0deg);-ms-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}to{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(transparent));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(-1*var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:normal;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:"next"}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#fff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:top .2s,-webkit-transform .2s;transition:top .2s,-webkit-transform .2s;-o-transition:transform .2s,top .2s;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:left .2s,-webkit-transform .2s;transition:left .2s,-webkit-transform .2s;-o-transition:transform .2s,left .2s;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:right .2s,-webkit-transform .2s;transition:right .2s,-webkit-transform .2s;-o-transition:transform .2s,right .2s;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#fff}.swiper-pagination-black{--swiper-pagination-color:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s linear infinite;animation:swiper-preloader-spin 1s linear infinite;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}body{height:100%;font-size:18px;line-height:27px;background:#111;font-family:Montserrat,sans-serif}body,html{overflow:hidden!important}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;font-family:Jost,sans-serif;text-transform:uppercase}h1{font-size:100px;line-height:120px}h2{font-size:72px;line-height:86px}h3{font-size:64px;line-height:77px}h4{font-size:48px;line-height:58px}h5{font-size:32px;line-height:38px}h6{font-size:24px;line-height:36px}.section--dark{color:#fff}.section--white{color:#555;background:#fff}.section--light{color:#555;background:#fbfbfb}.section-heading__title{font-size:64px;line-height:77px}.section-heading__title--xl{font-size:72px;line-height:86px}.section-heading--inline-justify{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-heading--centered{text-align:center}.section-heading__title--black{color:#333}.section-heading__desc{margin-top:30px;font-size:24px;line-height:36px}.section-heading__desc--light-gray{color:#ddd}.section-heading__desc--top{margin-top:0;margin-bottom:20px;font-size:32px;line-height:48px}.section-bg{z-index:1}.section-container{z-index:3}.page--news .portfolio-posts__btn-wr{padding-bottom:100px}.page--contacts{padding-top:120px}.container{position:relative;margin:0 auto;width:100%;padding:0 15px;max-width:1760px;z-index:3}.container--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.container__side--two-equal{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}@media screen and (max-width:1919px){.container{max-width:1196px}}@media screen and (max-width:1365px){.container{max-width:970px}}@media screen and (max-width:1023px){.container{max-width:754px}}.phone{font-weight:600;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:24px;line-height:36px;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.phone__icon{margin-right:24px;width:24px;height:auto}.phone__icon path{-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.phone:hover{color:#e6340d!important}.phone:hover .phone__icon path{stroke:#e6340d}@media screen and (max-width:1919px){.phone{font-size:20px}.phone__icon{margin-right:0}}@media screen and (max-width:1365px){.phone__number{display:none}}@media screen and (max-width:1023px){.phone{font-size:18px;line-height:27px}.phone__number{margin-left:11px;display:block}}@media screen and (max-width:767px){.phone__number{display:none}}.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 -35px}.nav .menu-item{margin:0 35px}.nav .menu-item a{color:#fff;font-weight:600;font-size:18px;line-height:27px;text-transform:uppercase;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.nav .menu-item.current-menu-item a,.nav .menu-item.current_page_item a,.nav .menu-item a:hover{color:#e6340d}@media screen and (max-width:1919px){.nav__list{margin:0 -20px}.nav .menu-item{margin:0 12px}.nav .menu-item a{font-size:16px}}@media screen and (max-width:1365px){.nav__list{margin:0 -15px}.nav .menu-item{margin:0 15px}.nav .menu-item a{font-size:16px;line-height:24px}}.hamburger{position:relative;border:none;outline:none;background:transparent;width:44px;height:27px}.hamburger:after,.hamburger:before{content:"";display:block;position:absolute;right:0;height:2px;background:#fff;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.hamburger:before{top:5px;width:100%}.hamburger:after{bottom:5px;width:34px}.hamburger:hover:after,.hamburger:hover:before{background:#e6340d}.mobile-nav{position:fixed;width:100%;z-index:6;background:rgba(0,0,0,.5);opacity:0;visibility:hidden}.mobile-nav,.mobile-nav__inner{right:0;top:0;height:100%;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.mobile-nav__inner{position:absolute;width:535px;max-width:100%;background:#111;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:40px 30px;overflow-y:scroll;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.mobile-nav__close{position:absolute;top:46px;right:70px;width:25px;height:25px;background:transparent;border:none;outline:none;padding:0}.mobile-nav__close-icon{width:100%;height:100%}.mobile-nav__logo{display:block;width:36px;height:39px}.mobile-nav__logo-icon{width:100%;height:auto}.mobile-nav__lng{margin-top:37px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-20px;margin-right:-20px}.mobile-nav__lng .lang-item{margin:0 20px}.mobile-nav__lng a{color:#fff;font-weight:600;font-size:18px;line-height:27px}.mobile-nav__nav{margin-top:60px;width:100%}.mobile-nav__nav li{width:100%}.mobile-nav__nav a{display:block;text-align:center;font-weight:600;font-size:18px;line-height:27px;color:#fff;padding:30px;border-top:1px solid #323232}.mobile-nav__social{margin-top:auto}.mobile-nav__close:hover .mobile-nav__close-icon rect{fill:#e6340d}.mobile-nav--active{opacity:1;visibility:visible;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mobile-nav--active .mobile-nav__inner{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition-property:.3s;-o-transition-property:.3s;transition-property:.3s}.mobile-nav .current-menu-item a,.mobile-nav .current_page_item a{color:#e6340d}@media screen and (max-height:900px){.mobile-nav__nav{margin-top:20px}.mobile-nav__nav a{padding:20px 30px}}@media screen and (max-width:1023px){.mobile-nav__inner{width:400px;padding:25px}.mobile-nav__close{top:25px;right:25px}.mobile-nav__lng{margin-top:25px;margin-left:-15px;margin-right:-15px}.mobile-nav__lng .lang-item{margin:0 15px}.mobile-nav__lng a,.mobile-nav__nav a{font-size:16px;line-height:25px}.mobile-nav__nav a{padding:15px 20px}}@media screen and (max-width:767px){.mobile-nav__inner{padding:15px}}.lang{position:relative;color:#fff}.lang__current{background:transparent;color:#fff;border:none;outline:none;text-transform:uppercase}.lang__current,.lang ul{font-weight:600;font-size:18px;line-height:27px}.lang ul{top:calc(100% + 10px);left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;position:absolute;background:#fff;text-align:center;height:0;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.1)}.lang ul,.lang ul a{display:block;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.lang ul a{text-transform:uppercase;padding:5px 10px;color:#333}.lang__current:hover{cursor:pointer}.lang ul a:hover{color:#e6340d}.lang ul.list--visible{opacity:1;visibility:visible;height:auto}.social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:-15px;margin-right:-15px}.social__item{margin:0 15px}.social__icon{width:32px;height:auto}.social__icon path{-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.social__link:hover .social__icon path{fill:#e6340d}.scroll-status{position:fixed;top:50%;width:23px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:40px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:4;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.scroll-status__number{font-weight:600}.scroll-status__line{position:relative;margin:20px 0;width:2px;height:240px;background:#fff;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.scroll-status__vizual{position:absolute;left:0;width:100%;background:#e6340d;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.scroll-status--dark{color:#555}.scroll-status--dark .scroll-status__line{background:#555}@media screen and (max-width:1365px){.scroll-status{right:12px}}@media screen and (max-width:1023px){.scroll-status{display:none}}.btn-df{position:relative;font-weight:600;font-size:18px;line-height:1;border:none;background:transparent;padding:21px 31px;text-transform:uppercase}.btn-df,.btn-df__bg{-webkit-transition:all .5s cubic-bezier(.77,0,.175,1);-o-transition:all .5s cubic-bezier(.77,0,.175,1);transition:all .5s cubic-bezier(.77,0,.175,1)}.btn-df__bg{position:absolute;right:0;top:0;width:100%;max-width:0;height:100%;z-index:1}.btn-df__name{position:relative;z-index:3}.btn-df:hover{cursor:pointer}.btn-df:hover .btn-df__bg{max-width:100%}.btn-df--white{color:#fff;border-color:#fff}.btn-df--white .btn-df__bg{background:#fff}.btn-df--white:hover{color:#111}.btn-df--dark{color:#333;border-color:#333}.btn-df--dark .btn-df__bg{background:#333}.btn-df--dark.btn-df--active,.btn-df--dark:hover{color:#fff}.btn-df--dark.btn-df--active .btn-df__bg{max-width:100%}.btn-df--red{color:#e6340d;border-color:#e6340d}.btn-df--red .btn-df__bg{background:#fff}.btn-df--red:hover{color:#fff}.btn-df--red:hover .btn-df__bg{background:#e6340d}.btn-df--transparent{color:#fff;border-color:transparent}.btn-df--transparent:after,.btn-df--transparent:before{content:"";display:block;position:absolute;left:0;width:0;height:2px;background:#fff;-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.btn-df--transparent:before{top:-2px}.btn-df--transparent:after{bottom:-2px}.btn-df--transparent .btn-df__bg{background:#fff;right:0}.btn-df--transparent .btn-df__bg,.btn-df--transparent .btn-df__name{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}.btn-df--transparent:hover{color:#111}.btn-df--transparent:hover:after,.btn-df--transparent:hover:before{width:100%}.btn-df--transparent:hover .btn-df__bg,.btn-df--transparent:hover .btn-df__name{-webkit-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s}.btn-df--border{border-width:2px;border-style:solid}@media screen and (max-width:1365px){.btn-df{font-size:16px;padding:18px 25px}}@media screen and (max-width:1023px){.btn-df{padding:18px}}.field{display:block;position:relative;font-size:24px;line-height:36px;height:64px}.field__input{font-size:inherit;line-height:inherit;color:#fff;background-color:transparent;border-radius:0;-webkit-appearance:none;-moz-appearance:none;font-family:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:0;border:none;border-bottom:2px solid #fff;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.field__input ::-webkit-input-placeholder{color:#ddd}.field__input :-moz-placeholder,.field__input ::-moz-placeholder{color:#ddd}.field__input :-ms-input-placeholder{color:#ddd}.field__input--error{border-color:#e6340d}.field__input--textarea{height:180px}.field__input:focus{outline:none}.field__input:focus~.field__label-wrap:after{opacity:1}.field__label-wrap{top:0;right:0;pointer-events:none;cursor:text}.field__label-wrap,.field__label-wrap:after{position:absolute;bottom:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box}.field__label-wrap:after{content:"";width:100%;height:0;opacity:0}.field__label{position:absolute;left:var(--uiFieldPaddingLeft);top:calc(50% - .5em);line-height:1;font-size:var(--fieldHintFontSize,inherit);-webkit-transition:top .2s cubic-bezier(.9,-.15,.1,1.15),opacity .2s ease-out,font-size .2s ease-out;-o-transition:top .2s cubic-bezier(.9,-.15,.1,1.15),opacity .2s ease-out,font-size .2s ease-out;transition:top .2s cubic-bezier(.9,-.15,.1,1.15),opacity .2s ease-out,font-size .2s ease-out;will-change:bottom,opacity,font-size}.field__input:not(:-moz-placeholder-shown)~.field__label-wrap .field__label{--fieldHintFontSize:var(--fieldHintFontSizeFocused,.75rem);top:var(--fieldHintTopHover,.25rem)}.field__input:not(:-ms-input-placeholder)~.field__label-wrap .field__label{--fieldHintFontSize:var(--fieldHintFontSizeFocused,.75rem);top:var(--fieldHintTopHover,.25rem)}.field__input:focus~.field__label-wrap .field__label,.field__input:not(:placeholder-shown)~.field__label-wrap .field__label{--fieldHintFontSize:var(--fieldHintFontSizeFocused,.75rem);top:var(--fieldHintTopHover,.25rem)}.field__input.field__input--textarea{padding-top:10px}.field__input.field__input--textarea:focus~.field__label-wrap .field__label{top:var(--fieldHintTopHover,0)}.field--material-to-right .field__label-wrap{overflow:hidden}.field--material-to-right .field__label-wrap:after{border-bottom:var(--uiFieldBorderWidth) solid var(--uiFieldBorderColorActive);-webkit-transform:translate3d(-105%,0,0);transform:translate3d(-105%,0,0);will-change:transform,opacity;-webkit-transition:opacity .2s ease-out .2s,-webkit-transform .285s ease-out .2s;transition:opacity .2s ease-out .2s,-webkit-transform .285s ease-out .2s;-o-transition:transform .285s ease-out .2s,opacity .2s ease-out .2s;transition:transform .285s ease-out .2s,opacity .2s ease-out .2s;transition:transform .285s ease-out .2s,opacity .2s ease-out .2s,-webkit-transform .285s ease-out .2s}.field--material-to-right .field__input:focus~.field__label-wrap:after{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}.field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.field__input:focus::-webkit-input-placeholder{opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}.field__input:focus::-moz-placeholder{opacity:1;transition-delay:.2s}.field--dark .field__input{border-color:#555;color:#333}.field--dark .field__input--error{border-color:#e6340d}.checkbox{width:26px;height:26px;position:relative}.checkbox__input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:2}.checkbox__styling{position:relative;width:100%;height:100%;border:1px solid #555;z-index:1;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.checkbox__styling:before{content:"";display:block;position:absolute;left:4px;top:4px;width:calc(100% - 8px);height:calc(100% - 8px);background:#e6340d;opacity:0;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.checkbox--error .checkbox__styling,.checkbox__input:checked~.checkbox__styling{border-color:#e6340d}.checkbox__input:checked~.checkbox__styling:before{opacity:1}.cursor{pointer-events:none}.cursor__ball{position:fixed;top:0;left:0;mix-blend-mode:difference;z-index:1000}.cursor__ball circle{fill:hsla(0,0%,100%,.3)}@media screen and (max-width:1023px){.cursor{display:none}}.modal{position:absolute;z-index:7;left:0;top:0;width:100vw;height:100vh;background:rgba(17,17,17,.55);display:none;opacity:0;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.modal__inner{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:auto;background:#fff;padding:50px;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;overflow-y:auto;max-height:80vh}.modal__close-btn{position:absolute;top:20px;right:20px;width:25px;height:25px;padding:0;border:none;background:transparent;outline:none}.modal__close-icon{width:100%;height:100%;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.modal__heading{text-align:center}.modal__title{font-family:Jost,sans-serif;font-weight:700;font-size:32px;line-height:38px;text-transform:uppercase}.modal__desc{font-size:16px;line-height:24px}.modal__field{margin-top:20px}.modal__field .field__input,.modal__field .field__label{font-size:18px;line-height:27px;color:#555}.modal__field .field__input:focus~.field__label-wrap .field__label{font-size:12px;line-height:21px;top:-5px}.modal__field .field__input{padding-top:15px;border-color:#e0e0e0}.modal__field .field__input--error{border-color:#e6340d}.modal__terms{margin-top:17px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal__terms-label{margin-left:10px;font-size:14px;line-height:21px}.modal__terms-label a{color:#e6340d;text-decoration:underline}.modal__btn{margin:auto;display:block}.modal__clients{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.modal__clients-item.clients__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px 10px}.modal--active{display:block;position: absolute;}.modal--show{opacity:1}.modal__close-btn:hover{cursor:pointer}.modal__close-btn:hover .modal__close-icon rect{fill:#e6340d}.modal--xl .modal__inner{max-width:100%}.modal--xl .modal__desc{margin-top:15px}.modal--xl .modal__btn{margin-top:50px}.modal--sm .modal__inner{max-width:430px}.modal--sm .modal__desc{margin-top:25px}.modal--sm .modal__btn{margin-top:30px}@media screen and (max-width:767px){.modal__inner{width:calc(100% - 30px);padding:50px 15px 30px}.modal__title{font-size:22px;line-height:28px}.modal__desc{font-size:14px;line-height:20px}.modal__terms{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.modal__terms-label{margin-top:5px;margin-left:0;font-size:14px;line-height:18px}.modal__field{margin-top:10px}.modal--xl .modal__btn{margin-top:20px}}.header{position:absolute;left:0;top:0;width:100%;z-index:5;height:120px;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.header,.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header__part--logo{width:150px;height:auto}.header__part--hamburger{display:none}.header--active{height:90px;background:#fff;-webkit-box-shadow:0 5px 5px -4px rgba(0,0,0,.1);box-shadow:0 5px 5px -4px rgba(0,0,0,.1);position:fixed}.header--active .header__logo path{fill:#333}.header--active .header__logo path:first-child{fill:#e6340d}.header--active .phone{color:#333}.header--active .phone__icon path{stroke:#333}.header--active .lang__current,.header--active .nav a{color:#333}.header--active .hamburger:after,.header--active .hamburger:before{background:#333}.header--dark{background:#111;-webkit-box-shadow:0 5px 5px -4px rgba(0,0,0,.1);box-shadow:0 5px 5px -4px rgba(0,0,0,.1)}.header--dark .header__logo path{fill:#fff}.header--dark .header__logo path:first-child{fill:#e6340d}.header--dark .phone{color:#fff}.header--dark .phone__icon path{stroke:#fff}.header--dark .lang__current,.header--dark .nav a{color:#fff}.header--dark .hamburger:after,.header--dark .hamburger:before{background:#fff}@media screen and (max-width:1919px){.header--active{height:70px}}@media screen and (max-width:1365px){.header__part--logo{width:100px}.header__part--logo svg{height:auto}}@media screen and (max-width:1023px){.header{position:fixed;padding:22px 0}.header__part--logo{width:166px}.header__part--menu{display:none}.header__part--phone{margin-right:auto;margin-left:80px}.header__part--lang{display:none}.header__part--hamburger{display:block}}@media screen and (max-width:767px){.header{height:60px;padding:10px 0}.header__part--logo{width:80px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.header__part--phone{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-left:0;margin-right:0}.header__part--hamburger{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}}.request-form{padding:200px 0 60px}.request-form__form{margin:40px auto 0;width:100%;max-width:1290px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 1fr 30px 190px;grid-template-columns:1fr 1fr 190px;grid-gap:30px}.request-form__open-modal{display:none}@media screen and (max-width:1365px){.request-form{padding:150px 0 60px}.request-form__heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.request-form__open-modal{display:block}.request-form__form{display:none}}@media screen and (max-width:1023px){.request-form{padding-top:100px}}@media screen and (max-width:767px){.request-form{padding:70px 0 30px}.request-form__heading{display:block;text-align:center}.request-form__open-modal{margin-top:20px;width:100%}}.footer{padding:60px 0 100px}.footer__row{display:-webkit-box;display:-ms-flexbox;display:flex}.footer__row--copyright{margin-top:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__logo-wr,.footer__title-wr{-ms-flex-preferred-size:550px;flex-basis:550px}.footer__title{font-size:48px;line-height:58px}.footer__menu-list{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2,1fr);grid-template-areas:"pages call location" "pages write location"}.footer__menu-list>.menu-item:first-child{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1;grid-area:pages}.footer__menu-list>.menu-item:nth-child(2){-ms-grid-row:1;-ms-grid-column:2;-ms-grid-row:1;-ms-grid-column:2;grid-area:call}.footer__menu-list>.menu-item:nth-child(3){-ms-grid-row:2;-ms-grid-column:2;-ms-grid-row:2;-ms-grid-column:2;grid-area:write;align-self:flex-end}.footer__menu-list>.menu-item:last-child{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:3;-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:3;grid-area:location}.footer__menu-list>.menu-item>a{font-weight:600;font-size:24px;line-height:36px;color:#fff;margin-bottom:20px;display:block}.footer__menu-list .sub-menu a{font-size:24px;line-height:36px;font-weight:400;color:#fff;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.footer__menu-list .sub-menu a:hover{color:#e6340d}.footer__copyright-wr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer__social{margin-left:-25px;margin-right:auto}@media screen and (max-width:1919px){.footer__logo-wr,.footer__title-wr{-ms-flex-preferred-size:350px;flex-basis:350px}.footer__nav-wr{-ms-flex-preferred-size:calc(100% - 350px);flex-basis:calc(100% - 350px)}}@media screen and (max-width:1365px){.footer__row--nav{display:block}.footer__menu-list{margin-top:60px}.footer__logo-wr,.footer__title-wr{-ms-flex-preferred-size:300px;flex-basis:300px}.footer__nav-wr{-ms-flex-preferred-size:calc(100% - 300px);flex-basis:calc(100% - 300px)}.footer__menu-list{-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto}.footer__menu-list .sub-menu li{margin-top:10px}.footer__menu-list .sub-menu a,.footer__menu-list>.menu-item>a{font-size:18px;line-height:27px}}@media screen and (max-width:1023px){.footer{padding-bottom:20px}.footer__menu-list .sub-menu a,.footer__menu-list>.menu-item>a{font-size:16px;line-height:24px}.footer__logo-wr{-ms-flex-preferred-size:104px;flex-basis:104px}.footer__row--copyright{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer__social{margin-right:50px}.footer__copyright{font-size:14px;line-height:21px}.footer__copyright-wr{width:auto}.footer__social{margin-left:10px}}@media screen and (max-width:767px){.footer{padding:10px 0 50px}.footer__title{font-size:22px;line-height:33px}.footer__menu-list{display:block;margin-top:20px}.footer__menu-list>.menu-item{margin-top:20px;position:relative}.footer__menu-list>.menu-item:after{content:"";display:block;position:absolute;width:9px;height:5px;right:0;top:20px;background:50% 50%/cover no-repeat url(/wp-content/themes/znak/assets/svg/arrow-down.svg);-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.footer__menu-list .sub-menu{padding-bottom:0;opacity:0;visibility:hidden;-webkit-transition:.6s ease-in-out;-o-transition:.6s ease-in-out;transition:.6s ease-in-out;max-height:0}.footer__menu-list .sub-menu a{font-weight:400}.footer__menu-list>.menu-item--active:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.footer__menu-list>.menu-item--active .sub-menu{opacity:1;max-height:500px;visibility:visible}.footer__row--copyright{margin-top:30px;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer__copyright-wr{margin-top:20px;display:block;-ms-flex-preferred-size:100%;flex-basis:100%}.footer__copyright{margin-top:20px;font-size:11px;line-height:15px;text-align:center}.footer__social{margin:0 -15px}.footer__menu-list>.menu-item>a{margin-bottom:0}}.preload-screen{position:fixed;right:0;top:0;width:100vw;height:100vh;z-index:8;background:#333;-webkit-transition:.5s ease-in-out .5s;-o-transition:.5s ease-in-out .5s;transition:.5s ease-in-out .5s}.preload-screen__logo{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30%;max-width:625px;opacity:0;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.preload-screen--active .preload-screen__logo{opacity:1}.preload-screen--pre-disable{width:0}.preload-screen--disable{display:none}@media screen and (max-width:767px){.preload-screen__logo{width:50%}}@media screen and (max-width:1919px){h1{font-size:72px;line-height:86px}.section-heading__desc{margin-top:10px}}@media screen and (max-width:1365px){h1{font-size:64px;line-height:77px}h4{font-size:32px;line-height:38px}.section-heading__title{font-size:48px;line-height:58px}.section-heading__desc--top{font-size:24px;line-height:36px}.clients-and-reviews{padding-top:0}.clients-and-reviews__container{display:block;padding-top:100px;padding-bottom:100px}}@media screen and (max-width:1023px){html{overflow-y:scroll!important}body{height:auto}main{overflow-x:hidden}.section-heading__title{font-size:32px;line-height:38px}.section-heading__desc,.section-heading__desc--top{font-size:16px;line-height:24px}h1{font-size:48px;line-height:58px}h5{font-size:24px;line-height:36px}.page--about .portfolio,.page--project .portfolio,.page--team .portfolio{padding-bottom:0}}@media screen and (max-width:767px){h1{font-size:32px;line-height:38px}.clients-and-reviews__container{padding:50px 15px}.section-heading__title{font-size:24px;line-height:36px}.page--contacts{padding-top:60px}}html{height:100%}li,ul{list-style-type:none;margin:0;padding:0}a{text-decoration:none}p{margin:0}audio,canvas,iframe,img,svg,textarea,video{vertical-align:middle}textarea{resize:none}section{position:relative}button,input,select{outline:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}img,svg{max-width:100%}.section-bg{position:absolute;width:1058px;top:calc(50% + 45px);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.section-bg__gradient{position:absolute;top:0;width:368px;height:100%}.section-bg--left{left:0}.section-bg--left .section-bg__gradient{right:-2px;background:-webkit-gradient(linear,left top, right top,from(rgba(17,17,17,0)),to(#111));background:-o-linear-gradient(left,rgba(17,17,17,0),#111);background:linear-gradient(90deg,rgba(17,17,17,0),#111)}.section-bg--right{right:0}.section-bg--right .section-bg__gradient{left:-2px;background:-webkit-gradient(linear,right top, left top,from(rgba(17,17,17,0)),to(#111));background:-o-linear-gradient(right,rgba(17,17,17,0),#111);background:linear-gradient(-90deg,rgba(17,17,17,0),#111)}@media screen and (max-width:1919px){.section-bg{width:858px}}@media screen and (max-width:1365px){.section-bg{width:712px;top:calc(50% + 35px)}}@media screen and (max-width:1023px){.section-bg{width:500px;top:50%}}@media screen and (max-width:767px){.section-bg{width:100%;top:70px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.section-bg__gradient{right:auto;left:0;bottom:0;background:-webkit-gradient(linear,left bottom, left top,from(rgba(17,17,17,0)),to(#111));background:-o-linear-gradient(bottom,rgba(17,17,17,0),#111);background:linear-gradient(0deg,rgba(17,17,17,0),#111);height:320px;width:100%}.section-bg--left .section-bg__gradient,.section-bg--right .section-bg__gradient{right:auto;left:0;bottom:0;top:auto;background:-webkit-gradient(linear,left top, left bottom,from(rgba(17,17,17,0)),to(#111));background:-o-linear-gradient(top,rgba(17,17,17,0),#111);background:linear-gradient(180deg,rgba(17,17,17,0),#111);height:250px;width:100%}}.tab{position:relative;border:none;background:transparent;font-family:Jost,sans-serif;color:#fff;text-transform:uppercase}.tab,.tab:after,.tab__line{-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.tab:after{content:""}.tab:after,.tab__line{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);opacity:0;background:#fff;height:2px}.tab__name{position:relative}.tab--acquaintance{font-weight:700;font-size:30px;line-height:38px}.tab--acquaintance .tab__line,.tab--acquaintance:after{width:0}.tab--acquaintance.tab--active .tab__line,.tab--acquaintance.tab--active:after,.tab--acquaintance:hover .tab__line,.tab--acquaintance:hover:after{width:160px}.tab--portfolio{font-weight:600;font-family:Montserrat,sans-serif;font-size:24px;line-height:36px}.tab--portfolio .tab__line,.tab--portfolio:after{width:0}.tab--portfolio.tab--active .tab__line,.tab--portfolio.tab--active:after,.tab--portfolio:hover .tab__line,.tab--portfolio:hover:after{width:100px}.tab--active{color:#e6340d}.tab--active .tab__line{opacity:1}.tab:hover{cursor:pointer;color:#e6340d}.tab:hover:after{opacity:1}@media screen and (max-width:1365px){.tab--acquaintance{font-size:24px;line-height:36px}.tab--acquaintance.tab--active .tab__line,.tab--acquaintance.tab--active:after,.tab--acquaintance:hover .tab__line,.tab--acquaintance:hover:after{width:120px}}@media screen and (max-width:1023px){.tab--acquaintance{font-size:20px;line-height:30px}.tab--acquaintance.tab--active .tab__line,.tab--acquaintance.tab--active:after,.tab--acquaintance:hover .tab__line,.tab--acquaintance:hover:after{width:80px}.tab--portfolio{font-size:18px;line-height:27px}.tab--portfolio.tab--active .tab__line,.tab--portfolio.tab--active:after,.tab--portfolio:hover .tab__line,.tab--portfolio:hover:after{width:60px}}@media screen and (max-width:767px){.tab--portfolio{font-size:14px;line-height:21px}}.item__image-wrapper{position:relative;width:100%;padding-top:60%;overflow:hidden}.item__img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%}.item__title{margin-top:40px;font-weight:600;font-size:24px;line-height:36px;color:#fff;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.item__desc{display:block;margin-top:15px;font-size:18px;line-height:27px;color:#ddd}.item__whatter-word{position:absolute;left:0;top:0;width:100%;height:100%}.item__whatter-word:before{content:"";display:block;position:absolute;left:0;top: 0;bottom: 0;width:100%;border:3px solid #e6340d;opacity:0;transition:.3s ease}.item__whatter-word-diagonal{position:absolute;width:60%;height:3px;opacity:0;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.item__whatter-word-diagonal--second{right:0;top:0;background:#e6340d;-webkit-transform:rotate(-30.7deg);-ms-transform:rotate(-30.7deg);transform:rotate(-30.7deg);-webkit-transform-origin:100%;-ms-transform-origin:100%;transform-origin:100%;width:117%}.item__whatter-word-diagonal--second:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:50%;background:#fff}.item--news .item__image-wrapper{padding-top:70%}.item--news .item__whatter-word-diagonal--second{-webkit-transform:rotate(-34.5deg);-ms-transform:rotate(-34.5deg);transform:rotate(-34.5deg);width:122%}.item--news .item__content{padding-right:20px}.item--news .item__title{margin-top:30px;text-transform:unset}.item--news .item__cat{margin-top:30px;font-weight:600;font-size:16px;line-height:24px;color:#fff;display:inline-block}.item--news .item__desc{margin-top:30px}.item--portfolio .item__title{font-family:Montserrat,sans-serif}.item:hover .item__title{color:#e6340d}.item:hover .item__whatter-word:before{opacity:1}@media screen and (max-width:1919px){.item__title{margin-top:30px;text-transform:unset}.item--news .item__content{padding-right:0}}@media screen and (max-width:1365px){.item--news .item__cat,.item--news .item__desc,.item--news .item__title{margin-top:10px}.item--news .item__title{font-size:18px;line-height:27px}.item--news .item__cat{font-size:14px;line-height:21px}.item--news .item__desc{font-size:16px;line-height:24px}}@media screen and (max-width:1023px){.item__title{margin-top:20px}.item__desc{font-size:16px;line-height:24px}}@media screen and (max-width:767px){.item__title{margin-top:10px;font-size:14px;line-height:21px}.item__desc{margin-top:10px;font-size:12px;line-height:18px}}.why-number{position:relative;color:#e6340d;padding:25px 0}.why-number__whatter-word{display: none;position:absolute;left:0;top:0;height:100%}.why-number__inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.why-number__title{font-size:24px;line-height:1}.why-number__number{margin:20px 0 10px;font-family:Jost,sans-serif;font-weight:700;font-size:100px;line-height:1}@media screen and (max-width:1919px){.why-number{padding:5px 0}.why-number__number{margin:10px 0 0;font-size:80px}}@media screen and (max-width:1023px){.why-number__whatter-word{display:none}.why-number__title{font-size:18px;line-height:27px}.why-number__number{margin:0;font-size:72px;line-height:86px}}@media screen and (max-width:767px){.why-number__title{font-size:12px;line-height:18px}.why-number__number{font-size:32px;line-height:38px}}.border-block{border:2px solid #ddd}.border-block:after,.border-block:before{content:"";display:block;position:absolute;background:#333;top:-2px}.border-block:before{height:2px;width:calc(100% + 2px);left:-2px}.border-block:after{width:2px;height:109px;right:-2px}.why-adwards{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.why-adwards__title{color:#333;font-weight:700;font-size:32px;line-height:38px;text-transform:uppercase;-ms-flex-preferred-size:440px;flex-basis:440px}.why-adwards__img{-ms-flex-preferred-size:250px;flex-basis:250px}@media screen and (max-width:1919px){.why-adwards{padding:15px 20px}.why-adwards__title{font-size:21px;line-height:27px;-ms-flex-preferred-size:181px;flex-basis:181px}.why-adwards__img{height:82px}}@media screen and (max-width:1365px){.why-adwards__img,.why-adwards__title{-ms-flex-preferred-size:50%;flex-basis:50%}.why-adwards__title{font-size:16px;line-height:25px}.why-adwards__img{height:50px}}@media screen and (max-width:1023px){.why-adwards{padding:30px 40px}.why-adwards__title{font-size:24px;line-height:36px}.why-adwards__img{width:227px;height:auto}}@media screen and (max-width:767px){.why-adwards{padding:20px 15px;display:block;text-align:center}.why-adwards__title{font-size:18px;line-height:27px}.why-adwards__img{margin-top:15px;width:160px;height:auto}}.icon-desc-item__icon{width:48px;height:48px}.icon-desc-item__desc,.icon-desc-item__title{font-size:18px;line-height:27px}.icon-desc-item__title{margin-top:20px;font-family:Montserrat,sans-serif;font-weight:600;color:#333;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.icon-desc-item__desc{margin-top:20px}.icon-desc-item:hover .icon-desc-item__title{color:#e6340d}@media screen and (max-width:1919px){.icon-desc-item__title{margin-top:10px;text-transform:unset}.icon-desc-item__desc{margin-top:10px;font-size:16px;line-height:24px}.icon-desc-item__icon{width:40px;height:40px}}@media screen and (max-width:1365px){.icon-desc-item__icon{width:30px;height:30px}.icon-desc-item__title{font-size:16px;line-height:25px}.icon-desc-item__desc{margin-top:5px}}@media screen and (max-width:1023px){.icon-desc-item__icon{width:48px;height:48px}.icon-desc-item__title{margin-top:20px}.icon-desc-item__desc{margin-top:10px}}@media screen and (max-width:767px){.icon-desc-item__icon{width:32px;height:32px}.icon-desc-item__title{margin-top:10px}.icon-desc-item__desc,.icon-desc-item__title{font-size:14px;line-height:21px}}.item-hover-btn{position:relative}.item-hover-btn__img-wr{position:relative;left:0;top:0;width:100%;padding-top:70%;overflow:hidden}.item-hover-btn__img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%}.item-hover-btn__content{position:absolute;left:15px;top:0;height:100%;width:100%;max-width:calc(100% - 30px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.item-hover-btn__title{margin:22px 0;text-align:center}.item-hover-btn__btn{margin:0;opacity:0;visibility:hidden;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}.item-hover-btn:hover .item-hover-btn__btn{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media screen and (max-width:1023px){.item-hover-btn__img-wr{padding-top:120%}}@media screen and (max-width:767px){.item-hover-btn__title{font-size:18px;line-height:27px}.item-hover-btn__btn{display:none}}.btn-more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;font-size:18px;line-height:27px;color:#333;border:none;outline:none;background:transparent;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.btn-more__arrow{margin-left:10px;width:24px;height:24px}.btn-more__arrow,.btn-more__arrow path{-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.btn-more:hover{color:#e6340d;cursor:pointer}.btn-more:hover .btn-more__arrow path{stroke:#e6340d}.slider-arrow{width:48px;height:48px;border:none;outline:none;background:transparent;padding:0}.slider-arrow__icon{width:100%;height:100%}.slider-arrow__icon path{stroke:#e6340d;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.slider-arrow:hover{cursor:pointer}.slider-arrow:hover .slider-arrow__icon path{stroke:#333}@media screen and (max-width:767px){.slider-arrow:hover .slider-arrow__icon path{stroke:#e6340d}}.review-card{padding:40px 80px 40px 190px}.review-card__quote{position:absolute;left:40px;top:40px}.review-card__content{color:#333}.review-card__content p{margin-top:15px;line-height:27px}.review-card__content p:first-child{margin-top:0}.review-card__title{margin-top:30px;color:#e6340d}.review-card__date{margin-top:20px;display:inline-block;font-weight:600;font-size:18px;line-height:27px}@media screen and (max-width:1919px){.review-card{padding:40px 30px 40px 100px}.review-card__quote{left:30px;width:40px;height:23px}.review-card__date,.review-card__title{margin-top:10px}}@media screen and (max-width:1023px){.review-card__content p{font-size:16px;line-height:24px}}@media screen and (max-width:767px){.review-card{padding:15px 10px 15px 45px}.review-card__quote{top:15px;left:15px;width:16px;height:10px}.review-card__content p{font-size:14px;line-height:21px}.review-card__date,.review-card__title{margin-top:15px;font-size:14px;line-height:21px}}.circle-plus{width:25px;height:25px;border-width:2px;border-style:solid;position:relative;border-radius:50%;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.circle-plus:after,.circle-plus:before{content:"";display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.circle-plus:before{width:5px;height:2px}.circle-plus:after{width:2px;height:5px;-webkit-transform:translate(-50%,-50%) rotate(0deg);-ms-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}.circle-plus--black{background:#fff;border-color:#333}.circle-plus--black:after,.circle-plus--black:before{background:#333}.circle-plus--red{background:#fff;border-color:#e6340d}.circle-plus--red:after,.circle-plus--red:before{background:#e6340d}.circle-plus--white{background:#e6340d;border-color:#fff}.circle-plus--white:after,.circle-plus--white:before{background:#fff}.circle-plus:hover{opacity:.3}.quiz{position:absolute;z-index:7;left:0;top:0;width:100vw;height:100vh;display:block;opacity:1}.quiz__step-inner{max-width:1030px;text-align:center;max-height:100vh}.quiz__title{margin-top:30px;font-weight:700;font-size:48px;line-height:58px;color:#333}.quiz__question{margin-top:20px;font-weight:700;font-size:24px;line-height:36px;color:#333}.quiz__next-step{margin-top:40px;width:230px;text-align:center}.quiz__answers{margin:30px -10px -10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.quiz__anwser-btn{margin:10px}.quiz__info-and-form{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:#333}.quiz__form,.quiz__info{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:left}.quiz__info-title{font-size:32px;line-height:38px}.quiz__info-item{padding-left:40px;position:relative;font-size:24px;line-height:36px;max-width:400px;margin:25px 0}.quiz__info-item:after,.quiz__info-item:before{content:"";display:block;position:absolute}.quiz__info-item:before{left:0;top:8px;width:20px;height:20px;background:#333}.quiz__info-item:after{left:6px;top:14px;width:8px;height:8px;background:#fff}.quiz__field{margin-top:30px}.quiz__send-btn{margin-top:40px;width:100%}@media screen and (max-width:1365px){.quiz__step-inner{max-width:calc(100vw - 30px)}.quiz__title{font-size:32px;line-height:38px}.quiz__question{margin-top:10px;font-size:21px;line-height:29px}.quiz__answers{margin:20px -5px -5px}.quiz__anwser-btn{margin:5px}.quiz__next-step{margin-top:30px}}@media screen and (max-width:1023px){.quiz__info-and-form{margin-top:20px}.quiz__info{display:none}.quiz__field{margin-top:10px;font-size:18px;height:60px}.quiz__send-btn{margin-top:20px}}.quiz-steps__step-number{font-size:18px;line-height:27px;color:#555}.quiz-steps__step-number--current{color:#e6340d;font-weight:600}.quiz-steps__vizual{margin:30px auto 0;width:570px;height:4px;background:#e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%}.quiz-steps__vizual-step{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:100%;position:relative;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.quiz-steps__vizual-square{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:14px;height:14px;border:4px solid #e0e0e0;background:#fff;right:-7px;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.quiz-steps__vizual-square--first{left:-7px;border-color:#e6340d}.quiz-steps__vizual-square--active,.quiz-steps__vizual-step--finish,.quiz-steps__vizual-step--now{background:#e6340d}.quiz-steps__vizual-step--finish .quiz-steps__vizual-square{border-color:#e6340d;background:#e6340d}.quiz-steps__vizual-step--now .quiz-steps__vizual-square{border-color:#e6340d}.home-screen{position:relative}.home-screen__slider-container{position:absolute;top:0;left:0;width:100%;height:100vh}.home-screen__slider-slide,.home-screen__slider-wrapper{height:100%}.home-screen__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.home-screen__bg{position:absolute;right:0;top:0;height:100%;width:74%;z-index:1}.home-screen__bg:after,.home-screen__bg:before{content:"";display:block;position:absolute;top:0;left:0;z-index:2}.home-screen__bg:before{left:-2px;height:100%;width:340px;background:-webkit-gradient(linear,left top, right top,from(#111),to(rgba(17,17,17,0)));background:-o-linear-gradient(left,#111,rgba(17,17,17,0));background:linear-gradient(90deg,#111,rgba(17,17,17,0))}.home-screen__bg:after{width:100%;height:152px;background:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(transparent));background:-o-linear-gradient(top,rgba(0,0,0,.5),transparent);background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.home-screen__bg-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.home-screen__content{position:relative;z-index:3;padding-left:110px;max-width:1460px}.home-screen__content p{margin-top:20px;max-width:705px;font-size:24px;line-height:36px}.home-screen__cat{margin-top:30px;font-weight:600;font-size:24px;line-height:36px;color:#ccc}.home-screen__social{position:absolute;left:15px;bottom:40px;z-index:3}.home-screen__btns{margin-top:70px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.home-screen__content--md p{font-size:18px;line-height:27px;max-width:770px}.home-screen__container--right{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-left:0;padding-right:80px}.home-screen__content--right{text-align:right}.home-screen__content--right p{margin-left:auto}.home-screen__bg--left{right:auto;left:0}.home-screen__bg--left:before{left:auto;right:-2px;background:-webkit-gradient(linear,left top, right top,from(rgba(17,17,17,0)),to(#111));background:-o-linear-gradient(left,rgba(17,17,17,0),#111);background:linear-gradient(90deg,rgba(17,17,17,0),#111)}.home-screen__line-desc{margin-top:20px;position:relative;padding-left:124px}.home-screen__line-desc:before{content:"";display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;height:2px;width:94px;background:#f2f2f2}.home-screen__swiper-container{height:100%;width:74%;position:absolute;right:0;top:0}.home-screen__slider-controls{position:absolute;left:15px;bottom:50px;width:calc(100% - 30px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home-screen__bg-img--desktop{display:inline}.home-screen .swiper-pagination{bottom:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;z-index:4}.home-screen .swiper-pagination-bullet{background:hsla(0,0%,100%,.4);width:10px;height:10px;opacity:1;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;margin:0 3px}.home-screen .swiper-pagination-bullet:before{content:"";display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:6px;height:6px;background:#e6340d;border-radius:50%;opacity:0;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.home-screen .swiper-pagination-bullet-active{width:16px;height:16px;position:relative;background:hsla(0,0%,100%,.8)}.home-screen .swiper-pagination-bullet-active:before{opacity:1}.home-screen--price .home-screen__container{height:700px}.home-screen--single-news{height:100vh}.home-screen--single-project .swiper-container:before{z-index:2;content:"";display:block;position:absolute;left:-2px;height:100%;width:340px;background:-webkit-gradient(linear,left top, right top,from(#111),to(rgba(17,17,17,0)));background:-o-linear-gradient(left,#111,rgba(17,17,17,0));background:linear-gradient(90deg,#111,rgba(17,17,17,0))}.home-screen--single-project .home-screen__content{max-width:800px}.home-screen--single-project .home-screen__bg{position:relative;width:100%;height:100%}.home-screen--single-project .home-screen__bg:before{display:none}@media screen and (max-width:1919px){.home-screen__content{padding-left:0;max-width:918px}.home-screen__content p{margin-top:60px}.home-screen__container--right .home-screen__content{max-width:568px}.home-screen--price .home-screen__container{height:600px}.home-screen--single-project .home-screen__content{max-width:590px}}@media screen and (max-width:1365px){.home-screen__content{max-width:540px}.home-screen__content p{margin-top:30px;max-width:476px}.home-screen__line-desc{padding-left:80px}.home-screen__line-desc:before{width:60px}.home-screen__slider-controls{bottom:20px}.home-screen--price .home-screen__container{height:500px}.home-screen--single-news .home-screen__content{max-width:100%}.home-screen--about{padding-right:0}.home-screen--single-project .home-screen__content{max-width:500px}}@media screen and (max-width:1023px){.home-screen{height:100vh}.home-screen__content{max-width:620px}.home-screen__content p{margin-top:10px;font-size:16px;line-height:24px}.home-screen__line-desc{padding-left:60px;font-size:16px;line-height:24px}.home-screen__line-desc:before{width:40px}.home-screen__slider-controls{bottom:15px}.home-screen--price{height:auto}.home-screen--single-news .home-screen__content{max-width:540px}.home-screen--mission .home-screen__desc{font-size:14px;line-height:21px}.home-screen--mission .home-screen__btns{margin-left:auto;margin-top:20px;width:240px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.home-screen--mission .home-screen__btn{width:100%;text-align:center}.home-screen--mission .home-screen__container--right{padding:70px 15px 0}.home-screen--mission .home-screen__content{text-align:right}.home-screen--single-project .home-screen__content{max-width:380px}}@media screen and (max-width:767px){.home-screen__container--right{padding-right:15px}.home-screen__bg{width:100%}.home-screen .swiper-pagination{bottom:10px}.home-screen--price .home-screen__container{height:100vh}}.acquaintance__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.acquaintance__inner{-ms-flex-preferred-size:50%;flex-basis:50%}.acquaintance__heading{margin-bottom:60px}.acquaintance__content-item{display:none;max-width:630px;font-size:18px;line-height:27px;color:#ddd}.acquaintance__content-item p{margin-top:15px}.acquaintance__content-item--active{display:block}.acquaintance__tabs{margin:50px -10px -30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.acquaintance__tab-wr{margin:22px 10px}@media screen and (max-width:1919px){.acquaintance__heading{margin-bottom:20px}}@media screen and (max-width:1365px){.acquaintance__content-item{width:540px}.acquaintance__tabs{margin:20px -10px -20px}.acquaintance__tab-wr{margin:15px 10px}}@media screen and (max-width:1023px){.acquaintance{padding:118px 0}.acquaintance__content-item{width:auto;font-size:16px;line-height:24px}.acquaintance__content-item p{margin-top:10px}}@media screen and (max-width:767px){.acquaintance{padding:70px 0}.acquaintance__container{display:block}.acquaintance__inner{padding-top:200px}.acquaintance__content-item{width:100%}}.portfolio__tabs{margin:50px -40px -11px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.portfolio__scroll-wrapper{max-height:calc(100vh - 90px);overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:90px}.portfolio__scroll-wrapper::-webkit-scrollbar{display:none}.portfolio__tab-item{margin:22px 40px}.portfolio__items-wr-container{position:relative;margin:80px auto 0;width:100%;max-width:1070px}.portfolio__items-wr-container:after{content:"";display:block;position:absolute;left:calc(100% + (100vw - 1070px)/2 - 368px);top:0;height:100%;width:368px;background:-webkit-gradient(linear,left top, right top,from(rgba(17,17,17,0)),to(#111));background:-o-linear-gradient(left,rgba(17,17,17,0),#111);background:linear-gradient(90deg,rgba(17,17,17,0),#111);z-index:3}.portfolio__items-wr{overflow:visible;display:none}.portfolio__items-wr--active{display:block}.portfolio__mobile-btn{display:none}@media screen and (max-width:1919px){.portfolio__tabs{margin:30px -30px -10px}.portfolio__tab-item{margin:20px 30px}.portfolio__items-wr-container{margin:60px auto 0}}@media screen and (max-width:1365px){.portfolio__tab-item{margin:10px 30px}.portfolio__items-wr-container{max-width:730px;margin-left:calc((100vw - 970px)/2)}.portfolio__items-wr-container:after{width:245px;left:calc(100% + (100vw - 970px)/2)}}@media screen and (max-width:1023px){.portfolio{padding-bottom:100px;padding-top:30px}.portfolio__items-wr-container{margin-top:40px;max-width:420px;margin-left:calc((100vw - 754px)/2)}.portfolio__items-wr-container:after{width:245px;left:calc(100% + (100vw - 754px)/2 + 90px)}.portfolio__scroll-wrapper{max-height:100%;overflow:hidden;padding-bottom:0}}@media screen and (max-width:767px){.portfolio__heading-btn{display:none}.portfolio__mobile-btn{margin:30px auto 0;display:block;width:calc(100% - 30px);text-align:center}.portfolio__items-wr-container{max-width:250px;margin-left:0}.portfolio__items-wr-container:after{width:125px;left:250px}}.why-us__inner{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.why-us__adwards,.why-us__numbers{-ms-flex-preferred-size:50%;flex-basis:50%}.why-us__items{margin-top:100px;-ms-flex-preferred-size:100%;flex-basis:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.why-us__item{-webkit-box-flex:1;-ms-flex:1 1 220px;flex:1 1 220px}.why-us__numbers{display:-webkit-box;display:-ms-flexbox;display:flex}.why-us__number-item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}@media screen and (max-width:1919px){.why-us__inner{margin-top:20px}.why-us__items{margin-top:30px;gap:20px}.why-us__numbers{-ms-flex-preferred-size:calc(100% - 545px);flex-basis:calc(100% - 545px)}.why-us__adwards{-ms-flex-preferred-size:500px;flex-basis:500px}}@media screen and (max-width:1365px){.why-us__numbers{-ms-flex-preferred-size:calc(100% - 440px);flex-basis:calc(100% - 440px)}.why-us__adwards{-ms-flex-preferred-size:410px;flex-basis:410px}.why-us__items{display:-ms-grid;display:grid;-ms-grid-columns:1fr 20px 1fr 20px 1fr;grid-template-columns:repeat(3,1fr);grid-gap:10px 20px}}@media screen and (max-width:1023px){.why-us{padding:100px 0}.why-us__inner{margin-top:60px}.why-us__numbers{-ms-flex-preferred-size:532px;flex-basis:532px}.why-us__adwards{margin-top:60px;-ms-flex-preferred-size:100%;flex-basis:100%}.why-us__items{margin-top:60px;grid-gap:55px 20px}}@media screen and (max-width:767px){.why-us{padding:50px 0}.why-us__heading{display:block}.why-us__heading-btn{margin-top:20px;display:block;text-align:center}.why-us__inner{margin-top:40px}.why-us__numbers{-ms-flex-preferred-size:auto;flex-basis:auto;display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 1fr 30px 1fr;grid-template-columns:repeat(3,1fr);width:100%;grid-gap:30px}.why-us__adwards,.why-us__items{margin-top:40px}.why-us__items{-ms-grid-columns:1fr 15px 1fr;grid-template-columns:repeat(2,1fr);grid-gap:40px 15px}}.your-object__items{margin-top:60px}.your-object__item{-ms-flex-negative:1;flex-shrink:1}.your-object__arrows{display:none}@media screen and (max-width:1023px){.your-object{padding:100px 0}}@media screen and (max-width:767px){.your-object__title{max-width:240px;margin-left:auto;margin-right:auto}.your-object__items{margin:30px auto 0;width:220px;height:220px}.your-object__slider{height:100%;overflow:visible}.your-object__item{-ms-flex-negative:0;flex-shrink:0}.your-object__heading{position:relative}.your-object__arrows{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;bottom:10px;width:100%}.your-object .item-hover-btn__img-wr{height:100%;padding-top:0}}.vizualization__content{position:relative;margin:100px auto 0;width:500px;height:500px}.vizualization__circle{position:absolute;left:0;top:0;width:100%;height:100%;z-index:4}.vizualization__circle svg{width:100%;height:100%}.vizualization__lines{left:calc(50% + 50px);top:calc(50% - 70px);width:1880px;max-width:none}.vizualization__lines,.vizualization__logo{position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vizualization__logo{left:50%;top:50%;width:253px;height:100px}.vizualization__items,.vizualization__logo svg{width:100%;height:100%}.vizualization__items{position:relative}.vizualization__item-text{display:block}.vizualization__item{position:absolute;white-space:nowrap;font-size:24px;line-height:36px;color:#333}.vizualization__item:after,.vizualization__item:before{content:"";display:block;position:absolute;bottom:0;height:2px;background:#ddd}.vizualization__item:before{left:0;width:100%}.vizualization__item:first-child:after,.vizualization__item:nth-child(2):after,.vizualization__item:nth-child(3):after,.vizualization__item:nth-child(4):after{right:0}.vizualization__item:nth-child(5):after,.vizualization__item:nth-child(6):after,.vizualization__item:nth-child(7):after,.vizualization__item:nth-child(8):after{left:0}.vizualization__item:after{width:40px}.vizualization__item:first-child:after,.vizualization__item:nth-child(2):after{-webkit-transform:rotate(-140deg);-ms-transform:rotate(-140deg);transform:rotate(-140deg);-webkit-transform-origin:100%;-ms-transform-origin:100%;transform-origin:100%}.vizualization__item:first-child{right:calc(100% - 57px);width:300px;top:20px}.vizualization__item:first-child .vizualization__item-text{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}.vizualization__item:nth-child(2){right:calc(100% + 3px);width:390px;top:115px}.vizualization__item:nth-child(2) .vizualization__item-text{-webkit-transform:translate(-90px,-15px);-ms-transform:translate(-90px,-15px);transform:translate(-90px,-15px)}.vizualization__item:nth-child(3):after,.vizualization__item:nth-child(4):after{-webkit-transform:rotate(140deg);-ms-transform:rotate(140deg);transform:rotate(140deg);-webkit-transform-origin:100%;-ms-transform-origin:100%;transform-origin:100%}.vizualization__item:nth-child(3){right:calc(100% + 16px);top:235px}.vizualization__item:nth-child(3) .vizualization__item-text{-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.vizualization__item:nth-child(4){right:calc(100% - 90px);bottom:14px}.vizualization__item:nth-child(4) .vizualization__item-text{-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.vizualization__item:nth-child(5):after,.vizualization__item:nth-child(6):after,.vizualization__item:nth-child(7):after{-webkit-transform:rotate(140deg);-ms-transform:rotate(140deg);transform:rotate(140deg);-webkit-transform-origin:0 1px;-ms-transform-origin:0 1px;transform-origin:0 1px}.vizualization__item:nth-child(5){width:350px;left:calc(100% - 60px);top:20px}.vizualization__item:nth-child(5) .vizualization__item-text{-webkit-transform:translate(40px,-20px);-ms-transform:translate(40px,-20px);transform:translate(40px,-20px)}.vizualization__item:nth-child(6){width:340px;left:calc(100% + 10px);top:160px}.vizualization__item:nth-child(6) .vizualization__item-text{-webkit-transform:translate(30px,-15px);-ms-transform:translate(30px,-15px);transform:translate(30px,-15px)}.vizualization__item:nth-child(8):after{-webkit-transform:rotate(-140deg);-ms-transform:rotate(-140deg);transform:rotate(-140deg);-webkit-transform-origin:0 1px;-ms-transform-origin:0 1px;transform-origin:0 1px}.vizualization__item:nth-child(7){width:350px;left:calc(100% + -3px);bottom:162px}.vizualization__item:nth-child(7) .vizualization__item-text{-webkit-transform:translate(30px,-15px);-ms-transform:translate(30px,-15px);transform:translate(30px,-15px)}.vizualization__item:nth-child(8){width:440px;left:calc(100% - 70px);bottom:35px}.vizualization__item:nth-child(8) .vizualization__item-text{-webkit-transform:translate(90px,0px);-ms-transform:translate(90px,0px);transform:translate(90px,0px)}.vizualization__item-circle,.vizualization__mobile{display:none}@media screen and (max-width:1919px){.vizualization__container{padding-bottom:50px}.vizualization__content{margin-top:50px;width:400px;height:400px}.vizualization__logo{width:173px;height:auto}.vizualization__lines{left:calc(50% + 47px);top:calc(50% - 60px);width:1520px}.vizualization__item:first-child{width:290px;right:calc(100% - 40px);top:-10px}.vizualization__item:first-child .vizualization__item-text{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.vizualization__item:nth-child(2){right:calc(100% + 10px);top:30px;width:330px;white-space:inherit}.vizualization__item:nth-child(2) .vizualization__item-text{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);width:315px}.vizualization__item:nth-child(3){width:240px;top:165px}.vizualization__item:nth-child(3) .vizualization__item-text{-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}.vizualization__item:nth-child(4){width:240px;right:calc(100% - 60px)}.vizualization__item:nth-child(4) .vizualization__item-text{-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}.vizualization__item:nth-child(5){width:420px;left:calc(100% - 50px);top:0}.vizualization__item:nth-child(5) .vizualization__item-text{-webkit-transform:translate(25px);-ms-transform:translate(25px);transform:translate(25px)}.vizualization__item:nth-child(6){left:calc(100% + 15px);top:85px;width:320px;white-space:inherit}.vizualization__item:nth-child(6) .vizualization__item-text{-webkit-transform:translate(30px,-5px);-ms-transform:translate(30px,-5px);transform:translate(30px,-5px)}.vizualization__item:nth-child(7){left:100%;bottom:128px;white-space:inherit;width:350px}.vizualization__item:nth-child(7) .vizualization__item-text{-webkit-transform:translate(60px,-15px);-ms-transform:translate(60px,-15px);transform:translate(60px,-15px);width:300px}.vizualization__item:nth-child(8){width:370px;left:calc(100% - 50px);bottom:25px;width:400px;white-space:inherit}.vizualization__item:nth-child(8) .vizualization__item-text{-webkit-transform:translate(40px,70px);-ms-transform:translate(40px,70px);transform:translate(40px,70px);width:370px}}@media screen and (max-width:1365px){.vizualization__item{font-size:18px;line-height:27px}.vizualization__item:first-child{width:240px;right:calc(100% - 70px);top:-20px}.vizualization__item:nth-child(2){right:100%;top:40px;width:240px}.vizualization__item:nth-child(3){width:180px;top:195px}.vizualization__item:nth-child(4){width:180px}.vizualization__item:nth-child(5){width:330px;left:calc(100% - 50px);top:-30px}.vizualization__item:nth-child(6){left:calc(100% + 5px);top:75px;width:210px}.vizualization__item:nth-child(6) .vizualization__item-text{-webkit-transform:translate(10px,-5px);-ms-transform:translate(10px,-5px);transform:translate(10px,-5px)}.vizualization__item:nth-child(7){width:240px}.vizualization__item:nth-child(7) .vizualization__item-text{-webkit-transform:translate(30px,-5px);-ms-transform:translate(30px,-5px);transform:translate(30px,-5px);width:220px}.vizualization__item:nth-child(8){width:300px}.vizualization__item:nth-child(8) .vizualization__item-text{-webkit-transform:translate(30px,0px);-ms-transform:translate(30px,0px);transform:translate(30px,0px)}}@media screen and (max-width:1023px){.vizualization{padding:100px 0}.vizualization__content{width:240px;height:240px}.vizualization__logo{width:122px}.vizualization__lines{left:calc(50% + 27px);top:calc(50% - 40px);width:930px;display:none}.vizualization__item{font-size:14px;line-height:21px}.vizualization__item:after{width:30px}.vizualization__item:first-child{width:150px;right:calc(100% - 20px);top:-10px}.vizualization__item:nth-child(2){right:calc(100% + 10px);top:20px;width:200px}.vizualization__item:nth-child(2) .vizualization__item-text{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);width:155px}.vizualization__item:nth-child(3){width:160px;top:125px}.vizualization__item:nth-child(3) .vizualization__item-text{-webkit-transform:translateY(25px);-ms-transform:translateY(25px);transform:translateY(25px)}.vizualization__item:nth-child(4){width:160px;right:calc(100% - 30px);bottom:5px}.vizualization__item:nth-child(5){width:240px;left:calc(100% - 40px);top:-20px}.vizualization__item:nth-child(5) .vizualization__item-text{-webkit-transform:translate(10px,-4px);-ms-transform:translate(10px,-4px);transform:translate(10px,-4px)}.vizualization__item:nth-child(6){left:calc(100% + 11px);top:35px;width:160px}.vizualization__item:nth-child(6) .vizualization__item-text{-webkit-transform:translate(10px,-5px);-ms-transform:translate(10px,-5px);transform:translate(10px,-5px);width:170px}.vizualization__item:nth-child(7){left:calc(100% - 7px);bottom:68px;width:220px}.vizualization__item:nth-child(7) .vizualization__item-text{-webkit-transform:translate(10px,-5px);-ms-transform:translate(10px,-5px);transform:translate(10px,-5px);width:240px}.vizualization__item:nth-child(8){width:220px;bottom:0}.vizualization__item:nth-child(8) .vizualization__item-text{-webkit-transform:translate(7px,0px);-ms-transform:translate(7px,0px);transform:translate(7px,0px);width:220px}}@media screen and (max-width:767px){.vizualization{padding:50px 0}.vizualization__content{margin-top:20px;width:150px;height:150px}.vizualization__logo{width:75px}.vizualization__items{z-index:4}.vizualization__item-circle{display:block}.vizualization__desktop{display:none}.vizualization__mobile{display:block;position:relative;height:100%}.vizualization__item-circle{position:absolute}.vizualization__item-circle:first-of-type{left:19px;top:5px}.vizualization__item-circle:nth-of-type(2){left:-5px;top:35px}.vizualization__item-circle:nth-of-type(3){left:-7px;top:77px}.vizualization__item-circle:nth-of-type(4){left:14px;bottom:10px}.vizualization__item-circle:nth-of-type(5){right:25px;top:2px}.vizualization__item-circle:nth-of-type(6){right:-6px;top:60px}.vizualization__item-circle:nth-of-type(7){right:-1px;bottom:29px}.vizualization__item-circle:nth-of-type(8){right:37px;bottom:-2px}.vizualization__item-text{width:300px;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-60px;opacity:0;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;text-align:center}.vizualization__item-circle:hover+.vizualization__item-text{opacity:1}}.design-project__content{width:630px}.design-project__desc{margin-top:40px;font-size:24px;line-height:36px}.design-project__desc p{margin-top:15px}.design-project__btns{margin-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.design-project__btn{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}@media screen and (max-width:1365px){.design-project__content{width:510px}.design-project__desc{font-size:18px;line-height:27px}}@media screen and (max-width:1023px){.design-project{padding:100px 0}.design-project__desc{margin-top:20px;font-size:16px;line-height:24px}.design-project__content{width:395px}.design-project__btns{margin-top:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;width:240px}}@media screen and (max-width:767px){.design-project{padding:270px 0 70px}.design-project__btns,.design-project__content{width:100%}}.clients{padding-right:130px}.clients__items{margin:60px -40px -20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.clients__item{margin:20px 40px;width:120px;height:120px;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clients__item:first-child,.clients__item:nth-child(2),.clients__item:nth-child(3),.clients__item:nth-child(4),.clients__item:nth-child(5),.clients__item:nth-child(6),.clients__item:nth-child(7),.clients__item:nth-child(8),.clients__item:nth-child(9),.clients__item:nth-child(10){display:-webkit-box;display:-ms-flexbox;display:flex}.clients__logo{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.clients__item:hover .clients__logo{-webkit-filter:grayscale(0);filter:grayscale(0)}@media screen and (max-width:1919px){.clients{padding-right:40px}.clients__items{margin:20px -40px -10px}.clients__item{margin:10px 40px;width:100px;height:100px}}@media screen and (max-width:1365px){.clients{padding-right:0}.clients__items{margin:30px -40px -10px}.clients__item{width:148px;height:148px}}@media screen and (max-width:1023px){.clients__items{margin:5px -55px}.clients__item{margin:25px 15px;width:120px;height:120px}}@media screen and (max-width:767px){.clients__title{text-align:center}.clients__items{margin:10px -10px -10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.clients__item{margin:10px;width:80px;height:80px}.clients__more-btn{margin:22px auto 0;font-size:14px;line-height:21px}}.reviews__arrows{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.reviews__slider{margin-top:80px}.reviews__inner{width:850px}@media screen and (max-width:1919px){.reviews__slider{margin-top:40px}.reviews__inner{width:570px}.reviews:before{content:"";display:block;position:absolute;top:-100px;left:0;width:100%;height:100px;background:#fff}}@media screen and (max-width:1365px){.reviews{margin-top:100px}.reviews__slider{margin-top:20px}.reviews__inner{width:100%}}@media screen and (max-width:1023px){.reviews{margin-top:50px}}@media screen and (max-width:767px){.reviews__heading{position:relative;display:block}.reviews__title{text-align:center}.reviews__arrows{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}} .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, to { -webkit-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) } } @keyframes bounce { 0%, 20%, 50%, 80%, to { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } to { -webkit-transform: scale(1); transform: scale(1) } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateX(0); transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } } @keyframes shake { 0%, to { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-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); -ms-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1) } 10%, 20% { -webkit-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } to { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 10%, 20% { -webkit-transform: scale(.9) rotate(-3deg); -ms-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } to { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes wobble { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } to { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(.9); transform: scale(.9) } to { -webkit-transform: scale(1); transform: scale(1) } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) } to { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } to { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } to { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); transform: translateY(10px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px) } to { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(.95); transform: scale(.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1) } to { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } to { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px) } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } to { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px) } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } to { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px) } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } to { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px) } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } to { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .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 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95); transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1); transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95); transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1); transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } to { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } to { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 } } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } to { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } to { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 } } .flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1 } to { -webkit-transform: translateX(0) skewX(0deg); transform: translateX(0) skewX(0deg); opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0) skewX(-15deg); -ms-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1 } to { -webkit-transform: translateX(0) skewX(0deg); -ms-transform: translateX(0) skewX(0deg); transform: translateX(0) skewX(0deg); opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0deg); transform: translateX(0) skewX(0deg); opacity: 1 } to { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0deg); -ms-transform: translateX(0) skewX(0deg); transform: translateX(0) skewX(0deg); opacity: 1 } to { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } to { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } to { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } to { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } to { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } to { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } to { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } to { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } to { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } to { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } to { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } to { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } to { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateX(0) rotate(0deg); -ms-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg) } to { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0deg); -ms-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg) } to { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translateZ(0); transform: translateZ(0) } .swiper-container-multirow>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-multirow-column>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-container-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-container-pointer-events.swiper-container-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent); background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent); background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent); background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory } .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/44*27); height: var(--swiper-navigation-size); margin-top: calc(-1*var(--swiper-navigation-size)/2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; text-transform: none; font-variant: normal; line-height: 1 } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev" } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next" } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000 } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: top .2s, -webkit-transform .2s; transition: top .2s, -webkit-transform .2s; -o-transition: transform .2s, top .2s; transition: transform .2s, top .2s; transition: transform .2s, top .2s, -webkit-transform .2s } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: left .2s, -webkit-transform .2s; transition: left .2s, -webkit-transform .2s; -o-transition: transform .2s, left .2s; transition: transform .2s, left .2s; transition: transform .2s, left .2s, -webkit-transform .2s } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: right .2s, -webkit-transform .2s; transition: right .2s, -webkit-transform .2s; -o-transition: transform .2s, right .2s; transition: transform .2s, right .2s; transition: transform .2s, right .2s, -webkit-transform .2s } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white { --swiper-pagination-color: #fff } .swiper-pagination-black { --swiper-pagination-color: #000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s linear infinite; animation: swiper-preloader-spin 1s linear infinite; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-top: 4px solid transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-container-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-filter: blur(50px); filter: blur(50px) } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } body { height: 100%; font-size: 18px; line-height: 27px; background: #111; font-family: Montserrat, sans-serif } body, html { overflow: hidden!important } h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 700; font-family: Jost, sans-serif; text-transform: uppercase } h1 { font-size: 100px; line-height: 120px } h2 { font-size: 72px; line-height: 86px } h3 { font-size: 64px; line-height: 77px } h4 { font-size: 48px; line-height: 58px } h5 { font-size: 32px; line-height: 38px } h6 { font-size: 24px; line-height: 36px } .section--dark { color: #fff } .section--white { color: #555; background: #fff } .section--light { color: #555; background: #fbfbfb } .section-heading__title { font-size: 64px; line-height: 77px } .section-heading__title--xl { font-size: 72px; line-height: 86px } .section-heading--inline-justify { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .section-heading--centered { text-align: center } .section-heading__title--black { color: #333 } .section-heading__desc { margin-top: 30px; font-size: 24px; line-height: 36px } .section-heading__desc--light-gray { color: #ddd } .section-heading__desc--top { margin-top: 0; margin-bottom: 20px; font-size: 32px; line-height: 48px } .section-bg { z-index: 1 } .section-container { z-index: 3 } .page--news .portfolio-posts__btn-wr { padding-bottom: 100px } .page--contacts { padding-top: 120px } .container { position: relative; margin: 0 auto; width: 100%; padding: 0 15px; max-width: 1760px; z-index: 3 } .container--flex { display: -webkit-box; display: -ms-flexbox; display: flex } .container__side--two-equal { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50% } @media screen and (max-width:1919px) { .container { max-width: 1196px } } @media screen and (max-width:1365px) { .container { max-width: 970px } } @media screen and (max-width:1023px) { .container { max-width: 754px } } .phone { font-weight: 600; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; line-height: 36px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .phone__icon { margin-right: 24px; width: 24px; height: auto } .phone__icon path { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .phone:hover { color: #e6340d!important } .phone:hover .phone__icon path { stroke: #e6340d } @media screen and (max-width:1919px) { .phone { font-size: 20px } .phone__icon { margin-right: 0 } } @media screen and (max-width:1365px) { .phone__number { display: none } } @media screen and (max-width:1023px) { .phone { font-size: 18px; line-height: 27px } .phone__number { margin-left: 11px; display: block } } @media screen and (max-width:767px) { .phone__number { display: none } } .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -35px } .nav .menu-item { margin: 0 35px } .nav .menu-item a { color: #fff; font-weight: 600; font-size: 18px; line-height: 27px; text-transform: uppercase; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .nav .menu-item.current-menu-item a, .nav .menu-item.current_page_item a, .nav .menu-item a:hover { color: #e6340d } @media screen and (max-width:1919px) { .nav__list { margin: 0 -20px } .nav .menu-item { margin: 0 12px } .nav .menu-item a { font-size: 16px } } @media screen and (max-width:1365px) { .nav__list { margin: 0 -15px } .nav .menu-item { margin: 0 15px } .nav .menu-item a { font-size: 16px; line-height: 24px } } .hamburger { position: relative; border: none; outline: none; background: transparent; width: 44px; height: 27px } .hamburger:after, .hamburger:before { content: ""; display: block; position: absolute; right: 0; height: 2px; background: #fff; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .hamburger:before { top: 5px; width: 100% } .hamburger:after { bottom: 5px; width: 34px } .hamburger:hover:after, .hamburger:hover:before { background: #e6340d } .mobile-nav { position: fixed; width: 100%; z-index: 6; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden } .mobile-nav, .mobile-nav__inner { right: 0; top: 0; height: 100%; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .mobile-nav__inner { position: absolute; width: 535px; max-width: 100%; background: #111; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 30px; overflow-y: scroll; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } .mobile-nav__close { position: absolute; top: 46px; right: 70px; width: 25px; height: 25px; background: transparent; border: none; outline: none; padding: 0 } .mobile-nav__close-icon { width: 100%; height: 100% } .mobile-nav__logo { display: block; width: 36px; height: 39px } .mobile-nav__logo-icon { width: 100%; height: auto } .mobile-nav__lng { margin-top: 37px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -20px; margin-right: -20px } .mobile-nav__lng .lang-item { margin: 0 20px } .mobile-nav__lng a { color: #fff; font-weight: 600; font-size: 18px; line-height: 27px } .mobile-nav__nav { margin-top: 60px; width: 100% } .mobile-nav__nav li { width: 100% } .mobile-nav__nav a { display: block; text-align: center; font-weight: 600; font-size: 18px; line-height: 27px; color: #fff; padding: 30px; border-top: 1px solid #323232 } .mobile-nav__social { margin-top: auto } .mobile-nav__close:hover .mobile-nav__close-icon rect { fill: #e6340d } .mobile-nav--active { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s } .mobile-nav--active .mobile-nav__inner { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-property: .3s; -o-transition-property: .3s; transition-property: .3s } .mobile-nav .current-menu-item a, .mobile-nav .current_page_item a { color: #e6340d } @media screen and (max-height:900px) { .mobile-nav__nav { margin-top: 20px } .mobile-nav__nav a { padding: 20px 30px } } @media screen and (max-width:1023px) { .mobile-nav__inner { width: 400px; padding: 25px } .mobile-nav__close { top: 25px; right: 25px } .mobile-nav__lng { margin-top: 25px; margin-left: -15px; margin-right: -15px } .mobile-nav__lng .lang-item { margin: 0 15px } .mobile-nav__lng a, .mobile-nav__nav a { font-size: 16px; line-height: 25px } .mobile-nav__nav a { padding: 15px 20px } } @media screen and (max-width:767px) { .mobile-nav__inner { padding: 15px } } .lang { position: relative; color: #fff } .lang__current { background: transparent; color: #fff; border: none; outline: none; text-transform: uppercase } .lang__current, .lang ul { font-weight: 600; font-size: 18px; line-height: 27px } .lang ul { top: calc(100% + 10px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; visibility: hidden; position: absolute; background: #fff; text-align: center; height: 0; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow: 1px 1px 5px rgba(0, 0, 0, .1) } .lang ul, .lang ul a { display: block; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .lang ul a { text-transform: uppercase; padding: 5px 10px; color: #333 } .lang__current:hover { cursor: pointer } .lang ul a:hover { color: #e6340d } .lang ul.list--visible { opacity: 1; visibility: visible; height: auto } .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -15px; margin-right: -15px } .social__item { margin: 0 15px } .social__icon { width: 32px; height: auto } .social__icon path { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .social__link:hover .social__icon path { fill: #e6340d } .scroll-status { position: fixed; top: 50%; width: 23px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 40px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 4; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .scroll-status__number { font-weight: 600 } .scroll-status__line { position: relative; margin: 20px 0; width: 2px; height: 240px; background: #fff; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .scroll-status__vizual { position: absolute; left: 0; width: 100%; background: #e6340d; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .scroll-status--dark { color: #555 } .scroll-status--dark .scroll-status__line { background: #555 } @media screen and (max-width:1365px) { .scroll-status { right: 12px } } @media screen and (max-width:1023px) { .scroll-status { display: none } } .btn-df { position: relative; font-weight: 600; font-size: 18px; line-height: 1; border: none; background: transparent; padding: 21px 31px; text-transform: uppercase } .btn-df, .btn-df__bg { -webkit-transition: all .5s cubic-bezier(.77, 0, .175, 1); -o-transition: all .5s cubic-bezier(.77, 0, .175, 1); transition: all .5s cubic-bezier(.77, 0, .175, 1) } .btn-df__bg { position: absolute; right: 0; top: 0; width: 100%; max-width: 0; height: 100%; z-index: 1 } .btn-df__name { position: relative; z-index: 3 } .btn-df:hover { cursor: pointer } .btn-df:hover .btn-df__bg { max-width: 100% } .btn-df--white { color: #fff; border-color: #fff } .btn-df--white .btn-df__bg { background: #fff } .btn-df--white:hover { color: #111 } .btn-df--dark { color: #333; border-color: #333 } .btn-df--dark .btn-df__bg { background: #333 } .btn-df--dark.btn-df--active, .btn-df--dark:hover { color: #fff } .btn-df--dark.btn-df--active .btn-df__bg { max-width: 100% } .btn-df--red { color: #e6340d; border-color: #e6340d } .btn-df--red .btn-df__bg { background: #fff } .btn-df--red:hover { color: #fff } .btn-df--red:hover .btn-df__bg { background: #e6340d } .btn-df--transparent { color: #fff; border-color: transparent } .btn-df--transparent:after, .btn-df--transparent:before { content: ""; display: block; position: absolute; left: 0; width: 0; height: 2px; background: #fff; -webkit-transition: inherit; -o-transition: inherit; transition: inherit } .btn-df--transparent:before { top: -2px } .btn-df--transparent:after { bottom: -2px } .btn-df--transparent .btn-df__bg { background: #fff; right: 0 } .btn-df--transparent .btn-df__bg, .btn-df--transparent .btn-df__name { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0 } .btn-df--transparent:hover { color: #111 } .btn-df--transparent:hover:after, .btn-df--transparent:hover:before { width: 100% } .btn-df--transparent:hover .btn-df__bg, .btn-df--transparent:hover .btn-df__name { -webkit-transition-delay: .35s; -o-transition-delay: .35s; transition-delay: .35s } .btn-df--border { border-width: 2px; border-style: solid } @media screen and (max-width:1365px) { .btn-df { font-size: 16px; padding: 18px 25px } } @media screen and (max-width:1023px) { .btn-df { padding: 18px } } .field { display: block; position: relative; font-size: 24px; line-height: 36px; height: 64px } .field__input { font-size: inherit; line-height: inherit; color: #fff; background-color: transparent; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; font-family: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding: 0; border: none; border-bottom: 2px solid #fff; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .field__input ::-webkit-input-placeholder { color: #ddd } .field__input :-moz-placeholder, .field__input ::-moz-placeholder { color: #ddd } .field__input :-ms-input-placeholder { color: #ddd } .field__input--error { border-color: #e6340d } .field__input--textarea { height: 180px } .field__input:focus { outline: none } .field__input:focus~.field__label-wrap:after { opacity: 1 } .field__label-wrap { top: 0; right: 0; pointer-events: none; cursor: text } .field__label-wrap, .field__label-wrap:after { position: absolute; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .field__label-wrap:after { content: ""; width: 100%; height: 0; opacity: 0 } .field__label { position: absolute; left: var(--uiFieldPaddingLeft); top: calc(50% - .5em); line-height: 1; font-size: var(--fieldHintFontSize, inherit); -webkit-transition: top .2s cubic-bezier(.9, -.15, .1, 1.15), opacity .2s ease-out, font-size .2s ease-out; -o-transition: top .2s cubic-bezier(.9, -.15, .1, 1.15), opacity .2s ease-out, font-size .2s ease-out; transition: top .2s cubic-bezier(.9, -.15, .1, 1.15), opacity .2s ease-out, font-size .2s ease-out; will-change: bottom, opacity, font-size } .field__input:not(:-moz-placeholder-shown)~.field__label-wrap .field__label { --fieldHintFontSize: var(--fieldHintFontSizeFocused, .75rem); top: var(--fieldHintTopHover, .25rem) } .field__input:not(:-ms-input-placeholder)~.field__label-wrap .field__label { --fieldHintFontSize: var(--fieldHintFontSizeFocused, .75rem); top: var(--fieldHintTopHover, .25rem) } .field__input:focus~.field__label-wrap .field__label, .field__input:not(:placeholder-shown)~.field__label-wrap .field__label { --fieldHintFontSize: var(--fieldHintFontSizeFocused, .75rem); top: var(--fieldHintTopHover, .25rem) } .field__input.field__input--textarea { padding-top: 10px } .field__input.field__input--textarea:focus~.field__label-wrap .field__label { top: var(--fieldHintTopHover, 0) } .field--material-to-right .field__label-wrap { overflow: hidden } .field--material-to-right .field__label-wrap:after { border-bottom: var(--uiFieldBorderWidth) solid var(--uiFieldBorderColorActive); -webkit-transform: translate3d(-105%, 0, 0); transform: translate3d(-105%, 0, 0); will-change: transform, opacity; -webkit-transition: opacity .2s ease-out .2s, -webkit-transform .285s ease-out .2s; transition: opacity .2s ease-out .2s, -webkit-transform .285s ease-out .2s; -o-transition: transform .285s ease-out .2s, opacity .2s ease-out .2s; transition: transform .285s ease-out .2s, opacity .2s ease-out .2s; transition: transform .285s ease-out .2s, opacity .2s ease-out .2s, -webkit-transform .285s ease-out .2s } .field--material-to-right .field__input:focus~.field__label-wrap:after { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0 } .field__input::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out } .field__input::-moz-placeholder { opacity: 0; -moz-transition: opacity .2s ease-out; transition: opacity .2s ease-out } .field__input:focus::-webkit-input-placeholder { opacity: 1; -webkit-transition-delay: .2s; transition-delay: .2s } .field__input:focus::-moz-placeholder { opacity: 1; transition-delay: .2s } .field--dark .field__input { border-color: #555; color: #333 } .field--dark .field__input--error { border-color: #e6340d } .checkbox { width: 26px; height: 26px; position: relative } .checkbox__input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 2 } .checkbox__styling { position: relative; width: 100%; height: 100%; border: 1px solid #555; z-index: 1; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .checkbox__styling:before { content: ""; display: block; position: absolute; left: 4px; top: 4px; width: calc(100% - 8px); height: calc(100% - 8px); background: #e6340d; opacity: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .checkbox--error .checkbox__styling, .checkbox__input:checked~.checkbox__styling { border-color: #e6340d } .checkbox__input:checked~.checkbox__styling:before { opacity: 1 } .cursor { pointer-events: none } .cursor__ball { position: fixed; top: 0; left: 0; mix-blend-mode: difference; z-index: 1000 } .cursor__ball circle { fill: hsla(0, 0%, 100%, .3) } .modal { position: absolute; z-index: 7; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(17, 17, 17, .55); display: none; opacity: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .modal__inner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; background: #fff; padding: 50px; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; overflow-y: auto; max-height: 80vh } .modal__close-btn { position: absolute; top: 20px; right: 20px; width: 25px; height: 25px; padding: 0; border: none; background: transparent; outline: none } .modal__close-icon { width: 100%; height: 100%; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .modal__heading { text-align: center } .modal__title { font-family: Jost, sans-serif; font-weight: 700; font-size: 32px; line-height: 38px; text-transform: uppercase } .modal__desc { font-size: 16px; line-height: 24px } .modal__field { margin-top: 20px } .modal__field .field__input, .modal__field .field__label { font-size: 18px; line-height: 27px; color: #555 } .modal__field .field__input:focus~.field__label-wrap .field__label { font-size: 12px; line-height: 21px; top: -5px } .modal__field .field__input { padding-top: 15px; border-color: #e0e0e0 } .modal__field .field__input--error { border-color: #e6340d } .modal__terms { margin-top: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .modal__terms-label { margin-left: 10px; font-size: 14px; line-height: 21px } .modal__terms-label a { color: #e6340d; text-decoration: underline } .modal__btn { margin: auto; display: block } .modal__clients { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } .modal__clients-item.clients__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 5px 10px } .modal--active { display: block } .modal--show { opacity: 1 } .modal__close-btn:hover { cursor: pointer } .modal__close-btn:hover .modal__close-icon rect { fill: #e6340d } .modal--xl .modal__inner { max-width: 100%; } .modal--xl .modal__desc { margin-top: 15px } .modal--xl .modal__btn { margin-top: 50px } .modal--sm .modal__inner { max-width: 430px } .modal--sm .modal__desc { margin-top: 25px } .modal--sm .modal__btn { margin-top: 30px } @media screen and (max-width:1023px) { .cursor { display: none } .modal { position: fixed; z-index: 7; left: 0; bottom: 0; width: 100vw; height: 100vh; background: rgba(17, 17, 17, .55); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; top:auto; } } @media screen and (max-width:767px) { .modal { position: fixed; z-index: 7; left: 0; bottom: 0; width: 100vw; height: 100vh; background: rgba(17, 17, 17, .55); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; top:auto; } .modal__inner { width: calc(100% - 30px); padding: 50px 15px 30px } .modal__title { font-size: 22px; line-height: 28px } .modal__desc { font-size: 14px; line-height: 20px } .modal__terms { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .modal__terms-label { margin-top: 5px; margin-left: 0; font-size: 14px; line-height: 18px } .modal__field { margin-top: 10px } .modal--xl .modal__btn { margin-top: 20px } } .header { position: absolute; left: 0; top: 0; width: 100%; z-index: 5; height: 120px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .header, .header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .header__container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .header__part--logo { width: 150px; height: auto } .header__part--hamburger { display: none } .header--active { height: 90px; background: #fff; -webkit-box-shadow: 0 5px 5px -4px rgba(0, 0, 0, .1); box-shadow: 0 5px 5px -4px rgba(0, 0, 0, .1); position: fixed } .header--active .header__logo path { fill: #333 } .header--active .header__logo path:first-child { fill: #e6340d } .header--active .phone { color: #333 } .header--active .phone__icon path { stroke: #333 } .header--active .lang__current, .header--active .nav a { color: #333 } .header--active .hamburger:after, .header--active .hamburger:before { background: #333 } .header--dark { background: #111; -webkit-box-shadow: 0 5px 5px -4px rgba(0, 0, 0, .1); box-shadow: 0 5px 5px -4px rgba(0, 0, 0, .1) } .header--dark .header__logo path { fill: #fff } .header--dark .header__logo path:first-child { fill: #e6340d } .header--dark .phone { color: #fff } .header--dark .phone__icon path { stroke: #fff } .header--dark .lang__current, .header--dark .nav a { color: #fff } .header--dark .hamburger:after, .header--dark .hamburger:before { background: #fff } @media screen and (max-width:1919px) { .header--active { height: 70px } } @media screen and (max-width:1365px) { .header__part--logo { width: 100px } .header__part--logo svg { height: auto } } @media screen and (max-width:1023px) { .header { position: fixed; padding: 22px 0 } .header__part--logo { width: 166px } .header__part--menu { display: none } .header__part--phone { margin-right: auto; margin-left: 80px } .header__part--lang { display: none } .header__part--hamburger { display: block } } @media screen and (max-width:767px) { .header { height: 60px; padding: 10px 0 } .header__part--logo { width: 80px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .header__part--phone { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 0; margin-right: 0 } .header__part--hamburger { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } } .request-form { padding: 200px 0 60px } .request-form__form { margin: 40px auto 0; width: 100%; max-width: 1290px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr 30px 190px; grid-template-columns: 1fr 1fr 190px; grid-gap: 30px } .request-form__open-modal { display: none } @media screen and (max-width:1365px) { .request-form { padding: 150px 0 60px } .request-form__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .request-form__open-modal { display: block } .request-form__form { display: none } } @media screen and (max-width:1023px) { .request-form { padding-top: 100px } } @media screen and (max-width:767px) { .request-form { padding: 70px 0 30px } .request-form__heading { display: block; text-align: center } .request-form__open-modal { margin-top: 20px; width: 100% } } .footer { padding: 60px 0 100px } .footer__row { display: -webkit-box; display: -ms-flexbox; display: flex } .footer__row--copyright { margin-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .footer__logo-wr, .footer__title-wr { -ms-flex-preferred-size: 550px; flex-basis: 550px } .footer__title { font-size: 48px; line-height: 58px } .footer__menu-list { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); grid-template-areas: "pages call location" "pages write location" } .footer__menu-list>.menu-item:first-child { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; grid-area: pages } .footer__menu-list>.menu-item:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; -ms-grid-row: 1; -ms-grid-column: 2; grid-area: call } .footer__menu-list>.menu-item:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 2; -ms-grid-row: 2; -ms-grid-column: 2; grid-area: write; align-self: flex-end } .footer__menu-list>.menu-item:last-child { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 3; grid-area: location } .footer__menu-list>.menu-item>a { font-weight: 600; font-size: 24px; line-height: 36px; color: #fff; margin-bottom: 20px; display: block } .footer__menu-list .sub-menu a { font-size: 24px; line-height: 36px; font-weight: 400; color: #fff; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .footer__menu-list .sub-menu a:hover { color: #e6340d } .footer__copyright-wr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .footer__social { margin-left: -25px; margin-right: auto } @media screen and (max-width:1919px) { .footer__logo-wr, .footer__title-wr { -ms-flex-preferred-size: 350px; flex-basis: 350px } .footer__nav-wr { -ms-flex-preferred-size: calc(100% - 350px); flex-basis: calc(100% - 350px) } } @media screen and (max-width:1365px) { .footer__row--nav { display: block } .footer__menu-list { margin-top: 60px } .footer__logo-wr, .footer__title-wr { -ms-flex-preferred-size: 300px; flex-basis: 300px } .footer__nav-wr { -ms-flex-preferred-size: calc(100% - 300px); flex-basis: calc(100% - 300px) } .footer__menu-list { -ms-grid-columns: auto auto auto; grid-template-columns: auto auto auto } .footer__menu-list .sub-menu li { margin-top: 10px } .footer__menu-list .sub-menu a, .footer__menu-list>.menu-item>a { font-size: 18px; line-height: 27px } } @media screen and (max-width:1023px) { .footer { padding-bottom: 20px } .footer__menu-list .sub-menu a, .footer__menu-list>.menu-item>a { font-size: 16px; line-height: 24px } .footer__logo-wr { -ms-flex-preferred-size: 104px; flex-basis: 104px } .footer__row--copyright { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .footer__social { margin-right: 50px } .footer__copyright { font-size: 14px; line-height: 21px } .footer__copyright-wr { width: auto } .footer__social { margin-left: 10px } } @media screen and (max-width:767px) { .footer { padding: 10px 0 50px } .footer__title { font-size: 22px; line-height: 33px } .footer__menu-list { display: block; margin-top: 20px } .footer__menu-list>.menu-item { margin-top: 20px; position: relative } .footer__menu-list>.menu-item:after { content: ""; display: block; position: absolute; width: 9px; height: 5px; right: 0; top: 20px; background: 50% 50%/cover no-repeat url(/wp-content/themes/znak/assets/svg/arrow-down.svg); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .footer__menu-list .sub-menu { padding-bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; max-height: 0 } .footer__menu-list .sub-menu a { font-weight: 400 } .footer__menu-list>.menu-item--active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .footer__menu-list>.menu-item--active .sub-menu { opacity: 1; max-height: 500px; visibility: visible } .footer__row--copyright { margin-top: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap } .footer__copyright-wr { margin-top: 20px; display: block; -ms-flex-preferred-size: 100%; flex-basis: 100% } .footer__copyright { margin-top: 20px; font-size: 11px; line-height: 15px; text-align: center } .footer__social { margin: 0 -15px } .footer__menu-list>.menu-item>a { margin-bottom: 0 } } .preload-screen { position: fixed; right: 0; top: 0; width: 100vw; height: 100vh; z-index: 8; background: #333; -webkit-transition: .5s ease-in-out .5s; -o-transition: .5s ease-in-out .5s; transition: .5s ease-in-out .5s } .preload-screen__logo { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30%; max-width: 625px; opacity: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .preload-screen--active .preload-screen__logo { opacity: 1 } .preload-screen--pre-disable { width: 0 } .preload-screen--disable { display: none } @media screen and (max-width:767px) { .preload-screen__logo { width: 50% } } @media screen and (max-width:1919px) { h1 { font-size: 72px; line-height: 86px } .section-heading__desc { margin-top: 10px } } @media screen and (max-width:1365px) { h1 { font-size: 64px; line-height: 77px } h4 { font-size: 32px; line-height: 38px } .section-heading__title { font-size: 48px; line-height: 58px } .section-heading__desc--top { font-size: 24px; line-height: 36px } .clients-and-reviews { padding-top: 0 } .clients-and-reviews__container { display: block; padding-top: 100px; padding-bottom: 100px } } @media screen and (max-width:1023px) { html { overflow-y: scroll!important } body { height: auto } main { overflow-x: hidden } .section-heading__title { font-size: 32px; line-height: 38px } .section-heading__desc, .section-heading__desc--top { font-size: 16px; line-height: 24px } h1 { font-size: 48px; line-height: 58px } h5 { font-size: 24px; line-height: 36px } .page--about .portfolio, .page--project .portfolio, .page--team .portfolio { padding-bottom: 0 } } @media screen and (max-width:767px) { h1 { font-size: 32px; line-height: 38px } .clients-and-reviews__container { padding: 50px 15px } .section-heading__title { font-size: 24px; line-height: 36px } .page--contacts { padding-top: 60px } } html { height: 100% } li, ul { list-style-type: none; margin: 0; padding: 0 } a { text-decoration: none } p { margin: 0 } audio, canvas, iframe, img, svg, textarea, video { vertical-align: middle } textarea { resize: none } section { position: relative } button, input, select { outline: none } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box } img, svg { max-width: 100% } .section-bg { position: absolute; width: 1058px; top: calc(50% + 45px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .section-bg__gradient { position: absolute; top: 0; width: 368px; height: 100% } .section-bg--left { left: 0 } .section-bg--left .section-bg__gradient { right: -2px; background: -webkit-gradient(linear, left top, right top, from(rgba(17, 17, 17, 0)), to(#111)); background: -o-linear-gradient(left, rgba(17, 17, 17, 0), #111); background: linear-gradient(90deg, rgba(17, 17, 17, 0), #111) } .section-bg--right { right: 0 } .section-bg--right .section-bg__gradient { left: -2px; background: -webkit-gradient(linear, right top, left top, from(rgba(17, 17, 17, 0)), to(#111)); background: -o-linear-gradient(right, rgba(17, 17, 17, 0), #111); background: linear-gradient(-90deg, rgba(17, 17, 17, 0), #111) } @media screen and (max-width:1919px) { .section-bg { width: 858px } } @media screen and (max-width:1365px) { .section-bg { width: 712px; top: calc(50% + 35px) } } @media screen and (max-width:1023px) { .section-bg { width: 500px; top: 50% } } @media screen and (max-width:767px) { .section-bg { width: 100%; top: 70px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .section-bg__gradient { right: auto; left: 0; bottom: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(17, 17, 17, 0)), to(#111)); background: -o-linear-gradient(bottom, rgba(17, 17, 17, 0), #111); background: linear-gradient(0deg, rgba(17, 17, 17, 0), #111); height: 320px; width: 100% } .section-bg--left .section-bg__gradient, .section-bg--right .section-bg__gradient { right: auto; left: 0; bottom: 0; top: auto; background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 17, 17, 0)), to(#111)); background: -o-linear-gradient(top, rgba(17, 17, 17, 0), #111); background: linear-gradient(180deg, rgba(17, 17, 17, 0), #111); height: 250px; width: 100% } } .tab { position: relative; border: none; background: transparent; font-family: Jost, sans-serif; color: #fff; text-transform: uppercase } .tab, .tab:after, .tab__line { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .tab:after { content: "" } .tab:after, .tab__line { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); opacity: 0; background: #fff; height: 2px } .tab__name { position: relative } .tab--acquaintance { font-weight: 700; font-size: 30px; line-height: 38px } .tab--acquaintance .tab__line, .tab--acquaintance:after { width: 0 } .tab--acquaintance.tab--active .tab__line, .tab--acquaintance.tab--active:after, .tab--acquaintance:hover .tab__line, .tab--acquaintance:hover:after { width: 160px } .tab--portfolio { font-weight: 600; font-family: Montserrat, sans-serif; font-size: 24px; line-height: 36px } .tab--portfolio .tab__line, .tab--portfolio:after { width: 0 } .tab--portfolio.tab--active .tab__line, .tab--portfolio.tab--active:after, .tab--portfolio:hover .tab__line, .tab--portfolio:hover:after { width: 100px } .tab--active { color: #e6340d } .tab--active .tab__line { opacity: 1 } .tab:hover { cursor: pointer; color: #e6340d } .tab:hover:after { opacity: 1 } @media screen and (max-width:1365px) { .tab--acquaintance { font-size: 24px; line-height: 36px } .tab--acquaintance.tab--active .tab__line, .tab--acquaintance.tab--active:after, .tab--acquaintance:hover .tab__line, .tab--acquaintance:hover:after { width: 120px } } @media screen and (max-width:1023px) { .tab--acquaintance { font-size: 20px; line-height: 30px } .tab--acquaintance.tab--active .tab__line, .tab--acquaintance.tab--active:after, .tab--acquaintance:hover .tab__line, .tab--acquaintance:hover:after { width: 80px } .tab--portfolio { font-size: 18px; line-height: 27px } .tab--portfolio.tab--active .tab__line, .tab--portfolio.tab--active:after, .tab--portfolio:hover .tab__line, .tab--portfolio:hover:after { width: 60px } } @media screen and (max-width:767px) { .tab--portfolio { font-size: 14px; line-height: 21px } } .item__image-wrapper { position: relative; width: 100%; padding-top: 60%; overflow: hidden } .item__img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100% } .item__title { margin-top: 40px; font-weight: 600; font-size: 24px; line-height: 36px; color: #fff; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .item__desc { display: block; margin-top: 15px; font-size: 18px; line-height: 27px; color: #ddd } .item__whatter-word { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .item__whatter-word-diagonal { position: absolute; width: 60%; height: 3px; opacity: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .item__whatter-word-diagonal--second { right: 0; top: 0; background: #e6340d; -webkit-transform: rotate(-30.7deg); -ms-transform: rotate(-30.7deg); transform: rotate(-30.7deg); -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; width: 117% } .item__whatter-word-diagonal--second:after { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 50%; background: #fff } .item--news .item__image-wrapper { padding-top: 70% } .item--news .item__whatter-word-diagonal--second { -webkit-transform: rotate(-34.5deg); -ms-transform: rotate(-34.5deg); transform: rotate(-34.5deg); width: 122% } .item--news .item__content { padding-right: 20px } .item--news .item__title { margin-top: 30px; text-transform: unset } .item--news .item__cat { margin-top: 30px; font-weight: 600; font-size: 16px; line-height: 24px; color: #fff; display: inline-block } .item--news .item__desc { margin-top: 30px } .item--portfolio .item__title { font-family: Montserrat, sans-serif } .item:hover .item__title { color: #e6340d } @media screen and (max-width:1919px) { .item__title { margin-top: 30px; text-transform: unset } .item--news .item__content { padding-right: 0 } } @media screen and (max-width:1365px) { .item--news .item__cat, .item--news .item__desc, .item--news .item__title { margin-top: 10px } .item--news .item__title { font-size: 18px; line-height: 27px } .item--news .item__cat { font-size: 14px; line-height: 21px } .item--news .item__desc { font-size: 16px; line-height: 24px } } @media screen and (max-width:1023px) { .item__title { margin-top: 20px } .item__desc { font-size: 16px; line-height: 24px } } @media screen and (max-width:767px) { .item__title { margin-top: 10px; font-size: 14px; line-height: 21px } .item__desc { margin-top: 10px; font-size: 12px; line-height: 18px } } .why-number { position: relative; color: #e6340d; padding: 25px 0 } .why-number__whatter-word { position: absolute; left: 0; top: 0; height: 100% } .why-number__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .why-number__title { font-size: 24px; line-height: 1 } .why-number__number { margin: 20px 0 10px; font-family: Jost, sans-serif; font-weight: 700; font-size: 100px; line-height: 1 } @media screen and (max-width:1919px) { .why-number { padding: 5px 0 } .why-number__number { margin: 10px 0 0; font-size: 80px } } @media screen and (max-width:1023px) { .why-number__whatter-word { display: none } .why-number__title { font-size: 18px; line-height: 27px } .why-number__number { margin: 0; font-size: 72px; line-height: 86px } } @media screen and (max-width:767px) { .why-number__title { font-size: 12px; line-height: 18px } .why-number__number { font-size: 32px; line-height: 38px } } .border-block { border: 2px solid #ddd } .border-block:after, .border-block:before { content: ""; display: block; position: absolute; background: #333; top: -2px } .border-block:before { height: 2px; width: calc(100% + 2px); left: -2px } .border-block:after { width: 2px; height: 109px; right: -2px } .why-adwards { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .why-adwards__title { color: #333; font-weight: 700; font-size: 32px; line-height: 38px; text-transform: uppercase; -ms-flex-preferred-size: 440px; flex-basis: 440px } .why-adwards__img { -ms-flex-preferred-size: 250px; flex-basis: 250px } @media screen and (max-width:1919px) { .why-adwards { padding: 15px 20px } .why-adwards__title { font-size: 21px; line-height: 27px; -ms-flex-preferred-size: 181px; flex-basis: 181px } .why-adwards__img { height: 82px } } @media screen and (max-width:1365px) { .why-adwards__img, .why-adwards__title { -ms-flex-preferred-size: 50%; flex-basis: 50% } .why-adwards__title { font-size: 16px; line-height: 25px } .why-adwards__img { height: 50px } } @media screen and (max-width:1023px) { .why-adwards { padding: 30px 40px } .why-adwards__title { font-size: 24px; line-height: 36px } .why-adwards__img { width: 227px; height: auto } } @media screen and (max-width:767px) { .why-adwards { padding: 20px 15px; display: block; text-align: center } .why-adwards__title { font-size: 18px; line-height: 27px } .why-adwards__img { margin-top: 15px; width: 160px; height: auto } } .icon-desc-item__icon { width: 48px; height: 48px } .icon-desc-item__desc, .icon-desc-item__title { font-size: 18px; line-height: 27px } .icon-desc-item__title { margin-top: 20px; font-family: Montserrat, sans-serif; font-weight: 600; color: #333; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .icon-desc-item__desc { margin-top: 20px } .icon-desc-item:hover .icon-desc-item__title { color: #e6340d } @media screen and (max-width:1919px) { .icon-desc-item__title { margin-top: 10px; text-transform: unset } .icon-desc-item__desc { margin-top: 10px; font-size: 16px; line-height: 24px } .icon-desc-item__icon { width: 40px; height: 40px } } @media screen and (max-width:1365px) { .icon-desc-item__icon { width: 30px; height: 30px } .icon-desc-item__title { font-size: 16px; line-height: 25px } .icon-desc-item__desc { margin-top: 5px } } @media screen and (max-width:1023px) { .icon-desc-item__icon { width: 48px; height: 48px } .icon-desc-item__title { margin-top: 20px } .icon-desc-item__desc { margin-top: 10px } } @media screen and (max-width:767px) { .icon-desc-item__icon { width: 32px; height: 32px } .icon-desc-item__title { margin-top: 10px } .icon-desc-item__desc, .icon-desc-item__title { font-size: 14px; line-height: 21px } } .item-hover-btn { position: relative } .item-hover-btn__img-wr { position: relative; left: 0; top: 0; width: 100%; padding-top: 70%; overflow: hidden } .item-hover-btn__img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100% } .item-hover-btn__content { position: absolute; left: 15px; top: 0; height: 100%; width: 100%; max-width: calc(100% - 30px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .item-hover-btn__title { margin: 22px 0; text-align: center } .item-hover-btn__btn { margin: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px) } .item-hover-btn:hover .item-hover-btn__btn { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } @media screen and (max-width:1023px) { .item-hover-btn__img-wr { padding-top: 120% } } @media screen and (max-width:767px) { .item-hover-btn__title { font-size: 18px; line-height: 27px } .item-hover-btn__btn { display: none } } .btn-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 18px; line-height: 27px; color: #333; border: none; outline: none; background: transparent; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .btn-more__arrow { margin-left: 10px; width: 24px; height: 24px } .btn-more__arrow, .btn-more__arrow path { -webkit-transition: inherit; -o-transition: inherit; transition: inherit } .btn-more:hover { color: #e6340d; cursor: pointer } .btn-more:hover .btn-more__arrow path { stroke: #e6340d } .slider-arrow { width: 48px; height: 48px; border: none; outline: none; background: transparent; padding: 0 } .slider-arrow__icon { width: 100%; height: 100% } .slider-arrow__icon path { stroke: #e6340d; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .slider-arrow:hover { cursor: pointer } .slider-arrow:hover .slider-arrow__icon path { stroke: #333 } @media screen and (max-width:767px) { .slider-arrow:hover .slider-arrow__icon path { stroke: #e6340d } } .review-card { padding: 40px 80px 40px 190px } .review-card__quote { position: absolute; left: 40px; top: 40px } .review-card__content { color: #333 } .review-card__content p { margin-top: 15px; line-height: 27px } .review-card__content p:first-child { margin-top: 0 } .review-card__title { margin-top: 30px; color: #e6340d } .review-card__date { margin-top: 20px; display: inline-block; font-weight: 600; font-size: 18px; line-height: 27px } @media screen and (max-width:1919px) { .review-card { padding: 40px 30px 40px 100px } .review-card__quote { left: 30px; width: 40px; height: 23px } .review-card__date, .review-card__title { margin-top: 10px } } @media screen and (max-width:1023px) { .review-card__content p { font-size: 16px; line-height: 24px } } @media screen and (max-width:767px) { .review-card { padding: 15px 10px 15px 45px } .review-card__quote { top: 15px; left: 15px; width: 16px; height: 10px } .review-card__content p { font-size: 14px; line-height: 21px } .review-card__date, .review-card__title { margin-top: 15px; font-size: 14px; line-height: 21px } } .circle-plus { width: 25px; height: 25px; border-width: 2px; border-style: solid; position: relative; border-radius: 50%; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .circle-plus:after, .circle-plus:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .circle-plus:before { width: 5px; height: 2px } .circle-plus:after { width: 2px; height: 5px; -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg) } .circle-plus--black { background: #fff; border-color: #333 } .circle-plus--black:after, .circle-plus--black:before { background: #333 } .circle-plus--red { background: #fff; border-color: #e6340d } .circle-plus--red:after, .circle-plus--red:before { background: #e6340d } .circle-plus--white { background: #e6340d; border-color: #fff } .circle-plus--white:after, .circle-plus--white:before { background: #fff } .circle-plus:hover { opacity: .3 } .quiz { position: absolute; z-index: 7; left: 0; top: 0; width: 100vw; height: 100vh; display: block; opacity: 1 } .quiz__step-inner { max-width: 1030px; text-align: center; max-height: 100vh } .quiz__title { margin-top: 30px; font-weight: 700; font-size: 48px; line-height: 58px; color: #333 } .quiz__question { margin-top: 20px; font-weight: 700; font-size: 24px; line-height: 36px; color: #333 } .quiz__next-step { margin-top: 40px; width: 230px; text-align: center } .quiz__answers { margin: 30px -10px -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .quiz__anwser-btn { margin: 10px } .quiz__info-and-form { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: #333 } .quiz__form, .quiz__info { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: left } .quiz__info-title { font-size: 32px; line-height: 38px } .quiz__info-item { padding-left: 40px; position: relative; font-size: 24px; line-height: 36px; max-width: 400px; margin: 25px 0 } .quiz__info-item:after, .quiz__info-item:before { content: ""; display: block; position: absolute } .quiz__info-item:before { left: 0; top: 8px; width: 20px; height: 20px; background: #333 } .quiz__info-item:after { left: 6px; top: 14px; width: 8px; height: 8px; background: #fff } .quiz__field { margin-top: 30px } .quiz__send-btn { margin-top: 40px; width: 100% } @media screen and (max-width:1365px) { .quiz__step-inner { max-width: calc(100vw - 30px) } .quiz__title { font-size: 32px; line-height: 38px } .quiz__question { margin-top: 10px; font-size: 21px; line-height: 29px } .quiz__answers { margin: 20px -5px -5px } .quiz__anwser-btn { margin: 5px } .quiz__next-step { margin-top: 30px } } @media screen and (max-width:1023px) { .quiz__info-and-form { margin-top: 20px } .quiz__info { display: none } .quiz__field { margin-top: 10px; font-size: 18px; height: 60px } .quiz__send-btn { margin-top: 20px } } .quiz-steps__step-number { font-size: 18px; line-height: 27px; color: #555 } .quiz-steps__step-number--current { color: #e6340d; font-weight: 600 } .quiz-steps__vizual { margin: 30px auto 0; width: 570px; height: 4px; background: #e0e0e0; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100% } .quiz-steps__vizual-step { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 100%; position: relative; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .quiz-steps__vizual-square { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 14px; height: 14px; border: 4px solid #e0e0e0; background: #fff; right: -7px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .quiz-steps__vizual-square--first { left: -7px; border-color: #e6340d } .quiz-steps__vizual-square--active, .quiz-steps__vizual-step--finish, .quiz-steps__vizual-step--now { background: #e6340d } .quiz-steps__vizual-step--finish .quiz-steps__vizual-square { border-color: #e6340d; background: #e6340d } .quiz-steps__vizual-step--now .quiz-steps__vizual-square { border-color: #e6340d } .home-screen { position: relative } .home-screen__slider-container { position: absolute; top: 0; left: 0; width: 100%; height: 100vh } .home-screen__slider-slide, .home-screen__slider-wrapper { height: 100% } .home-screen__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100% } .home-screen__bg { position: absolute; right: 0; top: 0; height: 100%; width: 74%; z-index: 1 } .home-screen__bg:after, .home-screen__bg:before { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 2 } .home-screen__bg:before { left: -2px; height: 100%; width: 340px; background: -webkit-gradient(linear, left top, right top, from(#111), to(rgba(17, 17, 17, 0))); background: -o-linear-gradient(left, #111, rgba(17, 17, 17, 0)); background: linear-gradient(90deg, #111, rgba(17, 17, 17, 0)) } .home-screen__bg:after { width: 100%; height: 152px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent)); background: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent); background: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) } .home-screen__bg-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .home-screen__content { position: relative; z-index: 3; padding-left: 110px; max-width: 1460px } .home-screen__content p { margin-top: 20px; max-width: 705px; font-size: 24px; line-height: 36px } .home-screen__cat { margin-top: 30px; font-weight: 600; font-size: 24px; line-height: 36px; color: #ccc } .home-screen__social { position: absolute; left: 15px; bottom: 40px; z-index: 3 } .home-screen__btns { margin-top: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px } .home-screen__content--md p { font-size: 18px; line-height: 27px; max-width: 770px } .home-screen__container--right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-left: 0; padding-right: 80px } .home-screen__content--right { text-align: right } .home-screen__content--right p { margin-left: auto } .home-screen__bg--left { right: auto; left: 0 } .home-screen__bg--left:before { left: auto; right: -2px; background: -webkit-gradient(linear, left top, right top, from(rgba(17, 17, 17, 0)), to(#111)); background: -o-linear-gradient(left, rgba(17, 17, 17, 0), #111); background: linear-gradient(90deg, rgba(17, 17, 17, 0), #111) } .home-screen__line-desc { margin-top: 20px; position: relative; padding-left: 124px } .home-screen__line-desc:before { content: ""; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; height: 2px; width: 94px; background: #f2f2f2 } .home-screen__swiper-container { height: 100%; width: 74%; position: absolute; right: 0; top: 0 } .home-screen__slider-controls { position: absolute; left: 15px; bottom: 50px; width: calc(100% - 30px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .home-screen__bg-img--desktop { display: inline } .home-screen .swiper-pagination { bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; z-index: 4 } .home-screen .swiper-pagination-bullet { background: hsla(0, 0%, 100%, .4); width: 10px; height: 10px; opacity: 1; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; margin: 0 3px } .home-screen .swiper-pagination-bullet:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 6px; height: 6px; background: #e6340d; border-radius: 50%; opacity: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .home-screen .swiper-pagination-bullet-active { width: 16px; height: 16px; position: relative; background: hsla(0, 0%, 100%, .8) } .home-screen .swiper-pagination-bullet-active:before { opacity: 1 } .home-screen--price .home-screen__container { height: 700px } .home-screen--single-news { height: 100vh } .home-screen--single-project .swiper-container:before { z-index: 2; content: ""; display: block; position: absolute; left: -2px; height: 100%; width: 340px; background: -webkit-gradient(linear, left top, right top, from(#111), to(rgba(17, 17, 17, 0))); background: -o-linear-gradient(left, #111, rgba(17, 17, 17, 0)); background: linear-gradient(90deg, #111, rgba(17, 17, 17, 0)) } .home-screen--single-project .home-screen__content { max-width: 800px } .home-screen--single-project .home-screen__bg { position: relative; width: 100%; height: 100% } .home-screen--single-project .home-screen__bg:before { display: none } @media screen and (max-width:1919px) { .home-screen__content { padding-left: 0; max-width: 918px } .home-screen__content p { margin-top: 60px } .home-screen__container--right .home-screen__content { max-width: 568px } .home-screen--price .home-screen__container { height: 600px } .home-screen--single-project .home-screen__content { max-width: 590px } } @media screen and (max-width:1365px) { .home-screen__content { max-width: 540px } .home-screen__content p { margin-top: 30px; max-width: 476px } .home-screen__line-desc { padding-left: 80px } .home-screen__line-desc:before { width: 60px } .home-screen__slider-controls { bottom: 20px } .home-screen--price .home-screen__container { height: 500px } .home-screen--single-news .home-screen__content { max-width: 100% } .home-screen--about { padding-right: 0 } .home-screen--single-project .home-screen__content { max-width: 500px } } @media screen and (max-width:1023px) { .home-screen { height: 100vh } .home-screen__content { max-width: 620px } .home-screen__content p { margin-top: 10px; font-size: 16px; line-height: 24px } .home-screen__line-desc { padding-left: 60px; font-size: 16px; line-height: 24px } .home-screen__line-desc:before { width: 40px } .home-screen__slider-controls { bottom: 15px } .home-screen--price { height: auto } .home-screen--single-news .home-screen__content { max-width: 540px } .home-screen--mission .home-screen__desc { font-size: 14px; line-height: 21px } .home-screen--mission .home-screen__btns { margin-left: auto; margin-top: 20px; width: 240px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .home-screen--mission .home-screen__btn { width: 100%; text-align: center } .home-screen--mission .home-screen__container--right { padding: 70px 15px 0 } .home-screen--mission .home-screen__content { text-align: right } .home-screen--single-project .home-screen__content { max-width: 380px } } @media screen and (max-width:767px) { .home-screen__container--right { padding-right: 15px } .home-screen__bg { width: 100% } .home-screen .swiper-pagination { bottom: 10px } .home-screen--price .home-screen__container { height: 100vh } } .acquaintance__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .acquaintance__inner { -ms-flex-preferred-size: 50%; flex-basis: 50% } .acquaintance__heading { margin-bottom: 60px } .acquaintance__content-item { display: none; max-width: 630px; font-size: 18px; line-height: 27px; color: #ddd } .acquaintance__content-item p { margin-top: 15px } .acquaintance__content-item--active { display: block } .acquaintance__tabs { margin: 50px -10px -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .acquaintance__tab-wr { margin: 22px 10px } @media screen and (max-width:1919px) { .acquaintance__heading { margin-bottom: 20px } } @media screen and (max-width:1365px) { .acquaintance__content-item { width: 540px } .acquaintance__tabs { margin: 20px -10px -20px } .acquaintance__tab-wr { margin: 15px 10px } } @media screen and (max-width:1023px) { .acquaintance { padding: 118px 0 } .acquaintance__content-item { width: auto; font-size: 16px; line-height: 24px } .acquaintance__content-item p { margin-top: 10px } } @media screen and (max-width:767px) { .acquaintance { padding: 70px 0 } .acquaintance__container { display: block } .acquaintance__inner { padding-top: 200px } .acquaintance__content-item { width: 100% } } .portfolio__tabs { margin: 50px -40px -11px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .portfolio__scroll-wrapper { max-height: calc(100vh - 90px); overflow-y: auto; overflow-x: hidden; -ms-overflow-style: none; scrollbar-width: none; padding-bottom: 90px } .portfolio__scroll-wrapper::-webkit-scrollbar { display: none } .portfolio__tab-item { margin: 22px 40px } .portfolio__items-wr-container { position: relative; margin: 80px auto 0; width: 100%; max-width: 1070px } .portfolio__items-wr-container:after { content: ""; display: block; position: absolute; left: calc(100% + (100vw - 1070px)/2 - 368px); top: 0; height: 100%; width: 368px; background: -webkit-gradient(linear, left top, right top, from(rgba(17, 17, 17, 0)), to(#111)); background: -o-linear-gradient(left, rgba(17, 17, 17, 0), #111); background: linear-gradient(90deg, rgba(17, 17, 17, 0), #111); z-index: 3 } .portfolio__items-wr { overflow: visible; display: none } .portfolio__items-wr--active { display: block } .portfolio__mobile-btn { display: none } @media screen and (max-width:1919px) { .portfolio__tabs { margin: 30px -30px -10px } .portfolio__tab-item { margin: 20px 30px } .portfolio__items-wr-container { margin: 60px auto 0 } } @media screen and (max-width:1365px) { .portfolio__tab-item { margin: 10px 30px } .portfolio__items-wr-container { max-width: 730px; margin-left: calc((100vw - 970px)/2) } .portfolio__items-wr-container:after { width: 245px; left: calc(100% + (100vw - 970px)/2) } } @media screen and (max-width:1023px) { .portfolio { padding-bottom: 100px; padding-top: 30px } .portfolio__items-wr-container { margin-top: 40px; max-width: 420px; margin-left: calc((100vw - 754px)/2) } .portfolio__items-wr-container:after { width: 245px; left: calc(100% + (100vw - 754px)/2 + 90px) } .portfolio__scroll-wrapper { max-height: 100%; overflow: hidden; padding-bottom: 0 } } @media screen and (max-width:767px) { .portfolio__heading-btn { display: none } .portfolio__mobile-btn { margin: 30px auto 0; display: block; width: calc(100% - 30px); text-align: center } .portfolio__items-wr-container { max-width: 250px; margin-left: 0 } .portfolio__items-wr-container:after { width: 125px; left: 250px } } .why-us__inner { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } .why-us__adwards, .why-us__numbers { -ms-flex-preferred-size: 50%; flex-basis: 50% } .why-us__items { margin-top: 100px; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px } .why-us__item { -webkit-box-flex: 1; -ms-flex: 1 1 220px; flex: 1 1 220px } .why-us__numbers { display: -webkit-box; display: -ms-flexbox; display: flex } .why-us__number-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } @media screen and (max-width:1919px) { .why-us__inner { margin-top: 20px } .why-us__items { margin-top: 30px; gap: 20px } .why-us__numbers { -ms-flex-preferred-size: calc(100% - 545px); flex-basis: calc(100% - 545px) } .why-us__adwards { -ms-flex-preferred-size: 500px; flex-basis: 500px } } @media screen and (max-width:1365px) { .why-us__numbers { -ms-flex-preferred-size: calc(100% - 440px); flex-basis: calc(100% - 440px) } .why-us__adwards { -ms-flex-preferred-size: 410px; flex-basis: 410px } .why-us__items { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr 20px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 10px 20px } } @media screen and (max-width:1023px) { .why-us { padding: 100px 0 } .why-us__inner { margin-top: 60px } .why-us__numbers { -ms-flex-preferred-size: 532px; flex-basis: 532px } .why-us__adwards { margin-top: 60px; -ms-flex-preferred-size: 100%; flex-basis: 100% } .why-us__items { margin-top: 60px; grid-gap: 55px 20px } } @media screen and (max-width:767px) { .why-us { padding: 50px 0 } .why-us__heading { display: block } .why-us__heading-btn { margin-top: 20px; display: block; text-align: center } .why-us__inner { margin-top: 40px } .why-us__numbers { -ms-flex-preferred-size: auto; flex-basis: auto; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr 30px 1fr; grid-template-columns: repeat(3, 1fr); width: 100%; grid-gap: 30px } .why-us__adwards, .why-us__items { margin-top: 40px } .why-us__items { -ms-grid-columns: 1fr 15px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 40px 15px } } .your-object__items { margin-top: 60px } .your-object__item { -ms-flex-negative: 1; flex-shrink: 1 } .your-object__arrows { display: none } @media screen and (max-width:1023px) { .your-object { padding: 100px 0 } } @media screen and (max-width:767px) { .your-object__title { max-width: 240px; margin-left: auto; margin-right: auto } .your-object__items { margin: 30px auto 0; width: 220px; height: 220px } .your-object__slider { height: 100%; overflow: visible } .your-object__item { -ms-flex-negative: 0; flex-shrink: 0 } .your-object__heading { position: relative } .your-object__arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; bottom: 10px; width: 100% } .your-object .item-hover-btn__img-wr { height: 100%; padding-top: 0 } } .vizualization__content { position: relative; margin: 100px auto 0; width: 500px; height: 500px } .vizualization__circle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 4 } .vizualization__circle svg { width: 100%; height: 100% } .vizualization__lines { left: calc(50% + 50px); top: calc(50% - 70px); width: 1880px; max-width: none } .vizualization__lines, .vizualization__logo { position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .vizualization__logo { left: 50%; top: 50%; width: 253px; height: 100px } .vizualization__items, .vizualization__logo svg { width: 100%; height: 100% } .vizualization__items { position: relative } .vizualization__item-text { display: block } .vizualization__item { position: absolute; white-space: nowrap; font-size: 24px; line-height: 36px; color: #333 } .vizualization__item:after, .vizualization__item:before { content: ""; display: block; position: absolute; bottom: 0; height: 2px; background: #ddd } .vizualization__item:before { left: 0; width: 100% } .vizualization__item:first-child:after, .vizualization__item:nth-child(2):after, .vizualization__item:nth-child(3):after, .vizualization__item:nth-child(4):after { right: 0 } .vizualization__item:nth-child(5):after, .vizualization__item:nth-child(6):after, .vizualization__item:nth-child(7):after, .vizualization__item:nth-child(8):after { left: 0 } .vizualization__item:after { width: 40px } .vizualization__item:first-child:after, .vizualization__item:nth-child(2):after { -webkit-transform: rotate(-140deg); -ms-transform: rotate(-140deg); transform: rotate(-140deg); -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100% } .vizualization__item:first-child { right: calc(100% - 57px); width: 300px; top: 20px } .vizualization__item:first-child .vizualization__item-text { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px) } .vizualization__item:nth-child(2) { right: calc(100% + 3px); width: 390px; top: 115px } .vizualization__item:nth-child(2) .vizualization__item-text { -webkit-transform: translate(-90px, -15px); -ms-transform: translate(-90px, -15px); transform: translate(-90px, -15px) } .vizualization__item:nth-child(3):after, .vizualization__item:nth-child(4):after { -webkit-transform: rotate(140deg); -ms-transform: rotate(140deg); transform: rotate(140deg); -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100% } .vizualization__item:nth-child(3) { right: calc(100% + 16px); top: 235px } .vizualization__item:nth-child(3) .vizualization__item-text { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px) } .vizualization__item:nth-child(4) { right: calc(100% - 90px); bottom: 14px } .vizualization__item:nth-child(4) .vizualization__item-text { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px) } .vizualization__item:nth-child(5):after, .vizualization__item:nth-child(6):after, .vizualization__item:nth-child(7):after { -webkit-transform: rotate(140deg); -ms-transform: rotate(140deg); transform: rotate(140deg); -webkit-transform-origin: 0 1px; -ms-transform-origin: 0 1px; transform-origin: 0 1px } .vizualization__item:nth-child(5) { width: 350px; left: calc(100% - 60px); top: 20px } .vizualization__item:nth-child(5) .vizualization__item-text { -webkit-transform: translate(40px, -20px); -ms-transform: translate(40px, -20px); transform: translate(40px, -20px) } .vizualization__item:nth-child(6) { width: 340px; left: calc(100% + 10px); top: 160px } .vizualization__item:nth-child(6) .vizualization__item-text { -webkit-transform: translate(30px, -15px); -ms-transform: translate(30px, -15px); transform: translate(30px, -15px) } .vizualization__item:nth-child(8):after { -webkit-transform: rotate(-140deg); -ms-transform: rotate(-140deg); transform: rotate(-140deg); -webkit-transform-origin: 0 1px; -ms-transform-origin: 0 1px; transform-origin: 0 1px } .vizualization__item:nth-child(7) { width: 350px; left: calc(100% + -3px); bottom: 162px } .vizualization__item:nth-child(7) .vizualization__item-text { -webkit-transform: translate(30px, -15px); -ms-transform: translate(30px, -15px); transform: translate(30px, -15px) } .vizualization__item:nth-child(8) { width: 440px; left: calc(100% - 70px); bottom: 35px } .vizualization__item:nth-child(8) .vizualization__item-text { -webkit-transform: translate(90px, 0px); -ms-transform: translate(90px, 0px); transform: translate(90px, 0px) } .vizualization__item-circle, .vizualization__mobile { display: none } @media screen and (max-width:1919px) { .vizualization__container { padding-bottom: 50px } .vizualization__content { margin-top: 50px; width: 400px; height: 400px } .vizualization__logo { width: 173px; height: auto } .vizualization__lines { left: calc(50% + 47px); top: calc(50% - 60px); width: 1520px } .vizualization__item:first-child { width: 290px; right: calc(100% - 40px); top: -10px } .vizualization__item:first-child .vizualization__item-text { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px) } .vizualization__item:nth-child(2) { right: calc(100% + 10px); top: 30px; width: 330px; white-space: inherit } .vizualization__item:nth-child(2) .vizualization__item-text { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); width: 315px } .vizualization__item:nth-child(3) { width: 240px; top: 165px } .vizualization__item:nth-child(3) .vizualization__item-text { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px) } .vizualization__item:nth-child(4) { width: 240px; right: calc(100% - 60px) } .vizualization__item:nth-child(4) .vizualization__item-text { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px) } .vizualization__item:nth-child(5) { width: 420px; left: calc(100% - 50px); top: 0 } .vizualization__item:nth-child(5) .vizualization__item-text { -webkit-transform: translate(25px); -ms-transform: translate(25px); transform: translate(25px) } .vizualization__item:nth-child(6) { left: calc(100% + 15px); top: 85px; width: 320px; white-space: inherit } .vizualization__item:nth-child(6) .vizualization__item-text { -webkit-transform: translate(30px, -5px); -ms-transform: translate(30px, -5px); transform: translate(30px, -5px) } .vizualization__item:nth-child(7) { left: 100%; bottom: 128px; white-space: inherit; width: 350px } .vizualization__item:nth-child(7) .vizualization__item-text { -webkit-transform: translate(60px, -15px); -ms-transform: translate(60px, -15px); transform: translate(60px, -15px); width: 300px } .vizualization__item:nth-child(8) { width: 370px; left: calc(100% - 50px); bottom: 25px; width: 400px; white-space: inherit } .vizualization__item:nth-child(8) .vizualization__item-text { -webkit-transform: translate(40px, 0px); -ms-transform: translate(40px, 0px); transform: translate(40px, 0px); width: 370px } } @media screen and (max-width:1365px) { .vizualization__item { font-size: 18px; line-height: 27px } .vizualization__item:first-child { width: 240px; right: calc(100% - 70px); top: -20px } .vizualization__item:nth-child(2) { right: 100%; top: 40px; width: 240px } .vizualization__item:nth-child(3) { width: 180px; top: 195px } .vizualization__item:nth-child(4) { width: 260px } .vizualization__item:nth-child(5) { width: 330px; left: calc(100% - 50px); top: -30px } .vizualization__item:nth-child(6) { left: calc(100% + 5px); top: 75px; width: 210px } .vizualization__item:nth-child(6) .vizualization__item-text { -webkit-transform: translate(10px, -5px); -ms-transform: translate(10px, -5px); transform: translate(10px, -5px) } .vizualization__item:nth-child(7) { width: 240px } .vizualization__item:nth-child(7) .vizualization__item-text { -webkit-transform: translate(30px, -5px); -ms-transform: translate(30px, -5px); transform: translate(30px, -5px); width: 220px } .vizualization__item:nth-child(8) { width: 300px } .vizualization__item:nth-child(8) .vizualization__item-text { -webkit-transform: translate(30px, 0px); -ms-transform: translate(30px, 0px); transform: translate(30px, 0px) } } @media screen and (max-width:1023px) { .vizualization { padding: 100px 0 } .vizualization__content { width: 240px; height: 240px } .vizualization__logo { width: 122px } .vizualization__lines { left: calc(50% + 27px); top: calc(50% - 40px); width: 930px; display: none } .vizualization__item { font-size: 14px; line-height: 21px } .vizualization__item:after { width: 30px } .vizualization__item:first-child { width: 150px; right: calc(100% - 20px); top: -10px } .vizualization__item:nth-child(2) { right: calc(100% + 10px); top: 20px; width: 200px } .vizualization__item:nth-child(2) .vizualization__item-text { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); width: 155px } .vizualization__item:nth-child(3) { width: 160px; top: 125px } .vizualization__item:nth-child(3) .vizualization__item-text { -webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px) } .vizualization__item:nth-child(4) { width: 160px; right: calc(100% - 30px); bottom: 5px } .vizualization__item:nth-child(5) { width: 240px; left: calc(100% - 40px); top: -20px } .vizualization__item:nth-child(5) .vizualization__item-text { -webkit-transform: translate(10px, -4px); -ms-transform: translate(10px, -4px); transform: translate(10px, -4px) } .vizualization__item:nth-child(6) { left: calc(100% + 11px); top: 35px; width: 160px } .vizualization__item:nth-child(6) .vizualization__item-text { -webkit-transform: translate(10px, -5px); -ms-transform: translate(10px, -5px); transform: translate(10px, -5px); width: 170px } .vizualization__item:nth-child(7) { left: calc(100% - 7px); bottom: 68px; width: 220px } .vizualization__item:nth-child(7) .vizualization__item-text { -webkit-transform: translate(10px, -5px); -ms-transform: translate(10px, -5px); transform: translate(10px, -5px); width: 240px } .vizualization__item:nth-child(8) { width: 220px; bottom: 0 } .vizualization__item:nth-child(8) .vizualization__item-text { -webkit-transform: translate(7px, 0px); -ms-transform: translate(7px, 0px); transform: translate(7px, 0px); width: 220px } } @media screen and (max-width:767px) { .vizualization { padding: 50px 0 } .vizualization__content { margin-top: 20px; width: 150px; height: 150px } .vizualization__logo { width: 75px } .vizualization__items { z-index: 4 } .vizualization__item-circle { display: block } .vizualization__desktop { display: none } .vizualization__mobile { display: block; position: relative; height: 100% } .vizualization__item-circle { position: absolute } .vizualization__item-circle:first-of-type { left: 19px; top: 5px } .vizualization__item-circle:nth-of-type(2) { left: -5px; top: 35px } .vizualization__item-circle:nth-of-type(3) { left: -7px; top: 77px } .vizualization__item-circle:nth-of-type(4) { left: 14px; bottom: 10px } .vizualization__item-circle:nth-of-type(5) { right: 25px; top: 2px } .vizualization__item-circle:nth-of-type(6) { right: -6px; top: 60px } .vizualization__item-circle:nth-of-type(7) { right: -1px; bottom: 29px } .vizualization__item-circle:nth-of-type(8) { right: 37px; bottom: -2px } .vizualization__item-text { width: 300px; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -60px; opacity: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; text-align: center } .vizualization__item-circle:hover+.vizualization__item-text { opacity: 1 } } .design-project__content { width: 630px } .design-project__desc { margin-top: 40px; font-size: 24px; line-height: 36px } .design-project__desc p { margin-top: 15px } .design-project__btns { margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px } .design-project__btn { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center } @media screen and (max-width:1365px) { .design-project__content { width: 510px } .design-project__desc { font-size: 18px; line-height: 27px } } @media screen and (max-width:1023px) { .design-project { padding: 100px 0 } .design-project__desc { margin-top: 20px; font-size: 16px; line-height: 24px } .design-project__content { width: 395px } .design-project__btns { margin-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; width: 240px } } @media screen and (max-width:767px) { .design-project { padding: 270px 0 70px } .design-project__btns, .design-project__content { width: 100% } } .clients { padding-right: 130px } .clients__items { margin: 60px -40px -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .clients__item { margin: 20px 40px; width: 120px; height: 120px; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .clients__item:first-child, .clients__item:nth-child(2), .clients__item:nth-child(3), .clients__item:nth-child(4), .clients__item:nth-child(5), .clients__item:nth-child(6), .clients__item:nth-child(7), .clients__item:nth-child(8), .clients__item:nth-child(9), .clients__item:nth-child(10) { display: -webkit-box; display: -ms-flexbox; display: flex } .clients__logo { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .clients__item:hover .clients__logo { -webkit-filter: grayscale(0); filter: grayscale(0) } @media screen and (max-width:1919px) { .clients { padding-right: 40px } .clients__items { margin: 20px -40px -10px } .clients__item { margin: 10px 40px; width: 100px; height: 100px } } @media screen and (max-width:1365px) { .clients { padding-right: 0 } .clients__items { margin: 30px -40px -10px } .clients__item { width: 148px; height: 148px } } @media screen and (max-width:1023px) { .clients__items { margin: 5px -55px } .clients__item { margin: 25px 15px; width: 120px; height: 120px } } @media screen and (max-width:767px) { .clients__title { text-align: center } .clients__items { margin: 10px -10px -10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .clients__item { margin: 10px; width: 80px; height: 80px } .clients__more-btn { margin: 22px auto 0; font-size: 14px; line-height: 21px } } .reviews__arrows { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px } .reviews__slider { margin-top: 80px } .reviews__inner { width: 850px } @media screen and (max-width:1919px) { .reviews__slider { margin-top: 40px } .reviews__inner { width: 570px } .reviews:before { content: ""; display: block; position: absolute; top: -100px; left: 0; width: 100%; height: 100px; background: #fff } } @media screen and (max-width:1365px) { .reviews { margin-top: 100px } .reviews__slider { margin-top: 20px } .reviews__inner { width: 100% } } @media screen and (max-width:1023px) { .reviews { margin-top: 50px } .modal { position: absolute; z-index: 7; left: 0; bottom: 0; width: 100vw; height: 100vh; background: rgba(17, 17, 17, .55); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; top:auto; } } @media screen and (max-width:767px) { .reviews__heading { position: relative; display: block } .reviews__title { text-align: center } .reviews__arrows { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media screen and (min-width:1920px) { h1 { font-size: 88px; line-height: 120px; } h5 { font-size: 25px; } .section-heading__title--xl { font-size: 50px; } .section-heading__title { font-size: 50px; } .tab--acquaintance { font-size: 25px; } .item__title { font-size: 20px; } .why-adwards__title { font-size: 26px; } .why-number__number { font-size: 70px; } }