/* Start:/local/templates/gxp/js/owl.carousel.css?16842875562880*/ .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/gxp/js/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/gxp/js/animate.css?168428755658408*/ @charset "UTF-8";/*! * animate.css -http://daneden.me/animate * Version - 3.6.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-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{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) 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{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{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:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{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:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* End */ /* Start:/local/templates/gxp/js/fancybox/jquery.fancybox.css?168428755613058*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0);transform:rotate(0)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1) translate3d(0,0,0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}@media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/gxp/template_styles.css?175317572072710*/ @font-face { font-family: 'Futura PT'; src: url('/local/templates/gxp/fonts/FuturaPT-Book.eot'); src: local('Futura PT Book'), local('FuturaPT-Book'), url('/local/templates/gxp/fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype'), url('/local/templates/gxp/fonts/FuturaPT-Book.woff') format('woff'), url('/local/templates/gxp/fonts/FuturaPT-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('/local/templates/gxp/fonts/FuturaPT-Demi.eot'); src: local('Futura PT Demi'), local('FuturaPT-Demi'), url('/local/templates/gxp/fonts/FuturaPT-Demi.eot?#iefix') format('embedded-opentype'), url('/local/templates/gxp/fonts/FuturaPT-Demi.woff') format('woff'), url('/local/templates/gxp/fonts/FuturaPT-Demi.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('/local/templates/gxp/fonts/FuturaPT-Medium.eot'); src: local('Futura PT Medium'), local('FuturaPT-Medium'), url('/local/templates/gxp/fonts/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/gxp/fonts/FuturaPT-Medium.woff') format('woff'), url('/local/templates/gxp/fonts/FuturaPT-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } body, html { padding: 0; margin: 0; font-family: 'Futura PT', 'Arial', sans-serif; font-weight: normal; font-size: 20px; line-height: 30px; color: #282E5E; } * { box-sizing: border-box; outline: none; } p:first-child, h2:first-child, h3:first-child { margin-top: 0; } p:last-child, h2:last-child, h3:last-child { margin-bottom: 0; } a{ text-decoration: none; color: #282E5E; transition: all .3s; } h1, .title-h1, h2, .title-h2, h3, .title-h3, h4, .title-h4, h5, .title-h5{ font-family: 'Futura PT', 'Arial', sans-serif; font-weight: 500; } h1, .title-h1{ font-size: 61px; line-height: 81px; } h2, .title-h2{ font-size: 41px; line-height: 50px; } h3, .title-h3{ font-size: 30px; line-height: 40px; } h4, .title-h4{ font-size: 24px; line-height: 32px; } h5, .title-h5{ font-size: 20px; line-height: 30px; } .btn--light:hover, .btn{ -webkit-appearance: none; display: inline-block; background: #282E5E; color: #FFFFFF; border: 2px solid #282E5E; text-align: center; padding: 11px 50px 11px 22px; font-size: 17px; line-height: 1; cursor: pointer; border-radius: 100px; position: relative; } .btn:after{ content: ''; display: block; width: 18px; height: 16px; background: url("/local/templates/gxp/images/arr-r-w.svg") no-repeat center right; background-size: cover; position: absolute; top: 50%; right: 28px; transform: translateY(-50%); transition: all .3s; } .btn:hover:after{ width: 23px; right: 23px; } .btn--light{ background: none; color: #EF574D; border: 2px solid #E4E5F0; } .btn--light:after{ background-image: url("/local/templates/gxp/images/arr-r-blue.svg"); } .btn--light:hover:after{ background-image: url("/local/templates/gxp/images/arr-r-w.svg"); } .btn--red{ color: #FFFFFF; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); border: 0; padding: 16px 52px 18px 22px; } .btn:hover{ background-color: #303771; border-color: #303771; } .wrap{ padding: 0 203px; margin: 0 auto; } .wide { margin: 0 -203px; } .wr{ max-width: 1035px; margin: 0 auto; } .page-top .wr{ max-width: 1306px; } .wr--r{ position: relative; } .wow { visibility: hidden; } header{ position: fixed; top: 0; left: 0; right: 0; height: 64px; z-index: 20; transition: all .3s; } .header--tiny header{ background-color: #f6f6f6; box-shadow: 0 12px 30px rgba(40, 46, 94, 0.05); } .burger{ display: inline-block; vertical-align: top; width: 64px; height: 64px; background: #282E5E; border-radius: 0 0 18px 0; transition: all .3s; } .burger:hover{ border-radius: 0; } .menu-wrapper { display: block; margin: auto; width: 25px; height: 25px; cursor: pointer; padding: 31px 0; } .hamburger-menu, .hamburger-menu:after, .hamburger-menu:before { width: 25px; height: 2px; } .burger:hover .hamburger-menu:after, .burger:hover .hamburger-menu:before{ width: 25px; } .hamburger-menu { display: block; position: relative; background: white; transition: all 0ms 300ms; } .hamburger-menu.animate { background: rgba(255, 255, 255, 0); } .hamburger-menu:before { content: ""; position: absolute; width: 15px; left: 0; bottom: 7px; background: white; transition: left .3s, width .3s, bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); } .hamburger-menu:after { content: ""; position: absolute; width: 15px; left: auto; right: 0; top: 7px; background: white; transition: left .3s, width .3s, top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); } .hamburger-menu.animate:after { top: 0; transform: rotate(45deg); transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); } .hamburger-menu.animate:before { bottom: 0; transform: rotate(-45deg); transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); } .logo{ display: inline-block; vertical-align: top; width: 82px; height: 46px; background: url("/local/templates/gxp/images/logo.svg") no-repeat center; background-size: contain; margin-top: 12px; margin-left: 20px; } .top-menu{ display: inline-block; vertical-align: top; text-align: center; width: calc(100% - 611px); } .top-menu ul{ list-style: none; padding: 0; margin: 0; } .top-menu .outline{ height: 2px; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); width: 100px; position: absolute; bottom: 0; left: 0; z-index: 1; } .top-menu li{ display: inline-block; vertical-align: top; padding: 19px 26px; } .top-menu li.active, .top-menu li:hover:after{ right: 0; width: auto; } .top-menu a{ display: block; font-size: 18px; line-height: 26px; font-weight: 500; padding: 0 20px; } .top-menu a.active{ color: #ff5268; } .underline { display: block; position: absolute; z-index: 0; bottom: 0; left: 0; height: 2px; transition: all .5s ease-in-out; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); } .underline:nth-child(2) { transition: calc(.5s * .8); } .underline:nth-child(3) { transition: calc(.5s * 1.2); } .header-right{ display: inline-block; vertical-align: top; text-align: right; float: right; } .header-phone{ display: inline-block; vertical-align: top; font-size: 17px; line-height: 21px; font-weight: 500; margin: 23px 26px 0 0; } .header-phone:hover{ color: #EF574D; } .lang{ display: inline-block; vertical-align: top; text-align: center; list-style: none; padding: 17px 0; width: 65px; margin: 0; border-radius: 0 0 0 18px; background-color: #f7f7f9; transition: all .3s; position: relative; } .lang:hover{ border-radius: 0; color: #EF574D; } .header-btn{ display: inline-block; vertical-align: top; font-size: 17px; line-height: 25px; font-weight: 500; background-color: #282E5E; color: #ffffff; padding: 18px 57px 21px 24px; position: relative; transition: none; border: 0; border-radius: 0; } .header-btn:after{ right: 27px;; } .header-btn:hover{ background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); } .header-btn:hover:after{ width: 24px; right: 21px; } .main{ padding: 82px 0 80px; overflow: hidden; max-width: 100%; position: relative; } .page-top{ margin: 0 0 68px 135px; position: relative; /*background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%);*/ } .wide .page-top { margin-bottom: 0; } .page-top__info{ padding: 9px 0 35px; /*background-size: contain;*/ position: relative; } .page-top__info-img{ background: no-repeat 0 50% #ffffff; position: absolute; top: 0; bottom: 0; left: 50%; right: 0; margin-left: -500px; z-index: 0; } .page-top__info .wr{ position: relative; z-index: 1; } .body--vacancy .page-top__info-img{ background-image: url("/local/templates/gxp/images/vacancy-bg.svg"); } .body--vacancy .page-top__img{ max-width: 554px; } .body--ball .main:after{ content: ''; display: block; width: 135px; height: 135px; background: url("/local/templates/gxp/images/ellipse.svg") no-repeat center; background-size: contain; position: absolute; right: 0; bottom: 6%; transform: translateX(50%); z-index: 2; } .page-top__link{ color: rgba(40, 46, 94, .3); padding-left: 30px; position: relative; margin: 0 0 30px 39px; font-weight: normal; font-size: 15px; line-height: 72px; } .page-top__link:hover{ color: rgba(40, 46, 94, .5); } .page-top__link:after{ content: ''; display: block; width: 18px; height: 14px; background: url("/local/templates/gxp/images/arr-r-r.svg") no-repeat center left; position: absolute; left: 0; top: 3px; transition: all .3s; } .page-top__link:hover:after{ width: 27px; left: -9px; } .page-top h1{ margin: 0 0 0 64px; /*letter-spacing: 1.3px;*/ } .page-top__descr{ font-size: 22px; line-height: 30px; color: #FFFFFF; border-top: 4px solid #282E5E; position: relative; font-weight: 500; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); } .body--prices .page-top__descr-cols, .body--prices .page-top__descr:after{ display: none; } .page-top__descr-text{ padding: 53px 56% 48px 108px; } .body--prices .page-top__descr-text { padding: 53px 48% 48px 108px; } .page-top__descr:before{ content: ''; display: block; width: 0; height: 0; border: 17px solid #ffffff; border-right-color: #282E5E; border-bottom-color: #282E5E; border-radius: 0 0 10px 0; position: absolute; top: -4px; left: 0; z-index: 2; } .page-top__img{ position: absolute; bottom: 12px; left: 50.9%; width: 42.5%; height: 100%; display: flex; justify-content: center; align-items: flex-end; } .body--prices .page-top__img{ bottom: 0; max-width: 385px; } .page-top__img img{ display: block; max-width: 100%; max-height: 100%; margin: 0 auto; } .page-top__descr-subtitle{ color: #f6f6f6; font-size: 22px; line-height: 48px; padding: 7px 40px 8px; background-color: #282E5E; max-width: 518px; margin: 0 203px 0 68px; position: relative; z-index: 2; } .body--prices .page-top__descr-subtitle{ padding: 0; max-width: 100%; background-color: transparent; } .page-top__descr-sub{ display: inline-block; vertical-align: top; background: no-repeat 95% 50% rgba(255, 255, 255, 0.92); padding: 7px 40px 8px; border-left: 1px solid #ff5268; width: calc(100% / 3); } .page-top__descr-sub:first-child{ border-left: 0; background-image: url("/local/templates/gxp/images/pen-ico.svg"); } .page-top__descr-sub:nth-child(2){ background-image: url("/local/templates/gxp/images/chat-ico.svg"); } .page-top__descr-sub:nth-child(3){ background-image: url("/local/templates/gxp/images/cash-ico.svg"); } .page-top__descr-sub.active{ background-color: #282E5E; color: #f6f6f6; } .page-top__descr-cols{ margin: 0 203px 0 68px; background-color: #ffffff; position: relative; z-index: 2; } .page-top__descr-col{ display: inline-block; vertical-align: top; width: 60%; padding: 47px 40px 0; font-size: 30px; line-height: 40px; font-weight: 500; color: #282E5E; } .page-top__descr-col:last-child{ width: 40%; padding: 51px 35px 0 82px; font-size: 18px; line-height: 26px; color: #7780AC; font-weight: normal; } .page-top__descr:after{ content: ' '; display: block; background-color: #ffffff; height: 12px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 0; } .page-content{ display: flex; } .page-left, .page-right{ display: inline-block; vertical-align: top; width: 68%; padding-right: 10.5%; } .page-right{ width: 32%; padding-right: 0; } .page-title{ display: inline-block; vertical-align: top; margin-bottom: 19px; position: relative; } .page-title span{ display: inline-block; font-size: 18px; line-height: 50px; color: #EF574D; position: absolute; bottom: 16px; right: -14px; } .page-descr{ margin-bottom: 15px; } .vacancies-item{ border-bottom: 1px solid #E4E5F0; padding: 35px 0 38px; } .vacancies-item__top{ padding: 0 85px 0 48px; position: relative; cursor: pointer; } .vacancies-item__top:before{ content: ''; display: block; height: 2px; width: 30px; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); position: absolute; left: 0; top: 14px; transition: all .3s; } .opened .vacancies-item__top:before{ background: #7780AC; } .vacancies-item__position{ margin: 0 0 3px; } .opened .vacancies-item__position{ color: #FF5858; } .vacancies-item__lang{ font-size: 18px; line-height: 26px; margin: 0; position: relative; } .vacancies-item__lang span{ color: #7780AC; } .vacancies-item__descr{ padding: 28px 0 21px 48px; display: none; } .vacancies-item__descr-title{ margin-bottom: 15px; } .vacancies-item__descr ul{ padding-left: 0; list-style: none; margin: 0; } .vacancies-item__descr ul li{ margin-bottom: 22px; position: relative; } .vacancies-item__descr ul li:last-child{ margin: 0; } .vacancies-item__descr ul li::before { content: "\2022"; color: #EF574D; font-weight: bold; display: inline-block; width: 1em; position: absolute; top: 0; left: -30px; } .vacancies-item__btn{ position: absolute; top: 0; right: 0; padding: 11px 25px; } .vacancies-item__btn:hover:after, .vacancies-item__btn:after{ display: none; padding: 11px 22px; } .vacancies-item__btn:hover { color: #ffffff; background-color: #282E5E; border-color: #282E5E; } .vacancies-item__btn:hover{ position: absolute; padding: 11px 25px; } .vacancies-item__btn:hover:after{ background-image: url("/local/templates/gxp/images/arr-r-w.svg"); } .vacancies-mg{ background-color: #282E5E; position: relative; margin: 9px -200px 30px 0; width: calc(100% + 203px); padding: 57px 212px 69px 59px; color: #ffffff; } .vacancies-mg:before{ content: ''; display: block; width: 0; border: 17px solid #ffffff; border-radius: 0 0 14px 0; border-bottom-color: #EF574D; border-right-color: #EF574D; position: absolute; left: 0; top: 0; } .vacancies-mg:after{ content: ''; display: block; position: absolute; left: 87px; right: -50vw; bottom: -8px; top: 0; background: linear-gradient(to bottom, #282E5E 97.7%, #E81D4E 0%, #FF5858 100%); z-index: -1; } .vacancies-mg__title{ font-weight: 500; font-size: 22px; line-height: 32px; padding-bottom: 19px; position: relative; margin-bottom: 15px; } .vacancies-mg__title:after{ content: ''; display: block; width: 40px; height: 2px; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); position: absolute; bottom: 0; left: 0; } .vacancies-mg__mail{ display: block; margin-bottom: 33px; color: #EF574D; font-size: 22px; line-height: 28px; letter-spacing: .3px; } .vacancies-mg__men{ position: relative; padding-left: 67px; } .vacancies-mg__logo{ width: 46px; height: 46px; border-radius: 100px; background: no-repeat center; background-size: cover; position: absolute; left: 3px; top: 1px; } .vacancies-mg__name{ font-weight: 500; line-height: 1.3; } .vacancies-mg__position{ font-size: 16px; line-height: 22px; opacity: .4; } footer{ background-color: #282E5E; padding: 20px 34px 16px; position: relative; } .footer-pay__item{ display: inline-block; vertical-align: middle; margin-right: 30px; opacity: .4; transition: all .3s; } .footer-pay__item:hover{ opacity: 1; } .prominado{ display: inline-block; width: 105px; height: 25px; background: url("/local/templates/gxp/images/prominado.svg") no-repeat center right; background-size: cover; position: absolute; right: 34px; top: 30px; } .prominado:before{ content: ' '; display: block; width: 24px; height: 24px; background: url("/local/templates/gxp/images/prominado-left.svg") no-repeat center; background-size: contain; position: absolute; top: 0; left: -25px; transition: all .5s; } .prominado:hover:before{ transform: rotate(90deg); } .to-top{ width: 50px; height: 50px; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); border-radius: 100px; position: absolute; left: 50%; top: 15px; transform: translateX(-50%); } .to-top:before{ content: ''; width: 46px; height: 46px; border-radius: 100px; background-color: #282E5E; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; transition: all .3s; } .to-top:hover:before{ opacity: 0; } .to-top:after{ content: ''; display: block; width: 18px; height: 14px; background: url("/local/templates/gxp/images/arr-r-w.svg") no-repeat 100% 50%; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); z-index: 2; } .menu{ position: fixed; top: 0; left: 0; right: 0; height: 100vh; min-height: 550px; background: url("/local/templates/gxp/images/menu-logo-bg.svg") no-repeat 110% 100% #282E5E; background-size: auto 105%; color: #F6F6F6; padding: 171px 117px 161px; z-index: -1; opacity: 0; transform: translateY(-101%); transition: all .3s; display: flex; align-items: center; } .menu.active{ transform: translateY(0); z-index: 21; opacity: 1; } .menu-close{ display: block; width: 20px; height: 20px; position: absolute; top: 22px; left: 22px; filter: brightness(100); background: url("/local/templates/gxp/images/close.svg") no-repeat center; background-size: contain; } .menu-close:hover{ filter: none; } .menu-col{ display: inline-block; vertical-align: top; width: 50%; transform: translateY(-5%); } .menu-col:nth-child(3){ text-align: center; } .menu-order__btn{ font-weight: 500; font-size: 34px; line-height: 1.3; background-color: #E81D4E; text-align: center; color: #FFFFFF; padding: 18px 22px 26px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; } .menu-order__btn span{ display: inline-block; padding-right: 50px; position: relative; } .menu-order__btn span:after{ content: ' '; display: block; width: 35px; height: 25px; background: url(/local/templates/gxp/images/arr-r-r-big.svg) no-repeat right center; background-size: auto 100%; position: absolute; right: 0; top: 15px; transition: all .3s; filter: brightness(100); } .menu-order__btn:hover span:after{ right: -25px; width: 55px; } .menu-left__ul{ list-style: none; margin: 0 0 134px; padding: 0; } .menu-left__ul a{ color: #f6f6f6; font-size: 55px; line-height: 100px; position: relative; padding-right: 70px; } .menu-left__ul a:after{ content: ' '; display: block; width: 35px; height: 25px; background: url("/local/templates/gxp/images/arr-r-r-big.svg") no-repeat right center; background-size: auto 100%; position: absolute; right: 15px; top: 30px; filter: grayscale(1); opacity: .3; transition: all .3s; } .menu-left__ul a:hover:after{ } .menu-left__ul a.active, .menu-left__ul a.active:hover, .menu-left__ul a:hover{ color: #E81D4E; } .menu-left__ul a.active:after, .menu-left__ul a:hover:after{ transform: translateX(27px); filter: grayscale(0); width: 65px; opacity: 1; } .menu-phone{ display: block; font-size: 39px; line-height: 48px; color: #F6F6F6; margin-bottom: 10px; } .menu-mail{ display: inline-block; vertical-align: top; font-weight: 500; font-size: 13px; line-height: 48px; letter-spacing: 0.34em; text-transform: uppercase; color: #F6F6F6; } .menu-phone:hover, .menu-mail:hover{ color: #E81D4E; } .menu-right__ul{ display: inline-block; vertical-align: top; list-style: none; padding: 0; margin: 0 65px 152px 0; text-align: left; } .menu-right__ul li{ display: block; } .menu-right__ul a{ display: inline-block; font-size: 30px; line-height: 64px; color: #F6F6F6; } .menu-right__ul a.active, .menu-right__ul a:hover{ color: #E81D4E; } .menu-info{ max-width: 244px; font-size: 16px; line-height: 26px; color: #7780AC; text-align: left; margin: 0 auto; } .body--reviews .page-top__info-img { background-image: url(/local/templates/gxp/images/rev-bg.svg); /*background-position-x: 63%;*/ } .body--reviews .page-top__img{ max-width: 832px; } .switch{ background: rgba(119, 128, 172, 0.08); border-radius: 100px; width: 300px; height: 40px; overflow: hidden; position: relative; } .switch a{ display: inline-block; vertical-align: top; text-align: center; width: 50%; position: relative; z-index: 2; font-weight: 500; font-size: 18px; line-height: 38px; color: #32396F; } .switch--light a, .switch a.active{ color: #ffffff; } .switch-btn{ width: 50%; height: 40px; position: absolute; top: 0; left: 0; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); border-radius: 100px; z-index: 1; transition: all .3s; } .left .switch-btn{ left: 50%; } .reviews__items{ text-align: center; padding-bottom: 20px; position: relative; } .reviews__items:before{ content: ''; display: block; width: 349px; height: 349px; position: absolute; bottom: 8%; left: -458px; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); border-radius: 100%; } .reviews__item{ padding: 52px 69px 65px 0; position: relative; border-bottom: 1px solid #E4E5F0; text-align: left; display: -ms-flexbox; display: flex; } .reviews__item--img{ padding: 52px 179px 65px 0; } .reviews__item.last{ padding: 52px 179px 58px 0; border-bottom: 0; } .reviews__item-name{ font-weight: 500; font-size: 22px; line-height: 30px; color: #282E5E; -ms-flex: 0 0 220px; flex: 0 0 220px; width: 220px; margin-right: 25px; margin-bottom: 20px; } .reviews__item-position{ display: block; font-size: 14px; line-height: 22px; opacity: .4; } .reviews__item-name:before{ content: 'Клиент'; display: block; font-size: 9px; font-weight: 500; line-height: 30px; letter-spacing: 0.5em; text-transform: uppercase; opacity: .4; } .reviews__item-img{ display: block; max-width: 89px; position: absolute; top: 52px; right: 0; box-shadow: 0 12px 30px rgba(40, 46, 94, 0.05); } .reviews__item-img:after{ content: ''; display: block; width: 45px; height: 45px; background: url("/local/templates/gxp/images/eye.svg") no-repeat center , linear-gradient(270deg, #E81D4E 0%, #FF5858 100%) #F23753; border-radius: 100px; position: absolute; z-index: 1; bottom: 0; right: 0; transform: translate(50%, 50%); transition: all .3s; } .reviews__item-img:hover:after{ background: url("/local/templates/gxp/images/eye.svg") no-repeat center #F23753; } .reviews__item-img img{ display: block; width: 100%; } .reviews__item-text{ position: relative; padding-left: 55px; background: url("/local/templates/gxp/images/quote.svg") no-repeat 0 -5px; margin-top: -5px; padding-top: 5px; } .reviews__items-btn{ padding-right: 53px; position: relative; } .reviews__items-btn:after{ content: ''; display: block; width: 18px; height: 14px; transform: rotate(90deg); background: url("/local/templates/gxp/images/arr-r-w.svg") no-repeat 100% 0; background-size: cover; position: absolute; right: 28px; top: 14px; z-index: 1; } .how-work__keyboard{ display: block; width: 63%; padding-top: 6%; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: -59px; left: 50%; transform: translateX(-50%); z-index: -1; } .how-work{ position: relative; margin: 113px -203px 0; padding: 79px 100px 124px; background: #282E5E; box-shadow: 0 12px 30px rgba(40, 46, 94, 0.05); } .how-work .wr{ max-width: 1236px; } .how-work:after{ content: ''; display: block; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); box-shadow: 0 12px 30px rgba(40, 46, 94, 0.05); height: 10px; position: absolute; bottom: -10px; right: 0; left: 135px; z-index: 1; } /*.animated.how-work:after{*/ /*!*animation: slideRight 3s backwards;*!*/ /*}*/ /*@keyframes slideRight {*/ /*to{*/ /**/ /*}*/ /*}*/ .how-work:before{ content: ''; display: block; width: 86px; height: 86px; position: absolute; top: 0; left: 65%; background: url("/local/templates/gxp/images/t.svg") no-repeat center, linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); border-radius: 100%; transform: rotate(15deg) translateY(-50%); z-index: 1; } .how-work__title { color: #F6F6F6; margin-bottom: 85px; text-align: center; } .how-work__item{ display: inline-block; vertical-align: top; width: calc(25% + 12.5% / 3); color: #F6F6F6; padding-right: 15%; position: relative; } .how-work__item:not(:last-child):after{ content: ' '; display: block; width: 36px; height: 25px; background: url("/local/templates/gxp/images/arr-r-w.svg") no-repeat 100% 0; background-size: cover; position: absolute; right: 25%; top: 45%; opacity: .4; } .how-work__item:last-child{ width: 12.5%; padding-right: 0; } .how-work__item-img{ display: block; max-width: 45px; max-height: 45px; margin-bottom: 35px; } .how-work__item-img svg { display: block; max-width: 45px; max-height: 45px; } .how-work__item-title{ font-weight: 500; font-size: 22px; line-height: 26px; } .how-work__item-text{ color: #7780AC; font-size: 18px; line-height: 26px; font-weight: 400; } .how-work__item-text span, .how-work__item-text a{ color: #ff5268; } .how-work__item-text a:hover{ color: #F23753; } .for-whom{ margin: 100px 0; } .for-whom__title{ margin-bottom: 63px; max-width: 484px; } .for-whom__items{ counter-reset: section; } .for-whom__item{ position: relative; } .for-whom__item:before, .for-whom__item:after{ content: ''; display: block; width: 6px; height: 6px; border-radius: 100%; background-color: #ff5268; position: absolute; bottom: 0; left: 0; } .for-whom__item:after{ width: 8px; height: 8px; left: auto; right: 0; bottom: 5%; } .for-whom__item-info, .for-whom__item-img{ display: inline-block; vertical-align: middle; width: 50%; } .for-whom__item-img{ padding-top: 41.6%; background: no-repeat center; background-size: cover; position: relative; border-radius: 471% 290% 490% 380% / 470% 310% 590% 350%; border: 20px solid #ffffff; animation: changeForm 20s ease-in-out infinite; animation-fill-mode: both; } @keyframes changeForm { 0%{ border-radius: 471% 290% 490% 380% / 470% 310% 590% 350%; } 33%{ border-radius: 401% 590% 390% 380% / 320% 510% 390% 650%; } 66%{ border-radius: 601% 440% 690% 350% / 620% 410% 690% 350%; } 100%{ border-radius: 471% 290% 490% 380% / 470% 310% 590% 350%; } } .for-whom__item-img:after{ /*content: '';*/ display: block; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; background: url("/local/templates/gxp/images/mask.svg") no-repeat center; z-index: 1; } .for-whom__item-info{ padding-left: 95px; transform: translateX(100px); transition: all 1s; opacity: 0; } .active .for-whom__item-info{ transform: translateX(0); opacity: 1; } .for-whom__item-text{ font-size: 34px; line-height: 44px; margin-bottom: 30px; } .for-whom__item-count{ position: absolute; top: 0; left: 20px; font-weight: 500; /*font-size: 20px;*/ opacity: 1; line-height: 50px; padding-right: 80px; z-index: 2; transition: all .5s; } .active .for-whom__item-count{ left: 0; opacity: 1; } .for-whom__item-count:after{ content: ''; display: block; width: 68px; height: 2px; background: linear-gradient(180deg, #FF5858 0%, #E81D4E 100%); position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .for-whom__item-btn{ background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); border: none; color: #282E5E; position: relative; padding: 15px 50px 18px 22px; text-align: center; } .for-whom__item-btn:hover{ color: #FFFFFF; } .for-whom__item-btn:before{ content: ''; display: block; position: absolute; left: 2px; top: 2px; bottom: 2px; right: 2px; border-radius: 100px; background-color: #FFFFFF; z-index: 0; transition: all .3s; } .for-whom__item-btn:hover:before{ opacity: 0; } .for-whom__item-btn span{ display: inline-block; position: relative; z-index: 1; /*padding-right: 30px;*/ } .for-whom__item-btn:after{ background-image: url("/local/templates/gxp/images/arr-r-blue.svg"); } .for-whom__item-btn:hover:after{ background-image: url("/local/templates/gxp/images/arr-r-w.svg"); } .owl-nav > div{ position: absolute; right: 0; top: 50%; background: url("/local/templates/gxp/images/arr--slider-r2.svg") no-repeat 100% 0; background-size: cover; width: 37px; height: 31px; overflow: hidden; color: transparent; transform: translateY(-50%); transition: all .3s; } .owl-nav > div.owl-prev{ transform: translateY(-50%) rotate(180deg); } .for-whom .owl-nav > div{ top: -85px; } .for-whom .owl-nav > div:hover{ width: 47px; right: -10px; } .for-whom .owl-nav > div.owl-prev{ right: 137px; } .for-whom .owl-nav > div.owl-next{ transform: rotate(0) translateY(-50%); } .for-whom .owl-dots{ position: absolute; top: -125px; right: 56px; width: 60px; height: 40px; } .for-whom .owl-dots:after{ content: '/'; font-size: 18px; line-height: 78px; position: absolute; top: -10px; left: 50%; color: #E9EDDF; } .for-whom .owl-dots:before{ content: '8'; font-size: 18px; line-height: 78px; position: absolute; top: -10px; left: 75%; } .for-whom .owl-dot{ opacity: 0; position: absolute; top: 0; transition: all .3s; } .for-whom .owl-dot.active{ opacity: 1; } .for-whom .owl-dot:after{ counter-increment: section; content: counter(section); font-size: 50px; line-height: 78px; color: #282E5E; } .feedback{ margin: 41px 0; } .feedback-item{ padding: 59px 0; } .feedback-item:first-child{ border-bottom: 1px solid #E4E5F0; } .feedback-mail, .feedback-phone, .feedback-item__title{ display: inline-block; vertical-align: middle; width: 65%; } .feedback-item__title span{ display: block; font-weight: normal; font-size: 18px; line-height: 30px; color: #7780AC; } .feedback-item__title{ font-weight: 500; font-size: 30px; line-height: 32px; } .feedback-mail, .feedback-phone{ width: 35%; padding-right: 5%; font-size: 30px; line-height: 1.4; position: relative; background: no-repeat right 50%; } .feedback-phone{ background-image: url("/local/templates/gxp/images/phone-ico.svg"); } .feedback-mail{ background-image: url("/local/templates/gxp/images/mail-ico.svg"); } .body--prices .page-top{ margin-bottom: 0; } .body--prices .page-top__info-img { background-image: url(/local/templates/gxp/images/prices-bg.svg); } .written-translation{ margin: 0 -203px; padding: 79px 203px 101px; background-color: #282E5E; border-bottom: 1px solid #32396F; position: relative; } .written-translation .wr{ position: relative; } .written-translation__title{ color: #f6f6f6; margin-bottom: 61px; width: 64%; } .written-translation__title b{ display: block; color: #7780AC; font-weight: 400; } .written-translation__switch{ position: absolute; right: 0; top: 30px; } .written-translation__example{ display: inline-block; color: #FFFFFF; font-weight: 500; padding-left: 52px; position: absolute; top: 12px; right: 25px; background: url("/local/templates/gxp/images/book.svg") no-repeat 0 0; } .written-translation__holder{ display: flex; } .written-translation__left, .written-translation__right{ display: inline-block; vertical-align: top; width: 76.4%; padding-right: 10%; } .written-translation__right{ width: 23.6%; padding-right: 0; } .price-table{ margin-bottom: 34px; color: #F6F6F6; } .price-table .tr{ border-bottom: 1px solid #32396F; transition: all .3s; position: relative; } .price-table .tr:last-child{ border-bottom: 0; } .price-table .td{ display: inline-block; vertical-align: top; text-align: right; padding: 21px 25px 23px; font-weight: 500; /*font-size: 20px;*/ line-height: 60px; width: calc(100% / 3 - 5px); transition: all .3s; } .price-table .tr:not(.tr--header):hover{ background-color: #212754; border-bottom-color: #212754; } .price-table .tr:not(.tr--header):hover:after{ content: ''; background-color: #212754; height: 1px; position: absolute; top: -1px; left: 0; right: 0; } .price-table .td:first-child{ text-align: left; padding-right: 5px; } .price-table .tr--header .td{ font-size: 18px; line-height: 24px; color: #E4E5F0; } .price-table .tr--header .td span{ display: block; font-size: 16px; } .price-table__bot{ font-weight: 500; /*font-size: 20px;*/ /*line-height: 30px;*/ color: #7780AC; margin-bottom: 34px; } .price-table__bot > span{ display: block; font-weight: normal; font-size: 16px; line-height: 30px; margin-top: 16px; } .price-table__bot span span{ color: #ff5268; } .price-table__bot a{ color: #FFFFFF; } .flag{ display: inline-block; vertical-align: sub; width: 27px; height: 27px; position: relative; margin-right: 20px; border-radius: 100px; overflow: hidden; } .flag img{ display: block; width: 100%; } .flag--em{ border: 1px solid #E4E5F0; } .price-file{ display: block; padding: 151px 40px 34px; background: url("/local/templates/gxp/images/price-file-bg.svg") no-repeat 100% 0, linear-gradient(180deg, #FF5858 0%, #E81D4E 100%); background-size: 90%; border-radius: 12px; position: relative; font-weight: 500; font-size: 22px; line-height: 28px; text-align: center; color: #FFFFFF; margin: 90px 0 35px; } .price-file:after{ content: ''; display: block; width: 0; border: 17px solid #282E5E; border-radius: 0 0 10px 0; border-right-color: #FFAAAA; border-bottom-color: #FFAAAA; position: absolute; top: 0; left: 0; } .price-file:before{ content: ''; background: url("/local/templates/gxp/images/download-ico.svg") no-repeat center #FFFFFF; /*background-size: ;*/ width: 80px; height: 80px; border-radius: 100px; position: absolute; left: 50%; top: 40px; transform: translateX(-50%); } .price-file span{ display: block; font-size: 13px; line-height: 36px; margin-top: 10px; font-weight: 400; } .price-file__bot{ font-size: 18px; line-height: 26px; color: #7780AC; margin: 25px 0 20px; max-width: 244px; font-weight: 400; } .price-file__bot span, .price-file__bot b{ display: block; font-weight: 500; /*font-size: 20px;*/ line-height: 26px; color: #FFFFFF; } .payment-methods{ margin: 88px 0; position: relative; } .payment-methods:after{ content: ''; display: block; width: 6px; height: 6px; border-radius: 100px; background-color: #ff5268; position: absolute; left: -5%; bottom: 15%; } .payment-methods__title{ margin-bottom: 48px; } .payment-methods__descr{ display: inline-block; vertical-align: top; position: absolute; top: 15px; right: 0; color: #7780AC; /*font-size: 20px;*/ /*line-height: 30px;*/ } .payment-methods__items{ border: 1px solid #E4E5F0; border-left: 0; border-bottom: 0; } .payment-methods__items:after{ content: ''; display: block; clear: both; } .payment-methods__item{ display: inline-block; vertical-align: top; width: 25%; padding-top: 24.85%; position: relative; height: 0; overflow: hidden; font-weight: 500; /*font-size: 20px;*/ /*line-height: 30px;*/ border-left: 1px solid #E4E5F0; border-bottom: 1px solid #E4E5F0; } .payment-methods__item > span{ display: inline-block; vertical-align: top; padding-top: 11px; position: absolute; top: 41px; left: 38px; right: 41px; color: #282E5E; } .payment-methods__item--big > span{ right: 90px; } .payment-methods__item > span:before{ content: ''; display: block; width: 34px; height: 2px; background: linear-gradient(180deg, #FF5858 0%, #E81D4E 100%); position: absolute; top: 0; left: 0; } .payment-methods__item--big2, .payment-methods__item--big{ width: 50%; padding-top: 49.8%; float: right; font-weight: normal; font-size: 41px; line-height: 50px; background: url("/local/templates/gxp/images/pay-method-bg.svg") no-repeat 110% 110%; } .payment-methods__item--big2{ float: left; } .payment-methods__item--mid{ width: 50%; } .payment-methods__item--mid-r{ float: right; } .payment-methods__item--big a{ font-size: 18px; line-height: 42px; padding-left: 55px; position: absolute; bottom: 39px; left: 41px; } .payment-methods__item--big a:before{ content: ''; display: block; width: 40px; height: 40px; border-radius: 100px; background: url("/local/templates/gxp/images/download-ico-w.svg") no-repeat center #EF574D; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .payment-methods__item--big a span{ font-weight: 500; color: #EF574D; } .body--oral .page-top__info-img{ background-image: url("/local/templates/gxp/images/oral-bg.svg"); } .body--oral .page-top__descr-text { padding: 53px 42% 48px 108px; position: relative; z-index: 1; } .page-top .payment-methods__item--big2, .page-top .payment-methods__item--big{ background: none; } .payment-methods__items.c{ display: flex; flex-wrap: wrap; } .payment-methods__items .col{ /*display: inline-block;*/ vertical-align: top; width: 50%; display: inline-flex; flex-wrap: wrap; } .col .payment-methods__item{ width: 50%; height: auto; padding: 40px 30px 20px; min-height: 258px; } .col .payment-methods__item--big2, .col .payment-methods__item--big, .col .payment-methods__item--mid, .col .payment-methods__item--mid-r{ width: 100%; } .col .payment-methods__item > span{ position: relative; top: 0; left: auto; right: auto; } .col .payment-methods__item--big2, .col .payment-methods__item--big{ min-height: 517px; } .col .payment-methods__item--mid, .col .payment-methods__item--mid-r{ min-height: 260px; } .body--oral .page-top__descr-cols{ position: relative; } .body--oral .page-top__descr-cols:before{ content: ''; display: block; position: absolute; left: -25vw; bottom: 0; height: 33.4%; width: 50vw; background-color: #FFFFFF; z-index: 0; } .body--oral .page-top__descr:after{ left: 50%; height: auto; top: 510px; /*padding-top: 39.1%;*/ z-index: 1; } .body--oral .page-top__img{ width: 52%; bottom: 0; display: block; left: 45%; z-index: 0; max-width: 678px; } .body--oral .how-work:after{ display: none; } .oral-translations__top{ margin: 84px 0 65px; } .oral-translations__top-col{ display: inline-block; vertical-align: top; width: calc(100% / 3.2); } .oral-translations__top-col:last-child{ width: calc( 100% / 3.2 * 2.2); padding-left: calc(100% / 3); } .oral-translations__top-title{ margin-bottom: 23px; } .oral-translations__top-text{ margin-bottom: 33px; } .modern-equipment{ padding: 34px 87px 36px; background: url("/local/templates/gxp/images/modern-ico.svg") no-repeat 10% 50%, url("/local/templates/gxp/images/modern.jpg") no-repeat center; background-size: 175px, cover; color: #FFFFFF; text-shadow: 0 4px 12px rgba(1, 10, 27, 0.6); position: relative; } .modern-equipment:before{ content: ''; display: block; background-color: #282E5E; position: absolute; top: 0; bottom: 0; right: 100%; left: -50vw; } .modern-equipment__info{ padding-left: 265px; position: relative; } .oral-translations__top-item{ position: relative; padding-left: 59px; /*font-size: 20px;*/ /*line-height: 30px;*/ margin-bottom: 30px; } .oral-translations__top-item:before{ content: ' '; display: block; width: 40px; height: 2px; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); position: absolute; top: 16px; left: 0; } .oral-translations__top-item b{ display: block; font-weight: 500; font-size: 24px; line-height: 34px; } .questions{ margin: 88px 0 64px; position: relative; } .questions-title{ margin-right: 350px; max-width: 430px; margin-bottom: 85px; } .question-descr{ max-width: 333px; position: absolute; top: 10px; right: 0; color: #7780AC; } .question-descr a{ color: #ff5268; } .questions-left, .questions-right{ display: inline-block; vertical-align: top; width: 25.4%; padding-right: 8%; } .questions-right{ width: 74.6%; padding-right: 0; } .questions-filter{ list-style: none; padding: 0; margin: 0; } .questions-filter li{ display: inline-block; vertical-align: top; margin: 0 0 14px; padding: 5px 22px; border-radius: 100px; position: relative; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); cursor: pointer; border: 1px; color: #ff5268; } .questions-filter a{ display: inline-block; font-weight: 500; line-height: 1; color: inherit; position: relative; z-index: 2; } .questions-filter li:hover{ color: #282E5E; } .questions-filter li:after { content: ''; display: block; position: absolute; background-color: #FFFFFF; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .questions-filter li.active{ color: #282E5E; } .questions-filter li.active:after{ top: 2px; bottom: 2px; left: 2px; right: 2px; width: auto; height: auto; border-radius: 100px; } .questions-item{ border-bottom: 1px solid #E4E5F0; padding: 33px 0 0; position: relative; } .questions-item:last-child{ border-bottom: 0; } .questions-item__title{ font-weight: 500; font-size: 24px; line-height: 26px; margin-bottom: 33px; position: relative; cursor: pointer; padding-right: 60px; } .opened .questions-item__title{ color: #ff5268; } .questions-item__title:after, .questions-item__title:before{ content: ''; display: block; border-radius: 100px; position: absolute; } .questions-item__title:before{ width: 35px; height: 35px; background: url("/local/templates/gxp/images/arr-top-w.svg") no-repeat center #EF574D; right: 0; top: 0; z-index: 0; } .questions-item__title:after{ width: 31px; height: 31px; background: url("/local/templates/gxp/images/arr-down.svg") no-repeat 50% 55% #FFFFFF; right: 2px; top: 2px; z-index: 1; transition: all .3s; } .opened .questions-item__title:after{ opacity: 0; transform: rotate(-180deg); } .questions-item__content{ display: none; } .questions-item__text{ margin-bottom: 33px; padding-left: 88px; position: relative; } .questions-item__text:before{ content: 'Ответ:'; display: inline-block; font-weight: 500; line-height: 26px; position: absolute; top: 0; left: 0; } .order-translation{ margin: 0 -203px 64px -68px; padding: 75px 0 0; color: #FFFFFF; position: relative; } .order-translation:before{ content: ''; display: block; width: 6px; height: 6px; border-radius: 100%; background-color: #ff5268; position: absolute; bottom: 100px; left: 10px; } .order-translation__bg{ display: block; background: url("/local/templates/gxp/images/order-bg.png") no-repeat center -1px; background-size: cover; border-radius: 0 0 0 100px; position: absolute; left: 0; top: 0; right: 0; bottom: 140px; z-index: 0; } .order-translation__info{ display: inline-block; vertical-align: top; width: 40%; padding: 20px 5%; position: relative; margin-bottom: 200px; z-index: 1; } .order-translation .order-translation__info { text-align: right; } .order-translation .order-translation__info .wr{ text-align: left; max-width: 420px; display: inline-block; } .order-translation__title{ color: #FFFFFF; margin-bottom: 21px; } .order-translation__descr{ max-width: 285px; margin-bottom: 98px; font-weight: 500; line-height: 28px; } .order-translation__form{ display: inline-block; vertical-align: top; background-color: #FFFFFF; box-shadow: 0 12px 30px rgba(40, 46, 94, 0.05); border-radius: 0 0 0 100px; width: 60%; border-top: 6px solid #32396F; padding: 60px 68px; min-height: 685px; color: #282E5E; position: relative; z-index: 1; } .order-translation .order-translation__form{ min-height: 0; } .order-translation__form form{ display: block; max-width: 500px; position: relative; } .order-translation__btn{ padding: 21px 100px 22px 85px; } .order-translation__btn:after{ right: 70px; } .order-translation__btn:hover:after{ right: 65px; } .order-translation__mg{ max-width: 315px; font-size: 18px; line-height: 26px; font-weight: 400; padding-left: 65px; position: relative; } .order-translation__mg > span{ font-weight: 500; } .order-translation__mg-img{ width: 46px; height: 46px; border-radius: 100px; background: no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; } .input-holder{ display: inline-block; width: 100%; position: relative; cursor: pointer; padding-left: 140px; margin-bottom: 20px; } .input{ -webkit-appearance: none; border: 1px solid #7780AC; border-radius: 4px; font-family: 'Futura PT', 'Arial', sans-serif; font-size: 20px; line-height: 22px; color: #282E5E; width: 100%; max-width: 100%; padding: 12px; transition: all .3s; } .input::placeholder{ font-family: 'Futura PT', 'Arial', sans-serif; font-size: 20px; line-height: 22px; color: #7780AC; opacity: .3; } .input + span{ display: inline-block; vertical-align: top; font-weight: 500; font-size: 18px; line-height: 20px; position: absolute; left: 0; top: 13px; } .input + span > span{ color: #ff5268; } .input:focus, .input-holder textarea:focus{ background-color: rgba(228, 229, 240, 0.5); } .input-holder--file{ padding-left: 55px; margin: 0 0 49px 140px; } .input-file{ opacity: 0; position: absolute; z-index: -1; } .input-holder--file:before{ content: ''; display: block; width: 36px; height: 36px; background: url("/local/templates/gxp/images/plus.svg") no-repeat center rgba(119, 128, 172, 0.08); border-radius: 4px; position: absolute; left: 0; top: 9px; } .input-holder:after{ content: ''; display: block; width: 14px; height: 9px; background: url("/local/templates/gxp/images/ok-green.svg") no-repeat center; background-size: contain; position: absolute; top: 20px; right: 19px; opacity: 0; z-index: 2; transition: all .3s; } .input-holder.is-ok:after{ opacity: 1; } .input-holder.is-error .input{ background: rgba(239, 87, 77, 0.1); border: 1px solid #EFB5B5; color: #EF574D; } .input-holder.is-error:after{ opacity: 1; background-image: url("/local/templates/gxp/images/errore.svg"); width: 4px; height: 14px; top: 18px; right: 24px; } .input-holder--file > span{ font-weight: 500; font-size: 18px; line-height: 23px; color: #EF574D; margin-bottom: 1px; } .input-holder--file > span span{ display: block; font-weight: normal; font-size: 14px; line-height: 18px; color: #7780AC; } .input-holder--file b { font-weight: 500; } .agree{ font-size: 15px; line-height: 20px; color: #7780AC; max-width: 176px; position: absolute; bottom: 12px; left: 312px; } .agree a{ color: #ff5268; } .body--written .page-top{ margin-bottom: 0; } .body--written .page-top__info-img{ background-image: url("/local/templates/gxp/images/written-bg.svg"); /*background-position-x: 66%;*/ } .body--written .page-top__img{ width: 49.5%; align-items: flex-start; max-width: 817px; } .body--written .page-top__img:after{ content: ''; display: block; position: absolute; top: 29.7%; left: 0; right: -20vw; bottom: 0; background: linear-gradient(to bottom, #edf1f3 1%, white 11%); } .body--written .page-top__descr:after{ height: 50%; } .body--written .page-top__descr-cols:before{ content: ' '; display: block; width: 188px; height: 184px; background: url("/local/templates/gxp/images/docs.svg?v=2") no-repeat center; background-size: contain; position: absolute; top: 0; right: 0; transform: translate(50%, -50%); z-index: 1; } .body--written .modern-equipment{ background: url(/local/templates/gxp/images/modern-ico2.svg) no-repeat 5% 50%, url(/local/templates/gxp/images/modern2.png) no-repeat center; } .body--written .modern-equipment__info { padding-left: 175px; } .body--written .modern-equipment:before{ display: none; } .body--written .payment-methods__item--big2{ background: none; } .main-counts{ margin: 0 -203px; padding: 180px 87px; background: url("/local/templates/gxp/images/text-bg-top.svg") repeat-x 100% 0, url("/local/templates/gxp/images/text-bg-bot.svg") repeat-x 100% 100%; animation: ticker 20s linear infinite; } .main-counts .wr{ max-width: 1290px; } @keyframes ticker { from{ background-position: 100% 0, 100% 100%; } to{ background-position: -100% 0, 200% 100%; } } .main-counts__item{ display: inline-flex; min-height: 48px; align-items: center; vertical-align: top; font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: 0.01em; color: #7780AC; width: 37%; padding-right: 10%; padding-left: 105px; position: relative; } .main-counts__item:last-child{ width: 26%; padding-right: 0; } .main-counts__item span{ display: inline-block; vertical-align: middle; font-weight: bold; font-size: 80px; line-height: .8; letter-spacing: 0.01em; color: #282E5E; position: absolute; left: 0; bottom: 0; text-transform: uppercase; /*transform: translateY(-50%);*/ } .main-counts__item:last-child{ padding-left: 200px; } .experience{ margin: 30px 0 100px; display: flex; position: relative; } .experience:before{ content: ''; display: block; position: absolute; left: -253px; top: 5%; transform: translateX(-50%); border-radius: 100%; width: 239px; height: 239px; background: linear-gradient(180deg, #FF5858 0%, #E81D4E 100%); } .experience-col, .experience-left, .experience-right{ display: inline-block; vertical-align: top; width: 50%; } .experience-info{ max-width: 330px; } .experience-title{ margin-bottom: 10px; } .experience-text{ color: #7780AC; margin-bottom: 38px; line-height: 28px; } .experience-text a, .experience-text span, .experience-text b{ color: #ff5268; font-weight: 400; } .experience-btn{ padding: 13px 62px 16px 23px; } .experience-col__title{ margin: 0 0 40px 20px; font-weight: 500; font-size: 24px; line-height: 36px; } .experience-item{ margin: 0 10px 20px; background: #FFFFFF; box-shadow: 0 12px 30px rgba(40, 46, 94, 0.05); border-radius: 6px; position: relative; padding: 24px 28px 30px; } .experience-item__count{ width: 32px; height: 32px; text-align: center; font-weight: 500; font-size: 14px; line-height: 33px; color: #FFFFFF; background: linear-gradient(180deg, #FF5858 0%, #E81D4E 100%); margin-bottom: 6px; border-radius: 100px; } .experience-item__text{ color: #7780AC; font-size: 18px; line-height: 26px; } .experience-item__text span, .experience-item__text b{ font-weight: 500; color: #282E5E; } .experience-item__text a{ color: #ff5268; } .experience__mg-text{ padding-left: 10px; position: relative; margin-top: 50px; font-weight: 500; font-size: 24px; line-height: 36px; } .experience__mg-text:before{ content: ''; display: block; width: 40px; height: 2px; background: linear-gradient(180deg, #FF5858 0%, #E81D4E 100%); position: absolute; top: 17px; left: -50px; } .experience__mg-text span{ display: inline-block; vertical-align: top; width: 41px; height: 41px; border-radius: 100px; margin: 0 15px; background: url("/local/templates/gxp/images/logo.jpg") no-repeat center; } .translation-type{ margin: 0 -203px; padding: 80px 203px; color: #FFFFFF; background: url(/local/templates/gxp/images/order-bg.png) no-repeat center; background-size: cover; position: relative; } .translation-type:after{ content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 207px; background-color: #ffffff; z-index: 0; } .translation-type .wr{ position: relative; } .translation-type__title{ color: #FFFFFF; margin: 0 350px 70px 0; max-width: 510px; } .translation-type__descr{ max-width: 310px; position: absolute; /*right: 203px;*/ /*top: 85px;*/ right: 0; top: 0; } .translation-type__item{ display: inline-block; vertical-align: top; margin: 0 80px; background: #FFFFFF; box-shadow: 0 12px 30px rgba(40, 46, 94, 0.05); border-radius: 0 0 4px 4px; border-top: 4px solid #282E5E; color: #282E5E; width: calc((100% - 320px) / 2); position: relative; z-index: 1; min-height: 481px; } .translation-type__item:before{ content: attr(data-js-count); color: #FFFFFF; font-weight: 500; text-shadow: 0 13px 24px rgba(234, 32, 32, 0.39); position: absolute; left: -65px; top: -6px; } .translation-type__item-top{ padding: 40px 41px 28px; border-bottom: 2px solid #F6F6F6; text-align: center; position: relative; } .translation-type__item-top:before, .translation-type__item-top:after{ content: ''; display: block; width: 20px; height: 20px; border-radius: 100px; background-color: #f33952; position: absolute; bottom: 0; left: 0; transform: translate(-50%, 50%); } .translation-type__item-top:after{ left: auto; right: 0; transform: translate(50%, 50%); } .translation-type__item-bot{ padding: 8px 41px 100px; } .translation-type__title{ font-weight: 500; font-size: 40px; line-height: 45px; letter-spacing: -0.03em; } .translation-type__item-price{ font-size: 22px; line-height: 45px; } .translation-type__item-price b{ font-size: 31px; font-weight: 500; } .translation-type__item-t{ text-align: center; margin-bottom: 6px; font-weight: 500; font-size: 18px; line-height: 45px; } .translation-type__item-ul ul { list-style: none; padding: 0; margin: 0 0 10px; } .translation-type__item-ul li{ padding-left: 18px; position: relative; margin-bottom: 10px; } .translation-type__item-ul li:before{ content: ''; display: block; width: 6px; height: 6px; border-radius: 100px; background-color: #ff5268; position: absolute; left: 0; top: 12px; } .translation-type__item-btn{ position: absolute; bottom: 43px; left: 43px; right: 43px; padding: 14px 50px 15px 22px; z-index: 1; } .translation-type__item-btn:after{ right: 50%; transform: translateX(80px) translateY(-50%); } .translation-type__item-btn:hover:after{ right: 50%; transform: translateX(90px) translateY(-50%); } .translation-type__item-label{ width: 100px; height: 100px; background: #FFFFFF; box-shadow: 0 13px 20px rgba(242, 82, 73, 0.11); text-align: center; position: absolute; top: -50px; right: -50px; z-index: 2; font-size: 14px; line-height: 14px; border-radius: 100px; padding: 19px 5px 2px; } .translation-type__item-label b{ font-weight: 500; } .translation-type__item-label b:first-child{ line-height: 1.2; } .translation-type__item-label .bot{ position: relative; margin-top: 8px; padding-top: 4px; } .translation-type__item-label .bot:before{ content: ''; display: block; width: 40px; border-top: 1px solid #ff5268; border-radius: 2px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .translation-type__item-label--dr { color: #FFFFFF; background-color: #282E5E; } .what-translate{ margin: 60px 0 133px; text-align: center; position: relative; } .what-translate:before{ content: ''; display: block; position: absolute; left: -203px; top: 5%; transform: translateX(-50%); border-radius: 100%; width: 114px; height: 114px; background: linear-gradient(180deg, #FF5858 0%, #E81D4E 100%); } .what-translate__title{ margin-bottom: 23px; } .what-translate__tabs{ margin: 0 auto 78px; position: relative; max-width: 528px; } .what-translate__tabs a{ display: inline-block; vertical-align: top; padding: 10px 20px 19px; font-weight: 500; color: #EF574D; width: 50%; border-bottom: 1px solid #EAEAEA;; } .what-translate__tabs a.active{ color: #282E5E; } .what-translate__tabs:after{ content: ''; display: block; width: 50%; height: 3px; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); position: absolute; bottom: -1px; left: 0; transition: all .5s; } .left.what-translate__tabs:after{ left: 50%; } .what-translate__content{ display: flex; margin-bottom: 51px; } .what-translate__img{ width: 58%; padding: 0 10.5%; position: relative; display: flex; flex-direction: column; justify-content: center; margin-bottom: -69px; } .what-translate__img img{ display: block; width: 100%; margin-bottom: 40px; } .what-translate__img-bot{ max-width: 260px; margin: 0 auto; font-size: 24px; line-height: 32px; } .pill{ width: 108px; height: 75px; background: url("/local/templates/gxp/images/pil-1.png") no-repeat center; background-size: contain; position: absolute; top: 5%; left: 8%; z-index: 2; transform-origin: center; } .pill--2{ width: 65px; height: 83px; background-image: url("/local/templates/gxp/images/pil-2.png"); top: -3%; left: 63%; } .pill--3{ width: 120px; height: 116px; background-image: url("/local/templates/gxp/images/pil-3.png"); top: 52%; left: 68%; } .what-translate__bot a{ display: inline-block; vertical-align: top; margin: 0 10px; padding: 15px 60px 18px 23px; height: 50px; border: 0; } .what-translate__col{ width: 27%; text-align: left; font-size: 18px; font-weight: 500; line-height: 26px; } .what-translate__col ul{ list-style: none; margin: 0; padding: 0; } .what-translate__col li{ padding-left: 23px; position: relative; margin-bottom: 23px; } .what-translate__col li:before{ content: ''; display: block; width: 6px; height: 6px; background: #ff5268; position: absolute; top: 12px; left: 0; border-radius: 100px; } /*canvas { position: fixed; touch-action: none; }*/ .main-top{ margin: 95px -203px 50px; padding: 0 203px; position: relative; } .main-top:after{ content: ''; width: 49px; height: 25px; background: url("/local/templates/gxp/images/arr--slider-r2.svg") no-repeat center; background-size: contain; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%) rotate(90deg); z-index: 2; animation: jump 2s ease-in-out infinite; } @keyframes jump { 0%{ bottom: -90px; } 50%{ bottom: -100px; } 100%{ bottom: -90px; } } .arr-hide.main-top:after{ opacity: 0; } .main-top__items-count{ font-weight: 500; font-size: 18px; line-height: 78px; position: absolute; top: -30px; right: 89px; } .main-top__items-count span{ display: inline-block; vertical-align: top; color: #E0E0E0; } .main-top__items-count .summ{ display: inline-block; vertical-align: top; } .main-top__items-count .num{ display: inline-block; vertical-align: top; color: #282e5e; font-size: 50px; line-height: 98px; } .main-top__col{ display: inline-block; vertical-align: middle; width: 51.9%; position: relative; } .main-top__col:last-child{ width: 48.1%; } .main-top__title{ font-size: 61px; line-height: 70px; margin-bottom: 52px; } .main-top__title > span{ font-size: 62px; line-height: 72px; font-weight: 500; /*letter-spacing: 1.7px;*/ letter-spacing: 0; } .main-top__title > span span{ color: #ff5268; } .main-top__img{ position: relative; height: 450px; } #circle { width: 850px; height: 850px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .main-top__img img{ display: block; width: 78%; margin: 0 auto; } .main-top__col .btn--light{ margin-right: 20px; padding: 15px 50px 17px 22px; color: #282e5e; border-color: #ff5268; width: 257px; height: 64px; font-size: 20px; line-height: 140.1%; transition: background .3s; } .main-top__col .btn--light:hover{ border: 0; background: linear-gradient(270deg, #E81D4E 0%, #FF5858 100%); color: #FFFFFF; padding: 17px 50px 15px 22px; } .main-top__name{ font-weight: bold; font-size: 113px; line-height: 1; color: #FFFFFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2; } .main-top__name span{ display: block; } .main-top .owl-prev{ display: none; } .main-top .owl-next{ width: 80px; height: 80px; border-radius: 100px; background: url("/local/templates/gxp/images/arr-circle.svg") no-repeat center rgba(40, 46, 94, 0.04); position: absolute; bottom: 0; right: 82px; color: transparent; overflow: hidden; z-index: 4; } .main-top .pill--1{ background-image: url("/local/templates/gxp/images/m-pill-1.png"); width: 113px; height: 98px; top: 11%; left: 15%; } .main-top .pill--2{ background-image: url("/local/templates/gxp/images/m-pill-2.png"); height: 79px; width: 138px; transform: rotate(75deg); top: 0; left: 63%; } .main-top .pill--3{ background-image: url("/local/templates/gxp/images/m-pill-3.png"); width: 127px; height: 119px; top: 92%; left: 15%; } .main-top .pill--4{ background-image: url("/local/templates/gxp/images/m-pill-4.png"); width: 66px; height: 75px; transform: rotate(120deg); top: 86%; left: 77%; } .fancybox-slide--html { padding: 0; overflow-x: hidden; } .fancybox-bg{ background-color: rgba(40, 46, 94, 0.94); } .fancybox-container{ width: 100%; overflow: hidden; } .fancybox-container .wow{ animation-name: none; visibility: visible !important; } .fancybox-is-open .fancybox-bg{ opacity: 1; } .fancybox-stage .order-translation{ background-color: transparent; margin: 0; overflow: hidden; animation: slideTo .8s ease-in-out forwards; position: absolute; top: 0; right: 0; left: 10%; padding-top: 75px; } .fancybox-stage .order-end{ position: absolute; top: 0; left: 20%; right: 0; margin: 0; } .order-end .order-translation__info{ width: 100%; max-width: 700px; margin-bottom: 0; text-align: left; } .order-end .order-translation__mg{ max-width: 345px; padding-right: 55px; padding-left: 0; margin-bottom: 260px; } .order-end .order-translation__mg-img{ left: auto; right: 0; } .order-end .order-translation__bg{ bottom: 0; } .order-end .order-translation__bg:after{ content: ''; display: block; background: url(/local/templates/gxp/images/pop-end.svg) no-repeat center; background-size: contain; position: absolute; right: -8.5%; width: 32%; top: 50%; height: 60.4%; transform: translateY(-50%); } .order-end .fancybox-button svg path { fill: #ffffff; } .fancybox-slide--html .order-end .fancybox-close-small { top: 10px; right: 13px; padding: 4px; } .order-end .btn{ position: absolute; bottom: 68px; left: 70px; width: 228px; height: 64px; padding: 20px; } .order-end .btn:after{ display: none; } .order-end .order-translation__info{ padding: 20px 70px; } .order-end .order-translation__descr{ margin-bottom: 170px; } @keyframes slideTo { from{ transform: translateX(100%); } to{ transform: translateX(0); } } .fancybox-stage .order-translation__form{ animation: slideTo2 1.3s ease-in-out forwards; padding: 48px 60px 60px; min-height: 1px; } @keyframes slideTo2 { from{ transform: translateX(100px); } to{ transform: translateX(0); } } .fancybox-stage .order-translation:before{ display: none; } .fancybox-button svg path { fill: #282e5e; } .fancybox-slide--html .fancybox-close-small { padding: 6px; top: 80px; } .order-translation.fancybox-content .input-holder:nth-child(4){ margin-bottom: 7px; } [data-js-vacancy]{ position: relative; } [data-js-vacancy]:after{ content: attr(data-js-vacancy); width: 24px; height: 24px; background-color: #FFFFFF; text-align: center; color: #ff5268; font-weight: 500; font-size: 12px; line-height: 24px; position: absolute; right: -25px; top: 0; border-radius: 100px; } .btn-video{ background: url("/local/templates/gxp/images/btn-video.jpg") no-repeat center; background-size: cover; padding: 23px 35px 24px 71px; border: 0; } .btn-video:after{ background-image: url("/local/templates/gxp/images/video-btn.svg"); right: auto; left: 13px; width: 40px; height: 40px; } .btn-video:hover:after{ width: 40px; } [data-js-tab]{ display: none; } [data-js-tab].active{ display: block; } .what-translate__content.active{ display: flex; } .pop-ex{ background-color: transparent; text-align: center; } .fancybox-content.pop-ex{ position: static; } .pop-ex .fancybox-close-small{ top: 5px; right: 5px; } .pop-ex .fancybox-close-small path{ fill: #ffffff; } .pop-ex__title{ max-width: 700px; font-size: 18px; line-height: 26px; color: #FFFFFF; padding-left: 140px; position: relative; margin: 0 auto 42px; text-align: left; } .pop-ex__title span{ display: block; position: absolute; top: 0; left: 0; } .pop-ex__title a{ color: #ff5268; } .pop-ex__img{ display: inline-block; background-color: #FFFFFF; padding: 126px 21px; position: relative; margin: 0 auto 40px; } .pop-ex__img:before{ content: ''; display: block; width: 0; border: 13px solid #282e5e; border-right-color: #ff5268; border-bottom-color: #ff5268; position: absolute; top: 0; left: 0; border-radius: 0 0 10px 0; } .owl-carousel .owl-item .pop-ex__img img{ display: block; max-width: 680px; max-height: 288px; width: auto; } .pop-ex__count{ font-size: 18px; line-height: 78px; color: #FFFFFF; margin: 0 auto; text-align: center; } .pop-ex__count span{ display: inline-block; vertical-align: top; font-size: 50px; line-height: 98px; } .pop-ex .owl-nav > div:hover{ filter: brightness(100); } .pop-ex .owl-nav > div.owl-prev{ right: auto; left: 0; } @media (min-width: 1440px){ .main-counts{ background-size: 115% , auto; } } @media (max-width: 1328px) { .menu{ padding: 171px 90px 161px; } } @media (max-width: 1281px) { .wrap { padding: 0 103px; } .wide { margin: 0 -103px; } .page-top { margin: 0 0 68px 4.3%; } .page-top__descr-cols{ margin: 0 122px 0 68px; } .main-counts { margin: 0 -103px; } .how-work { margin: 113px -103px 0; padding: 79px 70px 124px; } .body--written .page-top__img{ padding-top: 2%; } .page-top__descr-col:last-child { padding: 51px 5px 0 2px; } .page-top__info{ background-position: center; } .menu { padding: 171px 80px 161px; } .menu-col{ width: 40%; } .menu-col--left{ width: 60%; } .top-menu a{ padding: 0; } .fancybox-stage .order-translation{ /*left: 20%;*/ padding-top: 35px; } .fancybox-slide--html .fancybox-close-small { top: 40px; } } @media (max-width: 1227px){ .body--prices .page-top__descr-subtitle{ width: 85%; } } @media (max-width: 1153px){ .wrap { padding: 0 50px; } .wide { margin: 0 -50px; } .top-menu { width: calc(100% - 565px); } .top-menu li{ padding: 19px 2%; } .header-phone{ margin-right: 15px; } .lang{ width: 55px; } .menu { padding: 171px 40px 161px; } .main-top .owl-next{ right: -20px; top: auto; bottom: -130px; } .main-top__items-count{ right: -20px; } .main-top .owl-dot{ left: -55px; } .main-counts { margin: 0 -50px; padding: 140px 90px 140px 30px; } .experience-left{ width: 40%; } .experience-right{ width: 60%; } .translation-type { margin: 0 -50px; padding: 80px 50px; } .translation-type__item{ width: calc((100% - 160px) / 2); margin: 0 40px; } .how-work { margin: 113px -50px 0; padding: 79px 50px 124px; } .page-top { margin: 0 0 68px 65px; } .page-top__descr-cols{ margin-right: 100px; } .payment-methods__item > span{ top: 26px; left: 28px; right: 21px; } .oral-translations__top-col:last-child{ padding-left: calc(100% / 5); } .written-translation { margin: 0 -50px; padding: 79px 50px 101px; } .page-top__descr-subtitle{ margin-right: 100px; } } .page-404, .policy-page { padding: 100px 0; } .page-404 a { border-bottom: 1px solid rgba(40,46,94,.3); } .page-404 a:hover { border-bottom-color: rgba(40,46,94,.7); } .two-lines { display: inline-block; vertical-align: middle; margin-top: -25px; } .two-lines span { display: block; font-weight: 400; line-height: 20px; margin-top: -15px; } @media(min-width: 1650px) { .what-translate__content { margin-bottom: 100px; } } /* End */ /* /local/templates/gxp/js/owl.carousel.css?16842875562880 */ /* /local/templates/gxp/js/animate.css?168428755658408 */ /* /local/templates/gxp/js/fancybox/jquery.fancybox.css?168428755613058 */ /* /local/templates/gxp/template_styles.css?175317572072710 */