/* Start:/css/animate.min.css?174953858916952*/ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp} /* End */ /* Start:/css/jquery.fancybox.css?174953858912795*/ 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:none;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:none;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:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;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:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;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:transparent;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:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.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--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;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(0deg,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%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;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:a 1s linear infinite;background:transparent;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 a{to{transform:rotate(1turn)}}.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:translateZ(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:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.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:scaleX(1) translateZ(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:translateZ(0) scale(1)}@media (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}.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;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:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;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;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);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:50%;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:none;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 (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:/css/jquery.dlmenu.css?174953858916480*/ .dl-menuwrapper { width: 100%; max-width: 320px; float: none; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } .dl-menuwrapper:first-child { margin-right: 0px; } .dl-menuwrapper button { background: #ccc; border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #fff; } .dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li:first-child { /* border-top: 1px solid #ececec; */ } .dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 15px; line-height: 20px; font-family: 'SFUIDisplay-Regular'; color: #282828; outline: none; border-bottom: 1px solid #e7e9ea; text-decoration: none; } .dl-menuwrapper li a:hover { color:#fa3a3a; } .no-touch .dl-menuwrapper li a:hover { /* background: rgba(255,248,213,0.1); */ } .dl-menuwrapper li.dl-back > a { padding-left: 35px; background: #fafafa url(/images/back_icon.png) 20px 50% no-repeat; } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; speak: none; -webkit-font-smoothing: antialiased; content: ""; } .dl-menuwrapper li.dl-back:after { left: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } .dl-menuwrapper li > a:after { right: 10px; } .dl-menuwrapper .dl-menu { margin: 0px 0 0 0; position: relative; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; margin:0; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 0px; left: 0; margin: 0; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.01s linear forwards; -moz-animation: MenuAnimOut2 0.01s linear forwards; animation: MenuAnimOut2 0.01s linear forwards; } .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; -moz-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; } .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; -moz-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; } .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.0s ease; -moz-animation: MenuAnimOut5 0.0s ease; animation: MenuAnimOut5 0.0s ease; } @-webkit-keyframes MenuAnimOut1 { 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-webkit-keyframes MenuAnimOut2 { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes MenuAnimOut3 { 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut4 { 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut5 { 100% { -webkit-transform: translateY(0%); opacity: 0; } } @-moz-keyframes MenuAnimOut1 { 50% { -moz-transform: translateZ(-250px) rotateY(30deg); } 75% { -moz-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-moz-keyframes MenuAnimOut2 { 100% { -moz-transform: translateX(-100%); opacity: 0; } } @-moz-keyframes MenuAnimOut3 { 100% { -moz-transform: translateZ(300px); opacity: 0; } } @-moz-keyframes MenuAnimOut4 { 100% { -moz-transform: translateZ(-300px); opacity: 0; } } @-moz-keyframes MenuAnimOut5 { 100% { -moz-transform: translateY(0%); opacity: 0; } } @keyframes MenuAnimOut1 { 50% { transform: translateZ(-250px) rotateY(30deg); } 75% { transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut2 { 100% { transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut3 { 100% { transform: translateZ(300px); opacity: 0; } } @keyframes MenuAnimOut4 { 100% { transform: translateZ(-300px); opacity: 0; } } @keyframes MenuAnimOut5 { 100% { transform: translateY(0%); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -moz-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.01s linear forwards; -moz-animation: MenuAnimIn2 0.01s linear forwards; animation: MenuAnimIn2 0.01s linear forwards; } .dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; -moz-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; } .dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; -moz-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; } .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.0s ease; -moz-animation: MenuAnimIn5 0.0s ease; animation: MenuAnimIn5 0.0s ease; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(0%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes MenuAnimIn1 { 0% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -moz-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -moz-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-moz-keyframes MenuAnimIn2 { 0% { -moz-transform: translateX(-100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn3 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn4 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn5 { 0% { -moz-transform: translateY(0%); opacity: 0; } 100% { -moz-transform: translateY(0); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes MenuAnimIn3 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn4 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn5 { 0% { transform: translateY(0%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -moz-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.01s linear forwards; -moz-animation: SubMenuAnimIn2 0.01s linear forwards; animation: SubMenuAnimIn2 0.01s linear forwards; } .dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; -moz-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; -moz-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.0s ease; -moz-animation: SubMenuAnimIn5 0.0s ease; animation: SubMenuAnimIn5 0.0s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(0px); opacity: 0; } 100% { -webkit-transform: translateZ(0); opacity: 1; } } @-moz-keyframes SubMenuAnimIn1 { 0% { -moz-transform: translateX(50%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn2 { 0% { -moz-transform: translateX(100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn3 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn4 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn5 { 0% { -moz-transform: translateZ(0px); opacity: 0; } 100% { -moz-transform: translateZ(0); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { transform: translateX(50%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn3 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn4 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn5 { 0% { transform: translateZ(0px); opacity: 0; } 100% { transform: translateZ(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -moz-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.01s linear forwards; -moz-animation: SubMenuAnimOut2 0.01s linear forwards; animation: SubMenuAnimOut2 0.01s linear forwards; } .dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; -moz-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; -moz-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.0s ease; -moz-animation: SubMenuAnimOut5 0.0s ease; animation: SubMenuAnimOut5 0.0s ease; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(0px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut1 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(50%); opacity: 0; } } @-moz-keyframes SubMenuAnimOut2 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(100%); opacity: 0; } } @-moz-keyframes SubMenuAnimOut3 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform: translateZ(-300px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut4 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform: translateZ(300px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut5 { 0% { -moz-transform: translateZ(0); opacity: 1; } 100% { -moz-transform: translateZ(0px); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut3 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(-300px); opacity: 0; } } @keyframes SubMenuAnimOut4 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(300px); opacity: 0; } } @keyframes SubMenuAnimOut5 { 0% { transform: translateZ(0); opacity: 1; } 100% { transform: translateZ(0px); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } /* End */ /* Start:/css/swiper-bundle.min.css?174953858918471*/ /** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/css/main.css?1749538589189074*/ @charset "UTF-8"; /* reset style */ * { padding: 0px; margin: 0px; border: none; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; -webkit-text-size-adjust: 100%; } body { line-height: 1; height: 100%; background-color: #fff; } ol, ul { list-style: none; } :focus, :active { outline: none; } a:focus, a:active { outline: none; } aside, nav, footer, header, section, main { display: block; } h1, h2, h3, h4, h5, h6, p { font-size: inherit; font-weight: inherit; } ul, ul li { list-style: none; } img { vertical-align: top; } img, svg { max-width: 100%; height: auto; } input, textarea, button, select { font-family: inherit; font-size: inherit; color: inherit; background-color: transparent; } input::-ms-clear { display: none; } button, input[type=submit] { display: inline-block; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; background: none; cursor: pointer; } input:focus, input:active, button:focus, button:active { outline: none; } button::-moz-focus-inner { padding: 0; border: 0; } table { border-collapse: collapse; border-spacing: 0; } /* grid */ html { font-size: 16px; } body { font-family: "Geologica", sans-serif; color: #707980; font-size: 1rem; font-weight: 400; line-height: 1.5; max-width: 2560px; min-width: 360px; margin: 0px auto; position: relative; overflow-x: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; background: #fff; } .wrapper { display: table; width: 100%; height: 100%; table-layout: fixed; background: #fff; position: relative; } .content { display: table-row; height: 100%; background: #fff; } .content__block { padding-top: 10rem; padding-bottom: 3.75rem; } .container { max-width: 1300px; margin: 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 1.875rem; position: relative; } h1 { font-size: 2.25rem; line-height: 2.5rem; color: #404040; font-weight: 700; } h2 { font-weight: 700; font-size: 2.125rem; line-height: 2.375rem; color: #404040; } h3 { font-weight: 700; font-size: 2rem; line-height: 2.25rem; color: #404040; } h4 { font-weight: 700; font-size: 1.875rem; line-height: 2.125rem; color: #404040; } h5 { font-weight: 700; font-size: 1.75rem; line-height: 2rem; color: #404040; } h6 { font-weight: 700; font-size: 1.625rem; line-height: 1.875rem; color: #404040; } a { color: #5ec2fa; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } a:hover { text-decoration: none; } .cl { clear: left; } .content__container ul { list-style: disc; margin: 0 0 0 20px; } .content__container ul li { list-style: inherit; } .content__container ol { list-style: decimal; margin: 0 0 0 20px; } .content__container ol li { list-style: inherit; } .content__container p { margin: 15px 0 0 0; } .content__container p:first-child { margin: 0; } .content__container table { border-collapse: collapse; font-size: 15px; width: 100%; -webkit-box-shadow: 0 0 0 1px rgba(238, 238, 238, 0.5); box-shadow: 0 0 0 1px rgba(238, 238, 238, 0.5); border-radius: 5px; } .content__container table td { padding: 10px 15px; vertical-align: middle; border: none; text-align: left; background: none; color: #404040; line-height: 17px; border-top: 1px solid rgba(238, 238, 238, 0.5); border-left: 1px solid rgba(238, 238, 238, 0.5); } .content__container table td:first-child { border-left: none; } .content__container table tr:last-child td:first-child { border-radius: 5px; } .content__container table tr:last-child td:last-child { border-radius: 5px; } .content__container table tr:nth-child(even) { background: #fff; } .content__container table tr:nth-child(odd) { background: #fff; } .content__container table th { font-weight: 400; padding: 10px 15px; vertical-align: middle; border: none; text-align: left; color: #404040; font-size: 16px; background: #f1f4f8; border-left: 1px solid rgba(255, 255, 255, 0.2); } .content__container table th:first-child { border-radius: 5px 0 0 0; border-left: none; } .content__container table th:last-child { border-radius: 0px 5px 0 0; } .content__container table thead td { border-bottom-width: 0px; text-align: left; font-weight: normal; padding: 10px; background: #f1f4f8; } .content__container table tfoot th { background: #f1f4f8; text-align: left; border: none; font-size: 14px; font-weight: normal; color: #404040; } .content__container table tfoot td { background: #f1f4f8; text-align: left; border: none; font-size: 105%; font-weight: normal; color: #404040; } .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .swiper-wrapper { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; /* -moz-transition: none !important; -moz-transition-duration: 0s!important; */ } .swiper-slide { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; /* -moz-transition: none !important; -moz-transition-duration: 0s!important; */ } .swiper-lazy-preloader { border: 4px solid #fff; } .fancybox-active { height: 100%; } .fancybox-content { padding: 0; border-radius: 0px; } .fancybox-caption__body { font-size: 20px; } .fancybox-close-small { opacity: 1; outline: none; border: none; } .fancybox-button.fancybox-focus { outline: none; } .popup { display: none; background: -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); border-radius: 0px; } .popup--white { background: #fff; } .popup--white .fancybox-button svg path { fill: #404040; } .fancybox-slide--html .fancybox-close-small { color: #fff; padding: 5px; } .popup__content { padding: 40px 30px; } .popup__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 26px; line-height: 1.34615; color: #fff; } .popup__subtitle { margin-top: 0.25rem; font-weight: 300; font-size: 16px; line-height: 1.25; color: #fff; } .popup__form { margin-top: 1.875rem; } .popup__text { margin-top: 1.875rem; font-weight: 300; font-size: 1rem; line-height: 1.25; color: #fff; } .popup__item { margin-top: 0.625rem; } .popup__item:first-child { margin-top: 0; } .popup-form__input { width: 100%; height: 2.5rem; border: none; border-radius: 0.31rem; background: #f1f4f8; font-weight: 300; font-size: 0.88rem; color: #404040; padding: 0 0.625rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .popup-form__input::-moz-placeholder { color: #969ca0; } .popup-form__input::-webkit-input-placeholder { color: #969ca0; } .popup-form__input:-ms-input-placeholder { color: #969ca0; } .popup-form__input::-ms-input-placeholder { color: #969ca0; } .popup-form__input::placeholder { color: #969ca0; } .popup-form__input:-webkit-autofill { -webkit-appearance: none; appearance: none; -webkit-text-fill-color: #404040; -webkit-box-shadow: 0 0 0px 1000px #fff inset; background-color: transparent; } .popup-form__textarea { width: 100%; height: 5rem; border: none; border-radius: 0.31rem; background: #f1f4f8; font-weight: 300; font-size: 0.88rem; color: #404040; padding: 0.625rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; resize: none; } .popup-form__textarea::-moz-placeholder { color: #969ca0; } .popup-form__textarea::-webkit-input-placeholder { color: #969ca0; } .popup-form__textarea:-ms-input-placeholder { color: #969ca0; } .popup-form__textarea::-ms-input-placeholder { color: #969ca0; } .popup-form__textarea::placeholder { color: #969ca0; } .popup-form__textarea:-webkit-autofill { -webkit-appearance: none; appearance: none; -webkit-text-fill-color: #404040; -webkit-box-shadow: 0 0 0px 1000px #fff inset; background-color: transparent; } .popup-form__message { font-size: 0.75rem; line-height: 1.5; color: #fff; background: #f12c52; padding: 2px 10px; display: none; margin-top: 0.3125rem; } .popup__item--error .popup-form__input { border: 1px solid #f12c52; } .popup__item--error .popup-form__message { display: inline-block; } .popup__link { margin-top: 1.875rem; } .popup__link a { display: block; border-radius: 0.31rem; width: 100%; height: 2.5rem; color: #fff; text-decoration: none; font-weight: 400; font-size: 1rem; line-height: 2.5rem; text-align: center; background: #0a8ae5; -webkit-box-shadow: 0 4px 8px 0 rgba(12, 33, 128, 0.3); box-shadow: 0 4px 8px 0 rgba(12, 33, 128, 0.3); } .popup__link a:hover { background: #0658af; } .popup__policy { margin-top: 1.875rem; font-weight: 300; font-size: 0.88rem; line-height: 1.14286; color: #fff; } .popup__policy a { color: #fff; } .popup__attention { margin-top: 1.875rem; } .popup-attention__text { font-weight: 300; font-size: 1rem; line-height: 1.25; color: #fff; } .popup-attention__phone { margin-top: 0.9375rem; font-weight: 600; font-size: 1.12rem; line-height: 1.33333; color: #fff; } .popup-attention__phone a { color: #fff; text-decoration: none; } .pin { position: fixed; z-index: 10; -webkit-transition: -webkit-transform 100ms linear; transition: -webkit-transform 100ms linear; transition: transform 100ms linear; transition: transform 100ms linear, -webkit-transform 100ms linear; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: calc(50% - 127.5px); right: 0px; width: 52px; height: 255px; background: url(/images/pin-img.svg) 0px 0px no-repeat; } .pin a { display: block; width: 100%; height: 100%; } .cookies { position: fixed; z-index: 100; left: 0; right: 0; bottom: 0; -webkit-box-shadow: 0 -5px 15px 0 rgba(6, 88, 175, 0.15); box-shadow: 0 -5px 15px 0 rgba(6, 88, 175, 0.15); background: #fff; padding: 1.25rem 0; } .cookies__inner { max-width: 850px; margin: 0 auto; } .cookies__text { text-align: center; padding: 0 5rem; } .cookies__text a { text-decoration: none; border-bottom: 1px solid #0658af; color: #0658af; } .cookies__text a:hover { border-bottom: 1px solid #fff; } .cookies__link { width: 7.875rem; height: 2.75rem; margin: 1rem auto 0 auto; } .cookies__link a { display: block; width: 100%; height: 100%; border: 1px solid #0658af; border-radius: 0.375rem; line-height: 2.625rem; background: #fff; letter-spacing: 0.02em; color: #0658af; text-decoration: none; text-align: center; } .cookies__link a:hover { background: #0658af; color: #fff; } .cookies__close { position: absolute; z-index: 2; top: 0; right: 1.875rem; width: 2.5rem; height: 2.5rem; cursor: pointer; background: url(/images/cookies-close.svg) 0px 0px no-repeat; } .header { position: fixed; top: 0; width: 100%; z-index: 100; background: #fff; } .header__section { position: relative; padding: 0.9375rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__row--f { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__logo { width: 4.375rem; height: 4.375rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 3.125rem; } .header-logo__img { display: block; width: 100%; height: 100%; } .header__menu { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .header-menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; font-weight: 400; font-size: 1rem; line-height: 1.5; color: #404040; } .header-menu__item { margin-left: 1.875rem; } .header-menu__item:first-child { margin-left: 0; } .header-menu__link { color: #404040; text-decoration: none; display: inline-block; position: relative; } .header-menu__link:hover { color: #0a8ae5; } .header-menu__link:before { position: absolute; display: inline-block; bottom: 0px; content: ""; height: 1px; left: 50%; width: 0; background: #0a8ae5; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .header-menu__link:hover:before { left: 0; width: 100%; background-color: #0a8ae5; } .header__row--s { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 3.125rem; } .header__search { position: relative; } .header-search__input { width: 100%; height: 3.125rem; border: 1px solid #d2dee7; border-radius: 0.31rem; background: #fff; font-weight: 300; font-size: 1rem; color: #404040; padding: 0 3.125rem 0 1.25rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .header-search__input:focus { border: 1px solid #0658af; } .header-search__input::-moz-placeholder { color: #969ca0; } .header-search__input::-webkit-input-placeholder { color: #969ca0; } .header-search__input:-ms-input-placeholder { color: #969ca0; } .header-search__input::-ms-input-placeholder { color: #969ca0; } .header-search__input::placeholder { color: #969ca0; } .header-search__input:-webkit-autofill { -webkit-appearance: none; appearance: none; -webkit-text-fill-color: #404040; -webkit-box-shadow: 0 0 0px 1000px #fff inset; background-color: transparent; } .header-search__button { position: absolute; top: 0; right: 0; bottom: 0; display: block; border: none; width: 3.125rem; background: url(/images/search-icon.svg) 50% 50% no-repeat; cursor: pointer; outline: none; } .header-search__drop { display: none; position: absolute; z-index: 2; top: 3.4375rem; left: 0; right: 0; -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); background: #fff; border-radius: 0.31rem; } .header-search__result { padding: 0.625rem 1.25rem; } .header-result__item { margin-top: 0.625rem; } .header-result__item:first-child { margin-top: 0; } .header-result__link { font-weight: 300; font-size: 1rem; line-height: 1.5; color: #404040; text-decoration: none; } .header-result__link:hover { color: #0a8ae5; } .header-result__all { background: #f1f4f8; border-radius: 0 0 0.31rem 0.31rem; height: 2.5rem; line-height: 2.5rem; text-align: center; } .header-result__all a { font-weight: 400; font-size: 1rem; color: #0658af; text-decoration: none; border-bottom: 1px solid #f1f4f8; } .header-result__all a:hover { border-bottom: 1px solid #0658af; } .header__row--t { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__email { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 3.125rem; text-align: center; } .header-email__link { font-weight: 400; font-size: 1rem; line-height: 1.5; color: #404040; text-decoration: none; } .header-email__link:hover { color: #0a8ae5; } .header-email__text { font-weight: 300; font-size: 0.81rem; line-height: 1.23077; color: #969ca0; } .header__phone { -webkit-box-flex: 0; -ms-flex: none; flex: none; text-align: right; } .header-phone__value { font-weight: 600; font-size: 1.12rem; line-height: 1.33333; color: #0a8ae5; text-decoration: none; } .header-phone__link { font-weight: 300; font-size: 1rem; line-height: 1.5; color: #969ca0; border-bottom: 1px solid #969ca0; text-decoration: none; } .header-phone__link:hover { color: #0a8ae5; border-bottom: 1px solid #fff; } .menu { position: fixed; top: 6.25rem; left: 0; right: 0; background: -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); height: 2.5rem; z-index: 50; } .menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 2.5rem; } .menu-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; } .menu-list__item:hover .menu-list__flag { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .menu-list__item:hover .menu-list__link { opacity: 0.7; } .menu-list__item:hover .menu__submenu { opacity: 1; z-index: 5; height: auto; width: auto; overflow: visible; } .menu-list__link { font-weight: 400; font-size: 1rem; line-height: 1.5; color: #fff; text-decoration: none; } .menu-list__link:hover { opacity: 0.7; } .menu-list__flag { display: block; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0.5rem; height: 0.25rem; background: url(/images/menu-flag.svg) 0px 0px no-repeat; margin-left: 0.375rem; margin-top: 0.25rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .menu__submenu { opacity: 0; position: absolute; top: 1.25rem; left: 0; z-index: -5; padding-top: 12px; -webkit-transition: 0.2s opacity ease; transition: 0.2s opacity ease; height: 0; width: 0; overflow: hidden; } .submenu__list { -webkit-box-shadow: 0 4px 10px 0 rgba(6, 88, 175, 0.15); box-shadow: 0 4px 10px 0 rgba(6, 88, 175, 0.15); background: #fff; width: 20rem; } .submenu__link { display: block; font-weight: 400; font-size: 1rem; line-height: 1.5; color: #404040; background: #fff; text-decoration: none; border-right: 4px solid #fff; padding: 0.625rem 1.25rem; } .submenu__link:hover { background: #f1f4f8; border-right: 4px solid #0658af; } .menu__toggle { display: none; font-weight: 400; font-size: 1rem; line-height: 2rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; color: #fff; cursor: pointer; background: url(/images/menu-icon.svg) 0px 0px no-repeat; height: 2rem; padding-left: 2.5rem; } .menu__search { display: none; width: 2rem; height: 2rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; background: url(/images/search-sprite.svg) 0px 0px no-repeat; cursor: pointer; } .menu__drop { position: absolute; z-index: 2; top: 2.5rem; left: 0; right: 0; -webkit-box-shadow: 0 4px 10px 0 rgba(6, 88, 175, 0.1); box-shadow: 0 4px 10px 0 rgba(6, 88, 175, 0.1); background: #fff; display: none; } .menu-drop__inner { padding: 1.25rem 0; } .menu-drop__form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; } .menu-drop__input { width: 100%; height: 3.125rem; border: 1px solid #d2dee7; border-radius: 0.31rem; background: #fff; font-weight: 300; font-size: 1rem; color: #404040; padding: 0 1.25rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .menu-drop__input:focus { border: 1px solid #0658af; } .menu-drop__input::-moz-placeholder { color: #969ca0; } .menu-drop__input::-webkit-input-placeholder { color: #969ca0; } .menu-drop__input:-ms-input-placeholder { color: #969ca0; } .menu-drop__input::-ms-input-placeholder { color: #969ca0; } .menu-drop__input::placeholder { color: #969ca0; } .menu-drop__input:-webkit-autofill { -webkit-appearance: none; appearance: none; -webkit-text-fill-color: #404040; -webkit-box-shadow: 0 0 0px 1000px #fff inset; background-color: transparent; } .menu-drop__button { width: 3.125rem; height: 3.125rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; display: block; border: none; background: #0658af url(/images/search-icon-white.svg) 50% 50% no-repeat; cursor: pointer; outline: none; border-radius: 0.31rem; margin-left: 0.3125rem; } .menu-drop__inner .header-search__drop { top: 5.625rem; border-radius: 0 0 0.31rem 0.31rem; -webkit-box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.1); border-top: 1px solid #d2dee7; } .footer { background: #404040; position: relative; padding: 1.25rem 0; } .footer__section--top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__row--f { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .footer__logo { width: 4.375rem; height: 4.375rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 3.125rem; } .footer__logo img { display: block; width: 100%; } .footer__feed { width: 13rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .footer__phone { font-weight: 600; font-size: 1rem; line-height: 1; color: #d2dee7; } .footer__phone a { color: #d2dee7; text-decoration: none; } .footer__adress { margin-top: 0.9375rem; font-weight: 300; font-size: 0.88rem; line-height: 1.42857; color: #d2dee7; } .footer__email { font-weight: 300; font-size: 0.88rem; line-height: 1.42857; color: #d2dee7; } .footer__email a { color: #d2dee7; text-decoration: none; } .footer__email a:hover { color: #0a8ae5; } .footer__row--s { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .footer__title { font-weight: 400; font-size: 0.88rem; line-height: 1.71429; text-transform: uppercase; color: #d2dee7; } .footer__list { margin-top: 0.375rem; } .footer__list ul { font-weight: 300; font-size: 0.88rem; line-height: 1.42857; color: #d2dee7; } .footer__list ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; color: #d2dee7; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__list ul li a:hover { color: #0a8ae5; } .footer__list ul li a ins { width: 1.25rem; height: 1.25rem; margin-right: 8px; } .footer__list ul li a ins img { display: block; width: 100%; } .footer__subscribe { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 8.125rem; width: 17rem; } .footer__subtitle { font-weight: 300; font-size: 0.88rem; line-height: 1.42857; color: #d2dee7; } .footer__form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; margin-top: 0.625rem; } .footer-form__input { width: 100%; height: 2.5rem; border: none; border-radius: 0.31rem; background: #f1f4f8; font-weight: 300; font-size: 0.81rem; color: #404040; padding: 0 0.625rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .footer-form__input::-moz-placeholder { color: #969ca0; } .footer-form__input::-webkit-input-placeholder { color: #969ca0; } .footer-form__input:-ms-input-placeholder { color: #969ca0; } .footer-form__input::-ms-input-placeholder { color: #969ca0; } .footer-form__input::placeholder { color: #969ca0; } .footer-form__input:-webkit-autofill { -webkit-appearance: none; appearance: none; -webkit-text-fill-color: #404040; -webkit-box-shadow: 0 0 0px 1000px #fff inset; background-color: transparent; } .footer-form__btn { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 0.125rem; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; background: #0a8ae5 url(/images/send-icon.svg) 50% 50% no-repeat; cursor: pointer; } .footer__section--bottom { margin-top: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 300; font-size: 0.88rem; line-height: 1.42857; color: #969ca0; } .footer__section--bottom a { color: #5ec2fa; text-decoration: none; border-bottom: 1px solid #404040; } .footer__section--bottom a:hover { border-bottom: 1px solid #5ec2fa; } .footer__copyrights { margin-right: 1.25rem; } .footer__row--t { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .breadcrumbs { padding: 0px 0 2.5rem 0px; position: relative; z-index: 2; } .breadcrumbs__path { font-weight: 300; font-size: 1rem; line-height: 1.5; color: #5ec2fa; } .breadcrumbs__path a { color: #969ca0; text-decoration: none; border-bottom: 1px solid #fff; } .breadcrumbs__path a:hover { color: #0a8ae5; border-bottom: 1px solid #0a8ae5; } .breadcrumbs__path span { color: #969ca0; padding: 0 0.625rem; } .breadcrumbs__title { margin-top: 10px; font-family: "Jura", sans-serif; } .breadcrumbs__title--hide { display: none; } .mobile-block { position: fixed; top: 0px; left: 0; bottom: 0; right: 0; z-index: 200; display: none; background: rgba(56, 56, 56, 0.5); } .mobile-block__wrap { min-height: 100%; height: auto !important; height: 100%; position: relative; padding-bottom: 170px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mobile-block__inner { background: white; width: 340px; height: 100%; overflow: auto; } .mobile-block__inner::-webkit-scrollbar { display: none; -webkit-appearance: none; width: 0px; } .mobile-block__inner::-webkit-scrollbar-track-piece { background-color: transparent; } .mobile-block__header { border-bottom: 1px solid #f1f4f8; padding: 0.9375rem 0; position: relative; } .mobile-block__logo { width: 4.375rem; height: 4.375rem; margin: 0 auto; } .mobile-block__logo img { display: block; width: 100%; } .mobile-block__close { width: 2rem; height: 2rem; cursor: pointer; position: absolute; z-index: 2; top: 0.9375rem; left: 0.9375rem; background: url(/images/close-icon.svg) 0px 0px no-repeat; } .mobile-block__content { padding: 0 15px; } .mobile-block-menu { padding-top: 20px; } .dl-menuwrapper { max-width: 340px; } .dl-menuwrapper ul { background: #fff; } .dl-menuwrapper li { margin-top: 0px; } .dl-menuwrapper li:first-child { margin-top: 0; } .dl-menuwrapper li a { display: block; border-bottom: none; position: relative; padding: 6px 0px; font-family: "Geologica", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; color: #404040; outline: none; text-decoration: none; border-bottom: none; } .dl-menuwrapper li a:hover { color: #404040; text-decoration: none; } .dl-menuwrapper li a span { background: url(/images/menu-arrow-right.svg) 100% 50% no-repeat; display: block; padding-right: 35px; } .dl-menuwrapper li.dl-back { position: sticky; top: 0px; z-index: 2; border-top: none; font-size: 18px; line-height: 24px; font-weight: 500; border-bottom: none; background: #f1f4f8; margin: -20px -20px 9px -20px; font-weight: 300; font-size: 1rem; line-height: 1.5; color: #969ca0; } .dl-menuwrapper li.dl-back > a { color: #969ca0; background: none; padding-left: 0px; padding: 15px 0; } .dl-menuwrapper li.dl-back > a:hover { color: #969ca0; } .dl-menuwrapper li.dl-back span { background: url(/images/menu-arrow-back.svg) 20px 50% no-repeat; display: block; padding-left: 0px; padding-right: 0px; font-weight: 300; padding-left: 35px; } .dl-submenu li a { font-weight: 500; color: #404040; font-size: 18px; line-height: 24px; text-transform: none; } .dl-submenu li a:hover { color: #404040; text-decoration: none; } .mobile-block__footer { position: absolute; left: 0; right: 0; bottom: 0; background: #f1f4f8; } .footer-mobile__inner { padding: 1.25rem 0.9375rem; } .footer-mobile__phone { font-weight: 600; font-size: 1.38rem; line-height: 1.27273; color: #0a8ae5; } .footer-mobile__phone a { color: #0a8ae5; text-decoration: none; } .footer-mobile__text { margin-top: 0.625rem; } .footer-mobile__link { font-weight: 300; font-size: 1rem; line-height: 1.5; color: #969ca0; border-bottom: 1px solid #969ca0; text-decoration: none; } .footer-mobile__link:hover { color: #969ca0; border-bottom: 1px solid #969ca0; } .footer-mobile__email { font-weight: 400; font-size: 1rem; line-height: 1.5; color: #404040; margin-top: 0.9375rem; } .footer-mobile__email a { color: #404040; text-decoration: none; } .mobile-block__category { position: fixed; top: 0px; left: 0; bottom: 0; right: 0; z-index: 200; display: none; background: rgba(56, 56, 56, 0.5); } .mobile-block__category .mobile-block__wrap { padding-bottom: 0px; } .mobile-block__category .mobile-block__header { border-bottom: none; top: 0; position: sticky; z-index: 3; height: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); padding: 0 0.9375rem; } .mobile-block__category .mobile-block__close { cursor: pointer; height: auto; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: auto; width: 3.75rem; background: url(/images/cross.svg) 50% 50% no-repeat; } .mobile-block__name { font-weight: 400; font-size: 1.12rem; line-height: 1.5rem; text-transform: uppercase; color: #fff; } .mobile-block__filter { position: fixed; top: 0px; left: 0; bottom: 0; right: 0; z-index: 200; display: none; background: rgba(56, 56, 56, 0.5); } .mobile-block__filter .mobile-block__wrap { padding-bottom: 0; } .mobile-block__filter .mobile-block__header { border-bottom: none; top: 0; position: sticky; z-index: 3; height: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); padding: 0 0.9375rem; } .mobile-block__filter .mobile-block__close { cursor: pointer; height: auto; z-index: 2; top: 0; right: 0; bottom: 0; left: auto; width: 3.75rem; background: url(/images/cross.svg) 50% 50% no-repeat; } .mobile-block__filter .catalog-apply__link:hover { background: #fff; color: #0658af; } .mobile-block__filter .catalog-reset__link { margin-top: 0; border-radius: 0; height: 3.125rem; line-height: 3.125rem; } .mobile-block__filter .catalog-reset__link:hover { background: #fff; color: #969ca0; } /* Mobile Menu */ .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 2.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination a { font-weight: 300; display: block; width: 2.5rem; height: 2.5rem; font-size: 1rem; line-height: 2.375rem; color: #404040; text-decoration: none; margin-left: 0.3125rem; text-align: center; border: 1px solid #fff; border-radius: 3px; } .pagination a:hover { color: #0a8ae5; border: 1px solid #fff; } .pagination a.current { background: #0a8ae5; pointer-events: none; border: 1px solid #fff; color: #fff; } .pagination a:first-child { margin-left: 0; } .pagination__prev { background: url(/images/pagination-prev.svg) 50% 50% no-repeat; border: none !important; } .pagination__next { background: url(/images/pagination-next.svg) 50% 50% no-repeat; border: none !important; } .pslider__block { position: relative; overflow: hidden; } .pslider__view { position: relative; overflow: hidden; } .pslider__slider { overflow: hidden; } .pslider__img { position: relative; height: 0; overflow: hidden; padding-top: 66.67%; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .pslider__img-blur { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; -webkit-filter: blur(10px); filter: blur(10px); -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 1; } .pslider__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; z-index: 2; will-change: transform; } .pslider__prev { position: absolute; z-index: 3; top: 50%; left: 0.625rem; margin-top: -1rem; cursor: pointer; background: #0a8ae5 url(/images/arrows-left.svg) 50% 50% no-repeat; -webkit-transition: 0.2s opacity ease; transition: 0.2s opacity ease; border-radius: 0.31rem; width: 2rem; height: 2rem; } .pslider__next { position: absolute; z-index: 3; top: 50%; right: 0.625rem; margin-top: -1rem; cursor: pointer; background: #0a8ae5 url(/images/arrows-icon.svg) 50% 50% no-repeat; -webkit-transition: 0.2s opacity ease; transition: 0.2s opacity ease; border-radius: 0.31rem; width: 2rem; height: 2rem; } .pslider__prev.swiper-button-disabled { background: rgba(210, 222, 231, 0.5) url(/images/arrows-left.svg) 50% 50% no-repeat; } .pslider__next.swiper-button-disabled { background: rgba(210, 222, 231, 0.5) url(/images/arrows-icon.svg) 50% 50% no-repeat; } .pslider__preview { margin-top: 0.625rem; } .pslider__thumbs { overflow: hidden; } .pslider__thumbs .pslider__img { border-radius: 0px; opacity: 0.5; padding-top: 100%; } .pslider__thumbs .pslider__img-blur { border-radius: 0px; } .pslider__thumbs .pslider__img img { border-radius: 0px; border: 1px solid #fff; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .pslider__thumbs .swiper-slide { border-radius: 0px; cursor: pointer; } .pslider__thumbs .swiper-slide .pslider__img img { border: 1px solid #fff; } .pslider__thumbs .swiper-slide-thumb-active { cursor: default; } .pslider__thumbs .swiper-slide-thumb-active .pslider__img img { border: 1px solid #0a8ae5; } .pslider__thumbs .swiper-slide-thumb-active .pslider__img { cursor: default; opacity: 1; } .pslider__thumbs { margin-left: auto; margin-right: auto; } .index { position: relative; } .index__top { background: #f1f4f8; margin-top: -1.25rem; } .index__slider { position: relative; overflow: hidden; } .index__slider .construction__block { margin-top: 0; } .index__slider .construction-block__row--l { background: #f1f4f8; padding: 0 1.875rem 0 0; } .index__slider .construction-block__content { max-width: 35rem; margin-top: -2.5rem; } .index__slider .construction-block__title { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .index__slider .construction-block__subtitle { font-weight: 700; font-size: 1.38rem; line-height: 1.5rem; color: #0a8ae5; margin-top: 0.3125rem; font-family: "Jura", sans-serif; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .index__slider .construction-block__text { -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; } .index-top__container { padding: 0 0 0 1.875rem; } .index-slider__control { position: absolute; left: 0; bottom: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 2; } .index-slider__prev { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; cursor: pointer; background: url(/images/additional-prev.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .index-slider__next { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; cursor: pointer; background: url(/images/additional-next.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .index-slider__pagination { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.56rem; line-height: 2.19rem; color: #0a8ae5; margin: 0 0.625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .index-slider__pagination .swiper-pagination-total { color: #0658af; margin-left: 0.3125rem; display: block; } .index-slider__pagination .swiper-pagination-current { width: 1.25rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; text-align: center; } .index__slider .swiper-button-disabled { opacity: 0.5; } .index__category { background: #fff; position: relative; margin-top: 3.125rem; } .index-category__top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .index-category__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 2.25rem; line-height: 2.5rem; color: #404040; } .index-category__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 6.25rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .index-category__nav { width: 6.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .index-category__prev { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; cursor: pointer; background: #f1f4f8 url(/images/additional-prev.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .index-category__next { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; cursor: pointer; background: #f1f4f8 url(/images/additional-next.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .index-category__nav .swiper-button-disabled { opacity: 0.5; } .index-category__content { margin-top: 1.875rem; } .index-category__slider { overflow: hidden; } .index-category__item { position: relative; } .index-category__item:hover .index-category__img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .index-category__item:hover .index-category__more span { color: #fff; background: -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); border: none; } .index-category__item:hover .index-category__more ins { background: url(/images/application-arrow-sprite.svg) 0% -40px no-repeat, -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: url(/images/application-arrow-sprite.svg) 0% -40px no-repeat, linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); border: none; } .index-category__img { position: relative; height: 0; overflow: hidden; padding-top: 150%; max-height: 29.0625rem; overflow: hidden; } .index-category__img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; will-change: transform; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .index-category__inner { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(4, 50, 98, 0.9)), color-stop(30%, rgba(4, 50, 98, 0.75)), to(rgba(4, 50, 98, 0))); background: linear-gradient(180deg, rgba(4, 50, 98, 0.9) 0%, rgba(4, 50, 98, 0.75) 30%, rgba(4, 50, 98, 0) 100%); padding: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; will-change: transform; } .index-category__name { font-family: "Jura", sans-serif; width: 100%; font-weight: 700; font-size: 1.25rem; line-height: 1.25rem; color: #fff; } .index-category__more { width: 100%; } .index-category__more a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .index-category__more span { display: block; width: 100%; height: 2.5rem; line-height: 2.375rem; font-weight: 400; font-size: 1rem; color: #fff; text-align: center; background: transparent; border-radius: 0.31rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; border: 1px solid #fff; } .index-category__more ins { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; flex: none; margin-left: 5px; background: url(/images/application-arrow-sprite.svg) 0% -40px no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; border: 1px solid #fff; } .index-category__link { position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; } .index-category__link a { display: block; width: 100%; height: 100%; } .index__facts { background: #fff; position: relative; margin-top: 3.125rem; } .index-facts__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 2.25rem; line-height: 2.5rem; color: #404040; } .index-facts__content { margin-top: 1.875rem; } .index-facts__items { --elements: 3; --cgap: 2.5rem; --rgap: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .index-facts__item { background-color: #fff; width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); border-left: 1px solid #d2dee7; position: relative; padding-left: 2.5rem; min-height: 6.25rem; } .index-facts__item:nth-child(1) { padding-left: 0; border-left: none; } .index-facts__item:nth-child(1) .index-facts__shape { left: 0; } .index-facts__item:nth-child(4) { padding-left: 0; border-left: none; } .index-facts__item:nth-child(4) .index-facts__shape { left: 0; } .index-facts__shape { position: absolute; z-index: 1; left: 2.5rem; top: 0; border-radius: 0.31rem; width: 6.25rem; height: 6.25rem; background: #f1f4f8; } .index-facts__inner { position: relative; z-index: 2; padding: 1.875rem 0 0 1.25rem; } .index-facts__heading { font-weight: 300; font-size: 1.56rem; line-height: 1.81rem; color: #0658af; } .index-facts__text { margin-top: 1.25rem; font-weight: 300; font-size: 1rem; line-height: 1.25rem; color: #404040; } .index__objects { background: #fff; position: relative; margin-top: 3.125rem; } .index-objects__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 2.25rem; line-height: 2.5rem; color: #404040; } .index-objects__content { margin-top: 1.875rem; } .index-objects__slider { position: relative; overflow: hidden; padding-bottom: 1.875rem; } .index-objects__slider .swiper-slide { width: 400px; height: auto; } .index-objects__slider .swiper-scrollbar { left: 0; width: 100%; border-radius: 0; background: #d2dee7; } .index-objects__slider .swiper-scrollbar-drag { border-radius: 0; background: #0a8ae5; } .index-objects__slider .index-objects__prev { margin-top: -2.875rem; } .index-objects__slider .index-objects__next { margin-top: -2.875rem; } .index-objects__link { margin-top: 1.875rem; width: 15.3125rem; } .index-objects__link a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .index-objects__link a:hover span { background: #0a8ae5; } .index-objects__link a:hover ins { background: #0a8ae5 url(/images/arrows-icon.svg) 50% 50% no-repeat; } .index-objects__link span { display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; font-weight: 400; font-size: 1rem; color: #fff; text-align: center; background: #0658af; border-radius: 0.31rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .index-objects__link ins { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; flex: none; margin-left: 5px; background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .index__parallax { margin-top: 3.125rem; position: relative; padding: 4.375rem 0; overflow: hidden; } .index-parallax__wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .index-parallax__bg { position: fixed; display: block; top: 0; left: 0; width: 100%; height: calc(var(--vh, 1vh) * 100); background-size: cover; background-position: top center; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); will-change: transform; } .index-parallax__plug { position: absolute; z-index: 2; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); } .index-parallax__content { text-align: center; color: #fff; position: relative; z-index: 3; } .index-parallax__inner { max-width: 41.25rem; margin: 0 auto; } .index-parallax__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2rem; text-align: center; color: #fff; } .index-parallax__text { font-weight: 300; font-size: 1.12rem; line-height: 1.25rem; text-align: center; color: #fff; margin-top: 1.25rem; } .index-parallax__more { margin: 2.5rem auto 0 auto; width: 16.5625rem; } .index-parallax__more a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .index-parallax__more span { display: block; width: 100%; height: 2.5rem; line-height: 2.375rem; font-weight: 400; font-size: 1rem; color: #fff; text-align: center; background: transparent; border-radius: 0.31rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; border: 1px solid #fff; } .index-parallax__more ins { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; flex: none; margin-left: 0.3125rem; background: url(/images/application-arrow-sprite.svg) 0% -40px no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; border: 1px solid #fff; } .index-parallax__more:hover span { color: #fff; background: -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); border: none; } .index-parallax__more:hover ins { background: url(/images/application-arrow-sprite.svg) 0% -40px no-repeat, -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: url(/images/application-arrow-sprite.svg) 0% -40px no-repeat, linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); border: none; } .index__about { background: #fff; position: relative; margin-top: 3.125rem; } .index-about__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 2.25rem; line-height: 2.5rem; color: #404040; } .index-about__content { margin-top: 1.875rem; } .index-about__cols { --elements: 2; --cgap: 1.25rem; --rgap: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .index-about__col { width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); position: relative; } .index-about__col--sidebar { background: #f1f4f8; padding: 2.8125rem; } .index-about__col--media { -ms-flex-item-align: center; align-self: center; } .index-about__img { max-width: 640px; width: 100%; margin: 0 auto; } .index-about__img img { display: block; width: 100%; } .index-about__heading { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.25rem; line-height: 1.5rem; color: #404040; position: relative; z-index: 2; } .index-about__heading span { white-space: nowrap; color: #0658af; } .index-about__text { margin-top: 1.25rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #404040; padding-bottom: 2.8125rem; position: relative; z-index: 2; } .index-about__shape { position: absolute; z-index: 1; right: 0.625rem; bottom: 0.625rem; width: 22.5rem; height: 22.5rem; background: url(/images/index-about-shape.svg) 0 0 no-repeat; } .index-about__link { position: absolute; left: 2.8125rem; bottom: 2.8125rem; z-index: 2; } .index-about__link a { font-weight: 400; font-size: 1rem; line-height: 1.25rem; color: #0658af; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; text-decoration: none; } .index-about__link a ins { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 0.625rem; background: url(/images/arrows-blue.svg) 50% 50% no-repeat; } .index-about__link a:hover { opacity: 0.7; } .catalog { position: relative; } .catalog__items { --elements: 3; --cgap: 1.25rem; --rgap: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .catalog__item { background-color: #fff; width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); border: 1px solid #d2dee7; position: relative; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .catalog__item:hover { border: 1px solid #5ec2fa; } .catalog__item:hover .catalog-item__name { color: #0a8ae5; } .catalog__item:hover .catalog-item__arrow { border: 1px solid #0a8ae5; background: #0a8ae5 url(/images/news-arrow-sprite.svg) 0px -2.5rem no-repeat; } .catalog-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 1.25rem 1.875rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog-item__content { width: 100%; margin-right: 0.625rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog-item__name { font-weight: 400; font-size: 1.25rem; line-height: 1.5rem; color: #404040; -webkit-transition: 0.2s color ease; transition: 0.2s color ease; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .catalog-item__bottom { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog-item__arrow { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; border: 1px solid #0658af; border-radius: 0.31rem; background: #fff url(/images/news-arrow-sprite.svg) 0px 0px no-repeat; } .catalog-item__img { width: 120px; -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; height: 0; overflow: hidden; padding-top: 33.522%; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .catalog-item__blur { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; -webkit-filter: blur(10px); filter: blur(10px); -webkit-transform: scale(0); transform: scale(0); z-index: 1; } .catalog-item__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; z-index: 2; will-change: transform; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .catalog-item__link { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .catalog-item__link a { display: block; width: 100%; height: 100%; } .catalog__cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .catalog__col--sidebar { width: 290px; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 40px; height: 100%; } .catalog__col--content { width: 100%; height: 100%; } .catalog__cards { --elements: 3; --cgap: 1.25rem; --rgap: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .catalog__card { background-color: #fff; width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); border: 1px solid #d2dee7; position: relative; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; padding: 1.875rem 1.25rem 3.75rem 1.25rem; } .catalog__card:hover { border: 1px solid #5ec2fa; } .catalog__card:hover .catalog-card__name { color: #0a8ae5; } .catalog__card:hover .catalog-card__see { opacity: 0.7; } .catalog-card__img { width: 150px; height: 150px; -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; overflow: hidden; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; margin: 0 auto; } .catalog-card__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; z-index: 2; will-change: transform; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .catalog-card__name { margin-top: 1.25rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; text-align: center; color: #404040; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .catalog-card__see { position: absolute; left: 0; right: 0; bottom: 1.875rem; z-index: 1; font-weight: 400; font-size: 1rem; line-height: 1.25rem; color: #0658af; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .catalog-card__see span { display: block; } .catalog-card__see ins { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 0.625rem; background: url(/images/arrows-blue.svg) 50% 50% no-repeat; } .catalog-card__link { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .catalog-card__link a { display: block; width: 100%; height: 100%; } .catalog__category { position: relative; } .catalog-category__item { background: #f1f4f8; border-radius: 0.31rem; padding: 0.75rem 1rem; margin-top: 0.625rem; } .catalog-category__item a {text-decoration:none; color:#404040;} .catalog-category__item a:hover {text-decoration:none; color:#0658af;} .catalog-category__item:first-child { margin-top: 0; } .catalog-category__item.is-active .catalog-category__list { display: block; } .catalog-category__item.is-active .catalog-category__toggle { color: #0658af; opacity: 1; } .catalog-category__item.is-active .catalog-category__toggle ins { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .catalog-category__toggle { font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #404040; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .catalog-category__toggle ins { display: block; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 1.25rem; width: 8px; height: 4px; background: url(/images/category-flag.svg) 0 0 no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .catalog-category__toggle:hover { opacity: 0.7; } .catalog-category__list { display: none; } .catalog-category__list ul { list-style: none; margin: 0; padding: 0; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #404040; } .catalog-category__list ul li { margin-top: 0.625rem; } .catalog-category__list ul li a { color: #404040; text-decoration: none; } .catalog-category__list ul li a:hover { color: #0a8ae5; } .catalog-category__list ul li a.current { color: #0a8ae5; pointer-events: none; } .catalog__filter { margin-top: 1.875rem; } .catalog-filter__title { background: #f1f4f8; border-radius: 0.31rem 0.31rem 0 0; padding: 0.75rem 1rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; text-transform: uppercase; color: #0658af; } .catalog-filter__content { padding: 1rem 1rem 1.25rem 1rem; border-left: 1px solid #d2dee7; border-right: 1px solid #d2dee7; border-bottom: 1px solid #d2dee7; border-radius: 0 0 0.31rem 0.31rem; } .catalog-filter__item { margin-top: 1.125rem; } .catalog-filter__item:first-child { margin-top: 0; } .catalog-filter__name { font-weight: 400; font-size: 1rem; line-height: 1.5rem; color: #404040; } .catalog-filter__option { margin-top: 0.625rem; } .catalog-filter__option .checkbox { position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding-left: 1.875rem; font-weight: 300; font-size: 1rem; color: #707980; line-height: 1.25rem; min-height: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-filter__option .checkbox input[type=checkbox] { display: none; } .catalog-filter__option .checkbox label { cursor: pointer; } .catalog-filter__option .checkbox label:after { content: ""; display: inline-block; border: none; height: 1.25rem; width: 1.25rem; border: 1px solid #d2dee7; border-radius: 0.12rem; position: absolute; background: #fff; top: 0px; left: 0; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; } .catalog-filter__option .checkbox input[type=checkbox]:checked + label:after { border: 1px solid #d2dee7; background: #fff url(/images/check-icon.svg) 50% 50% no-repeat; } .catalog__buttons { margin-top: 1.25rem; } .catalog-apply__link { display: block; height: 2.5rem; line-height: 2.375rem; border: 1px solid #0658af; border-radius: 0.31rem; background: #fff; font-weight: 400; font-size: 1rem; color: #0658af; text-decoration: none; text-align: center; } .catalog-apply__link:hover { background: #0658af; color: #fff; } .catalog-reset__link { display: block; margin-top: 0.625rem; height: 2.5rem; line-height: 2.375rem; border: 1px solid #fff; border-radius: 0.31rem; background: #fff; font-weight: 400; font-size: 1rem; color: #969ca0; text-decoration: none; text-align: center; } .catalog-reset__link:hover { background: #0658af; color: #fff; } .catalog__switcher { display: none; } .catalog-switcher__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 0 -0.625rem; } .catalog-switcher__links a { display: block; width: calc(50% - 0.625rem); height: 2.5rem; line-height: 2.375rem; border: 1px solid #0658af; border-radius: 0.31rem; background: #fff; font-weight: 400; font-size: 1rem; color: #0658af; text-decoration: none; text-align: center; margin: 0 0 0 0.625rem; } .product { position: relative; } .product__cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .product__col--f { width: 420px; height: 100%; overflow: hidden; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .product__col--f .pslider__img-blur { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; -webkit-filter: blur(0px); filter: blur(0px); -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 1; } .product__col--s { width: 100%; margin: 0 2.5rem; } .product__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 2.25rem; line-height: 2.5rem; color: #404040; } .product__content { margin-top: 1.875rem; } .product__article { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 0.625rem; border-bottom: 1px solid #d2dee7; } .product-article__title { font-weight: 300; font-size: 1rem; line-height: 1.5rem; text-transform: uppercase; color: #0658af; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .product-article__value { font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #404040; text-align: right; } .product__item { margin-top: 1.25rem; } .product__item.is-active .product-item__content { display: block; } .product__item.is-active .product-item__flag { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .product-item__toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0.625rem; border-bottom: 1px solid #d2dee7; cursor: pointer; } .product-item__title { font-weight: 300; font-size: 1rem; line-height: 1.5rem; text-transform: uppercase; color: #0658af; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .product-item__flag { width: 10px; height: 6px; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 1.25rem; background: url(/images/product-flag.svg) 0 0 no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .product-item__content { margin-top: 0.625rem; display: none; } .product-item__text { font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #404040; } .product-item__option { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.625rem; } .product-item__option:first-child { margin-top: 0; } .product-option__name { font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #969ca0; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .product-option__value { font-weight: 300; font-size: 1rem; line-height: 1.5rem; text-align: right; color: #404040; margin-left: 3.75rem; } .product__col--t { width: 330px; -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 100%; } .product__info { padding: 1rem 1.25rem; background: #f1f4f8; border-radius: 0.31rem; } .product-info__title { font-weight: 400; font-size: 1.25rem; line-height: 1.5rem; text-transform: uppercase; color: #404040; margin-bottom: 0.625rem; } .product-info__price { border-radius: 0.31rem; height: 2.5rem; line-height: 2.375rem; background: #fff; border: 1px solid #d2dee7; padding: 0 1rem; font-weight: 400; font-size: 1.25rem; color: #404040; } .product-info__price ins { text-decoration: none; } .product-info__price ins.ruble { text-transform: uppercase; } .product-info__price ins.hyphen:after { content: "–"; } .product-info__price ins.hyphen { position: absolute; margin: 0.3ex 0 0; } .product-info__text { margin-top: 0.3125rem; font-weight: 300; font-size: 1rem; line-height: 1.25rem; color: #707980; } .product-info__text span { color: #0a8ae5; } .product-info__divider { height: 0.0625rem; background: #d2dee7; margin: 0.9375rem -1.25rem; } .product-info__subtitle { font-weight: 400; font-size: 1rem; line-height: 1.5rem; color: #404040; } .product-info__check { margin-top: 0.75rem; } .product-check__item { margin-top: 0.625rem; } .product-check__item:first-child { margin-top: 0; } .product-check__item .checkbox { position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding-left: 1.875rem; font-weight: 300; font-size: 1rem; color: #707980; line-height: 1.25rem; min-height: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-check__item .checkbox input[type=checkbox] { display: none; } .product-check__item .checkbox label { cursor: pointer; } .product-check__item .checkbox label:after { content: ""; display: inline-block; border: none; height: 1.25rem; width: 1.25rem; border: 1px solid #d2dee7; border-radius: 0.12rem; position: absolute; background: #fff; top: 0px; left: 0; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; } .product-check__item .checkbox input[type=checkbox]:checked + label:after { border: 1px solid #d2dee7; background: #fff url(/images/check-icon.svg) 50% 50% no-repeat; } .product-info__link { margin-top: 1.25rem; } .product-info__link a { display: block; border-radius: 0.31rem; width: 100%; height: 2.5rem; color: #fff; text-decoration: none; font-weight: 400; font-size: 1rem; line-height: 2.5rem; text-align: center; background: -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); } .product-info__link a:hover { background: -webkit-gradient(linear, left top, right top, color-stop(100%, #0658af), to(#0658af)); background: linear-gradient(90deg, #0658af 100%, #0658af 100%); } .product-info__link a span { background: url(/images/application-icon.svg) 100% 50% no-repeat; padding-right: 1.875rem; } .product__tabs { background: #f1f4f8; margin-top: 3.125rem; padding: 3.125rem 0; } .product-tabs__content { position: relative; margin-top: 1.25rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #404040; background: #f1f4f8; } .product-tabs__content ul { list-style-type: disc; margin: 0.625rem 0 0.625rem 1.25rem; } .product-tabs__content ul li { list-style: inherit; } .product-tabs__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; padding: 0; border-bottom: 1px solid #d2dee7; } .product-tabs__nav li { margin-left: 3.75rem; } .product-tabs__nav li:first-child { margin-left: 0; } .product-tabs__nav li a { display: block; font-weight: 400; font-size: 1.25rem; line-height: 1.5rem; color: #404040; padding-bottom: 1.25rem; text-decoration: none; border-bottom: 4px solid #f1f4f8; } .product-tabs__nav li:hover a { color: #0a8ae5; } .product-tabs__nav li.active a { border-bottom: 4px solid #0658af; pointer-events: none; color: #404040; } .product-tabs__pane { display: none; } .product-tabs__pane.active { display: block; } .product__additional { margin-top: 3.125rem; } .product-additional__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 2.25rem; line-height: 2.5rem; color: #404040; } .product-additional__content { margin-top: 2.5rem; position: relative; } .product__additional-slider { overflow: hidden; } .product__additional-slider .swiper-slide { height: auto; } .product__additional-slider .swiper-slide .catalog__card { height: 100%; } .product__additional-prev { position: absolute; z-index: 3; top: 50%; left: -1rem; margin-top: -1rem; cursor: pointer; background: #0a8ae5 url(/images/arrows-left.svg) 50% 50% no-repeat; -webkit-transition: 0.2s opacity ease; transition: 0.2s opacity ease; border-radius: 0.31rem; width: 2rem; height: 2rem; } .product__additional-next { position: absolute; z-index: 3; top: 50%; right: -1rem; margin-top: -1rem; cursor: pointer; background: #0a8ae5 url(/images/arrows-icon.svg) 50% 50% no-repeat; -webkit-transition: 0.2s opacity ease; transition: 0.2s opacity ease; border-radius: 0.31rem; width: 2rem; height: 2rem; } .product__additional-prev.swiper-button-disabled { background: rgba(210, 222, 231, 0.5) url(/images/arrows-left.svg) 50% 50% no-repeat; } .product__additional-next.swiper-button-disabled { background: rgba(210, 222, 231, 0.5) url(/images/arrows-icon.svg) 50% 50% no-repeat; } .construction { position: relative; background: #f1f4f8; } .construction__container { max-width: 1300px; margin: 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 0 0 1.875rem; position: relative; } .construction__block { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -1.25rem; } .construction__block .breadcrumbs { padding: 0; position: absolute; z-index: 2; top: 1.25rem; } .construction__block .breadcrumbs .breadcrumbs__path a { border-bottom: 1px solid #f1f4f8; } .construction__block .breadcrumbs .breadcrumbs__path a:hover { color: #0a8ae5; border-bottom: 1px solid #0a8ae5; } .construction-block__row--l { width: 50%; padding-top: 3.25rem; padding-bottom: 1.25rem; padding-right: 1.875rem; } .construction-block__row--r { width: 50%; position: relative; } .construction-block__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 2.25rem; line-height: 2.5rem; color: #0658af; } .construction-block__title h1 { color: #0658af; } .construction-block__title span { color: #0a8ae5; white-space: nowrap; } .construction-block__subtitle { font-weight: 700; font-size: 1.38rem; line-height: 1.38rem; color: #0a8ae5; margin-top: 0.3125rem; font-family: "Jura", sans-serif; } .construction-block__text { margin-top: 1.25rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #404040; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; line-clamp: 5; overflow: hidden; text-overflow: ellipsis; } .construction-block__link { margin-top: 2.5rem; width: 20.625rem; } .construction-block__link a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .construction-block__link a:hover span { background: #0658af; } .construction-block__link a:hover ins { background: #0658af url(/images/arrow-white.svg) 50% 50% no-repeat; } .construction-block__link span { display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; font-weight: 400; font-size: 1rem; color: #fff; text-align: center; background: -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); border-radius: 0.31rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .construction-block__link ins { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; flex: none; margin-left: 5px; background: url(/images/arrow-white.svg) 50% 50% no-repeat, -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: url(/images/arrow-white.svg) 50% 50% no-repeat, linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .construction-block__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 1.25rem 0 0 -1.25rem; } .construction-block__dlink { width: calc(50% - 1.25rem); margin: 0 0 0 1.25rem; } .construction-block__dlink a { display: block; text-align: center; font-weight: 400; font-size: 1rem; line-height: 2.5rem; color: #fff; height: 2.5rem; background: -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); text-decoration: none; border-radius: 0.31rem; } .construction-block__dlink a.more span { background: url(/images/arrow-white.svg) 100% 50% no-repeat; padding-right: 1.875rem; } .construction-block__dlink a.app span { background: url(/images/application-icon.svg) 100% 50% no-repeat; padding-right: 1.875rem; } .construction-block__dlink a:hover { background: #0658af; } .construction-block__shape { position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; width: 2.5rem; background: url(/images/construction-bg-vertical.svg) 0 0 repeat-y; will-change: transform; } .construction-block__img { position: relative; height: 0; overflow: hidden; padding-top: 66.6666666667%; } .construction-block__img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; will-change: transform; } .construction__item { background: #fff; margin-top: 3.125rem; } .construction-item__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; margin-bottom: 1.875rem; } .construction-item__content { position: relative; } .construction-item__cols { --elements: 2; --cgap: 2.5rem; --rgap: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .construction-item__col { width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); position: relative; } .construction-item__col .pslider__view .swiper-slide { max-height: 422px; overflow: hidden; } .construction-item__col .pslider__preview .swiper-slide { max-height: 70px; overflow: hidden; } .construction-item__col .pslider__view .pslider__img { overflow: hidden; } .construction-item__col .pslider__preview .pslider__img { max-height: 70px; overflow: hidden; } .construction-item__col .pslider__img img { -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; } .construction-item__col .pslider__thumbs .swiper-slide .pslider__img img { border: none; } .construction-item__col .pslider__thumbs .swiper-slide-thumb-active { cursor: default; } .construction-item__col .pslider__thumbs .swiper-slide-thumb-active .pslider__img img { border: none; } .construction__item--second .construction-item__col--media { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .construction__item--second .construction-item__col--text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .construction-item__description { font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #707980; } .construction-item__description h3 { font-weight: 300; font-size: 1rem; line-height: 1.5rem; text-transform: uppercase; color: #0658af; } .construction-item__description ul { list-style: disc; margin: 0.625rem 0 0 1.25rem; } .construction-item__description ul li { list-style: inherit; } .construction-item__link { margin-top: 1.875rem; width: 15.3125rem; } .construction-item__link a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .construction-item__link a:hover span { background: #0a8ae5; } .construction-item__link a:hover ins { background: #0a8ae5 url(/images/arrows-icon.svg) 50% 50% no-repeat; } .construction-item__link span { display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; font-weight: 400; font-size: 1rem; color: #fff; text-align: center; background: #0658af; border-radius: 0.31rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .construction-item__link ins { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; flex: none; margin-left: 5px; background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .construction__parallax { margin-top: 3.125rem; position: relative; height: 350px; overflow: hidden; } .construction-parallax__wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .construction-parallax__bg { position: fixed; display: block; top: 0; left: 0; width: 100%; height: calc(var(--vh, 1vh) * 100); background-size: cover; background-position: top center; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); will-change: transform; } .construction-parallax__plug { position: absolute; z-index: 2; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); } .calc__block { position: relative; margin-top: 3.125rem; } .calc__cols { --elements: 2; --cgap: 1.875rem; --rgap: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .calc__col { width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); position: relative; } .calc-col__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; } .calc-col__text { margin-top: 2.5rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; text-transform: uppercase; color: #0658af; } .calc-col__list { margin-top: 1.25rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #404040; } .calc-col__list ul { list-style: none; margin: 0; padding: 0; } .calc-col__list ul li { margin-top: 1.25rem; background: url(/images/bulet-icon.svg) 0 0 no-repeat; padding-left: 2.125rem; } .calc__content { position: relative; } .calc-content__block { background: #0658af; } .calc-content__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #fff; padding: 1.25rem 0; text-align: center; } .calc-content__item { border-top: 1px solid #5ec2fa; padding: 1rem 1.875rem; } .calc-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .calc-item__content { position: relative; } .calc-item__title { font-weight: 300; font-size: 0.88rem; line-height: 1rem; color: #fff; } .calc-item__text { margin-top: 0.375rem; font-weight: 400; font-size: 1.25rem; line-height: 1.38rem; color: #fff; } .calc-item__text ins { text-decoration: none; } .calc-item__text ins.ruble { text-transform: uppercase; } .calc-item__text ins.hyphen:after { content: "–"; } .calc-item__text ins.hyphen { position: absolute; margin: 0.3ex 0 0; } .calc-item__sidebar { width: 8.125rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 1.875rem; } .calc-item__input input { border-radius: 0.31rem; display: block; width: 100%; height: 2.5rem; background: #fff; font-weight: 300; font-size: 1rem; text-align: center; color: #969ca0; line-height: 2.5rem; } .calc-item__input input:focus { color: #404040; } .calc-item__input.calc-item__input--bg input { background: rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.5); pointer-events: none; } .calc-item__input.calc-item__input--bg.active input { background: white; color: black; } .calc-content__link a { margin-top: 0.625rem; display: block; background: #5ec2fa; height: 3.125rem; line-height: 3.125rem; text-align: center; color: #fff; text-decoration: none; } .calc-content__link a span { background: url(/images/arrows-icon.svg) 100% 50% no-repeat; padding-right: 1.5625rem; } .calc-content__link a:hover { background: #0658af; } .self__advantages { margin-top: 3.125rem; background: #f1f4f8; padding: 3.125rem 0; } .self-advantages__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; } .self-advantages__content { margin-top: 1.875rem; } .self-advantages__items { --elements: 4; --cgap: 1.25rem; --rgap: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .self-advantages__item { width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); position: relative; } .self-advantages__icon { width: 50px; } .self-advantages__icon img { display: block; width: 100%; } .self-advantages__heading { margin-top: 1.25rem; font-weight: 400; font-size: 1.25rem; line-height: 1.5rem; color: #404040; min-height: 3rem; } .self-advantages__text { margin-top: 0.625rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #404040; } .self__projects { margin-top: 3.125rem; } .self-projects__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; } .self-projects__content { margin-top: 1.875rem; } .self-projects__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .self-projects__sidebar { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 310px; margin-right: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .self-projects__text { width: 100%; font-weight: 300; font-size: 1rem; line-height: 1.5rem; text-transform: uppercase; color: #0658af; } .self-projects__link { margin-top: 2.5rem; width: 15.3125rem; } .self-projects__link a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .self-projects__link a:hover span { background: #0a8ae5; } .self-projects__link a:hover ins { background: #0a8ae5 url(/images/arrows-icon.svg) 50% 50% no-repeat; } .self-projects__link span { display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; font-weight: 400; font-size: 1rem; color: #fff; text-align: center; background: #0658af; border-radius: 0.31rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .self-projects__link ins { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; flex: none; margin-left: 5px; background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .self-projects__col { width: 100%; } .self-projects__col .self-projects__link { display: none; } .self-projects__items { --elements: 3; --cgap: 1.25rem; --rgap: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .self__innovation { margin-top: 3.125rem; background: #0658af; } .self-innovation__container { background: url(/images/innovation-bg.svg) 100% 5% no-repeat; padding: 3.125rem 1.875rem; } .self-innovation__title { max-width: 37.5rem; width: 100%; font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #fff; } .self-innovation__content { margin-top: 1.875rem; } .self-innovation__cols { --elements: 2; --cgap: 2.5rem; --rgap: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .self-innovation__col { width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); position: relative; } .self-innovation__img { width: 100%; max-width: 25.375rem; margin: 0 auto; } .self-innovation__img img { display: block; width: 100%; } .self-innovation__heading { font-weight: 400; font-size: 1.25rem; line-height: 1.5rem; color: #fff; text-shadow: 0 2px 4px 0 #074485; } .self-innovation__heading span { font-size: 1.62rem; color: #5ec2fa; } .self-innovation__item { margin-top: 1.875rem; } .self-innovation__subtitle span { font-weight: 400; font-size: 0.88rem; line-height: 1.5rem; text-transform: uppercase; color: #0658af; border-radius: 0.31rem; padding: 0.3125rem 0.625rem; background: #fff; } .self-innovation__text { margin-top: 0.625rem; font-weight: 400; font-size: 1rem; line-height: 1.5rem; color: #fff; } .self-innovation__link { margin-top: 2.5rem; width: 20.625rem; } .self-innovation__link a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .self-innovation__link a:hover span { background: #0a8ae5; } .self-innovation__link a:hover ins { background: #0a8ae5 url(/images/arrows-icon.svg) 50% 50% no-repeat; } .self-innovation__link span { display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; font-weight: 400; font-size: 1rem; color: #fff; text-align: center; background: #5ec2fa; border-radius: 0.31rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .self-innovation__link ins { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; flex: none; margin-left: 5px; background: #5ec2fa url(/images/arrows-icon.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .self__set { margin-top: 3.125rem; position: relative; } .self-set__title { max-width: 37.5rem; width: 100%; font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; } .self-set__content { margin-top: 1.875rem; } .self-set__cols { --elements: 2; --cgap: 2.5rem; --rgap: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .self-set__col { width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); position: relative; } .self-set__col:first-child { background: #f1f4f8 url(/images/self-col-bg.svg) 95% 200% no-repeat; border-bottom: 10px solid #0658af; min-height: 20rem; } .self-set__text { padding: 1.875rem 2.5rem; font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.25rem; line-height: 1.5rem; color: #404040; } .self-set__text a { color: #0658af; text-decoration: none; } .self-set__text a:hover { color: #0a8ae5; } .self-set__item { padding: 0.9375rem 0; border-top: 1px solid #d2dee7; border-bottom: 1px solid #d2dee7; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .self-set__heading { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.5rem; line-height: 1.5rem; color: #0658af; } .self-set__subheading { margin-top: 0.625rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #404040; } .self-set__count { width: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 1.25rem; font-weight: 300; font-size: 1.88rem; line-height: 2.19rem; text-align: right; color: #0658af; } .self-set__link { margin-top: 1.875rem; width: 15.3125rem; } .self-set__link a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .self-set__link a:hover span { background: #0a8ae5; } .self-set__link a:hover ins { background: #0a8ae5 url(/images/arrows-icon.svg) 50% 50% no-repeat; } .self-set__link span { display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; font-weight: 400; font-size: 1rem; color: #fff; text-align: center; background: #0658af; border-radius: 0.31rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .self-set__link ins { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; flex: none; margin-left: 5px; background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .about { position: relative; } .about__text { font-weight: 300; font-size: 1.25rem; line-height: 1.5rem; } .about__text span { color: #0658af; } .about__intro { margin-top: 1.875rem; position: relative; } .about-intro__img { width: 100%; max-width: 856px; position: relative; z-index: 2; margin: 0 auto; } .about-intro__img img { display: block; width: 100%; } .about-intro__shape--left { position: absolute; left: 0; bottom: 0; z-index: 1; width: 300px; height: 300px; background: url(/images/about-shape-left.svg) 0 0 no-repeat; } .about-intro__shape--right { position: absolute; right: 0; bottom: 0; z-index: 1; width: 300px; height: 300px; background: url(/images/about-shape-right.svg) 0 0 no-repeat; } .about__principle { margin-top: 3.75rem; } .about-principle__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about-principle__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; } .about-principle__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .about-principle__item { width: 240px; margin-left: 1.25rem; overflow: hidden; position: relative; padding: 1.25rem 1.25rem 13.395rem 1.25rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .about-principle__item--f { background: #0658af; } .about-principle__item--s { background: #0a8ae5; } .about-principle__item--t { background: #5ec2fa; } .principle-item__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.5rem; line-height: 1.35rem; height: 4rem; overflow: hidden; color: #fff; } .principle-item__text { font-weight: 300; font-size: 1rem; line-height: 1.12rem; color: #fff; margin-top: 1.875rem; } .principle-item__count { position: absolute; z-index: 2; left: -3.125rem; bottom: 0; font-weight: 400; font-size: 9.38rem; line-height: 1; color: #fff; } .about__advantages { margin-top: 3.75rem; } .about-advantages__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; } .about-advantages__content { margin-top: 2.5rem; } .about-advantages__items { --elements: 3; --cgap: 1.25rem; --rgap: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .about-advantages__item { background-color: #fff; width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); border-bottom: 10px solid #0658af; position: relative; background: #f1f4f8; padding: 1.25rem 1.25rem 5rem 1.25rem; } .about-advantages__item.about-advantages__item--plug { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-bottom: 10px solid #fff; } .advantages-item__title { font-weight: 400; font-size: 1.25rem; line-height: 1.5rem; color: #404040; position: relative; z-index: 2; } .advantages-item__text { margin-top: 1.25rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #707980; position: relative; z-index: 2; } .advantages-item__icon { position: absolute; z-index: 1; width: 6.25rem; height: 6.25rem; right: 1.25rem; bottom: 0.625rem; } .advantages-item__plug { width: 188px; } .advantages-item__plug img { display: block; width: 100%; } .about__washing { position: relative; margin-top: 3.75rem; min-height: 10.25rem; } .about-washing__heading { position: absolute; z-index: 1; left: 0; right: 0; } .about-washing__heading img { display: block; width: 100%; } .about-washing__wrap { position: relative; z-index: 2; padding-top: 8%; } .about-washing__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .about-washing__img { width: 640px; -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; height: 0; overflow: hidden; padding-top: 31.924%; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; margin-right: 2.5rem; } .about-washing__blur { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; -webkit-filter: blur(10px); filter: blur(10px); -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 1; } .about-washing__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; z-index: 2; will-change: transform; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .about-washing__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; } .about-washing__text { margin-top: 1.875rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #707980; } .about-washing__link { margin-top: 2.5rem; width: 15.3125rem; } .about-washing__link a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .about-washing__link a:hover span { background: #0a8ae5; } .about-washing__link a:hover ins { background: #0a8ae5 url(/images/arrows-icon.svg) 50% 50% no-repeat; } .about-washing__link span { display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; font-weight: 400; font-size: 1rem; color: #fff; text-align: center; background: #0658af; border-radius: 0.31rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .about-washing__link ins { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; flex: none; margin-left: 5px; background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .washing { position: relative; } .washing__text { font-weight: 300; font-size: 1.25rem; line-height: 1.5rem; margin-bottom: 1.875rem; } .washing__text span { color: #0658af; } .washing__items { --elements: 2; --cgap: 1.25rem; --rgap: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .washing__item { background-color: #fff; width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); border: 1px solid #d2dee7; position: relative; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .washing__item:hover { background: #f1f4f8; border: 1px solid #f1f4f8; } .washing__item:hover .washing-item__name { color: #0a8ae5; } .washing__item:hover .washing-item__arrow { border: 1px solid #0a8ae5; background: #0a8ae5 url(/images/news-arrow-sprite.svg) 0px -2.5rem no-repeat; } .washing__item:hover .washing-item__img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .washing-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 1.875rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .washing-item__content { width: 100%; margin-right: 1.25rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .washing-item__name { font-family: "Jura", sans-serif; width: 100%; font-weight: 700; font-size: 1.5rem; line-height: 1.75rem; line-height: 1.16667; color: #404040; -webkit-transition: 0.2s color ease; transition: 0.2s color ease; } .washing-item__bottom { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .washing-item__arrow { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; border: 1px solid #0658af; border-radius: 0.31rem; background: #fff url(/images/news-arrow-sprite.svg) 0px 0px no-repeat; } .washing-item__img { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 300px; position: relative; height: 195px; overflow: hidden; padding-top: 33.3333333333%; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .washing-item__blur { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; -webkit-filter: blur(10px); filter: blur(10px); -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 1; } .washing-item__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; z-index: 2; will-change: transform; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .washing-item__link { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .washing-item__link a { display: block; width: 100%; height: 100%; } .washing__top { position: relative; margin-top: -1.25rem; padding: 1.25rem 0 2.5rem 0; } .washing__top .breadcrumbs .breadcrumbs__path { color: #5ec2fa; } .washing__top .breadcrumbs .breadcrumbs__path span { color: #fff; } .washing__top .breadcrumbs .breadcrumbs__path a { border-bottom: 1px solid transparent; color: #fff; } .washing__top .breadcrumbs .breadcrumbs__path a:hover { color: #fff; border-bottom: 1px solid #fff; } .washing-top__plug { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(6, 88, 175, 0.5); } .washing-top__container { z-index: 2; } .washing-top__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 2.25rem; line-height: 2.5rem; color: #fff; max-width: 45.375rem; width: 100%; } .washing-top__title h1 { color: #fff; } .washing-top__text { margin-top: 1.25rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #fff; max-width: 45.375rem; width: 100%; } .washing-top__links { --elements: 2; --cgap: 0.625rem; --rgap: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); max-width: 36.875rem; width: 100%; margin-top: 7.5rem; } .washing-top__link { width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); position: relative; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: rgba(255, 255, 255, 0.7); padding: 1rem 1.5rem; font-weight: 400; font-size: 1rem; line-height: 1.25rem; text-transform: uppercase; color: #404040; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0.31rem; } .washing-top__link a { display: block; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .washing-top__link ins { display: block; margin-top: 1.75rem; width: 2.5rem; height: 2.5rem; border-radius: 0.31rem; background: #0658af url(/images/cross-horizontal.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .washing-top__link:hover ins { background: #0a8ae5 url(/images/cross-horizontal.svg) 50% 50% no-repeat; } .tech { background: #fff; margin-top: 3.125rem; } .tech__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; max-width: 37.5rem; width: 100%; } .tech__content { position: relative; margin-top: 1.875rem; } .tech__info { position: relative; height: 450px; } .tech-img--desktop { max-width: 1200px; width: 100%; margin: 0 auto; display: block; } .tech-img--mobile { max-width: 600px; width: 100%; margin: 0 auto 1.25rem auto; display: none; } .tech-item__title { font-weight: 300; font-size: 1rem; line-height: 1.25rem; text-transform: uppercase; text-align: right; color: #0658af; } .tech-item__divider { display: none; background: #d2dee7; height: 1px; position: relative; margin: 0.625rem 0; } .divider-dot { width: 0.25rem; height: 0.25rem; background: #d2dee7; border-radius: 100%; position: absolute; z-index: 2; top: -0.1094rem; } .divider-dot--pos1 { left: 0; } .divider-dot--pos2 { right: 0; } .tech-item__text { font-weight: 400; font-size: 1rem; line-height: 1.5rem; text-align: right; color: #707980; margin-top: 0.625rem; } .tech__item { position: absolute; z-index: 2; width: 300px; } .tech__item--pos1 { top: 82px; left: 40px; } .tech__item--pos2 { top: 200px; left: 40px; } .tech__item--pos3 { top: 318px; left: 40px; } .tech__item--pos4 { top: 82px; right: 0px; } .tech__item--pos4 .tech-item__title { text-align: left; } .tech__item--pos4 .tech-item__text { text-align: left; } .tech__item--pos5 { top: 200px; right: 0px; } .tech__item--pos5 .tech-item__title { text-align: left; } .tech__item--pos5 .tech-item__text { text-align: left; } .tech__item--pos6 { top: 318px; right: 0px; } .tech__item--pos6 .tech-item__title { text-align: left; } .tech__item--pos6 .tech-item__text { text-align: left; } .tech__line { display: none; } .tech__line img { display: block; } .stage { margin-top: 3.125rem; padding: 3.125rem 0; background: #0658af; } .stage__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #fff; max-width: 37.5rem; width: 100%; } .stage__content { margin-top: 1.875rem; } .stage { overflow: hidden; } .stage .pslider__block { overflow: visible; } .stage .pslider__view { overflow: visible; } .stage .pslider__slider { overflow: visible; } .stage .swiper-slide { width: 340px; height: auto; } .stage .pslider__img { margin-right: 2.5rem; } .stage__container { overflow: visible; } .pslider__divider { position: relative; height: 0.125rem; background: #fff; margin: 1.875rem 0; } .pslider__dot { width: 1rem; height: 1rem; background: #fff; border-radius: 100%; position: absolute; top: -0.4375rem; left: 0; } .pslider__content { margin-right: 2.5rem; } .pslider__title { font-weight: 400; font-size: 1.25rem; line-height: 1.5rem; color: #fff; } .pslider__text ul { margin: 0.75rem 0 0 1.25rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #d2dee7; list-style-type: disc; } .pslider__text ul li { list-style: inherit; } .system { margin-top: 3.125rem; background: #fff; } .system__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; max-width: 37.5rem; width: 100%; } .system__content { margin-top: 1.875rem; } .system__items { --elements: 4; --cgap: 1.25rem; --rgap: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .system__item { width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); position: relative; } .system-item__img { position: relative; height: 0; overflow: hidden; padding-top: 100%; border-radius: 100%; } .system-item__img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; will-change: transform; border-radius: 100%; } .system-item__inner { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 50%; background: #fff; padding-left: 1.25rem; } .system-item__count { font-weight: 400; font-size: 2.19rem; line-height: 2.19rem; color: #0a8ae5; } .system-item__text { margin-top: 20px; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #707980; display: -webkit-box; -webkit-line-clamp: 10; line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .self__advantages--washing .self-advantages__items { --elements: 5; } .washing-objects { margin-top: 3.125rem; background: #fff; } .washing-objects__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; max-width: 37.5rem; width: 100%; } .washing-objects__content { margin-top: 1.875rem; } .washing-objects__link { margin-top: 1.875rem; width: 15.3125rem; } .washing-objects__link a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .washing-objects__link a:hover span { background: #0a8ae5; } .washing-objects__link a:hover ins { background: #0a8ae5 url(/images/arrows-icon.svg) 50% 50% no-repeat; } .washing-objects__link span { display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; font-weight: 400; font-size: 1rem; color: #fff; text-align: center; background: #0658af; border-radius: 0.31rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .washing-objects__link ins { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; flex: none; margin-left: 5px; background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .reviews { background: #fff; position: relative; margin-top: 3.125rem; } .reviews__top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .reviews-top__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; } .reviews-top__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 6.25rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .reviews-top__nav { width: 6.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .reviews__prev { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; cursor: pointer; background: #f1f4f8 url(/images/additional-prev.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .reviews__next { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; cursor: pointer; background: #f1f4f8 url(/images/additional-next.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .reviews .swiper-button-disabled { opacity: 0.5; } .reviews__content { margin-top: 1.875rem; } .reviews__slider { overflow: hidden; } .reviews__slider .swiper-slide { border: 1px solid #d2dee7; height: auto; padding: 1.875rem 1.875rem 7.1875rem 1.875rem; } .review__item { position: relative; } .review-item__top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .review-item__user { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .review-item__icon { width: 3.75rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 1.25rem; } .review-item__icon img { display: block; } .review-item__info { -ms-flex-item-align: center; align-self: center; } .review-item__name { font-weight: 400; font-size: 1.12rem; line-height: 1.25rem; color: #404040; } .review-item__date { margin-top: 0; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #969ca0; } .review-item__quote { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 1.25rem; width: 3.125rem; height: 2.1875rem; background: url(/images/quote-icon.svg) 0 0 no-repeat; } .review-item__text { margin-top: 1.25rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #707980; display: -webkit-box; -webkit-line-clamp: 8; line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .popup .review-item__text { display: block; } .popup .review-item__top { padding-top: 1.875rem; } .review-item__more { margin-top: 0.3125rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #5ec2fa; } .review-item__more a { color: #5ec2fa; text-decoration: none; border-bottom: 1px solid #fff; } .review-item__more a:hover { color: #5ec2fa; text-decoration: none; border-bottom: 1px solid #5ec2fa; } .review-gallery { position: absolute; left: 1.875rem; right: 1.875rem; bottom: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 0 0 -0.3125rem; } .review-gallery a { display: block; width: 6.25rem; height: 4.0625rem; margin-left: 0.3125rem; } .review-gallery a img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .news { position: relative; } .news__items { --elements: 2; --cgap: 1.25rem; --rgap: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .news__item { background-color: #fff; width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); border: 1px solid #d2dee7; position: relative; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .news__item:hover { background: #f1f4f8; border: 1px solid #f1f4f8; } .news__item:hover .news-item__name { color: #0a8ae5; } .news__item:hover .news-item__arrow { border: 1px solid #0a8ae5; background: #0a8ae5 url(/images/news-arrow-sprite.svg) 0px -2.5rem no-repeat; } .news__item:hover .news-item__img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .news-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .news-item__content { width: 50%; padding: 1.25rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news-item__name { width: 100%; font-weight: 400; font-size: 1rem; line-height: 1.25; color: #404040; -webkit-transition: 0.2s color ease; transition: 0.2s color ease; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .news-item__bottom { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news-item__arrow { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; border: 1px solid #0658af; border-radius: 0.31rem; background: #fff url(/images/news-arrow-sprite.svg) 0px 0px no-repeat; } .news-item__date { font-weight: 300; font-size: 1rem; line-height: 1.5; color: #969ca0; } .news-item__img { width: 50%; position: relative; height: 0; overflow: hidden; padding-top: 33.3333333333%; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .news-item__blur { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; -webkit-filter: blur(10px); filter: blur(10px); -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 1; } .news-item__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; z-index: 2; will-change: transform; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .news-item__link { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .news-item__link a { display: block; width: 100%; height: 100%; } .news__cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .news__col--media { width: 530px; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 40px; } .news__col--content { width: 100%; } .news-col__date { font-weight: 300; font-size: 1rem; line-height: 1.5; color: #0658af; margin-bottom: 1.25rem; } .news-col__text { font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #707980; } .news__subscribe { width: 17rem; margin-top: 1.875rem; } .news-subscribe__subtitle { font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #404040; } .news-subscribe__form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; margin-top: 0.625rem; } .news-form__input { width: 100%; height: 2.5rem; border: none; border-radius: 0.31rem; background: #f1f4f8; font-weight: 300; font-size: 0.81rem; color: #404040; padding: 0 0.625rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .news-form__input::-moz-placeholder { color: #969ca0; } .news-form__input::-webkit-input-placeholder { color: #969ca0; } .news-form__input:-ms-input-placeholder { color: #969ca0; } .news-form__input::-ms-input-placeholder { color: #969ca0; } .news-form__input::placeholder { color: #969ca0; } .news-form__input:-webkit-autofill { -webkit-appearance: none; appearance: none; -webkit-text-fill-color: #404040; -webkit-box-shadow: 0 0 0px 1000px #fff inset; background-color: transparent; } .news-form__btn { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 0.125rem; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; background: #0a8ae5 url(/images/send-icon.svg) 50% 50% no-repeat; cursor: pointer; } .objects { position: relative; } .objects__items { --elements: 4; --cgap: 1.25rem; --rgap: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .objects__item { background-color: #fff; width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .objects__item:hover .objects-item__img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .objects__item:hover .objects-item__name { color: #0a8ae5; } .objects__item:hover .objects-item__icon { opacity: 1; } .objects-item__img { width: 100%; position: relative; height: 0; overflow: hidden; padding-top: 66.6666666667%; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .objects-item__blur { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; -webkit-filter: blur(10px); filter: blur(10px); -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 1; } .objects-item__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; z-index: 2; will-change: transform; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .objects-item__name { margin-top: 1rem; font-weight: 400; font-size: 1.12rem; line-height: 1.25rem; color: #404040; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .objects-item__link { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .objects-item__link a { display: block; width: 100%; height: 100%; } .objects-item__icon { position: absolute; z-index: 2; top: 50%; left: 50%; width: 3.375rem; height: 2.5rem; margin: -1.25rem 0 0 -1.6875rem; background: url(/images/play-icon.svg) 0 0 no-repeat; opacity: 0.6; -webkit-transition: 0.2s opacity ease; transition: 0.2s opacity ease; } .objects__cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .objects__col--media { width: 33.125rem; margin-right: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 100%; } .objects__col--content { width: 100%; } .objects-col__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 2.25rem; line-height: 2.5rem; color: #404040; margin-bottom: 1.25rem; } .objects-col__text { font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #707980; } .objects__additional { background: #f1f4f8; margin-top: 3.125rem; padding: 3.125rem 0; margin-bottom: -3.75rem; overflow: hidden; } .objects-additional__item { margin-top: 3.125rem; } .objects-additional__item:first-child { margin-top: 0; } .objects-additional__top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.875rem; } .objects-additional__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; } .additional__slider { overflow: visible; } .additional__slider .swiper-slide { max-height: 284px; overflow: hidden; } .objects-additional__nav { width: 6.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .objects-additional__prev { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; border: 1px solid #d2dee7; border-radius: 0.31rem; cursor: pointer; background: url(/images/additional-prev.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .objects-additional__next { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; border: 1px solid #d2dee7; border-radius: 0.31rem; cursor: pointer; background: url(/images/additional-next.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .objects-additional__item .swiper-button-disabled { opacity: 0.5; } .objects-additioinal__items { --elements: 3; --cgap: 0.625rem; --rgap: 0.625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .contacts { position: relative; } .contacts__info { position: relative; } .contacts-info__items { --elements: 3; --cgap: 2.5rem; --rgap: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .contacts-info__item { background-color: #fff; width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); border-left: 1px solid #d2dee7; position: relative; padding-left: 2.5rem; min-height: 6.25rem; } .contacts-info__item:first-child { padding-left: 0; border-left: none; } .contacts-info__item:first-child .contacts-info__shape { left: 0; } .contacts-info__shape { position: absolute; z-index: 1; left: 2.5rem; top: 0; border-radius: 0.31rem; width: 6.25rem; height: 6.25rem; background: #f1f4f8; } .contacts-info__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 2.1875rem 0 0 1.25rem; position: relative; z-index: 2; } .contacts-info__icon { width: 1.875rem; height: 1.875rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 16px; } .contacts-info__icon img { display: block; width: 100%; } .contacts-info__title { font-weight: 300; font-size: 1.12rem; line-height: 1.5rem; text-transform: uppercase; color: #0658af; padding-top: 0.25rem; } .contacts-info__text { margin-top: 0.9375rem; font-weight: 300; font-size: 1.25rem; line-height: 1.5rem; color: #404040; } .contacts-link__phone { display: block; color: #404040; text-decoration: none; } .contacts-link__email { display: block; color: #404040; text-decoration: none; } .contacts-link__email:hover { color: #0a8ae5; } .contacts__block { margin-top: 3.75rem; } .contacts__cols { --elements: 2; --cgap: 1.25rem; --rgap: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .contacts__col { width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); position: relative; } .contacts__col--f { background: #f1f4f8; padding: 1.875rem; } .contacts-col__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2.12rem; color: #404040; } .contacts-col__text { margin-top: 1.25rem; font-weight: 300; font-size: 1rem; line-height: 1.5; color: #404040; } .contacts-col__form { margin-top: 1.25rem; } .contacts-col__form .popup-form__input { background: #fff; } .contacts-col__form .popup-form__textarea { background: #fff; } .contacts-col__form .popup__policy { margin-top: 1.25rem; color: #707980; } .contacts-col__form .popup__policy a { color: #707980; } .popup__submit { margin-top: 1.875rem; width: 15.3125rem; } .popup__submit a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .popup__submit a:hover span { background: #0a8ae5; } .popup__submit a:hover ins { background: #0a8ae5 url(/images/arrows-icon.svg) 50% 50% no-repeat; } .popup__submit span { display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; font-weight: 400; font-size: 1rem; color: #fff; text-align: center; background: #0658af; border-radius: 0.31rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .popup__submit ins { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; flex: none; margin-left: 5px; background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .map { width: 100%; height: 100%; min-height: 532px; } .docs { position: relative; } .docs__block { position: relative; } .docs__items { position: relative; } .docs__item { position: relative; background: #f1f4f8; padding: 1.25rem; margin-top: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .docs__item:first-child { margin-top: 0; } .docs__item:hover .docs-item__name { color: #0a8ae5; } .docs-item__icon { width: 2.5rem; height: 3.125rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 1.25rem; position: relative; background: url(/images/doc-icon.svg) 0rem 0rem no-repeat; } .docs-item__icon span { position: absolute; display: block; left: 0; right: 0; top: 0.625rem; text-align: center; font-weight: 400; font-size: 0.62rem; line-height: 1; letter-spacing: -0.02em; color: #0658af; text-transform: uppercase; } .docs-item__name { font-weight: 300; font-size: 1rem; line-height: 1.2rem; color: #404040; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; -ms-flex-item-align: center; align-self: center; } .docs-item__link { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .docs-item__link a { display: block; width: 100%; height: 100%; } .tabs { margin-bottom: 1.875rem; } .tabs__slider { position: relative; overflow: hidden; } .tabs__slider .swiper-slide { width: auto; } .tabs__link { display: block; font-family: "Jura", sans-serif; font-weight: 700; font-size: 1rem; line-height: 1.5; color: #0658af; text-decoration: none; padding: 0.5rem 2.5rem; background: #f1f4f8; border-radius: 0.31rem; } .tabs__link:hover { background: #0658af; color: #fff; } .tabs__slider .current-slide .tabs__link { background: #5ec2fa; color: #fff; pointer-events: none; } .vacancy { position: relative; } .vacancy__items { --elements: 2; --cgap: 1.25rem; --rgap: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .vacancy__item { background-color: #fff; width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); border: 1px solid #d2dee7; position: relative; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .vacancy__item:hover { border: 1px solid #0a8ae5; } .vacancy__item:hover .vacancy-item__icon { background-position: 0 -30px; } .vacancy__item:hover .vacancy-item__name { color: #0a8ae5; } .vacancy-item__inner { padding: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .vacancy-item__icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 1.875rem; height: 1.875rem; margin-right: 0.9375rem; background: url(/images/hh-sprite.svg) 0px 0px no-repeat; } .vacancy-item__name { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.25rem; line-height: 1.5rem; color: #404040; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .vacancy-item__salary { font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #707980; margin-top: 0.625rem; } .vacancy-item__salary ins { text-decoration: none; } .vacancy-item__salary ins.ruble { text-transform: uppercase; } .vacancy-item__salary ins.hyphen:after { content: "–"; } .vacancy-item__salary ins.hyphen { position: absolute; margin: 0.2ex 0 0; } .vacancy-item__experience { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 0.625rem; background: #f1f4f8; font-weight: 300; font-size: 1.06rem; line-height: 1.5rem; letter-spacing: -0.02em; color: #707980; padding: 0.1875rem 0.625rem; } .vacancy-item__link { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .vacancy-item__link a { display: block; width: 100%; height: 100%; } .search { position: relative; } .search__top { position: relative; } .search-top__message { font-weight: 300; font-size: 1.25rem; line-height: 1.62rem; color: #707980; margin-bottom: 0.625rem; } .search__top form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; max-width: 640px; } .search-top__field { width: 100%; position: relative; margin-right: 5px; } .search-top__field input { width: 100%; height: 2.5rem; border: 1px solid #d2dee7; border-radius: 0.31rem; background: #fff; font-weight: 300; font-size: 1rem; color: #404040; padding: 0 3rem 0 2.5rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .search-field__input:focus { border: 1px solid #0658af; } .search-field__input::-moz-placeholder { color: #969ca0; } .search-field__input::-webkit-input-placeholder { color: #969ca0; } .search-field__input:-ms-input-placeholder { color: #969ca0; } .search-field__input::-ms-input-placeholder { color: #969ca0; } .search-field__input::placeholder { color: #969ca0; } .search-field__input:-webkit-autofill { -webkit-appearance: none; appearance: none; -webkit-text-fill-color: #404040; -webkit-box-shadow: 0 0 0px 1000px #fff inset; background-color: transparent; } .search-top__button { display: block; border: none; outline: none; width: 7.1875rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; font-weight: 400; font-size: 1rem; line-height: 2.5rem; color: #fff; background: #0658af; border-radius: 0.31rem; text-align: center; cursor: pointer; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .search-top__button:hover { background: #0a8ae5; } .search-field__icon { position: absolute; top: 0; left: 1rem; bottom: 0; width: 18px; background: url(/images/search-grey-icon.svg) 50% 50% no-repeat; } .search-field__reset { position: absolute; z-index: 2; top: 0; bottom: 0; right: 1rem; width: 1.5rem; background: url(/images/search-reset-icon.svg) 50% 50% no-repeat; cursor: pointer; } .search__content { margin-top: 2.5rem; } .search__cards { --elements: 4; --cgap: 1.25rem; --rgap: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--cgap); -moz-column-gap: var(--cgap); column-gap: var(--cgap); row-gap: var(--rgap); } .search__divider { height: 0.0625rem; background: #d2dee7; margin: 3.125rem 0; } .search-text__item { margin-top: 1.25rem; } .search-text__item:first-child { margin-top: 0; } .search-text__title { font-weight: 400; font-size: 1.25rem; line-height: 1.5rem; color: #404040; } .search-text__title a { color: #404040; text-decoration: none; } .search-text__title a:hover { color: #0a8ae5; } .search-text__value { margin-top: 0.625rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #707980; } .content__block--h100 { height: 100%; } .content__block--h100 .content__container { height: 100%; } .error404 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .error404__img { width: 100%; max-width: 572px; } .error404__img img { display: block; } .error404__block { margin-right: 34px; } .error404__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 2.25rem; line-height: 2.5rem; color: #404040; } .error404__text { margin-top: 1.25rem; font-weight: 300; font-size: 1.25rem; line-height: 1.62rem; color: #707980; } .error404__link { margin-top: 2.5rem; width: 15.3125rem; } .error404__link a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .error404__link a:hover span { background: #0a8ae5; } .error404__link a:hover ins { background: #0a8ae5 url(/images/arrows-icon.svg) 50% 50% no-repeat; } .error404__link span { display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; font-weight: 400; font-size: 1rem; color: #fff; text-align: center; background: #0658af; border-radius: 0.31rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .error404__link ins { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; flex: none; margin-left: 5px; background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .application { position: relative; background: radial-gradient(66.79% 73.15% at 88.43% 100%, #5ec2fa 0%, rgba(94, 194, 250, 0) 100%), radial-gradient(60.27% 80.9% at 71.01% 0%, #0a8ae5 0%, rgba(10, 138, 229, 0) 100%), #0658af; margin: 3.75rem 0 -3.75rem 0; } .application__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .application__content { padding: 3.125rem 0; max-width: 41.625rem; } .application__title { font-family: "Jura", sans-serif; font-weight: 700; font-size: 1.88rem; line-height: 2rem; color: #fff; } .application__title span { color: #5ec2fa; white-space: nowrap; } .application__text { margin-top: 1.25rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #d2dee7; } .applicataion__double { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2rem; margin-left: -1.25rem; } .applicataion__double .application__link { width: calc(50% - 1.25rem); margin: 0 0 0 1.25rem; } .application__link { margin-top: 2rem; width: 15.3125rem; } .application__link a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .application__link a:hover span { background: #0a8ae5; border: 1px solid #fff; color: #fff; } .application__link a:hover ins { background: #0a8ae5 url(/images/application-arrow-sprite.svg) 0% -40px no-repeat; border: 1px solid #fff; } .application__link span { display: block; width: 100%; height: 2.5rem; line-height: 2.375rem; font-weight: 400; font-size: 1rem; color: #0a8ae5; text-align: center; background: #fff; border-radius: 0.31rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; border: 1px solid transparent; } .application__link ins { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 0.31rem; width: 2.5rem; height: 2.5rem; flex: none; margin-left: 5px; background: #fff url(/images/application-arrow-sprite.svg) 0% 0% no-repeat; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; border: 1px solid transparent; } .application__plug { width: 444px; -webkit-box-flex: 0; -ms-flex: none; flex: none; background: url(/images/application-bg.svg) 0px 0px repeat-y; min-height: 300px; margin-left: 1.25rem; } .application__plug img { display: none; width: 100%; max-width: 444px; margin: 0 auto; } @media screen and (max-width: 1365px) { .tech__item--pos1 { left: -20px; } .tech__item--pos2 { left: -20px; } .tech__item--pos3 { left: -20px; } .tech__item--pos4 { right: -20px; } .tech__item--pos5 { right: -20px; } .tech__item--pos6 { right: -20px; } } /* xl <= Large (xlg) */ @media screen and (max-width: 1239px) { .container { padding: 0 1.125rem; } .header__logo { margin-right: 1.25rem; } .header-menu__item { margin-left: 1rem; } .header-menu__item:first-child { margin-left: 0; } .header__row--s { margin: 0 1.25rem; } .header__email { margin-right: 1.25rem; } .menu-list__link { font-size: 0.85rem; } .menu-list__flag { margin-top: 0.1rem; } .submenu__link { font-size: 0.85rem; padding: 0.425rem 1.25rem; } .footer__row--t { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__social { width: 100%; } .footer__subscribe { margin-left: 0; margin-top: 1.25rem; } .footer__row--t { width: 17rem; } .footer__logo { margin-right: 1.875rem; } .index-top__container { padding: 0 0 0 1.125rem; } .index__slider .construction-block__content { max-width: 28.75rem; } .index-slider__control { bottom: 0.3125rem; } .index-facts__items { --elements: 2; } .index-facts__item:nth-child(1) { padding-left: 0; border-left: none; } .index-facts__item:nth-child(1) .index-facts__shape { left: 0; } .index-facts__item:nth-child(3) { padding-left: 0; border-left: none; } .index-facts__item:nth-child(3) .index-facts__shape { left: 0; } .index-facts__item:nth-child(4) { border-left: 1px solid #d2dee7; padding-left: 2.5rem; } .index-facts__item:nth-child(4) .index-facts__shape { left: 2.5rem; } .index-facts__item:nth-child(5) { padding-left: 0; border-left: none; } .index-facts__item:nth-child(5) .index-facts__shape { left: 0; } .product__cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product__col--f { margin-right: 1.25rem; width: calc(50% - 1.25rem); } .product__col--s { margin: 1.875rem 0 0 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; } .product__col--t { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 50%; } .vacancy-item__inner { padding: 1.25rem; } .news-item__name { font-size: 0.9rem; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; } .news__col--media { margin-right: 20px; } .objects__col--media { width: 31.25rem; margin-right: 1.25rem; } .contacts-info__items { --elements: 3; --cgap: 1.25rem; --rgap: 1.875rem; } .contacts-info__item { padding-left: 1.25rem; min-height: 6.25rem; } .contacts-info__shape { left: 1.25rem; } .catalog__items { --elements: 2; } .catalog-item__inner { padding: 1.25rem; } .catalog__col--sidebar { margin-right: 1.25rem; } .catalog__cards { --elements: 2; } .washing-item__inner { padding: 1.25rem; } .washing-item__img { width: 250px; height: 163px; } .tech__info { height: auto; background: none !important; } .tech-img--mobile { display: block; } .tech__items { padding: 1.25rem 0; } .tech__item { position: relative; z-index: 2; width: 100%; margin-top: 1.25rem; } .tech__item:first-child { margin-top: 0; } .tech__item--pos1 { top: auto; left: auto; } .tech__item--pos2 { top: auto; left: auto; } .tech__item--pos3 { top: auto; left: auto; } .tech__item--pos4 { top: auto; right: auto; } .tech__item--pos5 { top: auto; right: auto; } .tech__item--pos6 { top: auto; right: auto; } .tech-item__title { text-align: left; } .tech-item__text { text-align: left; } .tech__line { display: block; } .tech__line--bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } .tech-item__divider { display: block; } .system__items { --elements: 2; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .system__item { width: 310px; } .self__advantages--washing .self-advantages__items { --elements: 4; } .reviews__slider { overflow: hidden; } .reviews__slider .swiper-slide { padding: 1.25rem 1.25rem 6.5625rem 1.25rem; } .review-gallery { left: 1.25rem; right: 1.25rem; bottom: 1.25rem; } .about-washing__img { width: 500px; padding-top: 31.924%; margin-right: 1.25rem; } .about-washing__link { margin-top: 1.875rem; } .search__cards { --elements: 3; } .construction__container { padding: 0 0 0 1.125rem; } .construction-item__cols { --cgap: 1.25rem; } .calc__cols { --cgap: 1.25rem; } } /* md <= Large (lg) */ @media screen and (max-width: 1023px) { .content__block { padding-top: 1.25rem; padding-bottom: 3.125rem; } .container { padding: 0 1rem; } h1 { font-size: 1.75rem; line-height: 2rem; } h2 { font-size: 1.625rem; line-height: 1.875rem; } h3 { font-size: 1.5rem; line-height: 1.75rem; } h4 { font-size: 1.375rem; line-height: 1.625rem; } h5 { font-size: 1.25rem; line-height: 1.5rem; } h6 { font-size: 1.125rem; line-height: 1.375rem; } .pin { display: none; } .cookies__text { text-align: center; padding: 0 3.75rem; } .cookies__text a { border-bottom: 1px solid #0658af; } .cookies__text a:hover { border-bottom: 1px solid #0658af; } .cookies__link a:hover { background: #fff; color: #0658af; } .cookies__close { width: 1.25rem; height: 1.25rem; cursor: pointer; background: url(/images/cookies-close.svg) 0px 0px no-repeat; background-size: 1.25rem; } .compensate-for-scrollbar { margin-right: 0 !important; } .header { position: relative; } .header__section { padding: 0.5rem 0; } .header__logo { margin-right: 0; } .header__menu { display: none; } .header__row--s { display: none; } .header__row--t { -ms-flex-wrap: wrap; flex-wrap: wrap; } .header__phone { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .header__email { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 0; width: 100%; text-align: right; } .header-email__link:hover { color: #404040; } .header-phone__text { display: none; } .header-email__text { display: none; } .menu { position: sticky; top: 0; } .menu__block { display: none; } .menu__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 2.5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .menu__toggle { display: block; } .menu__search { display: block; } .menu.active .menu__drop { display: block; } .menu.active .menu__search { background-position: 0 -32px; } .footer__section--top { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__row--s { width: 100%; margin-top: 1.25rem; } .footer__row--t { width: 100%; margin-top: 1.25rem; } .footer__list ul li a:hover { color: #d2dee7; } .footer__section--bottom a:hover { border-bottom: 1px solid #404040; } .footer__email a:hover { color: #d2dee7; } .breadcrumbs { padding: 0px 0px 1.875rem 0; } .breadcrumbs__title { margin-top: 5px; } .breadcrumbs__path a:hover { color: #969ca0; border-bottom: 1px solid #fff; } .breadcrumbs__title--hide { display: block; } .show-menu { overflow: hidden; } .show-menu .header.out { -webkit-transform: translateY(0%); transform: translateY(0%); } .show-menu .mobile-block { display: block; } .show-category { overflow: hidden; } .show-category .header.out { -webkit-transform: translateY(0%); transform: translateY(0%); } .show-category .mobile-block__category { display: block; } .show-filter { overflow: hidden; } .show-filter .header.out { -webkit-transform: translateY(0%); transform: translateY(0%); } .show-filter .mobile-block__filter { display: block; } .pagination { margin-top: 1.875rem; } .pagination a:hover { color: #404040; } .index-top__container { padding: 0; } .index__slider .construction-block__row--l { padding: 1.875rem 1rem; } .index__slider .construction-block__content { max-width: 100%; } .index__slider .construction-block__content { max-width: 100%; margin-top: 0; } .index-slider__control { position: relative; left: auto; bottom: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2; width: 9.375rem; margin: 0 auto; padding: 0.5rem 0; } .index-slider__pagination { -webkit-box-flex: 0; -ms-flex: none; flex: none; min-width: 3.75rem; width: auto; } .index__category { margin-top: 2.5rem; overflow: hidden; } .index-category__title { font-size: 1.75rem; line-height: 2rem; } .index-category__nav { display: none; } .index-category__slider { overflow: visible; } .index-category__slider .swiper-slide { width: 280px; } .index-category__item { position: relative; } .index-category__item:hover .index-category__img img { -webkit-transform: scale(1); transform: scale(1); } .index-category__item:hover .index-category__more span { color: #fff; background: transparent; border: 1px solid #fff; } .index-category__item:hover .index-category__more ins { background: url(/images/application-arrow-sprite.svg) 0% -40px no-repeat, transparent; border: 1px solid #fff; } .index__facts { margin-top: 2.5rem; } .index-facts__item { padding-left: 1.25rem; } .index-facts__item:nth-child(4) { padding-left: 1.25rem; } .index-facts__item:nth-child(4) .index-facts__shape { left: 1.25rem; } .index-facts__title { font-size: 1.75rem; line-height: 2rem; } .index-facts__heading { font-size: 1.5rem; line-height: 2rem; } .index-facts__shape { left: 1.25rem; } .index-facts__text { margin-top: 0.625rem; } .index__objects { margin-top: 2.5rem; overflow: hidden; } .index-objects__title { font-size: 1.75rem; line-height: 2rem; } .index-objects__slider { overflow: visible; } .index-objects__slider .swiper-slide { width: 280px; } .index-objects__prev { display: none; } .index-objects__next { display: none; } .index-objects__link a:hover span { background: #0658af; } .index-objects__link a:hover ins { background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; } .index__parallax { margin-top: 2.5rem; } .index-parallax__title { font-size: 1.38rem; line-height: 1.5rem; } .index-parallax__more:hover span { background: transparent; border: 1px solid #fff; } .index-parallax__more:hover ins { background: url(/images/application-arrow-sprite.svg) 0% -40px no-repeat, transparent; border: 1px solid #fff; } .index__about { margin-top: 2.5rem; } .index-about__title { font-size: 1.75rem; line-height: 2rem; } .index-about__cols { --elements: 1; } .index-about__col--sidebar { padding: 1.875rem 1.25rem; } .index-about__text { padding-bottom: 0; } .index-about__link { position: relative; left: auto; bottom: auto; margin-top: 1.875rem; } .index-about__link a:hover { opacity: 1; } .product__col--f { margin-right: 1.25rem; width: calc(100% - 21.875rem); } .product__col--t { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 330px; } .product__title { display: none; } .product__content { margin-top: 0; } .product__tabs { margin-top: 2.5rem; padding: 2.5rem 0; } .product-tabs__nav li { margin-left: 2.5rem; } .product-tabs__nav li:first-child { margin-left: 0; } .product-tabs__nav li a { font-size: 1.12rem; line-height: 1.5rem; padding-bottom: 0.625rem; } .product-tabs__nav li:hover a { color: #404040; } .product__additional { margin-top: 2.5rem; } .product-additional__title { font-size: 1.75rem; line-height: 2rem; } .product-additional__content { margin-top: 1.875rem; } .product__additional-slider { overflow: visible; } .product__additional-slider .swiper-slide { width: 280px; height: auto; border: 1px solid #d2dee7; } .product__additional-slider .swiper-slide:hover { border: 1px solid #d2dee7; } .product__additional-slider .swiper-slide .catalog__card { border: none; } .product__additional-slider .swiper-slide .catalog__card:hover { border: none; } .product-additional__content { margin-top: 2.5rem; margin-left: -1rem; margin-right: -1rem; padding: 0 1rem; position: relative; overflow: hidden; } .product__additional-prev { display: none; } .product__additional-next { display: none; } .vacancy__item:hover { border: 1px solid #d2dee7; } .vacancy__item:hover .vacancy-item__icon { background-position: 0 0px; } .vacancy__item:hover .vacancy-item__name { color: #404040; } .vacancy-item__name { font-size: 1.12rem; line-height: 1.25rem; } .content__block--h100 { height: auto; } .content__block--h100 .content__container { height: auto; } .error404 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .error404__img { width: 100%; max-width: 572px; margin: 0 auto; } .error404__img img { display: block; } .error404__block { margin-right: 0; margin-bottom: 1.875rem; } .error404__title { font-size: 1.75rem; font-size: 1.75rem; } .error404__text { font-weight: 300; font-size: 1.12rem; line-height: 1.5rem; } .error404__link a:hover span { background: #0658af; } .error404__link a:hover ins { background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; } .news__item:hover { background: #fff; border: 1px solid #d2dee7; } .news__item:hover .news-item__name { color: #404040; } .news__item:hover .news-item__arrow { border: 1px solid #0658af; background: #fff url(/images/news-arrow-sprite.svg) 0px 0px no-repeat; } .news__item:hover .news-item__img img { -webkit-transform: scale(1); transform: scale(1); } .news-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-item__content { width: 100%; padding: 1.25rem; display: block; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .news-item__img { width: 100%; padding-top: 66.6666666667%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .news-item__name { height: 54px; margin-bottom: 20px; } .news__cols { -ms-flex-wrap: wrap; flex-wrap: wrap; } .news__col--media { width: 100%; margin-right: 0px; margin-bottom: 1.5rem; } .news__col--content { width: 100%; } .news-col__date { margin-bottom: 1rem; } .docs__item:hover .docs-item__name { color: #404040; } .tabs__link { padding: 0.5rem 1.25rem; } .tabs__link:hover { background: #f1f4f8; color: #0658af; } .tabs { margin: 0 -1rem 1.875rem -1rem; padding: 0 1rem; overflow: hidden; } .tabs__slider { overflow: visible; } .objects__items { --elements: 3; } .objects__item:hover .objects-item__img img { -webkit-transform: scale(1); transform: scale(1); } .objects__item:hover .objects-item__name { color: #404040; } .objects__item:hover .objects-item__icon { opacity: 0.6; } .objects__cols { -ms-flex-wrap: wrap; flex-wrap: wrap; } .objects__col--media { width: 100%; margin-right: 0; height: auto; margin-bottom: 1.25rem; } .objects-col__title { display: none; } .objects__additional { background: #f1f4f8; margin-top: 2.5rem; padding: 2.5rem 0; margin-bottom: -3.125rem; } .objects-additional__item { margin-top: 2.5rem; } .objects-additional__item:first-child { margin-top: 0; } .objects-additional__top { margin-bottom: 1.25rem; } .objects-additional__title { font-size: 1.5rem; line-height: 1.75rem; } .contacts-info__items { --elements: 1; } .contacts-info__item { border-left: none; border-top: 1px solid #d2dee7; position: relative; padding-left: 0rem; padding-top: 1.875rem; min-height: 6.25rem; } .contacts-info__item:first-child { border-top: none; margin-top: -1.875rem; } .contacts-info__shape { left: 0; top: 1.875rem; } .contacts-link__email:hover { color: #404040; } .contacts-info__title { font-size: 1.12rem; line-height: 1rem; padding-top: 0.5rem; } .contacts-info__text { margin-top: 0.9375rem; font-size: 1.12rem; line-height: 1.5rem; } .contacts__block { margin-top: 2.5rem; } .contacts__cols { --elements: 1; } .contacts__col--f { padding: 1.25rem; } .contacts-col__title { font-size: 1.5rem; line-height: 1.75rem; } .contacts-col__text { margin-top: 1rem; } .popup__submit a:hover span { background: #0658af; } .popup__submit a:hover ins { background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; } .catalog__item:hover { border: 1px solid #d2dee7; } .catalog__item:hover .catalog-item__name { color: #404040; } .catalog__item:hover .catalog-item__arrow { border: 1px solid #0658af; background: #fff url(/images/news-arrow-sprite.svg) 0px 0px no-repeat; } .catalog-item__name { font-size: 1.12rem; line-height: 1.5rem; -webkit-line-clamp: 2; line-clamp: 2; } .catalog__cols { -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog__col--sidebar { width: 100%; margin-right: 0; margin-bottom: 1.875rem; } .catalog__col--content { width: 100%; height: 100%; } .catalog__card:hover { border: 1px solid #d2dee7; } .catalog__card:hover .catalog-card__name { color: #404040; } .catalog__card:hover .catalog-card__see { opacity: 1; } .catalog__category { display: none; } .catalog__filter { display: none; } .catalog__buttons { display: none; } .catalog__switcher { display: block; } .mobile-block__content .catalog__category { display: block; padding: 1.25rem 0; } .mobile-block__content .catalog-filter__content { padding: 1.25rem 0; border: none; border-radius: none; } .mobile-block__filter .catalog__buttons { background: rgba(255, 255, 255, 0.5); position: sticky; z-index: 2; left: 0; right: 0; bottom: -20px; display: block; padding: 20px 0; margin: 0; } .washing__text { font-size: 1.12rem; } .washing-item__inner { padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .washing__item:hover { background: #fff; border: 1px solid #d2dee7; } .washing__item:hover .washing-item__name { color: #404040; } .washing__item:hover .washing-item__arrow { border: 1px solid #0658af; background: #fff url(/images/news-arrow-sprite.svg) 0px 0px no-repeat; } .washing__item:hover .washing-item__img img { -webkit-transform: scale(1); transform: scale(1); } .washing-item__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; height: 0; padding-top: 66.6666666667%; } .washing-item__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 0; padding: 1.25rem; } .washing-item__name { font-size: 1.25rem; line-height: 1.5rem; margin-bottom: 1.25rem; } .washing__top { padding: 1.25rem 0 1.875rem 0; } .washing__top .breadcrumbs .breadcrumbs__path a:hover { color: #fff; border-bottom: 1px solid transparent; } .washing-top__title { font-size: 1.75rem; line-height: 2rem; max-width: 100%; } .washing-top__text { max-width: 100%; width: 100%; } .washing-top__link { padding: 0.625rem 1.25rem; } .washing-top__link span { display: block; min-height: 2.5rem; } .washing-top__link:hover ins { background: #0658af url(/images/cross-horizontal.svg) 50% 50% no-repeat; } .tech { background: #fff; margin-top: 2.5rem; } .tech__title { font-size: 1.5rem; line-height: 1.75rem; max-width: 100%; width: 100%; } .stage { margin-top: 2.5rem; padding: 2.5rem 0; } .stage__title { font-size: 1.5rem; line-height: 1.75rem; max-width: 100%; width: 100%; } .stage .swiper-slide { width: 280px; } .stage .pslider__img { margin-right: 1.25rem; } .pslider__content { margin-right: 1.25rem; } .system { margin-top: 2.5rem; } .system__title { font-size: 1.5rem; line-height: 1.75rem; max-width: 100%; width: 100%; } .self__advantages--washing .self-advantages__items { --elements: 2; } .washing-objects { margin-top: 2.5rem; } .washing-objects__title { font-size: 1.5rem; line-height: 1.75rem; max-width: 100%; width: 100%; } .washing-objects__link a:hover span { background: #0658af; } .washing-objects__link a:hover ins { background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; } .reviews { margin-top: 2.5rem; overflow: hidden; } .reviews-top__title { font-size: 1.5rem; line-height: 1.75rem; } .reviews-top__nav { display: none; } .reviews__slider { overflow: visible; } .reviews__slider .swiper-slide { width: 300px; padding: 1.25rem 1.25rem 6.5625rem 1.25rem; } .review-item__icon { width: 3.125rem; margin-right: 0.625rem; } .review-item__name { font-size: 1rem; line-height: 1.12rem; } .review-item__text { -webkit-line-clamp: 10; line-clamp: 10; } .review-item__more a:hover { color: #5ec2fa; text-decoration: none; border-bottom: 1px solid #fff; } .about__text { font-size: 1.12rem; } .about-intro__shape--left { display: none; } .about-intro__shape--right { display: none; } .about__principle { margin-top: 2.5rem; } .about-principle__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-principle__title { font-size: 1.5rem; line-height: 1.75rem; width: 100%; margin-bottom: 1.875rem; } .about-principle__items { -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-principle__item { width: 100%; margin-left: 0; padding: 1.25rem 1.25rem 5rem 1.25rem; margin-top: 1.25rem; } .about-principle__item:first-child { margin-top: 0; } .principle-item__title { font-size: 1.25rem; line-height: 1.25rem; height: auto; } .principle-item__text { font-size: 1rem; line-height: 1.12rem; margin-top: 1.25rem; } .principle-item__count { left: auto; right: 0; bottom: -1.875rem; font-size: 6.25rem; } .about-advantages__title { font-size: 1.5rem; line-height: 1.75rem; } .about-advantages__content { margin-top: 1.875rem; } .about-advantages__items { --elements: 2; --cgap: 1.25rem; --rgap: 1.25rem; } .about__washing { position: relative; margin-top: 2.5rem; } .about-washing__heading { position: relative; } .about-washing__wrap { position: relative; z-index: 2; padding-top: 0; } .about-washing__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-washing__img { width: 100%; padding-top: 64.84375%; margin-right: 0; margin-bottom: 1.25rem; } .about-washing__title { font-size: 1.5rem; line-height: 1.75rem; } .about-washing__text { margin-top: 1.25rem; } .about-washing__link a:hover span { background: #0658af; } .about-washing__link a:hover ins { background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; } .application { margin: 2.5rem 0 -3.125rem 0; } .application__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .application__content { padding: 1.875rem 0 2.5rem 0; max-width: 100%; width: 100%; } .application__link { margin: 2rem auto 0 auto; width: 15.3125rem; } .application__link a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .application__link a:hover span { background: #fff; border: 1px solid transparent; color: #0a8ae5; } .application__link a:hover ins { background: #fff url(/images/application-arrow-sprite.svg) 0% 0% no-repeat; border: 1px solid transparent; } .application__plug { width: 100%; background: none; min-height: 100%; margin-left: 0; } .application__plug img { display: block; width: 100%; max-width: 444px; margin: 0 auto; } .search-top__button:hover { background: #0658af; } .search-top__button { width: 6.25rem; } .search-top__message { font-size: 1.12rem; line-height: 1.5rem; } .search__content { margin-top: 1.875rem; } .search__cards { --elements: 2; } .search__divider { margin: 2.5rem 0; } .search-text__title { font-size: 1.12rem; line-height: 1.5rem; color: #404040; } .search-text__title a:hover { color: #404040; } .construction__block { -ms-flex-wrap: wrap; flex-wrap: wrap; } .construction__block .breadcrumbs { position: relative; top: auto; } .construction__block .breadcrumbs .breadcrumbs__path a { border-bottom: 1px solid #f1f4f8; } .construction__block .breadcrumbs .breadcrumbs__path a:hover { color: #969ca0; border-bottom: 1px solid #f1f4f8; } .construction-block__row--l { width: 100%; padding-top: 1.25rem; padding-bottom: 2.5rem; padding-right: 0; } .construction-block__row--r { width: 100%; position: relative; } .construction-block__title { font-size: 1.75rem; line-height: 2rem; color: #0658af; } .construction-block__text { font-size: 1rem; line-height: 1.5rem; display: block; } .construction-block__link { margin-top: 1.875rem; } .construction-block__link a:hover span { background: -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); } .construction-block__link a:hover ins { background: url(/images/arrow-white.svg) 50% 50% no-repeat, -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: url(/images/arrow-white.svg) 50% 50% no-repeat, linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); } .construction-block__img { margin: 0 -1rem; } .construction-block__shape { position: absolute; z-index: 2; top: 0; left: -1rem; right: -1rem; bottom: auto; height: 1.625rem; width: auto; background: url(/images/construction-bg-horizontal.svg) 0 0 repeat-x; } .construction__item { margin-top: 2.5rem; } .construction-item__title { font-size: 1.5rem; line-height: 1.75rem; margin-bottom: 1.25rem; } .construction-item__link a:hover span { background: #0658af; } .construction-item__link a:hover ins { background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; } .construction__parallax { margin-top: 2.5rem; } .construction-block__links { margin: 1.25rem 0 0 -0.625rem; } .construction-block__dlink { width: calc(50% - 0.625rem); margin: 0 0 0 0.625rem; } .construction-block__dlink a:hover { background: -webkit-gradient(linear, left top, right top, from(#5ec2fa), color-stop(80%, #0a8ae5)); background: linear-gradient(90deg, #5ec2fa 0%, #0a8ae5 80%); } .calc__block { margin-top: 2.5rem; } .calc-content__link a:hover { background: #5ec2fa; } .calc-col__title { font-size: 1.5rem; line-height: 1.75rem; } .calc-col__text { margin-top: 1.25rem; } .calc__cols { --elements: 1; --rgap: 1.875rem; } .calc-content__title { font-size: 1.5rem; line-height: 1.75rem; } .calc-content__item { padding: 1rem 1.25rem; } .calc-item__text { font-size: 1.12rem; line-height: 1.25rem; } .self__advantages { margin-top: 2.5rem; background: #f1f4f8; padding: 2.5rem 0; } .self-advantages__title { text-align: center; font-size: 1.5rem; line-height: 1.75rem; } .self-advantages__items { --elements: 2; } .self-advantages__heading { font-size: 1.12rem; line-height: 1.5rem; min-height: auto; } .self-advantages__text { margin-top: 0.625rem; font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #404040; } .self__projects { margin-top: 2.5rem; } .self-projects__title { font-size: 1.5rem; line-height: 1.75rem; } .self-projects__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .self-projects__sidebar { width: 100%; margin-right: 0; margin-bottom: 1.875rem; } .self-projects__col { width: 100%; } .self-projects__link { margin-top: 1.875rem; } .self-projects__link a:hover span { background: #0658af; } .self-projects__link a:hover ins { background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; } .self__innovation { margin-top: 2.5rem; } .self-innovation__container { background: none; padding: 2.5rem 1rem; } .self-innovation__cols { --elements: 1; } .self-innovation__title { max-width: 100%; width: 100%; font-size: 1.5rem; line-height: 1.75rem; } .self-innovation__heading { font-size: 1.38rem; } .self-innovation__heading span { font-size: 1.12rem; color: #5ec2fa; } .self-innovation__item { margin-top: 1.5rem; } .self-innovation__link { margin-top: 1.875rem; } .self-innovation__link a:hover span { background: #5ec2fa; } .self-innovation__link a:hover ins { background: #5ec2fa url(/images/arrows-icon.svg) 50% 50% no-repeat; } .self__set { margin-top: 2.5rem; } .self-set__title { max-width: 100%; width: 100%; font-size: 1.5rem; line-height: 1.75rem; } .self-set__cols { --elements: 1; } .self-set__col { width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements))); position: relative; } .self-set__col:first-child { background: #f1f4f8 url(/images/self-col-bg.svg) 95% 70% no-repeat; border-bottom: none; min-height: 14.375rem; background-size: 200px 200px; } .self-set__text { padding: 1.25rem; font-size: 1.12rem; line-height: 1.5rem; } .self-set__text a { color: #0658af; text-decoration: none; } .self-set__text a:hover { color: #0658af; } .self-set__heading { font-size: 1.25rem; line-height: 1.5rem; } .self-set__count { margin-left: 1.875rem; } .self-set__link a:hover span { background: #0658af; } .self-set__link a:hover ins { background: #0658af url(/images/arrows-icon.svg) 50% 50% no-repeat; } } /* sm <= Medium (md) */ @media screen and (max-width: 767px) { .container { padding: 0 1rem; } .blank-img { width: 100% !important; margin: 0px 0 20px 0 !important; float: none !important; } .popup__content { padding: 30px 20px; } .index-top__container { padding: 0; } .index-facts__items { --elements: 1; --rgap: 1.25rem; } .index-facts__item { border-left: none; position: relative; padding-left: 0rem; border-top: 1px solid #d2dee7; padding-top: 20px; min-height: 7.5rem; } .index-facts__item:nth-child(1) { padding-left: 0; border-left: none; border-top: none; min-height: 6.25rem; } .index-facts__item:nth-child(1) .index-facts__shape { left: 0; top: 0; } .index-facts__item:nth-child(1) .index-facts__inner { padding: 0 0 0 1.25rem; } .index-facts__item:nth-child(4) { padding-left: 0; border-left: none; padding-bottom: 1.25rem; } .index-facts__item:nth-child(4) .index-facts__shape { left: 0; } .index-facts__shape { left: 0rem; top: 1.25rem; } .index-facts__inner { position: relative; z-index: 2; padding: 1.25rem 0 0 1.25rem; } .index-about__shape { width: 15.3125rem; height: 15.3125rem; background: url(/images/index-about-shape.svg) 0 0 no-repeat; background-size: 15.3125rem; } .product__col--f { margin-right: 0; width: 100%; height: auto; } .product__col--t { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin-top: 1.875rem; height: auto; } .vacancy__items { --elements: 1; } .news__items { --elements: 1; } .news-item__name { height: auto; margin-bottom: 20px; } .docs__item { padding: 0.625rem; } .docs-item__icon { margin-right: 0.75rem; } .objects__items { --elements: 2; --cgap: 0.625rem; --rgap: 1.25rem; } .objects-item__name { margin-top: 0.625rem; font-size: 0.88rem; line-height: 1.12rem; } .additional__slider .swiper-slide { width: 280px; } .objects-additional__nav { display: none; } .objects-additioinal__items { --elements: 2; } .catalog__items { --elements: 1; } .catalog-item__name { height: auto; display: block; margin-bottom: 20px; } .catalog-item__img { width: 100px; height: 100px; padding-top: 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .catalog__cards { --cgap: 0.625rem; --rgap: 1.25rem; } .catalog__card { padding: 1.25rem 0.625rem 3.75rem 0.625rem; } .catalog-card__img { width: 100px; height: 100px; } .catalog-card__name { margin-top: 1rem; font-size: 0.88rem; line-height: 1.25rem; } .catalog-card__see { bottom: 1.25rem; } .washing__items { --elements: 1; } .washing-item__inner { padding: 1.25rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .washing-item__img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 150px; height: 97px; padding-top: 0%; } .washing-item__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 1.25rem; padding: 0; } .system__items { --elements: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .system__item { width: 100%; } .system-item__inner { width: calc(100% - 4.6875rem); left: 4.6875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0.625rem; } .system-item__count { font-size: 1.5rem; line-height: 1.5rem; width: 100%; } .system-item__text { font-weight: 300; font-size: 1rem; line-height: 1.5rem; color: #707980; margin-top: 0.625rem; -webkit-line-clamp: 4; line-clamp: 4; } .system-item__img { width: 9.375rem; height: 9.375rem; padding-top: 0; } .system-item__img img { position: relative; width: 9.375rem; height: 9.375rem; } .self__advantages--washing .self-advantages__items { --elements: 1; } .about-advantages__items { --elements: 1; } .about-advantages__item { padding: 1.25rem 1.25rem 3.75rem 1.25rem; } .about-advantages__item.about-advantages__item--plug { display: none; } .search__cards { --cgap: 0.625rem; --rgap: 1.25rem; } .construction-item__cols { --elements: 1; } .construction-item__col--media { margin-bottom: 1.25rem; } .construction__item--second .construction-item__col--media { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .construction__item--second .construction-item__col--text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .self-advantages__items { --elements: 1; } .self-advantages__icon { margin: 0 auto; } .self-advantages__heading { text-align: center; } .self-advantages__text { text-align: center; } .self-projects__items { --elements: 1; } .self-projects__sidebar .self-projects__link { display: none; } .self-projects__col { width: 100%; } .self-projects__col .self-projects__link { display: block; } .self-innovation__container { padding: 2.5rem 1rem; } .applicataion__double { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2rem; margin-left: 0; } .applicataion__double .application__link { width: 100%; margin: 1.25rem 0 0 0; } .applicataion__double .application__link:first-child { margin: 0; } } @media (max-width: 576px) { .footer__copyrights { width: 100%; margin-right: 0; } .footer__dev { width: 100%; margin-top: 0.625rem; } } /* xs <= Small (sm) */ @media screen and (max-width: 479px) { .gallery-popup__item { width: calc(50% - 10px); } .footer__subscribe { width: 100%; } .index-objects__link { width: 100%; } .error404__link { width: 100%; } .news__subscribe { width: 100%; } .popup__submit { width: 100%; margin-top: 1.5rem; } .map { width: 100%; height: 100%; max-height: 450px; } .about-washing__link { width: 100%; } .application__link { width: 100%; } .product__tabs { margin-top: 2.5rem; padding: 1.875rem 0; } .product-tabs__nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .construction-block__link { width: 100%; } .construction-item__link { width: 100%; } .self-projects__link { width: 100%; } .self-innovation__link { width: 100%; } .self-set__link { width: 100%; } .washing-objects__link { width: 100%; } } .subscribe-edit {} .subscribe-edit p {line-height:30px;} .subscribe-edit input[type=text] {border: 1px solid #f1f4f8; padding: 5px;} .subscribe-edit input[type=submit] {border: 1px solid #cdcdcd; padding: 10px; background: #ffffff;} .subscribe-edit input[type=reset] {border: 1px solid #cdcdcd; padding: 10px; background: #ffffff;} .subscribe-edit form {margin:20px 0 0 10px;} .hide {display:none;} .popup__consent { position: relative; margin-top: 20px; } .popup__consent input[type=checkbox] { display: none; -moz-user-select: -moz-none; -o-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .popup__consent input[type=checkbox] + label { display: block; position: relative; margin: 0px 0 0px 25px; cursor: pointer; font-size: 14px; line-height: 16px; color: #fff; cursor: pointer; -moz-user-select: -moz-none; -o-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .popup__consent a { color: #fff; text-decoration: underline; } .popup__consent a:hover { color: #fff; text-decoration: none; } .popup__consent input[type=checkbox] + label:before { position: absolute; content: ""; width: 16px; height: 16px; line-height: 16px; background: #fff; border-radius: 2px; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; left: -25px; border: 1px solid #fff; } .popup__consent input[type=checkbox]:checked + label:before { background: #fff url(/images/consent-icon.svg) 50% 50% no-repeat; } .popup__consent input[type=submit] { display: block; width: 100%; margin-top: 20px; cursor: pointer; font-weight: 600; font-size: 16px; line-height: 42px; color: #fff; border: none; border: none; height: 42px; background: #0a8ae5; text-align: center; -webkit-transition: 0.25s all ease; transition: 0.25s all ease; border-radius: 4px; outline: none; resize: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: 0 4px 8px 0 rgba(12, 33, 128, 0.3); box-shadow: 0 4px 8px 0 rgba(12, 33, 128, 0.3); } .popup__consent input[type=submit].load { pointer-events: none; background: #0658af; background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, #0a8ae5 5px, #0a8ae5 10px); background-size: 200% 200%; -webkit-animation: gradient 5s linear infinite; animation: gradient 5s linear infinite; } @-webkit-keyframes gradient { 100% { background-position: 100% 100%; } } @keyframes gradient { 100% { background-position: 100% 100%; } } .popup__consent input[type=submit]:hover { background: #0658af; } .popup__consent input[disabled] { background: rgba(10, 138, 229, 0.6); color: #fff; cursor: not-allowed; pointer-events: none; } .contacts-col__form .popup__consent input[type=checkbox] + label { color: #707980; } .contacts-col__form .popup__consent input[type=checkbox] + label a { color: #707980; } .contacts-col__form .popup__consent input[type=checkbox] + label:before { border: 1px solid #707980; } /* End */ /* /css/animate.min.css?174953858916952 */ /* /css/jquery.fancybox.css?174953858912795 */ /* /css/jquery.dlmenu.css?174953858916480 */ /* /css/swiper-bundle.min.css?174953858918471 */ /* /css/main.css?1749538589189074 */