/* Start:/_/plg/fancybox/jquery.fancybox.min.css?174436598012795*/ 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:/_/plg/slick-1.8.1/slick.css?17443659801776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/_/css/fonts.css?174436597710481*/ @font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-Regular.eot'); src: local('Gilroy Regular'), local('Gilroy-Regular'), url('/_/fonts/Gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-Regular.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-Regular.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-ExtraboldItalic.eot'); src: local('Gilroy Extrabold Italic'), local('Gilroy-ExtraboldItalic'), url('/_/fonts/Gilroy/Gilroy-ExtraboldItalic.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-ExtraboldItalic.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-ExtraboldItalic.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-ExtraboldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-Bold.eot'); src: local('Gilroy Bold'), local('Gilroy-Bold'), url('/_/fonts/Gilroy/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-Bold.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-Bold.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-Black.eot'); src: local('Gilroy Black'), local('Gilroy-Black'), url('/_/fonts/Gilroy/Gilroy-Black.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-Black.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-Black.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; }*/ @font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-Light.eot'); src: local('Gilroy Light'), local('Gilroy-Light'), url('/_/fonts/Gilroy/Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-Light.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-Light.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-Semibold.eot'); src: local('Gilroy Semibold'), local('Gilroy-Semibold'), url('/_/fonts/Gilroy/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-Semibold.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-Semibold.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; }*/ @font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-Medium.eot'); src: local('Gilroy Medium'), local('Gilroy-Medium'), url('/_/fonts/Gilroy/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-Medium.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-Medium.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-MediumItalic.eot'); src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'), url('/_/fonts/Gilroy/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-MediumItalic.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-MediumItalic.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-BlackItalic.eot'); src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'), url('/_/fonts/Gilroy/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-BlackItalic.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-BlackItalic.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-UltraLight.eot'); src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'), url('/_/fonts/Gilroy/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-UltraLight.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-UltraLight.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-UltraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-RegularItalic.eot'); src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'), url('/_/fonts/Gilroy/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-RegularItalic.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-RegularItalic.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-RegularItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-SemiboldItalic.eot'); src: local('Gilroy Semibold Italic'), local('Gilroy-SemiboldItalic'), url('/_/fonts/Gilroy/Gilroy-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-SemiboldItalic.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-SemiboldItalic.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-SemiboldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-HeavyItalic.eot'); src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'), url('/_/fonts/Gilroy/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-HeavyItalic.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-HeavyItalic.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-HeavyItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-Extrabold.eot'); src: local('Gilroy Extrabold'), local('Gilroy-Extrabold'), url('/_/fonts/Gilroy/Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-Extrabold.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-Extrabold.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-Extrabold.ttf') format('truetype'); font-weight: 800; font-style: normal; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-BoldItalic.eot'); src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'), url('/_/fonts/Gilroy/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-BoldItalic.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-BoldItalic.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-UltraLightItalic.eot'); src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'), url('/_/fonts/Gilroy/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-UltraLightItalic.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-UltraLightItalic.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-UltraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-LightItalic.eot'); src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'), url('/_/fonts/Gilroy/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-LightItalic.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-LightItalic.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-Heavy.eot'); src: local('Gilroy Heavy'), local('Gilroy-Heavy'), url('/_/fonts/Gilroy/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-Heavy.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-Heavy.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-Thin.eot'); src: local('Gilroy Thin'), local('Gilroy-Thin'), url('/_/fonts/Gilroy/Gilroy-Thin.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-Thin.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-Thin.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; }*/ /*@font-face { font-family: 'Gilroy'; src: url('/_/fonts/Gilroy/Gilroy-ThinItalic.eot'); src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'), url('/_/fonts/Gilroy/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/_/fonts/Gilroy/Gilroy-ThinItalic.woff2') format('woff2'), url('/_/fonts/Gilroy/Gilroy-ThinItalic.woff') format('woff'), url('/_/fonts/Gilroy/Gilroy-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; }*/ /* End */ /* Start:/_/plg/formStyler/jquery.formstyler.css?17443659802175*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/_/css/main.css?174436597769149*/ @charset 'utf-8'; html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,main,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr,button,input,select,textarea{-webkit-tap-highlight-color:transparent;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;line-height:inherit;color:inherit;}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,video{display:block}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}blockquote,q{quotes:none}button,input,select,textarea{border-radius:0;font-family:inherit;font-size:100%;text-transform:none}input[type="search"]{-webkit-appearance:textfield;}input[type="search"]:-webkit-search-cancel-button,input[type="search"]:-webkit-search-decoration{-webkit-appearance:none}svg:not(:root){overflow:hidden} html { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; } html, body { scrollbar-gutter: stable; } a, button { transition: all 300ms linear; } /* *******************************************************************************/ body { --padding-side: 20px; --content-width: calc(var(--jsw) - (var(--padding-side) * 2)); --content-max-width: 1660px; --color-dark: #303646; --font-main: 'Gilroy'; --font-title: 'Gilroy'; --side-width: 47.4%; --main-width: 52.6%; } .container { display: grid; grid-template-columns: 100%; } .box {} .content { width: var(--content-width); max-width: var(--content-max-width); margin: 0 auto; } body.noscroll { overflow: hidden; } @media (min-width: 768px) { body { --padding-side: 40px; } } @media (min-width: 1200px) { body { --padding-side: 80px; } } /* *******************************************************************************/ .animation [arise] { transition: all 800ms cubic-bezier(0.645, 0.045, 0.645, 1); } .animation [arise="out"] { opacity: 0; transform: translate(0, 100px); } .animation [arise="in"] { opacity: 1; transform: translate(0, 0); } /* *******************************************************************************/ body { font-family: var(--font-main); font-size: 14px; font-weight: 300; line-height: 1.2; color: var(--color-dark); } p { margin: 1em 0 0; /*text-wrap: pretty;*/ } p:first-child { margin: 0; } a, a:hover { color: inherit; text-decoration: none; } p a { text-decoration: underline; } p a:hover { text-decoration: none; } b { font-weight: 600; } b b, strong { font-weight: 700; } i { font-style: italic; } ol, ul { padding-left: 30px; } ul, ol { margin: 1em 0 0; } li + li { margin: 1em 0 0; } sup { vertical-align: top; font-size: smaller; } .h1, .h2, .h3 { /*text-wrap: balance;*/ font-family: var(--font-title); } .h1 { font-size: 50px; text-transform: uppercase; line-height: 1; font-weight: 500; } .h2 { font-size: 35px; text-transform: uppercase; line-height: 1; font-weight: 500; } .h3 { font-size: 18px; text-transform: uppercase; } .fit { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; object-position: center; } @media (min-width: 1200px) { .h1 { font-size: 45px; } .h2 { font-size: 50px; } } @media (min-width: 1360px) { .h1 { font-size: 90px; } .h2 { font-size: 60px; } } /* *******************************************************************************/ fieldset { border: 1px solid silver; } label { cursor: pointer; display: block; } input, textarea, select { width: 100%; height: 38px; padding: 0 10px; background: #fff; border-radius: 4px; } textarea { overflow: auto; min-height: 74px; line-height: 1.1; resize: vertical; vertical-align: top; } input:focus, textarea:focus, select:focus { outline: 0; } input[type="radio"], input[type="checkbox"] { display: inline-block; width: auto; height: auto; padding: 0; line-height: 1; } input:disabled, button:disabled { cursor: default; } button, input[type="file"] { cursor: pointer; } label input[type="radio"], label input[type="checkbox"] { display: none; } label input[type="radio"] + div, label input[type="checkbox"] + div { cursor: pointer; position: relative; display: block; padding: 0 0 0 30px; } label input[type="radio"] + div::before, label input[type="radio"] + div::after, label input[type="checkbox"] + div::before, label input[type="checkbox"] + div::after { content: ''; display: block; position: absolute; box-sizing: border-box; } label input[type="radio"] + div::before, label input[type="radio"] + div::after { border-radius: 50%; } label input[type="radio"] + div::before, label input[type="checkbox"] + div::before { top: 0; left: 0; width: 18px; height: 18px; background: #fff; border-radius: 2px; } label input[type="radio"] + div::after { opacity: 0; top: 3px; left: 3px; width: 10px; height: 10px; background: #000; transition: all 200ms linear; } label input[type="checkbox"] + div::after { opacity: 0; left: 0; top: 0; width: 18px; height: 18px; background-image: url(/_/media/design/check.svg); background-repeat: no-repeat; background-position: center center; transition: all 200ms linear; } label input[type="radio"]:checked + div::after, label input[type="checkbox"]:checked + div::after { opacity: 1; } [placeholder]::-webkit-input-placeholder { color: #93969e; } [placeholder]:-ms-input-placeholder { color: #93969e; } [placeholder]::-moz-placeholder { color: #93969e; } [placeholder]:focus::-webkit-input-placeholder { color: transparent; } [placeholder]:focus:-ms-input-placeholder { color: transparent; } [placeholder]:focus::-moz-placeholder { color: transparent; } @media (hover: hover) { input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } input[type='number'], input[type="number"]:hover, input[type="number"]:focus { appearance: none; -moz-appearance: textfield; } } /* *******************************************************************************/ .jq-selectbox { vertical-align: middle; cursor: pointer; } .jq-selectbox__select { height: 44px; padding: 0 44px 0 10px; border: 1px solid rgba(48, 54, 70, 0.1); color: #303646; background: #fff; } .jq-selectbox__select:hover {} .jq-selectbox.focused .jq-selectbox__select {} .jq-selectbox.disabled .jq-selectbox__select {} .jq-selectbox__select-text { display: flex; align-items: center; width: 100%; height: 100%; } .jq-selectbox .placeholder { color: #303646; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100%; background: url(/_/media/design/chevron-down.svg) center no-repeat; } .jq-selectbox__trigger-arrow { display: none; } .jq-selectbox:hover .jq-selectbox__trigger-arrow { border-top-color: #000; } .jq-selectbox.disabled .jq-selectbox__trigger-arrow {} .jq-selectbox__dropdown { box-sizing: border-box; width: 100%; padding: 0; background: #FFF; } .jq-selectbox ul { margin: -1px 0 0; padding: 0; } .jq-selectbox li { margin: 0; padding: 10px; background: #fff; border: 1px solid rgba(48, 54, 70, 0.1); } .jq-selectbox li:not(:last-child) { border-bottom: 0; } .jq-selectbox li:hover, .jq-selectbox li.selected { border-color: rgba(48, 54, 70, 0.1); background-color: rgba(48, 54, 70, 0.1); } .jq-selectbox li.disabled {} .jq-selectbox li.disabled:hover {} /* *******************************************************************************/ form { position: relative; } form::after { content: ''; display: block; width: calc(100% + 20px); height: calc(100% + 20px); position: absolute; top: -10px; left: -10px; background: rgba(0, 0, 0, .2); transition: all 200ms linear; border-radius: 5px; opacity: 0; visibility: hidden; cursor: wait; } form.sending::after { opacity: 1; visibility: visible; } .wrong input, .wrong textarea, .wrong .jq-selectcontent.__select { border-color: #f3c0c0; background: #ffeaea !important; } .error { padding: 5px 0; font-size: 14px; color: #c34343; transition: all 200ms linear; transform: translateY(-50%); opacity: 0; } .error.shown { opacity: 1; transform: translateY(0); } .ajax_loader { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; transform: translate(-50%, -50%); z-index: 1; } .ajax_loader_svg { width: 100%; height: 100%; } .ajax_loader_circle { stroke: #00A499; transition: 300ms stroke-dashoffset; transform: rotate(-90deg); transform-origin: 50% 50%; } .ajax_loader_digit { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 400; font-size: 14px; line-height: 100%; text-align: center; } /* *******************************************************************************/ .btn { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 20px; border-radius: 4px; line-height: 1; text-decoration: none; } .btn._dark { color: #F6F6F6; background: var(--color-dark); } /* Other *******************************************************************************/ img, svg { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0; } table { width: 100%; border-collapse: collapse; border-spacing: 0; vertical-align: top; } /* *******************************************************************************/ .crumbs { --line-height: 22px; position: relative; height: var(--line-height); line-height: var(--line-height); color: #8D8D8D; font-size: 14px; white-space: nowrap; overflow: hidden; } .crumbs::after { content: ''; display: block; width: 30px; height: 100%; position: absolute; top: 0; right: 0; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); } .crumbs_inner { position: relative; overflow: auto; } .crumbs .content { height: calc(var(--line-height) + 20px); } .crumbs_row { display: grid; grid-auto-flow: column; padding: 0 var(--padding-side); height: var(--line-height); position: absolute; top: 0; left: 0; } .crumbs_item a { display: block; border-bottom: 1px solid transparent; } .crumbs_item a:hover { border-bottom-color: #000; } .crumbs_item:last-child { padding-right: 20px; } .crumbs_sep { margin: 0 5px; display: flex; align-items: center; } /* 1280px - экран после которого контентная часть перестает растягиваться по ширине */ @media (min-width: 1200px) { .crumbs { font-size: 16px; } .crumbs_row { padding: 0 calc((100% - var(--content-max-width)) / 2); } } /* *******************************************************************************/ .modal { display: none; margin: 0; padding: 20px; } .fancybox-slide--html { padding: 0; } .modal_close { cursor: pointer; position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; padding: 5px; background: none; } @media (min-width: 1024px) { .modal { padding: 40px; margin: 100px auto; } } /* *******************************************************************************/ .head { position: sticky; top: 0; background: #fff; z-index: 10; transition: all 300ms linear; } .scrolled .head { box-shadow: 0 0 5px rgba(0,0,0,.2); } .head_row { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; transition: all 400ms linear; } .head .head_logo a { display: flex; gap: 3px; } .head_logo svg { height: 14px; } .head_menu { white-space: nowrap; text-transform: uppercase; } .head .burger { background: none; flex-shrink: 0; } .head .burger svg { height: 13px; } @media (max-width: 1023px) { .head .burger._pc, .head_menu_extra { display: none; } .head_menu { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px; font-size: 24px; line-height: 28px; } .head_row > .head_menu { position: fixed; inset: 0; background: #fff; z-index: 100; transition: all 300ms linear; opacity: 0; visibility: hidden; } .head_menu.shown { opacity: 1; visibility: visible; } .head_menu_close { width: 64px; height: 64px; padding: 26px; position: absolute; top: 0; right: 0; } } @media (min-width: 1024px) { .head .burger._mob, .head_menu ._mob { display: none; } .head_menu { display: flex; align-items: center; gap: 30px; margin: 0 30px -2px auto; font-size: 15px; } .head_menu_close { display: none; } .head_menu_extra { opacity: 0.3; display: none; } } @media (min-width: 1200px) { .head_logo svg {} } @media (min-width: 1920px) { .head_row { --padding: 44px; padding: var(--padding) 0; height: calc(24px + var(--padding) + var(--padding)); } .scrolled .head_row { --padding: 24px; } .head .head_logo a { gap: 5px; } .head_logo svg { height: 15px; } .head_menu { margin: 0 45px -3px auto; gap: 45px; font-size: 19px; } } @media (hover: hover) { .head_menu a { position: relative; } .head_menu a::before { content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 100%; background: var(--color-dark); transform-origin: right; transform: scaleX(0); transition: transform .6s ease-in-out; } .head_menu a:hover::before { transform-origin: left; transform: scaleX(1); } } /* *******************************************************************************/ .mCustomScrollBox { /*padding: 0 var(--padding-side);*/ } div.mCSB_scrollTools.mCSB_scrollTools_horizontal { /*margin: 0 var(--padding-side);*/ } div.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background: #303646; border-radius: 0; } div.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { margin: 6px 0; height: 4px; background: #E7E7E7; } /* *******************************************************************************/ .geo { margin-top: 100px; overflow: hidden; } .geo .h1 { font-size: 30px; } .geo_map { position: relative; margin-top: 30px; } .geo_map .media { overflow: auto; position: relative; height: 520px; margin: 0 auto; /* padding: 0 var(--padding-side);*/ transition: transform ease 200ms; } .geo_map_pic { position: relative; width: 944px; height: calc(100% - 10px); padding-right: var(--padding-side); } .geo_map_pic img { height: 100%; } .geo_map_dots { width: 100%; position: absolute; inset: 0; } .geo_map_dots a { position: absolute; display: block; width: 5px; height: 5px; background: #fff; border-radius: 50%; transition: all 300ms linear; transform: translate(-50%, -50%); } .geo_map_dots a::before { content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 50%; opacity: 0.4; transition: all 300ms linear; } .geo_map_card { position: absolute; top: 50%; left: 50%; width: calc(100% - (var(--padding-side) * 2)); max-width: 350px; padding: 20px; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; z-index: 10; border-radius: 5px; background: rgba(255, 255, 255, 0.8); transition: all 300ms ease-in-out; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .geo_map_card.shown { opacity: 1; visibility: visible; } .geo_map_card_city { font-size: 25px; font-weight: 500; } .geo_map_card_pic { margin-top: 20px; } .geo_map_card_more { margin-top: 15px; display: flex; align-items: center; gap: 6px; font-size: 13px; text-transform: uppercase; } .geo_map_card_more svg { opacity: 0.4; width: 35px; } .geo_map_card_close { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; padding: 5px; } .geo_cities { position: relative; margin: 30px calc(var(--padding-side) * -1) 0; font-size: 40px; font-weight: 400; white-space: nowrap; } .geo_cities a { padding: 0 20px; opacity: 0.2; } .geo_cities a.slick-current { opacity: 1; } @media (hover: hover) { .geo_map_dots a:hover { width: 9px; height: 9px; } .geo_map_dots a:hover::before { width: 30px; height: 30px; } } @media (max-width: 1023px) { } @media (min-width: 1024px) { .geo { margin-top: 200px; } .geo_map_pic { padding: 0; margin: 0 auto; } } @media (min-width: 1200px) { .geo .h1 { max-width: 400px; } .geo_map { } .geo_map_pic { width: 976px; } } @media (min-width: 1920px) { .geo .h1 { max-width: none; font-size: 60px; } .geo_map { margin-top: 100px; } .geo_map .media { height: 768px; } .geo_map_pic { width: 1468px; } .geo_cities { font-size: 62px; } .geo_cities { margin: 100px calc((var(--jsw) - var(--content-max-width)) / 2 * -1) 0; } } /* *******************************************************************************/ ._tags { display: flex; gap: 10px; } ._tags_item input { display: none; } ._tags_item input + div { display: flex !important; align-items: center; justify-content: center; height: 32px; padding: 0 8px !important; color: var(--color-dark); border: 1px solid #E7E7E7; border-radius: 2px; white-space: nowrap; transition: all 300ms linear; } ._tags_item input:checked + div { color: #fff; border-color: var(--color-dark); background: var(--color-dark); } ._tags_item input + div::before, ._tags_item input + div::after { display: none !important; } @media (min-width: 1920px) { ._tags { gap: 15px; } ._tags_item input + div { height: 46px; padding: 0 14px !important; font-size: 18px; } } /* *******************************************************************************/ .projects_filters { position: relative; display: flex; justify-content: flex-end; gap: 10px; transition: all 400ms linear; } .projects_filters button { display: flex; align-items: center; justify-content: center; height: 32px; padding: 0 8px; color: var(--color-dark); border: 1px solid #E7E7E7; border-radius: 2px; white-space: nowrap; transition: all 300ms linear; } .projects_filters button.active { color: #fff; border-color: var(--color-dark); background: var(--color-dark); } .projects_filters button { flex: 0 0 32px; background: none; justify-content: center; line-height: 1; font-size: 14px; } @media (max-width: 767px) { .projects_filters { margin-top: 32px; height: 32px; overflow: hidden; } .projects_filters ._tags { position: absolute; top: 0; left: 0; right: 42px; flex-wrap: wrap; } } @media (min-width: 768px) { .pageHead .projects_filters { grid-column: 2 / 5; } .projects_filters { width: 100%; height: 32px; margin: 0 0 0 auto; overflow: hidden; transition: all 400ms linear; } .projects_filters ._tags { flex-wrap: wrap; position: absolute; top: 0; left: calc(100% - 309px); left: calc(100% - 217px); width: calc(100% - 42px); flex-wrap: wrap; transition: all 400ms linear; } /*.projects_filters ._tags.opened { justify-content: flex-end; }*/ .projects_filters ._tags_item { transition: all 600ms linear; } .projects_filters ._tags_item:nth-child(n+4) { opacity: 0; } .projects_filters ._tags.opened ._tags_item:nth-child(n+4) { opacity: 1; } .projects_filters button { position: relative; z-index: 1; background: #fff; } } @media (min-width: 1200px) { .pageHead .projects_filters { margin-top: 10px; } } @media (min-width: 1920px) { .projects_filters { height: 46px; } .projects_filters ._tags { left: calc(100% - 429px); } .projects_filters button { flex: 0 0 46px; height: 46px; } } /* *******************************************************************************/ .projects { margin-top: 100px; } .projects .content { position: relative; } .projects_row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 50px; } .projects_item { display: block; } .projects_item_pic { position: relative; aspect-ratio: 1 / 1; } .projects_item_pic img { position: absolute; } .projects_item_title { margin-top: 13px; font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 1.2; } .projects_item_year { font-size: 10px; } .projects_item_year { font-weight: 300; } .projects_other { margin-top: 50px; display: flex; align-items: center; gap: 8px; font-size: 15px; text-transform: uppercase; } .projects_other svg { opacity: 0.4; } .home .projects .h1 { font-size: 30px; } .home .projects_row { margin-top: 20px; } .home .projects_other { margin-top: 20px; } /*@media (max-width: 767px) { .projects_item:nth-child(n+5) { display: none; } }*/ @media (min-width: 768px) { .projects_row { grid-template-columns: repeat(2, 1fr); justify-content: space-between; } .projects_other { position: absolute; top: 0; right: 0; margin: 0; line-height: 35px; font-size: 13px; } .projects_other svg { height: 9px; } } @media (min-width: 1024px) { .projects { margin-top: 200px; } .projects_row { grid-template-columns: repeat(4, 1fr); gap: 28px 100px; margin-top: 50px; } .home .projects_row { margin-top: 46px; } .projects_other { font-size: 13px; line-height: 46px; } .projects_other svg { height: 9px; } .projects_item_title { margin-top: 14px; font-size: clamp(1.06rem, 0.78vw + 0.44rem, 1.38rem); } .projects_item_year { font-size: clamp(0.63rem, 0.78vw + 0rem, 0.94rem); } } @media (min-width: 1600px) { .projects_row { gap: 36px 126px; } } @media (min-width: 1920px) { .home .projects .h1 { font-size: 60px; } .projects_other { font-size: 20px; } .projects_other svg { height: 15px; } } @media (hover: hover) and (min-width: 1024px) { .projects_other { --w: calc(100% -(var(--padding-side)* 2)) } .projects_other svg { transition: all 300ms linear; } .projects_other:hover svg { transform: translateX(5px); } .projects_row, .projects_item_pic, .projects_item_pic img { transition: all 500ms linear; } .projects_item_title, .projects_item_year { transition: all 300ms linear; } .projects_item_pic { position: relative; overflow: visible; } .projects_item_pic_frame { position: absolute; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; transition: all 500ms linear; } .projects_item_pic img { position: absolute; top: 0; width: 100%; height: auto; } .projects_item:nth-child(4n+1) .projects_item_pic img, .projects_item:nth-child(4n+2) .projects_item_pic img, .projects_item:nth-child(4n+1) .projects_item_pic_frame, .projects_item:nth-child(4n+2) .projects_item_pic_frame { left: 0; } .projects_item:nth-child(4n+3) .projects_item_pic img, .projects_item:nth-child(4n+4) .projects_item_pic img, .projects_item:nth-child(4n+3) .projects_item_pic_frame, .projects_item:nth-child(4n+4) .projects_item_pic_frame { right: 0; } .projects_item:hover .projects_item_pic_frame { width: calc(100% + 80px); } .projects_item:not(:nth-child(1)):hover .projects_item_title, .projects_item:not(:nth-child(1)):hover .projects_item_year { opacity: 0; } /*.projects_item:nth-child(1):hover .projects_item_pic img:nth-child(2) { opacity: 0; }*/ } /* *******************************************************************************/ .foot { margin-top: 100px; padding: 15px 0 10px; border-top: 1px solid #E7E7E7; color: rgba(40, 40, 40, 0.4); text-align: center; } .foot_email { font-size: 13px; } .foot_soc { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 22px 0 34px; opacity: 0.4; } .foot_policy { font-size: 12px; } .foot_copyrights { margin-top: 10px; color: rgba(40, 40, 40, 0.2); font-size: 10px; } @media (max-width: 1919px) { .foot_soc svg { max-width: 26px; max-height: 19px; } } @media (min-width: 1024px) { .foot { padding: 0; border: none; } .foot_row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px 0; align-items: center; padding: 15px 0 32px; border-top: 1px solid #E7E7E7; } .foot_email { grid-row: 1 / 2; grid-column: 2 / 3; font-size: 13px; } .foot_soc { grid-row: 1 / 2; grid-column: 1 / 2; justify-content: flex-start; padding: 0; } .foot_policy { grid-row: 1 / 2; grid-column: 3 / 4; text-align: right; font-size: 12px; } .foot_copyrights { grid-column: 1 / 4; margin: 0; font-size: 14px; } } @media (min-width: 1200px) { .foot_row { gap: 26px 0; padding: 22px 0 24px; } .foot_email { font-size: clamp(0.81rem, 1.41vw + -0.31rem, 1.38rem); } .foot_policy { font-size: clamp(0.75rem, 0.94vw + 0rem, 1.13rem); } .foot_copyrights { font-size: clamp(0.63rem, 0.94vw + -0.12rem, 1rem); } } /* *******************************************************************************/ @media (min-width: 768px) { .pageHead_row { display: grid; grid-template-columns: auto 1fr; gap: 20px; } } @media (min-width: 1024px) { .pageHead_row { grid-template-columns: 1fr 3fr; grid-template-columns: repeat(4, 1fr); gap: 100px; } } /* *******************************************************************************/ .project_row { display: grid; gap: 50px; } .project_head { margin: 30px 0 0; } .project_head_meta { font-size: 15px; } .project_head_meta span { color: #BABABA; } .project_head_title { font-size: 35px; font-weight: 500; } .project_meta { margin-top: 10px; font-size: 12px; } .project_meta_img { height: 374px; } .project_meta_row { margin-top: 10px; } .project_meta_item { min-height: 50px; padding: 5px 0; border-top: 1px solid #E7E7E7; } .project_meta_item th, .project_meta_item td { padding: 2px 0; } .project_meta_item th { text-align: left; text-transform: uppercase; font-weight: 500; } .project_meta_item td { text-align: right; } .project_desc { display: grid; gap: 20px; } .project_desc_text { font-size: 16px; } .project_full_img { height: 300px; margin: 0 calc(var(--padding-side) * -1); } .project_gallery, .project_gallery_item { display: grid; gap: 50px 20px; } @media (min-width: 768px) { .project_full_img { height: auto; aspect-ratio: 1280 / 720; } .project_gallery_item { align-items: end; } .project_gallery_item._2 { grid-template-columns: 1fr 1fr; } .project_gallery_item._3 { grid-template-columns: repeat(7, 1fr); } .project_gallery_item._3 a:nth-child(1) { grid-column: 1 / 4; } .project_gallery_item._3 a:nth-child(2), .project_gallery_item._3 a:nth-child(3) { grid-column: span 2; } } @media (min-width: 1024px) { .project_row { gap: 70px; } .project_head_meta { font-size: 12px; } .project_head_title { font-size: 40px; } .project_meta_row { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 21px; margin-top: 15px; padding: 0 10px; } .project_meta_img { height: 572px; } .project_meta_row::before { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: #E7E7E7; } .project_meta_item { position: relative; padding: 5px 0; } .project_meta_item::after { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 100%; margin-left: 10px; background: #E7E7E7; } .project_desc { grid-template-columns: 1fr 1fr; } } @media (min-width: 1360px) { .project_row { gap: 80px; } .project_meta { font-size: 18px; } .project_meta_img { height: 750px; } .project_meta_row { margin-top: 20px; } .project_full_img { margin: 0 calc(((var(--jsw) - var(--content-width)) / 2) * -1); } .project_gallery { gap: 150px; } } @media (min-width: 1820px) { .project_head_meta { font-size: 18px; } .project_head_title { margin-top: 2px; font-size: 50px; line-height: 1; } .project_desc_text { font-size: 19px; } .project_full_img { margin: 0 calc(((var(--jsw) - var(--content-max-width)) / 2) * -1); } } /* *******************************************************************************/ .team { margin-top: 30px; } .team .pageHead { padding-bottom: 82px; } .teamMain .h1 span { opacity: 0.2; font-size: 20px; } .teamMain_row { margin-top: 32px; } .team_groups { display: grid; gap: 60px; } .team_group_title { font-size: 18px; text-transform: uppercase; } .team_group_row { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; } .team_group_title + .team_group_row { margin-top: 16px; } .team_group_item { aspect-ratio: 1 / 1; } .team_group_item .fit { object-position: left 50% top 35%; } @media (max-width: 1023px) { .team .pageHead .h1 span { display: block; margin-top: 13px; } .teamMain_side { opacity: 0; visibility: hidden; position: fixed; inset: 0; background: rgba(255, 255, 255, 0.6); z-index: 20; transition: all 400ms linear; } .team_person { position: absolute; top: 50%; left: 50%; width: 300px; transform: translate(-50%, -50%); background: #fff; transition: all 400ms linear; opacity: 0; visibility: hidden; } .teamMain_side.shown, .team_person.shown { opacity: 1; visibility: visible; } .team_person { padding: 10px; } .team_person_close { display: flex; justify-content: flex-end; } .team_person_close button { width: 24px; height: 24px; padding: 4px; background: none; } .team_person_pic { margin-top: 10px; } .team_person_cap { margin-top: 8px; } .team_person_name { font-size: 18px; } .team_person_post { margin-top: 5px; font-size: 13px; } } @media (max-width: 767px) { .teamMain .h1 span { display: block; margin-top: 17px; } } @media (min-width: 768px) { .team_group_row { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1024px) { .teamMain .h1 span { font-size: 25px; } .teamMain_row { display: grid; grid-template-columns: 210px 1fr; gap: 80px; margin-top: 90px; min-height: 400px; } .teamMain_side { position: relative; } .teamMain_side.has_title { padding-top: 42px; } .team_persons { position: sticky; top: 60px; } .team_person { position: absolute; top: 0; left: 0; width: 100%; transition: all 400ms linear; opacity: 0; visibility: hidden; } .team_person.shown { opacity: 1; visibility: visible; } .team_person_close { display: none; } .team_group_title { font-size: 16px; line-height: 20px; } .team_group_row { grid-template-columns: repeat(3, 1fr); } .team_group_title + .team_group_row { margin-top: 22px; } .team_person_cap { margin-top: 10px; } .team_person_name { font-size: 12px; } .team_person_post { margin-top: 4px; font-size: 10px; } .team_groups { gap: 100px; } } @media (min-width: 1200px) { .team_persons { top: 90px; } .team_group_row { grid-template-columns: repeat(5, 1fr); } } @media (min-width: 1920px) { .teamMain .h1 span { font-size: 35px; } .teamMain_row { grid-template-columns: 310px 1fr; gap: 122px; min-height: 520px; } .teamMain_side.has_title { padding-top: 60px; } .team_persons { top: 120px; } .team_person_cap { margin-top: 13px; } .team_person_name { font-size: 18px; } .team_person_post { margin-top: 5px; font-size: 15px; } .team_group_title { font-size: 22px; line-height: 24px; } .team_group_title + .team_group_row { margin-top: 36px; } } /* *******************************************************************************/ .team_filters { position: relative; display: flex; gap: 10px; margin-top: 80px; transition: all 400ms linear; } .team_filters button { display: flex; align-items: center; justify-content: center; height: 32px; padding: 0 8px; color: var(--color-dark); border: 1px solid #E7E7E7; border-radius: 2px; white-space: nowrap; transition: all 300ms linear; } .team_filters button.active { color: #fff; border-color: var(--color-dark); background: var(--color-dark); } .team_filters button { flex: 0 0 32px; background: none; justify-content: center; line-height: 1; font-size: 14px; } @media (max-width: 767px) { .team_filters { height: 32px; overflow: hidden; justify-content: flex-end; } .team_filters ._tags { position: absolute; top: 0; left: 0; right: 42px; flex-wrap: wrap; } } @media (min-width: 768px) { .team_filters { width: 100%; height: auto !important; margin-top: 70px; transition: all 400ms linear; } .team_filters ._tags { flex-wrap: wrap; transition: all 400ms linear; } .team_filters ._tags_item { transition: all 600ms linear; } .team_filters button { display: none; } } @media (min-width: 1200px) { .team_filters { margin-top: 90px; font-size: 15px; } .team_filters ._tags_item input + div { height: 36px; padding: 0 10px; } } @media (min-width: 1920px) { .team_filters { margin-top: 130px; font-size: 18px; } .team_filters ._tags_item input + div { height: 46px; padding: 0 15px; } } /* *******************************************************************************/ .textBlock_full { height: 307px; margin: 30px 0; } .textBlock ul { padding: 0; list-style: none; } .textBlock li { margin: 0; padding: 0; } .textBlock li::before { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; margin-right: 4px; margin-bottom: 2px; vertical-align: middle; background: currentColor; } @media (min-width: 1024px) { .textBlock { display: grid; grid-template-columns: var(--side-width) var(--main-width); font-size: 15px; } .textBlock_side { grid-column: 1 / 2; } .textBlock_main { grid-column: 2 / 3; } .textBlock_full { grid-column: 1 / 3; margin: 50px 0; } } @media (min-width: 1200px) { .textBlock { font-size: clamp(0.94rem, 0.63vw + 0.44rem, 1.19rem); } .textBlock_full { height: clamp(27.13rem, 33.75vw + 0.13rem, 40.63rem); } } /* *******************************************************************************/ .jobsAbout { margin-top: 53px; } .jobsAbout .h1 { margin-bottom: 32px; } .jobsList { margin-top: 32px; } .jobsList ._tags { padding-bottom: 15px; } .jobsList_tab_row { display: grid; } .jobsList_tab_link ._row { padding: 30px 0; border-top: 1px solid #E7E7E7; } .jobsList_tab_link ._cap { display: grid; gap: 10px; } .jobsList_tab_link ._desc { opacity: 0.5; font-size: 12px; } .jobsList_tab_link ._title { font-size: 16px; text-transform: uppercase; line-height: 1.2; } @media (max-width: 1023px) { .jobs + .foot { margin-top: 0; } .jobsList ._tags_item { flex: 1 1 0; } .jobsList_tab_link ._icon { display: none; } } @media (min-width: 1024px) { .jobsAbout { margin-top: 120px; } .jobsAbout .h1 { margin-bottom: 0; } .jobsList { margin-top: 65px; } .jobsList ._tags { padding-left: var(--side-width); padding-bottom: 30px; } .jobsList ._tags_item input + div { padding: 0 15px; min-width: 135px; font-size: 15px; } .jobsList_tab_row {} .jobsList_tab_link ._row { display: flex; align-items: center; justify-content: space-between; padding: 40px 22px 40px 0; } .jobsList_tab_link ._desc { font-size: 15px; } .jobsList_tab_link ._title { font-size: 18px; } .jobsList_tab_link ._icon { opacity: 0; } } @media (min-width: 1360px) { .jobsList ._tags_item input + div { height: 50px; padding: 0 28px; min-width: 210px; font-size: 18px; } } @media (hover: hover) { .jobsList_tab_link { transition: all 400ms linear; } .jobsList_tab_link:hover { color: #fff; background: var(--color-dark); } .jobsList_tab_link ._cap { padding: 0 44px 0 0; transition: all 500ms linear; } .jobsList_tab_link:hover ._cap { padding: 0 22px; } .jobsList_tab_link ._icon { flex: 0 0 54px; } .jobsList_tab_link:hover ._icon { opacity: 1; } .jobsList_tab_link ._icon path { stroke: #fff; } } /* *******************************************************************************/ .pageRow_main { font-size: 16px; } .pageRow_main ul { padding: 0 0 0 24px; list-style: none; } .pageRow_main li { position: relative; margin: 0; } .pageRow_main li::before { content: '•'; display: block; width: 24px; position: absolute; top: 0; right: 100%; text-align: center; } @media (min-width: 1024px) { .pageRow { display: grid; grid-template-columns: 1fr 365px; gap: 44px; } } @media (min-width: 1360px) { .pageRow { display: grid; justify-content: space-between; grid-template-columns: 1fr 418px; } .pageRow_main { font-size: 19px; } } /* *******************************************************************************/ .job { margin-top: 70px; } .jobHead_tags { display: flex; flex-wrap: wrap; gap: 10px; } .jobHead_tag { display: flex; align-items: center; height: 35px; padding: 0 10px; font-size: 15px; border: 1px solid #E7E7E7; border-radius: 2px; } .jobHead .h1 { margin-top: 32px; font-size: 28px; } .job .h3 { margin-top: 80px; } .job .h3:first-child { margin-top: 0; } .jobHead_cost { margin-top: 4px; font-size: 24px; } .job .pageRow { margin-top: 42px; } .job_form { margin-top: 80px; display: grid; gap: 10px; padding: 20px 15px; background: #F6F6F6; } .job_form label { position: relative; } .job_form input[type="file"] { position: relative; z-index: 1; opacity: 0; } .job_form input[type="file"] + div { position: absolute; inset: 0; display: flex; align-items: center; padding: 0 10px; color: #93969e; border-radius: 4px; background: #fff url(/_/media/design/file.svg) right 10px top 50% no-repeat; } .job_form .agree { color: #93969e; font-size: 13px; line-height: 18px; } .job_form .btn { margin-top: 15px; height: 47px; font-size: 15px; } .job_hh { margin-top: 40px; gap: 6px; width: 100%; height: 60px; font-size: 15px; } @media (min-width: 1024px) { .jobHead .h1 { margin-top: 20px; font-size: 50px; } .jobHead_cost { margin-top: 6px; font-size: 35px; } .job_form { margin-top: 0; position: sticky; top: 80px; margin-bottom: 80px; } .job .pageRow_side { display: flex; flex-direction: column; justify-content: space-between; } .job_hh { margin-top: auto; } } @media (min-width: 1360px) { .job { font-size: 19px; } .jobHead .h1 { font-size: 60px; } } @media (min-width: 1920px) { .jobHead .h1 { max-width: calc(100% - 418px - 82px); } } /* *******************************************************************************/ .contactsMain { margin-top: 70px; } .contacts_list { width: 280px; padding-top: 26px; } .contacts_list_row { display: grid; gap: 20px; } .contacts_list_item { font-size: 18px; } .contacts_list_item b { display: block; margin-bottom: 4px; font-size: 15px; font-weight: 300; opacity: 0.5; } .contacts_where { margin-top: 42px; } .contacts_cities { position: relative; height: 445px; margin-top: 10px; } .contacts_city { transition: all 400ms linear; opacity: 0; visibility: hidden; } .contacts_city.shown { opacity: 1; visibility: visible; } .contacts_map { position: absolute; top: 0; left: 0; right: 0; height: 386px; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); } .contacts_addr { position: absolute; top: 386px; left: 0; right: 0; height: 44px; margin-top: 15px; font-size: 18px; line-height: 22px; } .mapHint { display: block; padding: 10px; position: absolute; top: 0; left: 100%; width: 200px; background: #fff; border: 1px solid #E7E7E7; } @media (max-width: 767px) { .contacts_where ._tags_item { flex: 1 1 0; } } @media (min-width: 1024px) { .contacts_head { display: grid; justify-content: space-between; grid-template-columns: auto auto; } .contacts_list { padding: 0; } .contacts_list_item { font-size: 15px; } .contacts_list_item b { margin-bottom: 5px; font-size: 13px; } .contacts ._tags_item input + div { min-width: 150px; } .contacts_where { margin-top: 40px; } .contacts_cities { margin-top: 25px; } .contacts_map { height: 475px; } .contacts_addr { top: 475px; margin-top: 10px; font-size: 15px; } } @media (min-width: 1360px) { .contacts_list_item { font-size: 18px; } .contacts_list_item b { font-size: 15px; } .contacts ._tags_item input + div { height: 50px; min-width: 210px; font-size: 18px; } .contacts_map, .contacts_cities { height: 710px; } .contacts_addr { top: 710px; margin-top: 20px; font-size: 20px; } } /* *******************************************************************************/ .publishMain { margin-top: 60px; } .publish_row { display: grid; margin-top: 16px; border-bottom: 1px solid #E7E7E7; } .publish_item { display: grid; gap: 10px 20px; padding: 30px 0; border-top: 1px solid #E7E7E7; } .publish_item_year { opacity: 0.5; } .publish_item_title { font-size: 16px; text-transform: uppercase; } .publish_more { margin-top: 50px; text-align: center; } .publish_more button { font-size: 20px; text-transform: uppercase; background: none; } @media (min-width: 1024px) { .publish_item { padding: 40px 0; align-items: center; grid-template-columns: 3fr 5fr; } .publish_item_logo { grid-row: 1 / 3; grid-column: 1 / 2; } .publish_item_year { grid-column: 2 / 3; font-size: 10px; } .publish_item_title { grid-column: 2 / 3; font-size: 18px; } .publish_more button { font-size: 18px; } } @media (min-width: 1360px) { .publish_item_year { font-size: 14px; } .publish_item_title { font-size: 25px; } .publish_more button { font-size: 20px; } } /* *******************************************************************************/ .publishItem { margin-top: 60px; font-size: 16px; } .publishItem_head { display: grid; gap: 25px; margin-bottom: 20px; } .publishItem .h1 { font-size: 28px; line-height: 1; } .publishItem big { font-size: 18px; } .publishItem figure { margin: 30px 0; } .publishItem .figure_pic { height: 374px; } .publishItem figcaption { margin-top: 10px; font-size: 15px; } .publish_meta { margin-top: 20px; } .publish_meta_authors { font-size: 18px; } .publish_meta_source { margin-top: 30px; display: flex; align-items: center; gap: 20px; } .publish_meta_source ._text { border-bottom: 1px solid currentColor; } @media (min-width: 1200px) { .publishItem { margin-top: 100px; } .publishItem_head { margin-bottom: 40px; } .publishItem .h1 { font-size: 50px; } .publishItem big { font-size: 24px; } .publishItem figure { margin: 40px 0; } .publishItem .figure_pic { height: 524px; } .publishItem figcaption { font-size: 10px; } .publish_meta { margin-top: 25px; } .publish_meta_source { margin-top: 35px; } } @media (min-width: 1360px) { .publishItem .h1 { font-size: 60px; } .publishItem big { font-size: 35px; } .publishItem figure { margin: 46px 0; } .publishItem figcaption { font-size: 15px; } } /* *******************************************************************************/ .publishOther { margin-top: 100px; } .publishOther_row { margin-top: 20px; display: grid; border: 1px solid #E7E7E7; border-top: 0; } .publishOther_item { display: flex; flex-direction: column; justify-content: space-between; height: 228px; padding: 25px; border-top: 1px solid #E7E7E7; } .publishOther_item_title { font-size: 20px; } @media (min-width: 1200px) { .publishOther { margin-top: 200px; } .publishOther_row { margin-top: 40px; grid-template-columns: 1fr 1fr; border-left: 0; } .publishOther_item { height: 260px; padding: 20px 60px 20px 20px; border-left: 1px solid #E7E7E7; } .publishOther_item_title { font-size: 22px; } } @media (min-width: 1360px) { .publishOther_item { padding: 30px 90px 30px 30px; height: 392px; } .publishOther_item_title { font-size: 35px; } } /* *******************************************************************************/ .agreement { margin-top: 70px; font-size: 16px; } .agreement .h1 { margin-bottom: 28px; font-size: 32px; } @media (min-width: 414px) { .agreement .h1 { font-size: 35px; } } @media (min-width: 1024px) { .agreement .h1 { margin-bottom: 24px; font-size: 80px; } } @media (min-width: 1200px) { .agreement { font-size: 19px; } .agreement .h1 { font-size: 90px; } } @media (min-width: 1360px) { .agreement .h1 { margin-bottom: 34px; } } /* *******************************************************************************/ .p404 { margin-top: 50px; } .p404_row { display: grid; gap: 40px; } .p404_home { margin-top: 30px; display: flex; align-items: center; gap: 6px; font-size: 20px; } .p404_pic img { width: 100%; } .p404_home_icon { flex: 0 0 35px; margin-top: 3px; } .p404 + .foot { margin-top: 40px; } @media (max-width: 1023px) { .p404_pic { margin-right: calc(var(--padding-side) * -1); } .p404_pic img { max-width: 77%; margin: 0 0 0 auto; } } @media (min-width: 1024px) { .p404 .h1 { font-size: 40px; } .p404, .p404 + .foot { margin: 0; } .p404_row { margin-top: 15px; grid-template-columns: auto 476px; min-height: calc(100vh - 43px - 102px - 15px); } .p404_home { margin-top: 10px; font-size: 13px; } .p404_text { padding-top: 45px; } } @media (min-width: 1200px) { .p404_row { min-height: calc(100vh - 67px - 109px - 15px); } .p404_pic img { width: calc(100% + var(--padding-side)); margin-right: calc(var(--padding-side) * -1); max-width: none; } } @media (min-width: 1360px) { .p404 .h1 { font-size: 75px; } .p404_home { margin-top: 30px; font-size: 20px; } .p404_row { min-height: calc(100vh - 95px - 127px - 15px); grid-template-columns: auto 720px; } } /* *******************************************************************************/ .about { gap: 100px; font-size: 16px; } .about .content { position: relative; } .about .h1, .about .h2 { margin-bottom: 16px; font-size: 35px; } .about .h3 { margin-bottom: 15px; font-size: 20px; letter-spacing: -0.02em; } .about .h3:not(:first-child) { margin-top: 25px; } .about .publishOther { margin: 0 !important; } .publishOther_all { margin-top: 50px; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 15px; text-transform: uppercase; } .publishOther_all svg { opacity: 0.5; } @media (max-width: 767px) { .publishOther_all svg { height: 13px; } } @media (min-width: 768px) { .publishOther_all { position: absolute; top: 0; right: 0; margin: 0; line-height: 35px; font-size: 13px; } .publishOther_all svg { height: 9px; } } @media (min-width: 1024px) { .about .textBlock { --side-width: 50%; --main-width: 50%; } .publishOther_all { font-size: 13px; line-height: 46px; } .publishOther_all svg { height: 15px; } } @media (min-width: 1200px) { .about { gap: 200px; } .about .h1 { font-size: clamp(3.13rem, 6.25vw + -1.87rem, 5.63rem); } .about .h2 { font-size: clamp(2.5rem, 3.13vw + 0rem, 3.75rem); } .about .h3 { font-size: clamp(1.38rem, 1.72vw + 0rem, 2.06rem); } .about .h3:not(:first-child) { margin-top: 50px; } .publishOther_all { font-size: clamp(1.25rem, 1.56vw + 0rem, 1.88rem); } } @media (hover: hover) and (min-width: 1200px) { .publishOther_all { --w: calc(100% -(var(--padding-side)* 2)) } .publishOther_all svg { transition: all 300ms linear; } .publishOther_all:hover svg { transform: translateX(5px); } } /* *******************************************************************************/ .aboutIntro { margin-top: 46px; } .aboutIntro .textBlock_full { margin: 20px 0 0; height: auto; overflow: hidden; position: relative; } /*.aboutIntro .textBlock_full::after { content: ''; display: block; position: absolute; inset: 0; background: #303646; mix-blend-mode: color; }*/ @media (max-width: 1023px) { .aboutIntro .textBlock_full { width: 100%; aspect-ratio: 374 / 245; } .aboutIntro .textBlock_full img { transform: scale(1.2); transform-origin: top; transform-origin: bottom; } } @media (min-width: 1024px) { .aboutIntro { margin-top: 108px; } .aboutIntro .textBlock_full { aspect-ratio: 1110 / 434; } .aboutIntro .textBlock_full img { object-position: left 50% top 20%; object-position: left 50% top 50%; } } /* *******************************************************************************/ .aboutValues_item:not(:first-child) { margin-top: 25px; } @media (min-width: 1024px) { /*.aboutValues .content { height: calc(2000px); } .aboutValues .textBlock { position: sticky !important; top: calc(30vh); }*/ .aboutValues .textBlock_main { position: relative; } .aboutValues_item:not(:first-child) { margin-top: 2em; } /*.aboutValues_item { position: absolute; top: 0; left: 0; margin-bottom: 100px; background: #fff; transition: all 400ms linear; opacity: 0; visibility: hidden; transform: translateY(30vh); } .aboutValues_item.shown { opacity: 1; visibility: visible; transform: translateY(0); }*/ .aboutValues_item.shown + .aboutValues_item { opacity: 0.2; visibility: visible; } .aboutValues .textBlock { position: relative; padding: 50px 0 34px; } .aboutValues .textBlock_side { padding-right: 40px; } .aboutValues .textBlock::before { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 0; left: 0; background: linear-gradient(90.00deg, rgba(231, 231, 231, 0),rgb(231, 231, 231) 49.985%,rgba(231, 231, 231, 0) 100%); } .aboutValues .textBlock::after { content: ''; display: block; width: 1px; height: 100%; position: absolute; left: calc(var(--side-width) - 20px); top: 1px; background: linear-gradient(180.00deg, rgb(231, 231, 231),rgba(231, 231, 231, 0) 100%); } .aboutValues { --h-head: 56px; --h-gap: 50px; --h-padding: 50px; --h-margin-1: 0; --h-margin-2: 0; margin-top: calc(var(--h-gap) * -1); } .aboutValues._effect { --h-margin-1: 205px; --h-margin-2: 170px; } /*.aboutValues._effect .textBlock_side, .aboutValues._effect .textBlock_main { margin-top: calc(var(--h-gap) * -1); }*/ .aboutValues .content::before { content: ''; display: block; position: sticky; top: var(--h-head); width: 100%; height: var(--h-gap); margin-bottom: var(--h-margin-1); background: #fff; z-index: 1; } .aboutValues .textBlock .h2 { position: sticky; top: calc(var(--h-gap) + var(--h-head) + var(--h-padding)); margin: 0; padding-right: 20px; } .aboutValues .textBlock::before { position: sticky; top: calc(var(--h-gap) + var(--h-head)); margin-top: calc(var(--h-padding) * -1); grid-column: 1 / -1; margin-bottom: var(--h-margin-2); } } @media (min-width: 1200px) { .aboutValues { --h-gap: 100px; } /*.aboutValues._effect { --h-margin-1: 210px; --h-margin-2: 170px; }*/ .aboutValues .textBlock_main { padding-right: 28px; font-size: clamp(1rem, 1.25vw + 0rem, 1.5rem); } } @media (min-width: 1600px) { .aboutValues .textBlock_side { padding-right: 60px; } .aboutValues .textBlock::after { left: calc(var(--side-width) - 30px); } } /* *******************************************************************************/ .aboutTeam {} .aboutTeam_row { display: grid; gap: 14px; margin-top: 24px; } .aboutTeam_city { display: flex; align-items: center; gap: 15px; padding: 0 25px; height: 72px; font-size: 20px; font-weight: 500; text-transform: uppercase; } .aboutTeam_city div { opacity: 0.4; } .aboutTeam_people { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .aboutTeam_person { aspect-ratio: 1 / 1; } @media (max-width: 1023px) { .aboutTeam_city { border: 1px solid #E7E7E7; border-bottom: 0; } } @media (min-width: 1024px) { .aboutTeam_row { margin-top: 40px; grid-template-columns: 1fr 1fr; gap: 16px; } .aboutTeam_city { position: relative; } .aboutTeam_city::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #E7E7E7; border-bottom: 0; } .aboutTeam_city:nth-child(1) { margin-right: -8px; } .aboutTeam_city:nth-child(2) { margin-left: -9px; } .aboutTeam_people { gap: 16px; } } @media (min-width: 1200px) { .aboutTeam_row { margin-top: 60px; gap: 24px; } .aboutTeam_city { height: clamp(5.13rem, 6.56vw + -0.12rem, 7.75rem); padding: 0 clamp(1.88rem, 2.34vw + 0rem, 2.81rem); font-size: clamp(1.56rem, 1.56vw + 0.31rem, 2.19rem); } .aboutTeam_city:nth-child(1) { margin-right: -12px; } .aboutTeam_city:nth-child(2) { margin-left: -13px; } .aboutTeam_people { gap: 24px; } } @media (hover: hover) { .aboutTeam_city div { transition: all 400ms linear; } .aboutTeam_city:hover div { opacity: 1; } .aboutTeam_city ._icon { transition: all 400ms linear; } .aboutTeam_city:hover ._icon { transform: translateX(10px); } } /* *******************************************************************************/ .aboutGroup { padding: 38px 0 40px; color: #fff; background: var(--color-dark); } .aboutGroup_more { margin-top: 25px; display: flex; align-items: center; gap: 8px; font-size: 20px; text-transform: uppercase; } .aboutGroup_more ._icon { opacity: 0.5; } .aboutGroup_more path { stroke: #fff; } .aboutGroup_big { display: grid; justify-items: center; gap: 12px; margin-top: 50px; } .aboutGroup_big svg { width: 100%; max-width: 550px; } .aboutGroup_big path { fill: #fff; } .aboutGroup_big_text { font-size: 24px; font-weight: 500; text-transform: uppercase; } .aboutGroup_numbers { display: grid; gap: 20px; margin-top: 20px; } .aboutGroup_numbers_item { display: flex; flex-direction: column; justify-content: space-between; height: 160px; padding: 10px 10px 0; } .aboutGroup_numbers_item ._small { font-size: 16px; } .aboutGroup_numbers_item ._big { font-size: 50px; font-weight: 500; line-height: 1; margin-bottom: -0.1em; letter-spacing: -0.04em; } @media (max-width: 1023px) { .aboutGroup_pic { aspect-ratio: 374 / 250; margin-top: 30px; } .aboutGroup_numbers_item { border: 1px solid #BABABA; border-right: 0; border-bottom: 0; } } @media (min-width: 1024px) { .aboutGroup { padding: 100px 0; } .aboutGroup .h2 { font-size: 40px; line-height: 1.1; text-align: center; } .aboutGroup_row { margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .aboutGroup_text { grid-column: 2 / 3; grid-row: 1 / 2; font-size: 15px; } .aboutGroup_pic { grid-row: 1 / 2; grid-column: 1 / 2; } .aboutGroup_big { gap: 20px; margin-top: 140px; } .aboutGroup_big_text { font-size: 34px; } .aboutGroup_numbers { margin-top: 50px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-top: 10px; border-top: 1px solid #BABABA; } .aboutGroup_numbers_item { position: relative; } .aboutGroup_numbers_item:not(:first-child)::before { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: -10px; background: #BABABA; } } @media (min-width: 1200px) { .aboutGroup .h2 { font-size: clamp(2.5rem, 3.13vw + 0rem, 3.75rem); } .aboutGroup_text { display: flex; flex-direction: column; justify-content: space-between; font-size: clamp(0.94rem, 1.56vw + -0.31rem, 1.56rem); } .aboutGroup_numbers { margin-top: 90px; } .aboutGroup_more { font-size: clamp(1.38rem, 1.25vw + 0.38rem, 1.88rem); } .aboutGroup_numbers_item ._small { font-size: clamp(1rem, 1.25vw + 0rem, 1.5rem); } .aboutGroup_numbers_item ._big { font-size: clamp(3.13rem, 3.75vw + 0.13rem, 4.63rem); } } @media (min-width: 1600px) { .aboutGroup_row { gap: 36px; margin-top: 100px; } .aboutGroup_big { margin-top: 200px; } } /* *******************************************************************************/ .aboutLogos {} .aboutLogos_row { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .aboutLogos_item { display: flex; align-items: center; justify-content: center; aspect-ratio: 182 / 88; border: 1px solid #E7E7E7; } @media (min-width: 768px) { .aboutLogos_row { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1024px) { .aboutLogos_row { grid-template-columns: repeat(4, 1fr); } } @media (min-width: 1200px) { .aboutLogos_row { margin-top: 48px; grid-template-columns: repeat(5, 1fr); gap: 20px; } } /* *******************************************************************************/ @media (min-width: 1024px) { .homeIntro_side .h1 { position: sticky; top: 76px; margin-bottom: 60px !important; } } /* *******************************************************************************/ .bim { gap: 100px; font-size: 16px; } .bim .h2 { margin-bottom: 20px; } @media (min-width: 630px) { .bim { gap: 110px; } } @media (min-width: 1200px) { .bim { gap: 200px; font-size: 15px; } .bim .h2 { margin-bottom: 50px; } } @media (min-width: 1700px) { .bim { font-size: 20px; } } /* *******************************************************************************/ .bimHead { margin-top: 46px; } .bimHead .h1 { font-size: 40px; } .bimHead_desc { margin-top: 20px; } .bimHead_pic { aspect-ratio: 590 / 380; margin-top: 30px; } @media (max-width: 413px) { .bimHead .h1 { font-size: 38px; } } @media (min-width: 1200px) { .bimHead { margin-top: 100px; } .bimHead .h1 { font-size: 50px; } .bimHead_row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .bimHead_desc { margin: 0; } .bimHead_pic { flex: 0 0 100%; aspect-ratio: 1660 / 656; margin-top: 50px; } } /* *******************************************************************************/ .bimPoint .h3:not(:first-child) { margin-top: 22px; } .bimPoint li { position: relative; padding-left: 22px; opacity: 0.5; margin-top: 15px; } .bimPoint li::before { position: absolute; top: 7px; left: 7px; width: 4px; height: 4px; border-radius: 0; } @media (max-width: 629px) { .bimPoint .h2 { font-size: 30px; } } @media (min-width: 1200px) { .bimPoint .textBlock_main { max-width: 554px; } } /* *******************************************************************************/ .bimBlocks {} .bimBlocks_item { display: flex; flex-direction: column; justify-content: space-between; height: 374px; margin-top: 10px; padding: 25px; } .bimBlocks_item:nth-child(1) { color: #fff; background: #303646; } .bimBlocks_item:nth-child(2) { color: #868686; background: #DCDCDC; } .bimBlocks_item:nth-child(3) { color: #A5A5A5; background: #EDEDED; } .bimBlocks_item:nth-child(4) { color: #C9C9C9; background: #F8F8F8; } .bimBlocks_item ._name { font-size: 25px; font-weight: 300; letter-spacing: -0.02em; line-height: 0.91; } .bimBlocks_item ._value { font-size: 90px; font-weight: 500; letter-spacing: -0.04em; line-height: 0.73; } @media (max-width: 1199px) { .bimBlocks_bg { display: none; } } @media (max-width: 629px) { .bimBlocks_item { position: sticky; top: 70px; } } @media (min-width: 414px) { .bimBlocks_item ._name { font-size: 28px; } } @media (min-width: 630px) and (max-width: 1199px) { .bimBlocks_row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .bimBlocks_item { margin: 0; height: auto; aspect-ratio: 1 / 1; } .bimBlocks_item ._name { font-size: 23px; } .bimBlocks_item ._value { font-size: 70px; } } @media (min-width: 1200px) { .bimBlocks .content { position: relative; } .bimBlocks_bg { display: flex; justify-content: center; height: 840px; } .bimBlocks_bg img { height: 538px; } .bimBlocks_item { position: absolute; height: auto; aspect-ratio: 1 / 1; margin: 0; padding: 20px; } .bimBlocks_item:nth-child(1) { top: -220px; right: 59.78%; width: 435px; } .bimBlocks_item:nth-child(2) { top: -3%; left: 59%; width: 435px; } .bimBlocks_item:nth-child(3) { bottom: 21%; right: 51.36%; width: 336px; } .bimBlocks_item:nth-child(4) { bottom: 0; left: 51.36%; width: 336px; } .bimBlocks_item:nth-child(1) ._name { font-size: 35px; } .bimBlocks_item:nth-child(2) ._name { font-size: 40px; } .bimBlocks_item:nth-child(3) ._name, .bimBlocks_item:nth-child(4) ._name { font-size: 25px; } .bimBlocks_item ._value { font-size: 105px; } } @media (min-width: 1700px) { .bimBlocks_bg { height: 1160px; } .bimBlocks_bg img { height: 606px; } .bimBlocks_item:nth-child(1) { width: 550px; } .bimBlocks_item:nth-child(2) { width: 550px; } .bimBlocks_item:nth-child(3) { width: 450px; } .bimBlocks_item:nth-child(4) { width: 420px; } .bimBlocks_item:nth-child(1) ._name, .bimBlocks_item:nth-child(2) ._name { font-size: 40px; } .bimBlocks_item:nth-child(3) ._name, .bimBlocks_item:nth-child(4) ._name { font-size: 30px; } .bimBlocks_item:nth-child(1) ._value, .bimBlocks_item:nth-child(2) ._value { font-size: 130px; } .bimBlocks_item:nth-child(3) ._value, .bimBlocks_item:nth-child(4) ._value { font-size: 100px; } } /* *******************************************************************************/ .bimHero { position: relative; height: 448px; } .bimHero_bg { position: absolute; inset: 0; } .bimHero .content { position: relative; z-index: 1; height: 100%; } .bimHero_title { position: absolute; left: 0; bottom: 20px; color: #fff; font-size: 25px; } @media (min-width: 630px) { .bimHero {} .bimHero_title { font-size: 35px; } } @media (min-width: 1200px) { .bimHero { height: 590px; } .bimHero_title { bottom: 50px; max-width: 876px; font-size: 45px; } } @media (min-width: 1700px) { .bimHero { height: 748px; } .bimHero_title { max-width: 1350px; font-size: 60px; } } /* *******************************************************************************/ .vs_row { display: flex; justify-content: space-between; } .vs_row .jqselect { width: 160px; } .vs_pics { margin-top: 10px; position: relative; overflow: hidden; aspect-ratio: 1660 / 1120; } .vs_pics img { width: 100%; display: block; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } .vs_pics .resize { position: absolute; top: 0; left: 0; height: 100%; width: 50%; overflow: hidden; } .vs_pics .handle { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #303646; cursor: ew-resize; } .vs_pics .handle::before { content: ''; display: block; width: 11px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -5px; } @media (min-width: 1200px) { .vs_cover { position: relative; } .vs_row { position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .vs_row .jqselect { width: 192px; } } /* *******************************************************************************/ .bimFacts {} .bimFacts_head {} .bimFacts ._tags { font-size: 13px; } .bimFacts ._tags_item { flex: 1 1 0; } .bimFacts ._tags_item input + div { height: 34px; } .bimFacts_body { margin-top: 15px; display: grid; } .bimFacts .jobsList_tab_link { display: none; } /*.bimFacts_item { padding: 30px 0; border-top: 1px solid #E7E7E7; } .bimFacts_item_cat { opacity: 0.5; font-size: 12px; } .bimFacts_item_title { margin-top: 10px; font-size: 16px; line-height: 1.2; text-transform: uppercase; }*/ /*@media (max-width: 1199px) { .bimFacts_item_icon { display: none; } }*/ @media (min-width: 630px) { .bimFacts ._tags { font-size: 18px; } .bimFacts ._tags_item input + div { height: 44px; } /*.bimFacts_item_cat { font-size: 18px; } .bimFacts_item_title { font-size: 20px; }*/ } @media (min-width: 1200px) { .bimFacts_head { display: flex; align-items: center; justify-content: space-between; } .bimFacts_head .h2 { margin-bottom: 0; } .bimFacts ._tags { font-size: 15px; } .bimFacts ._tags_item input + div { height: 34px; } .bimFacts_body { margin-top: 50px; } /*.bimFacts_item { display: grid; grid-template-columns: 1fr 36px; align-items: center; justify-content: space-between; gap: 100px; padding: 40px 0; } .bimFacts_item_cat { font-size: 10px; } .bimFacts_item_title { font-size: 18px; } .bimFacts_item_icon { opacity: 0; transition: all 300ms linear; transform: translateX(-50%); } .bimFacts_item:hover .bimFacts_item_icon { opacity: 1; transform: translateX(0); }*/ } @media (min-width: 1700px) { .bimFacts_body { margin-top: 60px; } /*.bimFacts_item_cat { font-size: 15px; } .bimFacts_item_title { font-size: 24px; }*/ } /* End */ /* Start:/local/templates/etalon/template_styles.css?175094173246*/ .agree a{text-decoration:underline !important} /* End */ /* /_/plg/fancybox/jquery.fancybox.min.css?174436598012795 */ /* /_/plg/slick-1.8.1/slick.css?17443659801776 */ /* /_/css/fonts.css?174436597710481 */ /* /_/plg/formStyler/jquery.formstyler.css?17443659802175 */ /* /_/css/main.css?174436597769149 */ /* /local/templates/etalon/template_styles.css?175094173246 */