/* Start:/local/templates/serptop/assets/vendors/slick/slick.css?16249008421725*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; 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; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [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; } /*# sourceMappingURL=slick.css.map */ /* End */ /* Start:/local/templates/serptop/assets/vendors/slick/slick-theme.css?16249008423281*/ @charset "UTF-8"; /* Slider */ .slick-loading .slick-list { background: #fff url("/local/templates/serptop/assets/vendors/slick/./ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("/local/templates/serptop/assets/vendors/slick/./fonts/slick.eot"); src: url("/local/templates/serptop/assets/vendors/slick/./fonts/slick.eot?#iefix") format("embedded-opentype"), url("/local/templates/serptop/assets/vendors/slick/./fonts/slick.woff") format("woff"), url("/local/templates/serptop/assets/vendors/slick/./fonts/slick.ttf") format("truetype"), url("/local/templates/serptop/assets/vendors/slick/./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /*# sourceMappingURL=slick-theme.css.map */ /* End */ /* Start:/local/templates/serptop/assets/vendors/fancybox/css/jquery.fancybox.min.css?162490084212795*/ 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:/local/templates/serptop/assets/styles/css/style.css?1694171980319675*/ @font-face { font-family: 'Montserrat'; src: local(''), url(/local/templates/serptop/assets/styles/css/../../fonts/Montserrat/Montserrat-Regular.woff2) format('woff2'), url(/local/templates/serptop/assets/styles/css/../../fonts/Montserrat/Montserrat-Regular.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local(''), url(/local/templates/serptop/assets/styles/css/../../fonts/Montserrat/Montserrat-Medium.woff2) format('woff2'), url(/local/templates/serptop/assets/styles/css/../../fonts/Montserrat/Montserrat-Medium.woff) format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local(''), url(/local/templates/serptop/assets/styles/css/../../fonts/Montserrat/Montserrat-SemiBold.woff2) format('woff2'), url(/local/templates/serptop/assets/styles/css/../../fonts/Montserrat/Montserrat-SemiBold.woff) format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local(''), url(/local/templates/serptop/assets/styles/css/../../fonts/Montserrat/Montserrat-Bold.woff2) format('woff2'), url(/local/templates/serptop/assets/styles/css/../../fonts/Montserrat/Montserrat-Bold.woff) format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local(''), url(/local/templates/serptop/assets/styles/css/../../fonts/Montserrat/Montserrat-ExtraBold.woff2) format('woff2'), url(/local/templates/serptop/assets/styles/css/../../fonts/Montserrat/Montserrat-ExtraBold.woff) format('woff'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local(''), url(/local/templates/serptop/assets/styles/css/../../fonts/Montserrat/Montserrat-Black.woff2) format('woff2'), url(/local/templates/serptop/assets/styles/css/../../fonts/Montserrat/Montserrat-Black.woff) format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Magistral'; src: local(''), url(/local/templates/serptop/assets/styles/css/../../fonts/Magistral/magistral_medium.woff2) format('woff2'), url(/local/templates/serptop/assets/styles/css/../../fonts/Magistral/magistral_medium.woff) format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Magistral'; src: local(''), url(/local/templates/serptop/assets/styles/css/../../fonts/Magistral/magistral_bold.woff2) format('woff2'), url(/local/templates/serptop/assets/styles/css/../../fonts/Magistral/magistral_bold.woff) format('woff'); font-weight: 700; font-style: normal; font-display: swap; } html div.datedropper { --dd-overlay: rgba(0, 0, 0, 0.75); --dd-background: #fff; --dd-text1: #333; --dd-text2: #fff; --dd-primary: #0d6db4; --dd-color1: #0d6db4; --dd-gradient: linear-gradient(45deg, #e61e68 0%, #fd4741 100%); --dd-radius: 0.35em; --dd-shadow: 0 0 2.5em rgba(0, 0, 0, 0.1); --dd-range: rgba(0, 0, 0, 0.05); } *, ::after, ::before { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; outline: none; } @keyframes floating { 0% { transform: translate(0px, 0px); } 25% { transform: translate(3px, -3px); } 50% { transform: translate(-2px, -5px); } 75% { transform: translate(-1px, -3px); } 100% { transform: translate(0%, 0%); } } @keyframes floatLeft { 0% { transform: translateX(0px); } 50% { transform: translateX(-10px); } 100% { transform: translateX(0px); } } @keyframes floatRight { 0% { transform: translateX(0px); } 50% { transform: translateX(10px); } 100% { transform: translateX(0px); } } .hidden { display: none; } .container { max-width: 1640px; width: 100%; margin: 0 auto; position: relative; flex-wrap: wrap; } .medium-column { max-width: 810px; width: 100%; } .big-column { max-width: 950px; width: 100%; } .large-column { max-width: 1090px; width: 100%; } .text-center { text-align: center; } button { padding: 0; margin: 0; /* border: none; */ border: inherit; background: none; cursor: pointer; transition: all 0.4s ease; font-family: 'Montserrat', sans-serif; color: #474747; position: relative; } button[disabled], input[type='submit'][disabled] { cursor: not-allowed !important; opacity: 0.5; } input, textarea, select { -webkit-appearance: none; appearance: none; border-radius: 0; font-family: 'Montserrat', sans-serif; } input[type='submit'] { cursor: pointer; } .form-group--result { margin-top: 15px; } .alert-success { color: #0d6db4; background-color: #fff; display: inline-block; padding: 5px; font-size: 14px; } .alert-success .close { display: none; } .bordered-button { padding: 12px 24px; font-size: 15px; font-weight: 500; color: #1a202c; border-radius: 4px; border: 1px solid #718096; transition: all 0.4s ease; } .bordered-button:hover { background-color: #0d6db4; color: #fff; border-color: #0d6db4; } .button--blue-light { padding: 0 10px; height: 56px; border-radius: 6px; background-color: #14a9e1; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; font-size: 15px; flex: unset; border: none; transition: all 0.4s ease; } .button--blue-light:hover { opacity: 0.8; } .mt-5 { margin-top: 5rem; } .text-center { text-align: center; } .text-right { text-align: right; } .font-bold { font-weight: bold; } .df { display: flex; } input, textarea, select { -webkit-appearance: none; appearance: none; } .dfc { display: flex; align-items: center; margin-bottom: 20px; } .dfc-link { display: flex; align-items: center; padding-left: 2rem; } .dfc-sb { display: flex; align-items: center; justify-content: space-between; } main { overflow: hidden; } p { margin: 0; line-height: 1.6; } a { text-decoration: none; display: inline-block; } ul, ol { padding-left: 0; margin-bottom: 0; margin-top: 0; } button:focus, a:focus { outline: none; } img { display: block; } body { font-family: 'Montserrat', sans-serif; color: #000; font-size: 18px; margin: 0; padding: 0; background-color: #f7fafc; } body #particle-slider { filter: contrast(0) grayscale(0) brightness(2); } body.hidden { overflow: hidden; } /* body.day header .right { filter: brightness(0) grayscale(100%) contrast(100%); } */ body.day header .right .header__support, body.day header .right .header__time, body.day header .right .tel, body.day header .right .callback-btn, body.day header .right .search { color: #000; } body.day header .right .callback-btn:hover { color: #0d6db4; } body.day header .right .callback-btn:after { border-color: rgba(0, 0, 0, 0.5); } body.day header .right .callback-btn:hover::after { border-color: rgba(13, 109, 180, 0.5); } body.day header .right .sandwich span { background-color: #000; } body.day header img.day-logo { display: block; } body.day header img.night-logo { display: none; } body.day #particle-slider { filter: none; } body.day .main { background: #fff; } body.day .main .title { color: #000; } body.day .main .socials, body.day .main .language { filter: brightness(0) grayscale(100%) contrast(100%); } body.menu-opened header { background-color: #fff; } /* body.menu-opened header .right { filter: brightness(0) grayscale(100%) contrast(100%); } */ body.menu-opened header .right .header__support, body.menu-opened header .right .header__time, body.menu-opened header .right .tel, body.menu-opened header .right .callback-btn, body.menu-opened header .right .search { color: #000; } body.menu-opened header .right .callback-btn:hover { color: #0d6db4; } body.menu-opened header .right .callback-btn:after { border-color: rgba(0, 0, 0, 0.5); } body.menu-opened header .right .callback-btn:hover::after { border-color: rgba(13, 109, 180, 0.5); } body.menu-opened header .right .sandwich span { background-color: #000; } body.menu-opened header img.day-logo { display: block; } body.menu-opened header img.night-logo { display: none; } body.menu-opened .switcher { display: none; } .arrow-link { display: flex; align-items: center; font-size: 16px; color: #4a4a4a; position: relative; font-weight: 500; z-index: 1; } .arrow-link svg { margin-left: 8px; transition: all 0.4s ease; transform: translateX(0); } .arrow-link:hover svg { transform: translateX(4px); } .slick-arrow { width: 10px; height: 17px; z-index: 1; filter: brightness(0) grayscale(100%) contrast(100%); } .slick-arrow:before { display: none; } .slick-arrow.slick-next { background: url(/images/arrow-next.svg) center center no-repeat; background-size: contain; } .slick-arrow.slick-prev { background: url(/images/arrow-prev.svg) center center no-repeat; background-size: contain; } .slick-arrow:hover { filter: none; } .section { margin: 120px 0; } .section--project { margin-bottom: 90px; } h1 { margin: 0; } .section-title { /* all: unset; */ font-size: 32px; line-height: 1.5; font-weight: 900; margin-bottom: 60px; position: relative; text-transform: uppercase; } .section-title .title { font-size: 32px; line-height: 1.5; font-weight: 900; text-transform: uppercase; margin: 0; } div.section-title { display: block; } .section-title b { font-weight: 900; color: #0d6db4; } .section-title span { position: absolute; left: calc((-100vw + 1660px) / 2); bottom: 100%; font-size: 91px; font-weight: 900; color: #e2e8f0; z-index: -1; line-height: 0.1; width: 170%; } .section-subtitle { font-size: 18px; font-weight: 600; line-height: 1.5; } .section-subtitle span { color: #0d6db4; } .section-subtitle--lg { font-size: 24px; } .section--search { margin: 40px 0; } .search-result-item { padding: 20px; margin-bottom: 30px; background: #fff; } .search-result-item:last-child { margin-bottom: 0; } .search-result-item .section-desc { font-size: 16px; margin-top: 10px; } .link--page { color: #0d6db4; text-decoration: none; border-bottom: 1px dotted; } ul.checked { list-style-type: none; margin-bottom: 25px; } ul.checked li { position: relative; display: flex; align-items: center; } ul.checked li:before { content: ''; position: absolute; left: 0; top: 5px; width: 15px; height: 15px; background: url(/images/list-check.svg) center center no-repeat; background-size: contain; } header { position: absolute; top: 0; left: 0; width: 100%; padding: 25px 0; z-index: 101; } header .container { display: flex; align-items: center; justify-content: space-between; } header .logo { margin-right: 40px; } header .logo img { max-width: 160px; } header .logo img.day-logo { display: none; } header .switcher { width: 53px; height: 32px; border-radius: 40px; background-color: #fff; position: relative; display: flex; align-items: center; transition: all 0 ease; } header .switcher.night, header .switcher.default { background: linear-gradient(90deg, #3361a2 0%, #334087 100%); } header .switcher.night:before, header .switcher.default:before { content: ''; position: absolute; width: 18px; height: 20px; background: url(/images/night-switcher-stars.svg) center center no-repeat; background-size: contain; right: 4px; } header .switcher.night span, header .switcher.default span { background-color: rgba(224, 226, 241, 0.36); } header .switcher.night span:before, header .switcher.default span:before { background: url(/images/night-switcher-circle.svg) center center no-repeat; background-size: contain; } header .switcher.day { background: #34baec; } header .switcher.day:before { content: ''; position: absolute; width: 23px; height: 26px; background: url(/images/day-switcher-clouds.svg) center center no-repeat; background-size: contain; left: 6px; z-index: 1; } header .switcher.day span { left: 24px; background-color: rgba(255, 230, 0, 0.36); } header .switcher.day span:before { background: #ffec00; } header .switcher span { position: absolute; width: 26px; height: 26px; left: 3px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; transition: 0.3s ease; } header .switcher span:before { content: ''; position: absolute; width: 22px; height: 22px; border-radius: 50%; } .header__support { font-size: 18px; color: #fff; display: block; font-weight: 600; } .header__time { font-size: 18px; color: #fff; display: block; font-weight: 600; margin: 0 48px; } header .tel { font-size: 18px; color: #fff; display: block; font-weight: 600; } header .callback-btn { font-size: 18px; color: #fff; font-weight: 600; margin: 0 48px; position: relative; display: inline-flex; align-items: center; } header .callback-btn svg { margin-right: 2px; transform: rotate(0deg); transition: transform 300ms ease-in-out; } header .callback-btn:hover svg { transform: rotate(180deg); } header .callback-btn:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -5px; border-bottom: dashed 2px rgba(255, 255, 255, 0.5); transform: scaleX(0); transition: transform 300ms ease-in-out; } header .callback-btn:hover::after { transform: scaleX(1); } header .search { margin-right: 70px; color: white; } header .sandwich { position: relative; width: 32px; height: 16px; } header .sandwich span { position: absolute; width: 24px; height: 4px; background-color: #fff; transition: all 0.4s ease; } header .sandwich span:first-of-type { left: 0; top: 0; } header .sandwich span:last-of-type { right: 0; bottom: 0; } header .sandwich:hover span:first-of-type { left: 8px; } header .sandwich:hover span:last-of-type { right: 8px; } header .sandwich.active span:first-of-type { left: 4px; top: 6px; transform: rotate(45deg); } header .sandwich.active span:last-of-type { right: 4px; bottom: 6px; transform: rotate(-45deg); } header .sandwich.active:hover span:first-of-type { left: 4px; } header .sandwich.active:hover span:last-of-type { right: 4px; } /* .content { } */ .content p { margin-bottom: 20px; font-size: 16px; } .content p:last-child { margin-bottom: 0; } .icons { display: grid; gap: 32px; } .icons-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .icon__item { display: flex; align-items: center; } .icon__item-image { margin-right: 15px; flex-shrink: 0; } .icon__item-desc { font-weight: 500; font-size: 15px; } .list { padding-left: 0; margin: 0; list-style: none; } .list--dotted { list-style-type: none; font-size: 16px; } .list--dotted li { position: relative; margin-bottom: 20px; line-height: 1.5; padding-left: 20px; } .list--dotted li:last-of-type { margin-bottom: 0; } .list--dotted li:before { content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #0d6db4; left: 0; top: 10px; } .list--border .list__item { margin-bottom: 45px; } .list--border .list__item:last-child { margin-bottom: 0; } .list--border .list__item-title { font-weight: bold; font-size: 18px; position: relative; display: block; margin-bottom: 10px; } .list--border .list__item-title:before { content: ''; position: absolute; width: 45px; top: -15px; left: 0; border-top: 2px #0d6db4 solid; } .list--border .list__item p { font-size: 16px; } #particle-slider { height: 100vh; width: 50%; top: calc(50% - 50vh); right: calc((-50% + 600px) / 2); position: absolute; border-radius: 50%; display: flex; justify-content: flex-end; align-items: center; } #particle-slider canvas { border-radius: 50%; } .main { height: 976px; display: flex; align-items: center; position: relative; background: linear-gradient(135deg, #33337c 0%, #0d6db4 100%); color: #fff; } .main:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/main-bg.svg) center center no-repeat; background-size: cover; animation: floating 4s infinite backwards; } .main .title { font-size: 56px; font-weight: 900; text-transform: uppercase; max-width: 730px; } .main .title span { color: #34baec; } .main .line { position: absolute; width: 100%; bottom: 50px; } .main .line .container { align-items: flex-end; justify-content: space-between; } .main .socials a { margin-right: 15px; } .main .socials a svg path { transition: all 0.4s ease; } .main .socials a:hover svg path { opacity: 1; } .main .language { font-size: 16px; font-weight: 600; } .main .language svg { margin-right: 8px; } .main .down { position: relative; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .main .down:before { content: ''; position: absolute; height: 6px; width: 3px; border-radius: 40px; background: #34baec; top: 18px; transition: all 0.4s ease; } .main .down:hover:before { top: 30px; } .main-slider { margin: 100px 0; } .main-slider .container:before { content: ''; position: absolute; width: 147px; height: 98px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: cover; left: 500px; top: -45px; } .slick-dots { bottom: 35px; } .slick-dots li { width: 10px; height: 10px; margin: 0 4px; border-radius: 50%; } .slick-dots li button { width: 10px; height: 10px; border-radius: 50%; padding: 0; margin: 0; border: 2px solid #4390ca; transition: all 0.4s ease; background-color: #fff; } .slick-dots li button:before { display: none; } .slick-dots li.slick-active button { background-color: #4390ca; } .conference-slider { width: calc(100% + 20px); right: 10px; } .conference-slider .slick-list { border-radius: 8px; padding: 20px 0; } .conference-slider .item { width: 100%; background-color: #fff; border-radius: 8px; padding: 60px 80px; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); position: relative; margin: 0 10px; } .conference-slider .item:before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url(/images/conference-slider.jpg) center center no-repeat; background-size: cover; border-radius: 8px; } .conference-slider .item:after { content: ''; position: absolute; bottom: 79px; right: 73px; width: 123px; height: 102px; /* background: url(/images/pluses-6-5.svg) center center no-repeat; */ background: url(/images/pattern-white--6-5.svg) center center no-repeat; background-size: contain; } .conference-slider .item .title { max-width: 540px; text-transform: uppercase; font-size: 24px; font-weight: 800; margin-bottom: 40px; line-height: 1.2; position: relative; z-index: 1; } .conference-slider .item ul { font-size: 18px; font-weight: 600; position: relative; z-index: 1; } .conference-slider .item ul li { margin-bottom: 25px; padding-left: 35px; } .conference-slider .item .image { position: absolute; right: 250px; top: 50%; transform: translate(0%, -50%); } .main-services { margin-top: 100px; margin-bottom: 120px; } .main-services .container:before { content: ''; position: absolute; left: -80px; top: 50px; width: 147px; height: 102px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; z-index: -1; } .main-services .container:after { content: ''; position: absolute; right: -25px; top: -50px; width: 147px; height: 102px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; z-index: -1; } .main-services-items { width: 100%; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } .main-services-items .item { flex: 0 0 calc(25% - 45px / 4); background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); padding: 24px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; position: relative; transition: all 0.4s ease; } .main-services-items .item:hover { background-color: #0d6db4; } .main-services-items .item .image { display: inline-flex; align-items: center; justify-content: center; width: 100px; height: 100px; position: relative; pointer-events: none; } .main-services-items .item .image .decor { position: absolute; z-index: 1; width: 100%; height: 100%; animation: floatLeft 10s ease-in-out infinite; } .main-services-items .item path { transition: all 0.4s ease; } .main-services-items .item .arrow-link { transition: all 0.4s ease; } .main-services-items .item:hover .arrow-link { color: #fff; } .main-services-items .item:hover .arrow-link path { fill: #fff; } .main-services-items .item .arrow-link::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .main-services-items .item p { font-size: 15px; font-weight: 500; color: #4a4a4a; margin-bottom: 25px; transition: all 0.4s ease; } .main-services-items .item:hover p { color: #fff; } .main-services-items .item img { width: 80px; height: 80px; object-fit: contain; position: relative; z-index: 2; } .main-services-items .item .title { margin: 25px 0; font-size: 16px; font-weight: 600; transition: all 0.4s ease; } .main-services-items .item:hover .title { color: #fff; } .main-services-items .item:nth-of-type(2n) .image .decor { animation: floatRight 10s ease-in-out infinite; } .main-services-items .item .arrow-link { position: static; } .main-oncloud { margin: 0; padding: 60px 0; background-color: #fff; } .main-oncloud .section-title { display: inline-flex; } .main-oncloud .section-title svg { position: absolute; width: 47px; height: 26px; right: -80px; top: 12px; } .main-oncloud .left { margin-right: 180px; } .main-oncloud img { max-width: 600px; } .main-oncloud .section-subtitle { max-width: 600px; margin-bottom: 35px; } .main-oncloud ul { font-size: 16px; color: #4a5568; max-width: 750px; display: flex; flex-wrap: wrap; } .main-oncloud ul li { padding-left: 23px; margin-bottom: 16px; } .main-oncloud ul li:nth-of-type(2n - 1) { width: 365px; margin-right: 50px; } .main-oncloud ul li:before { top: 2px; } .main-oncloud .button { width: 260px; height: 56px; border-radius: 4px; background-color: #0d6db4; color: #fff; font-size: 15px; font-weight: 600; display: flex; align-items: center; justify-content: center; } .main-oncloud .button:hover { background-color: #4390ca; } .main-about .container { align-items: stretch; justify-content: space-between; } .main-about .container-top .section-subtitle { font-weight: 400; } .main-about .container-top .section-subtitle b { font-weight: 600; } .main-about .container-top { margin-bottom: 40px; } .main-about .container-top:before { content: ''; position: absolute; top: -295px; right: -20px; width: 950px; height: 520px; background: url(/images/main-about-dots.svg) center center no-repeat; background-size: cover; z-index: -1; } .main-about .container-top .left { max-width: 660px; } .main-about .container-top .left p { margin-top: 25px; font-size: 15px; color: #1a202c; opacity: 0.8; line-height: 1.6; } .main-about .circles { display: flex; align-items: stretch; justify-content: flex-start; padding-right: 25px; margin-top: 110px; } .main-about .circles .circle { width: 200px; height: 200px; margin-right: 80px; background: #f7fafc; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; } .main-about .circles .circle .info { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; } .main-about .circles .circle .info .title { font-size: 54px; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; } .main-about .circles .circle .info p { font-size: 15px; font-weight: 600; max-width: 90%; text-align: center; line-height: 1.3; } .main-about .circles .circle:last-of-type { margin-right: 0; } .main-about .circles .circle svg { fill: none; width: 100%; height: 100%; } .main-about .circles .circle svg .bg { stroke: #cfdaee; stroke-width: 0.9; } .main-about .circles .circle svg .line { stroke: #34baec; stroke-width: 0.9; transition: all 1s ease; stroke-dasharray: 0px, 200px; } .main-about .container-bottom .left { display: flex; align-items: center; } .main-about .container-bottom .wrap { display: flex; flex-direction: column; margin-right: 15px; } .main-about .container-bottom .wrap .item { width: 260px; height: 242px; margin-bottom: 15px; background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 32px; padding-right: 20px; } .main-about .container-bottom .wrap .item img { margin-bottom: 36px; } .main-about .container-bottom .wrap .item p { font-size: 14px; font-weight: 600; line-height: 1.7; } .main-about .container-bottom .right { max-width: 810px; } .main-about .container-bottom .right .title { font-size: 24px; font-weight: 600; margin-bottom: 40px; margin-top: 20px; line-height: 1.2; } .main-about .container-bottom .right .list { display: flex; flex-wrap: wrap; justify-content: space-between; } .main-about .container-bottom .right .list div { flex: 0 0 calc(50% - 8px); margin-bottom: 30px; } .main-about .container-bottom .right .list .list-title { font-size: 18px; color: #0d6db4; font-weight: 600; margin-bottom: 16px; position: relative; padding-left: 13px; } .main-about .container-bottom .right .list .list-title:before { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #0d6db4; left: 0; top: 8px; } .main-about .container-bottom .right .list p { font-size: 16px; font-weight: 500; color: #1a202c; line-height: 1.5; padding-left: 13px; } .main-partners .section-partners-title { text-align: center; font-size: 24px; font-weight: 700; margin-bottom: 60px; text-transform: uppercase; } .main-partners .section-partners-title .title { text-align: center; font-size: 24px; font-weight: 700; text-transform: uppercase; } .main-partners .about-partners-title { margin-bottom: 40px; } .main-partners .partners-text { text-align: center; max-width: 680px; margin: 0 auto; font-size: 18px; font-weight: 500; margin-bottom: 40px; color: #4a4a4a; line-height: 1.5; } .main-partners .partners { width: 100%; display: flex; align-items: stretch; flex-wrap: wrap; margin-bottom: 40px; justify-content: space-between; } .main-partners .partners .item { flex: 0 0 20%; height: 120px; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; } .main-partners .partners .item img { position: absolute; transition: all 0.4s ease; } .main-partners .partners .item img.hovered { opacity: 0; visibility: hidden; } .main-partners .partners .item:hover img { opacity: 0; visibility: hidden; } .main-partners .partners .item:hover img.hovered { opacity: 1; visibility: visible; } .form-group { position: relative; } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block; } .is-invalid { border-color: #dc3545 !important; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.75rem; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .main-help { margin: 0; padding: 60px 0 90px; background-color: #0d6db4; color: #fff; } .main-help .section-title { line-height: 1.5; } .main-help .container { align-items: stretch; justify-content: space-between; } .main-help .container:before { content: ''; position: absolute; left: 60px; bottom: -45px; width: 123px; height: 78px; /* background: url(/images/pluses-6-4.svg) center center no-repeat; */ background: url(/images/pattern-white--6-4.svg) center center no-repeat; background-size: contain; } .main-help .form-block { max-width: 810px; } .main-help .form-block .title { font-size: 24px; margin-bottom: 20px; font-weight: 700; } .main-help .form-block form { display: flex; flex-wrap: wrap; justify-content: space-between; } .main-help .form-block form .form-group { width: calc(50% - 8px); margin-bottom: 15px; } .main-help .form-block form input { background-color: rgba(255, 255, 255, 0.09); border-radius: 4px; border: 1px solid #fff; font-size: 15px; font-weight: 500; padding: 18px 24px; color: #fff; width: 100%; } .main-help .form-block form input::placeholder { color: #fff; opacity: 0.8; } .main-help .form-block form input[type='submit'] { width: 248px; height: 56px; background-color: #14a9e1; color: #fff; border: none; cursor: pointer; transition: all 0.4s ease; } .main-help .form-block form input[type='submit']:hover { background-color: #74d0f2; } .main-help .form-block form .checkbox-wrap { display: flex; align-items: center; margin-bottom: 30px; position: relative; } .main-help .form-block form .checkbox-wrap input { display: flex; align-items: center; justify-content: center; position: relative; width: 20px; padding: 0; margin-bottom: 0; height: 20px; border: 1px solid rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.09); margin-right: 8px; border-radius: 4px; cursor: pointer; } .main-help .form-block form .checkbox-wrap p { font-size: 14px; color: #cbf1ff; } .main-help .form-block form .form__question-placeholder { background-color: rgba(255, 255, 255, 0.09); border-radius: 4px; border: 1px solid #fff; font-size: 15px; font-weight: 500; padding: 18px 24px; color: #fff; width: 100%; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main-help .form-block form .form__question-list { position: absolute; z-index: 10; list-style: none; padding: 0; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); top: 70px; border: 1px solid white; border-radius: 4px; max-height: 250px; overflow-y: auto; } .main-help .form-block form .form__question-list::-webkit-scrollbar { width: 4px; height: 3px; margin-right: 10px; height: 10% !important; } .main-help .form-block form .form__question-list::-webkit-scrollbar-button { background-color: #e2e8f0; width: 2px; height: 0; } .main-help .form-block form .form__question-list::-webkit-scrollbar-track { background-color: #999; width: 2px !important; border-radius: 4px; display: block; height: 10% !important; } .main-help .form-block form .form__question-list::-webkit-scrollbar-track-piece { background-color: #e2e8f0; height: 90%; top: 5%; width: 2px !important; border-radius: 4px; margin-right: 10px; display: block; height: 10% !important; } .main-help .form-block form .form__question-list::-webkit-scrollbar-thumb { height: 30px; width: 4px; background-color: #0d6db4; border-radius: 3px; } .main-help .form-block form .form__question-list::-webkit-scrollbar-corner { background-color: #999; width: 2px; } .main-help .form-block form .form__question-list::-webkit-resizer { width: 2px; } .main-help .form-block form .form__question-list li { background-color: white; font-size: 15px; font-weight: 500; padding: 18px 24px; color: rgba(13, 109, 180, 0.8); width: 100%; cursor: pointer; } .main-help .form-block form .form__question-list li:hover { color: rgba(13, 109, 180, 1); } form .checkbox-wrap { display: flex; align-items: center; margin-bottom: 30px; position: relative; } form .checkbox-wrap input { display: flex; align-items: center; justify-content: center; position: relative; width: 20px; padding: 0; margin-bottom: 0; height: 20px; border: 1px solid rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.09); margin-right: 8px; border-radius: 4px; cursor: pointer; } form .checkbox-wrap input:before { content: ''; width: 60%; height: 60%; background: url(/images/form-check.svg) center center no-repeat; background-size: contain; transform: translateY(1px) scale(0); transition: all 0.4s ease; } form .checkbox-wrap input:checked:before { transform: translateY(1px) scale(1); } form .checkbox-wrap p { font-size: 14px; color: #cbf1ff; } form .checkbox-wrap p a { color: #fff; opacity: 1; text-decoration: underline; } .main-solution .form-block form .form__question-list li { color: #000; padding: 14px 24px; } .main-news .container { justify-content: space-between; } .main-news .container:before { content: ''; position: absolute; top: 380px; left: 270px; width: 147px; height: 102px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; z-index: -1; } .main-news .left { max-width: 380px; } .main-news .left p { font-size: 18px; font-weight: 500; margin-bottom: 65px; line-height: 1.55; } .main-news .right { max-width: 1090px; } .main-news .right .news-slider { width: calc(100% + 8px); margin-top: 100px; } .main-news .right .news-slider article { margin: 0 8px; } .main-news .right .news-slider .slick-prev { top: -80px; left: unset; right: 120px; } .main-news .right .news-slider .slick-next { top: -80px; left: unset; right: 16px; } article img { width: 100%; height: auto; border-radius: 6px; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); max-height: 290px; } article:hover .caption > a, article:hover .caption:before { opacity: 1; visibility: visible; } article .caption, article .video-caption { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; } article .caption:before, article .video-caption:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(51, 51, 124, 0.78); border-radius: 6px; transition: all 0.4s ease; opacity: 0; visibility: hidden; } article .caption > a, article .video-caption > a { position: absolute; color: #fff; font-size: 15px; font-weight: 600; transition: all 0.4s ease; opacity: 0; visibility: hidden; } article .caption > a svg, article .video-caption > a svg { margin-left: 4px; } article .video-caption:after { content: ''; position: absolute; width: 64px; height: 64px; border-radius: 50%; background: url(/images/article-video.svg) center center no-repeat; background-size: contain; transform: scale(0); visibility: hidden; transition: all 0.4s ease; } article .video-caption > a, article .video-caption:before { opacity: 1; visibility: visible; } article .video-caption:after { transform: scale(1); visibility: visible; } article .date { font-size: 13px; font-weight: 600; color: #4a5568; padding: 6px 15px; border-radius: 40px; margin-bottom: 20px; background-color: #e2e8f0; display: inline-flex; } article .title { font-size: 18px; font-weight: 600; margin-bottom: 25px; color: #000; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } article .title > a { color: inherit; display: block; } article .title > a:hover { color: #0d6db4; } article p { font-size: 15px; opacity: 0.8; color: #000; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .main-outsourcing .container { justify-content: space-between; flex-wrap: nowrap; } .main-outsourcing .left { max-width: 380px; } .main-outsourcing .right { max-width: 1090px; position: relative; margin-left: 40px; } .main-outsourcing .left p { font-size: 18px; font-weight: 500; margin-bottom: 65px; line-height: 1.55; } .main-outsourcing .right .wrap { background-color: white; padding: 60px 80px; border-radius: 8px; box-shadow: 0 2px 4px rgb(0 36 63 / 15%); position: relative; } .main-outsourcing .right:before { content: ''; position: absolute; bottom: -50px; left: -70px; width: 147px; height: 102px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .main-outsourcing .right .top-text { font-size: 18px; font-weight: 600; line-height: 1.55; } .main-outsourcing .right .bottom-text { margin-top: 16px; font-size: 15px; color: #000; } .main-outsourcing .right .bottom-text .hidden { display: none; } .main-outsourcing .right .bottom-text h2 { font-size: 18px; font-weight: 600; margin-top: 24px; } .main-outsourcing .right .bottom-text p { margin-bottom: 16px; } .main-outsourcing .right .bottom-text ul { list-style-type: none; margin-bottom: 16px; } .main-outsourcing .right .bottom-text li { position: relative; padding-left: 30px; margin-bottom: 16px; } .main-outsourcing .right .bottom-text li:before { content: ''; position: absolute; left: 0; top: 5px; width: 10px; height: 10px; background-color: #0d6db4; border-radius: 50%; } .main-outsourcing .right .button-more { margin-top: 16px; display: inline-flex; align-items: center; color: #0d6db4; } .main-outsourcing .right .button-more span { font-size: 16px; margin-right: 8px; font-weight: 600; } .main-outsourcing .right .button-more svg { width: 16px; height: 16px; transition: transform 300ms ease-in-out; } .main-outsourcing .right .button-more.active svg { transform: rotate(180deg); } .map-section { margin: 0; color: #fff; } .map-section .map-block { height: 440px; width: 100%; background-color: rgba(0, 0, 0, 0.2); position: relative; } .map-section .ymaps-layers-pane { filter: grayscale(1); } .map-section #map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .map-section .map-info-block { position: absolute; background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); padding: 65px 115px 65px 60px; top: 95px; left: calc((100vw - 1640px) / 2); max-width: 550px; color: #000; } .map-section .map-info-block .section-title { margin-bottom: 40px; } .map-section .map-info-block .label { font-size: 14px; font-weight: 600; color: rgba(0, 0, 0, 0.8); } .map-section .map-info-block .text { font-size: 20px; color: #000; display: block; font-weight: 700; margin-bottom: 25px; } .map-section .undermap-block { background-color: #0d6db4; padding: 40px 0 35px; } .map-section .undermap-block .container { align-items: center; justify-content: flex-end; } .map-section .undermap-block .container:before { content: ''; position: absolute; width: 123px; height: 99px; /* background: url(/images/pluses-6-5.svg) center center no-repeat; */ background: url(/images/pattern-white--6-5.svg) center center no-repeat; background-size: contain; top: 70px; left: -60px; } .map-section .undermap-block .info { max-width: 430px; } .map-section .undermap-block .info .title { font-size: 20px; font-weight: 700; margin-bottom: 25px; } .map-section .undermap-block .info ul { list-style-type: none; font-size: 15px; } .map-section .undermap-block .info ul li { line-height: 1.6; margin-bottom: 30px; padding-left: 21px; position: relative; } .map-section .undermap-block .info ul li:before { content: ''; position: absolute; top: 9px; left: 0; height: 5px; width: 5px; border-radius: 50%; background-color: #fff; } .remember-block { padding: 20px 50px 20px 25px; background-color: rgba(255, 255, 255, 0.14); border-radius: 6px; border: 1px solid #fff; display: flex; max-width: 400px; margin-left: 65px; } .remember-block svg { width: 32px; height: 32px; margin-right: 18px; } .remember-block p { font-size: 15px; color: #fff; max-width: calc(100% - 50px); } .main-projects { margin: 0; padding: 60px 0 80px; color: #fff; background-color: #0d6db4; } .main-projects .container:before { content: ''; position: absolute; bottom: -70px; left: 350px; width: 120px; height: 80px; /* background: url(/images/pluses-6-4.svg) center center no-repeat; */ background: url(/images/pattern-white--6-4.svg) center center no-repeat; background-size: contain; } .main-projects .container:after { content: ''; position: absolute; top: -20px; right: -90px; width: 120px; height: 80px; /* background: url(/images/pluses-6-4.svg) center center no-repeat; */ background: url(/images/pattern-white--6-4.svg) center center no-repeat; background-size: contain; } .main-projects .tablet { display: none; } .main-projects .block { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } .main-projects .block .left { max-width: 400px; } .main-projects .block .left .title { font-size: 24px; font-weight: 600; margin-bottom: 55px; } .main-projects .block .left p { font-size: 18px; font-weight: 500; margin-bottom: 75px; } .main-projects .block .left a { color: #fff; font-size: 15px; font-weight: 600; } .main-projects .tab-block { position: relative; } .main-projects .tab-block .slick-arrow { filter: contrast(0) grayscale(0) brightness(2); top: 10px; } .main-projects .tab-block .slick-prev { left: 0; } .main-projects .tab-block .slick-next { right: 0; } .main-projects .tabs { color: #fff; width: calc(100% - 50px); margin: 0 auto 40px; } .main-projects .tabs .slick-list { padding-bottom: 5px; } .main-projects .tabs .slick-list:before { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.8); } .main-projects .tabs .slick-arrow { filter: contrast(0) grayscale(0) brightness(2); top: 28%; display: none !important; } .main-projects .tabs button.tab { font-size: 16px; color: #fff; font-weight: 400; padding-bottom: 12px; position: relative; margin: 0 17px; } .main-projects .tabs button.tab.slick-current { font-weight: 600; } .main-projects .tabs button.tab.slick-current:before { opacity: 1; visibility: visible; } .main-projects .tabs button.tab:before { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 3px; background-color: #fff; opacity: 0; visibility: hidden; transition: all 0.4s ease; } .main-projects .tab-content { display: none; } .main-projects .tab-content.active { display: block; } .main-projects .tab-info { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; } .main-projects .tab-info .item { display: flex; align-items: center; margin-bottom: 15px; flex: 0 0 calc(50% - 8px); border-radius: 6px; border: 1px solid #fff; padding: 20px 25px; transition: all 0.4s ease; cursor: pointer; } .main-projects .tab-info .item img { width: 80px; height: 80px; object-fit: contain; margin-right: 15px; filter: contrast(0) grayscale(0) brightness(2); transition: all 0.4s ease; } .main-projects .tab-info .item .title { font-size: 18px; color: #fff; font-weight: 600; margin-bottom: 8px; transition: all 0.4s ease; } .main-projects .tab-info .item p { font-size: 15px; color: rgba(255, 255, 255, 0.8); transition: all 0.4s ease; } .main-projects .tab-info .item:hover { background-color: #fff; } .main-projects .tab-info .item:hover img { filter: none; } .main-projects .tab-info .item:hover .title { color: #1a202c; } .main-projects .tab-info .item:hover p { color: rgba(26, 32, 44, 0.8); } .main-menu { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 100; background-color: #fff; padding-top: 150px; overflow-x: hidden; transition: all 0.4s ease; opacity: 0; visibility: hidden; } .main-menu .additional, .main-menu .search { display: none; } .main-menu.active { opacity: 1; visibility: visible; } .main-menu .container { display: flex; align-items: stretch; flex-wrap: wrap; justify-content: flex-start; } .main-menu .title { font-size: 18px; font-weight: 600; position: relative; padding-bottom: 5px; margin-bottom: 25px; color: inherit; } .main-menu .title:hover { color: #0d6db4; } .main-menu .title:before { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: #0d6db4; } .main-menu .menu-inner { max-width: 390px; margin-right: 20px; margin-bottom: 80px; width: 100%; } .main-menu .back-li { display: none; } .main-menu nav ul { list-style-type: none; } .main-menu nav ul a { font-size: 15px; font-weight: 500; color: #6b7780; margin-bottom: 20px; display: block; transition: all 0.4s ease; position: relative; } .main-menu nav ul a:before { content: ''; position: absolute; width: 5px; height: 5px; left: 0; top: calc(50% - 5px / 2); border-radius: 50%; background-color: #0d6db4; opacity: 0; visibility: hidden; transition: all 0.4s ease; } .main-menu nav ul a.active, .main-menu nav ul a:hover { padding-left: 10px; color: #0d6db4; font-weight: 700; } .main-menu nav ul a.active:before, .main-menu nav ul a:hover:before { opacity: 1; visibility: visible; } .main-menu .menu-inner .submenu-button-wrap { display: none; } footer { display: flex; align-items: stretch; } footer .logo { margin-right: 150px; } footer .logo img { width: 260px; object-fit: contain; } footer .left { width: 60%; padding: 60px; background-color: #fff; } footer .left .footer__top-wrap { display: inline-flex; align-items: flex-start; padding-bottom: 35px; padding-right: 40px; border-bottom: 1px solid #b7cfe1; margin-top: 32px; justify-content: space-between; padding-left: 32px; } footer .left .footer__top-wrap .requisites { margin-right: 72px; width: 100%; max-width: 300px; flex-shrink: 0; } footer .left .top nav ul { list-style-type: none; display: flex; flex-wrap: wrap; /* max-width: 490px; */ } footer .left .top nav ul li a { color: #718096; margin-bottom: 25px; transition: all 0.4s ease; font-size: 16px; font-weight: 600; display: block; position: relative; } footer .left .top nav ul li a:before { content: ''; position: absolute; width: 5px; height: 5px; left: 0; top: calc(50% - 5px / 2); border-radius: 50%; background-color: #0d6db4; transition: all 0.4s ease; opacity: 0; visibility: hidden; } footer .left .top nav ul li a.active, footer .left .top nav ul li a:hover { padding-left: 10px; color: #0d6db4; font-weight: 700; } footer .left .top nav ul li a.active:before, footer .left .top nav ul li a:hover:before { opacity: 1; visibility: visible; } footer .left .top nav ul li:nth-of-type(2n - 1) { width: 210px; margin-right: 65px; } footer .left .top nav ul li:nth-of-type(2n) { width: 210px; } footer .left .bottom { padding-top: 40px; } footer .left .bottom .copyright { margin-right: 50px; } footer .left .bottom .copyright, footer .left .bottom a { font-size: 14px; font-weight: 500; color: #718096; } footer .right { width: 40%; background-color: #1a202c; color: #fff; padding: 60px; } footer .right .title { font-size: 18px; font-weight: 500; margin-bottom: 15px; } footer .right form { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } footer .right form .form-group { flex: 0 0 calc(50% - 8px); } footer .right form input[type='tel'], footer .right form input[type='submit'] { background-color: transparent; border-radius: 4px; border: 1px solid #fff; font-size: 15px; font-weight: 500; color: #fff; padding: 17px 10px 20px 25px; width: 100%; } footer .right form input[type='submit'] { width: 260px; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.8); cursor: pointer; padding-left: 5px; padding-right: 5px; } footer .right form .checkbox-wrap { margin-top: 15px; display: flex; align-items: flex-start; position: relative; margin-bottom: 0; } footer .right form .checkbox-wrap p { color: #c4c4c4; max-width: 86%; } footer .right .socials-wrapper { margin-top: 20px; padding-bottom: 25px; border-bottom: 1px solid #d6dde3; } footer .right .socials { margin-left: 120px; display: flex; align-items: center; } footer .right .socials a { margin-right: 15px; } footer .right .socials a:last-of-type { margin-right: 0; } footer .right .socials a path { transition: all 0.4s ease; } footer .right .socials a:hover path { fill: #fff; } footer .right .developing { font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.7); padding-top: 20px; } footer .right .developing img { margin-left: 15px; } .social-link span { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; /* margin-bottom: 5px; */ border-radius: 4px; transition: all 0.4s ease; } .footer__link.social-link span { border: 2px solid #9a9da0; } .footer__link.social-link:hover span { border: 2px solid #fff; } .main__link.social-link span { border: 2px solid #fff; opacity: 0.8; } .main__link.social-link:hover span { opacity: 1; } .custom-page header { background-color: #fff; position: sticky; top: 0; box-shadow: 0 1px 5px rgb(13 109 180 / 30%); } .custom-page header .callback-btn { transition: color 300ms ease-in-out; } .custom-page header .callback-btn:hover { color: #0d6db4; } .custom-page .switcher { display: none; } .custom-page main { padding-top: 106px; } .first-section { margin: 0; } .first-section .container { padding-top: 90px; } .first-section .section-title { } .breadcrumbs { padding-top: 15px; margin-bottom: -31px; position: relative; z-index: 2; } .breadcrumb { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; font-size: 13px; } .breadcrumb__item + .breadcrumb__item:before { content: '-'; padding-left: 5px; } .breadcrumb__link { color: #4a4a4a; } .about-main { margin: 0; } .about-main .container { padding-top: 130px; padding-bottom: 180px; } .about-main .container:before { content: ''; position: absolute; top: 0; right: -140px; height: 100%; width: 675px; background-color: #0d6db4; } .about-main .container:after { content: ''; position: absolute; width: 150px; height: 100px; bottom: 100px; left: 270px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .about-main .section-subtitle { max-width: 800px; } .video-box { max-width: 600px; width: 100%; max-height: 400px; position: relative; display: flex; align-items: center; justify-content: center; } .video-box a { display: flex; position: relative; width: 100%; height: 100%; align-items: center; justify-content: center; } .video-box a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(51, 51, 124, 0.49); z-index: 1; } .video-box a:after { content: ''; position: absolute; width: 50px; height: 50px; background: url(/images/youtube-play.svg) center center no-repeat; background-size: contain; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; } .video-box img { width: 100%; height: 100%; object-fit: cover; } .video-box iframe { min-height: 400px; } .about-description { padding-top: 60px; padding-bottom: 120px; background-color: #fff; } .about-description .container { align-items: flex-start; } .about-description .medium-column p { font-size: 16px; color: #4a4a4a; } .about-description .medium-column p.bold { font-size: 18px; font-weight: 600; padding-bottom: 25px; border-bottom: 1px solid #e4e6eb; margin-bottom: 25px; color: #000; } .about-description img { padding-right: 70px; } .about-map { padding-bottom: 40px; background-color: #fff; } .about-map .container:before { content: ''; position: absolute; width: 150px; height: 100px; bottom: 20px; right: 0; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .about-map p { font-size: 16px; color: #4a4a4a; } .about-map p.bold { font-size: 18px; font-weight: 600; margin-bottom: 40px; color: #000; } @keyframes skeleton-gloss { 0% { left: 0; } 40% { left: 100%; } 100% { left: 110%; } } .about-map .image { position: relative; } .about-map .image .pin { position: absolute; width: 40px; height: 60px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .about-map .image .pin:after { content: ''; display: inline-block; background: #ffffff80; height: 50px; width: 20px; position: absolute; transform: skewX(15deg); filter: blur(1px); animation-name: skeleton-gloss; animation-duration: 1.5s; animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: ease; } .about-map .image .pin img { width: 50px; height: 100%; object-fit: contain; } .about-map .image .pin1 { top: 210px; left: 40px; } .about-map .image .pin2 { top: 290px; left: 75px; } .about-map .image .pin3 { top: 170px; left: 200px; } .about-map .image .pin4 { top: 250px; left: 220px; } .about-map .image .pin5 { top: 200px; left: 280px; } .about-map .image .pin6 { top: 270px; left: 310px; } .about-map .image .pin7 { top: 130px; left: 320px; } .about-map .image .pin8 { top: 140px; left: 430px; } .about-map .image .pin9 { top: 285px; left: 435px; } .about-map .image .pin10 { top: 130px; left: 630px; } .about-map .image .pin11 { top: 285px; left: 635px; } .about-map img { width: 100%; } .about-map .right { max-width: 675px; width: 100%; } .about-mission .top-row { align-items: stretch; } .about-mission .top-row .left { max-width: 500px; width: 100%; } .about-mission .top-row .left .section-subtitle { margin-bottom: 60px; position: relative; padding-top: 22px; } .about-mission .top-row .left .section-subtitle:before { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 2px; background-color: #4390ca; } .about-mission .top-row .right { width: 100%; margin-bottom: 65px; } .about-mission .top-row .right img { width: 100%; height: auto; object-fit: cover; } .about-mission .top-row .right .blocks { display: flex; align-items: stretch; } .about-mission .top-row .right .blocks .item { width: 100%; padding: 50px 35px 35px 40px; max-width: 275px; } .about-mission .top-row .right .blocks .item.active { background-color: #0d6db4; color: #fff; } .about-mission .top-row .right .blocks .item .title { font-size: 48px; font-weight: 700; line-height: 1; margin-bottom: 15px; } .about-mission .top-row .right .blocks .item p { font-size: 16px; font-weight: 500; } .about-mission .top-row .right .blocks .item:first-of-type { max-width: 400px; } .about-mission .bottom-row { align-items: flex-start; position: relative; } .about-mission .bottom-row:before { content: ''; position: absolute; top: 60px; left: 500px; width: 50px; height: 2px; background-color: #0d6db4; } .about-mission .bottom-row img { width: 340px; } .about-mission .bottom-row .content { width: 100%; padding-top: 45px; } .about-mission .bottom-row .main-title { font-size: 26px; font-weight: 600; color: #0d6db4; margin-bottom: 30px; } .about-mission .bottom-row .info { display: flex; align-items: stretch; justify-content: space-between; } .about-mission .bottom-row .info .item { flex: 0 0 calc(50% - 23px); } .about-mission .bottom-row .info .item .title { font-size: 18px; font-weight: 700; margin-bottom: 15px; } .about-mission .bottom-row .info .item p { font-size: 16px; font-weight: 500; } .about-leader { padding: 60px 0; background-color: #0d6db4; color: #fff; margin-bottom: 0; } .about-leader a { color: #fff; margin-bottom: 25px; display: inline-flex; } .about-leader .container { align-items: flex-start; } .about-leader .section-title { z-index: 1; } .about-leader .section-title span { color: rgba(226, 232, 240, 0.1); } .about-leader .left { max-width: 530px; } .about-leader .left p { font-size: 16px; font-weight: 500; } .about-leader .section-subtitle { margin-bottom: 30px; } .about-leader .medium-column { overflow: hidden; margin-top: 100px; } .about-leader .leaders-slider { width: calc(100% + 16px); position: relative; right: 8px; } .about-leader .leaders-slider .slick-prev { top: -35px; left: unset; right: 110px; filter: contrast(0) grayscale(0) brightness(2); } .about-leader .leaders-slider .slick-next { top: -35px; left: unset; right: 8px; filter: contrast(0) grayscale(0) brightness(2); } .about-leader .leaders-slider .slick-arrow:hover { opacity: 0.7; } .about-leader .leaders-slider .item { margin: 0 8px; } .about-leader .leaders-slider .item img { max-height: 300px; margin-bottom: 15px; width: 100%; object-fit: cover; } .about-leader .leaders-slider .item .title { font-size: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; color: white; transition: all 0.4s ease; } .about-leader .leaders-slider .item p { font-size: 15px; font-weight: 500; color: white; line-height: 1.2; transition: all 0.4s ease; } .about-leader .leaders-slider .item:hover .title, .about-leader .leaders-slider .item:hover p { color: white; } .about-experts { padding-top: 290px; padding-bottom: 80px; background-color: #fff; } .about-experts .container { align-items: flex-start; } .about-experts .container:before { content: ''; position: absolute; top: 80px; left: 80px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .about-experts .section-title { z-index: 1; } .about-experts .large-column .bordered-button { margin-top: 30px; margin-bottom: 60px; } .about-experts .experts-slider { width: calc(100% + 290px); margin-left: -15px; } .about-experts .experts-slider .slick-prev { top: -70px; right: 375px; left: unset; } .about-experts .experts-slider .slick-next { top: -70px; right: 275px; } .about-experts .item { display: flex; align-items: flex-start; margin: 0 15px; transition: all 0.4s ease; } .about-experts .item[tabindex='0'] .info, .about-experts .item[tabindex='-1'] .info { position: relative; } .about-experts .item[tabindex='0'] .info:before, .about-experts .item[tabindex='-1'] .info:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 80%); transition: all 0.4s ease; z-index: 1; } .about-experts .item.slick-current .info:before { opacity: 0; visibility: hidden; } .about-experts .item .expert-image { margin-right: 25px; max-width: 260px; flex: 1 0 auto; width: 100%; } .about-experts .item img { width: 100%; object-fit: cover; } .about-experts .item .title { text-transform: uppercase; font-size: 18px; font-weight: 700; margin-bottom: 15px; margin-top: 50px; } .about-experts .item .subtitle { font-size: 15px; color: #4a4a4a; margin-bottom: 24px; } .about-experts .item p { font-size: 16px; font-weight: 500; padding-top: 10px; position: relative; } .about-experts .item p:before { content: ''; position: absolute; top: 0; left: 0; width: 25px; height: 1px; background-color: #0d6db4; } .expert-image { display: flex; align-items: center; justify-content: center; position: relative; } .expert-image button { position: absolute; z-index: 1; opacity: 0; visibility: hidden; transition: all 0.4s ease; color: #fff; } .expert-image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(43, 89, 156, 0.8); transition: all 0.4s ease; opacity: 0; visibility: hidden; border-radius: 4px; } .expert-image:after { content: ''; position: absolute; width: 70px; height: 70px; border-radius: 50%; background-color: #00cafe; visibility: hidden; transform: scale(0); transition: all 0.4s ease; } .expert-image:hover:before, .expert-image:hover button, .expert-image:focus:before, .expert-image:focus button, .expert-image:active:before, .expert-image:active button { opacity: 1; visibility: visible; } .expert-image:hover:after, .expert-image:focus:after, .expert-image:active:after { transform: scale(1); visibility: visible; } .about-why { margin-top: 180px; } .about-why .tab-block { align-items: flex-start; } .about-why .tab-block .tabs { max-width: 540px; } .about-why .tab-block .tabs button { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 25px; } .about-why .tab-block .tabs button .number { width: 64px; height: 64px; border-radius: 50%; border: 1px solid #0d6db4; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; transition: all 0.4s ease; } .about-why .tab-block .tabs button .line { width: 36px; height: 1px; background-color: #aab4c6; margin: 0 15px; transition: all 0.4s ease; } .about-why .tab-block .tabs button .text { font-size: 18px; font-weight: 700; max-width: 400px; text-align: left; transition: all 0.4s ease; } .about-why .tab-block .tabs button.active .number { background-color: #0d6db4; color: #fff; } .about-why .tab-block .tabs button.active .line { background-color: #0d6db4; } .about-why .tab-block .tabs button.active .text { color: #0d6db4; font-weight: 700; } .about-why .tab-block .big-column { position: relative; } .about-why .tab-block .tab-content { position: absolute; top: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: flex-start; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); border-radius: 8px; padding: 48px 70px 48px 90px; opacity: 0; visibility: hidden; transition: all 0.4s ease; } .about-why .tab-block .tab-content.active { opacity: 1; visibility: visible; } .about-why .tab-block .tab-content img { margin-right: 65px; } .about-why .tab-block .tab-content p { font-size: 16px; } .about-why .tab-block .tab-content p.small { display: none; } .about-why .tab-block .tab-content .title { display: none; font-size: 16px; color: #2b2a29; font-weight: 600; margin-bottom: 20px; } .about-why .tab-block .tab-content .info { width: 100%; } .about-license { padding: 60px 0; background-color: #0d6db4; color: #fff; margin: 0; /* max-height: 650px; */ /* margin-bottom: 150px; */ } .about-license .section-title { z-index: 1; } .about-license .section-title span { color: rgba(226, 232, 240, 0.1); } .about-license .row { align-items: flex-start; justify-content: space-between; } .about-license .left { max-width: 650px; } .about-license .bordered-button { display: block; max-width: 260px; text-align: center; margin: 60px auto 0; border: 1px solid #fff; color: #fff; transition: background-color 0.3s ease, color 0.3s; /* margin: 100px auto 120px; */ } .about-license .bordered-button:hover { background-color: #fff; color: #000; } .about-license .main-title { font-size: 24px; font-weight: 600; margin-bottom: 30px; } .about-license .slick-prev { filter: contrast(0) grayscale(0) brightness(2); } .about-license .slick-next { filter: contrast(0) grayscale(0) brightness(2); } .about-license .slick-arrow:hover { opacity: 0.7; } .about-license .sertificate-slider { width: 100%; margin-bottom: -30px; } .about-license .sertificate-slider .slick-list { padding-bottom: 30px; } .about-license .sertificate-slider .slick-prev { top: -42px; left: unset; right: 360px; } .about-license .sertificate-slider .slick-next { top: -42px; left: unset; right: 258px; } .about-license .sertificate-slider .item { display: flex; align-items: flex-start; } .about-license .sertificate-slider .item.slick-current img { box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16); flex-shrink: 0; } .about-license .sertificate-slider .item img { max-width: 315px; margin-right: 30px; } .about-license .sertificate-slider .item .title { font-size: 18px; font-weight: 500; margin-bottom: 25px; line-height: 1.5; margin-top: 55px; } .about-license .sertificate-slider .item p { font-size: 16px; margin-bottom: 45px; } .about-license .sertificate-slider .item .artic { font-size: 15px; padding: 5px 10px; border-radius: 6px; border: 1px solid #fff; background-color: rgba(255, 255, 255, 0.14); display: inline-flex; } .about-license .sertificate-slider .item .download { margin-top: 10px; color: #fff; font-size: 14px; display: block; } .about-license .big-column { overflow: hidden; } .about-license .license-slider { width: calc(100% + 54px); position: relative; right: 27px; } .about-license .license-slider .item { margin: 0 27px; } .about-license .license-slider .item .title { margin: 0; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .about-license .license-slider .item img { width: 100%; margin-bottom: 15px; height: auto; } .about-license .license-slider .item p { font-size: 15px; font-weight: 500; } .about-license .license-slider .item .download { margin-top: 10px; color: #fff; font-size: 14px; display: block; } .about-license .license-slider .item .download svg { margin-left: 5px; } .about-license .license-slider .slick-prev { top: -42px; left: unset; right: 150px; } .about-license .license-slider .slick-next { top: -42px; left: unset; right: 37px; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(51, 51, 124, 0.32); transition: all 0.4s ease; opacity: 0; visibility: hidden; } .overlay.active { opacity: 1; visibility: visible; } form .file-wrap { overflow: hidden; position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 0; cursor: pointer; } form .file-wrap-quality{ min-height: 45px; } form .file-wrap-quality .button-file{ top: 0; } form .file-wrap input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; margin-bottom: 0; padding: 0; z-index: 2; cursor: pointer; } form .file-wrap .filename { max-width: calc(100% - 30px); padding-left: 0 !important; } form .file-wrap-quality .filename { max-width: calc(100% - 48px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } form .file-wrap .remove-file { width: 20px; height: 20px; position: absolute; top: 10px; right: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #d3d3d3; opacity: 0; visibility: hidden; z-index: 10; } form .file-wrap .remove-file span { position: absolute; width: 10px; height: 2px; border-radius: 10px; background-color: #000; top: unset !important; padding-left: 0 !important; } form .file-wrap .remove-file span:nth-of-type(1) { transform: rotate(45deg); } form .file-wrap .remove-file span:nth-of-type(2) { transform: rotate(-45deg); } form .file-wrap.file-added .remove-file { opacity: 1; visibility: visible; } form .file-wrap .button-file { position: absolute; top: 14px; left: 0; width: 100%; height: 100%; color: #4a4a4a; font-size: 15px; font-weight: 500; display: flex; align-items: center; justify-content: flex-start; z-index: 1; cursor: pointer; } form .file-wrap-quality .button-file{ top: 0; } form .file-wrap .button-file svg { margin-right: 8px; } .modal-window { background-color: #fff; min-height: 75%; max-width: 1360px; width: 100%; padding: 60px; display: none; } .modal-window .inner { background-color: #fff; } .modal-window.modal-projects { max-width: 1640px; padding: 55px 60px 120px; background-color: #f7fafc; } .modal-window.modal-projects .line { display: flex; align-items: stretch; background-color: #f7fafc; } .modal-window.modal-projects .line .main-title { font-size: 18px; font-weight: 700; position: relative; } .modal-window.modal-projects .line ul { list-style-type: none; } .modal-window.modal-projects .line ul li { font-size: 15px; font-weight: 500; padding-left: 25px; position: relative; margin-bottom: 20px; } .modal-window.modal-projects .line ul li:before { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #0d6db4; top: 7px; left: 0; } .modal-window.modal-projects .left { max-width: 560px; padding-right: 80px; position: relative; } .modal-window.modal-projects .left:before { content: ''; position: absolute; left: -60px; background-color: #fff; top: -55px; height: calc(100% + 175px); width: calc(100% + 60px); } .modal-window.modal-projects .left .top { margin-bottom: 50px; display: flex; align-items: center; position: relative; z-index: 1; } .modal-window.modal-projects .left .top img { margin-right: 25px; max-width: 120px; max-height: 120px; width: 100%; height: 100%; } .modal-window.modal-projects .left .top .title { font-size: 24px; font-weight: 700; } .modal-window.modal-projects .left .subtitle { font-size: 18px; font-weight: 500; margin-bottom: 40px; line-height: 1.5; position: relative; } .modal-window.modal-projects .left .main-title { margin-bottom: 25px; } .modal-window.modal-projects .left .annotation-title-mobile { display: none; } .modal-window.modal-projects .right { width: calc(100% - 560px); max-width: 880px; background-color: #f7fafc; position: relative; padding-left: 70px; } .modal-window.modal-projects .right:before { content: ''; position: absolute; /* top: 510px; */ bottom: -50px; left: 65px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .modal-window.modal-projects .right .title { color: #4390ca; font-size: 32px; font-weight: 700; margin-bottom: 80px; position: relative; z-index: 1; } .modal-window.modal-projects .right .block { display: flex; align-items: stretch; margin-bottom: 35px; position: relative; z-index: 1; } .modal-window.modal-projects .right .block .main-title { max-width: calc(100% - 540px); margin-right: 80px; } .modal-window.modal-projects .right .block p { font-size: 15px; font-weight: 500; } .modal-window.modal-projects .cross { top: 30px; right: 30px; } .modal-window.modal-projects a { color: #0000ff; text-decoration: underline; } .modal-window.modal-expert-about .cross span { background-color: #0d6db4; } .modal-window.modal-leader { min-height: 75%; } .modal-window.modal-leader .pluses { position: absolute; width: 140px; height: 100px; object-fit: contain; top: 590px; } .modal-window.modal-form { box-shadow: none; } .modal-window.modal-form .cross { top: 30px; right: 60px; } .modal-window.modal-form .form-title { text-transform: uppercase; font-size: 24px; font-weight: 700; margin-bottom: 45px; } .modal-window.modal-form .inner { display: flex; align-items: center; justify-content: space-between; } .modal-window.modal-form .inner .form-img { margin-right: 80px; } .modal-window.modal-form .inner .form-wrapper { max-width: 550px; width: 100%; } .modal-window.modal-form .inner .form-wrapper form { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .modal-window.modal-form .inner .form-wrapper form .input-wrap { flex: 0 0 calc(50% - 8px); margin-bottom: 25px; } .modal-window.modal-form .inner .form-wrapper form .input-wrap--full { flex: 0 0 calc(100% - 8px); margin-bottom: 0; } .modal-window.modal-form .inner .form-wrapper form .input-wrap.textarea { flex: 0 0 100%; } .modal-window.modal-form .inner .form-wrapper form .input-wrap.vacancy-wrap { flex: 0 0 100%; } .modal-window.modal-form .inner .form-wrapper form input, .modal-window.modal-form .inner .form-wrapper form textarea { width: 100%; height: 44px; background-color: #fff; border-radius: 4px; border: 1px solid #bfbfbf; font-size: 15px; font-weight: 500; color: #000; padding-left: 25px; padding-right: 15px; resize: none; transition: all 0.4s ease; } .modal-window.modal-form .inner .form-wrapper form input:hover, .modal-window.modal-form .inner .form-wrapper form textarea:hover { border-color: #0d6db4; } .modal-window.modal-form .inner .form-wrapper form input::placeholder, .modal-window.modal-form .inner .form-wrapper form textarea::placeholder { color: #969ca0; } .modal-window.modal-form .inner .form-wrapper form input[type='file'] { height: 100%; } .modal-window.modal-form .inner .form-wrapper form textarea { height: 120px; padding-top: 10px; } .modal-window.modal-form .inner .form-wrapper form .label { font-size: 15px; font-weight: 500; margin-bottom: 8px; } .modal-window.modal-form .inner .form-wrapper form .label span { color: #ef0c5f; } .modal-window.modal-form .inner .form-wrapper form .dropdown-wrap { display: flex; align-items: center; margin-bottom: 15px; } .modal-window.modal-form .inner .form-wrapper form .dropdown-wrap .title { font-size: 15px; font-weight: 500; margin-right: 30px; } .modal-window.modal-form .inner .form-wrapper form .dropdown-wrap .dropdown-title { height: 44px; border: 1px solid #bfbfbf; } .modal-window.modal-form .inner .form-wrapper form .dropdown-wrap .dropdown .dropdown-inner { flex-wrap: wrap; } .modal-window.modal-form .inner .form-wrapper form .checkbox-wrapper { display: flex; align-items: flex-start; margin-bottom: 30px; } .modal-window.modal-form .inner .form-wrapper form .checkbox-wrapper input { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 4px; border: 1px solid #bfbfbf; margin-right: 15px; padding: 0; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; } .modal-window.modal-form .inner .form-wrapper form .checkbox-wrapper input:before { content: ''; position: absolute; width: 60%; height: 60%; background: url(/images/form-check.svg) center center no-repeat; background-size: contain; transition: all 0.4s ease; opacity: 0; visibility: hidden; transform: translateY(1px); } .modal-window.modal-form .inner .form-wrapper form .checkbox-wrapper input:checked { background-color: #0d6db4; border-color: #0d6db4; } .modal-window.modal-form .inner .form-wrapper form .checkbox-wrapper input:checked:before { opacity: 1; visibility: visible; } .modal-window.modal-form .inner .form-wrapper form .checkbox-wrapper p { max-width: calc(100% - 45px); font-size: 12px; } .modal-window.modal-form .inner .form-wrapper form .checkbox-wrapper p a { color: #0d6db4; } .modal-window.modal-form .inner .form-wrapper form input[type='submit'] { padding: 0; margin: 0; padding: 10px 20px 12px 20px; border-radius: 4px; background-color: #0d6db4; color: #fff; font-size: 15px; font-weight: 600; display: inline-flex; width: unset; align-items: center; justify-content: center; border: none; } .modal-window.modal-form .inner .form-wrapper form input[type='submit']:hover { background-color: #14a9e1; } .modal-window.modal-good { max-width: 810px; display: inline-block !important; } .modal-window.modal-good .inner { display: flex; flex-direction: column; align-items: center; } .modal-window.modal-good .inner svg { margin-bottom: 40px; } .modal-window.modal-good .inner .title { font-size: 24px; font-weight: 700; margin-bottom: 40px; line-height: 1.3; text-align: center; max-width: 500px; } .modal-window.modal-good .inner p { font-size: 18px; color: #4a4a4a; font-weight: 500; text-align: center; } .modal-window.modal-good .inner p.small { font-size: 15px; margin-top: 40px; } .modal-window.active { opacity: 1; visibility: visible; } .modal-window .row { display: flex; align-items: flex-start; justify-content: flex-start; } .modal-window .row img { max-width: 340px; width: 100%; height: 470px; object-fit: cover; margin-right: 40px; border-radius: 4px; } .modal-window .row .title { font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } .modal-window .row .subtitle { font-size: 15px; font-weight: 500; margin-bottom: 30px; color: #4a4a4a; } .modal-window .row .status { font-size: 16px; font-weight: 500; padding-top: 8px; padding-bottom: 15px; margin-bottom: 15px; position: relative; } .modal-window .row .status:before { content: ''; position: absolute; width: 25px; height: 1px; top: 0; left: 0; background-color: #0d6db4; } .modal-window .row .status:after { content: ''; position: absolute; width: 405px; height: 1px; bottom: 0; left: 0; background-color: #e2e8f0; } .modal-window .row .ask { display: flex; align-items: center; font-size: 15px; font-weight: 500; color: #0d6db4; margin-bottom: 30px; transition: all 0.4s ease; } .modal-window .row .ask:hover { opacity: 0.7; } .modal-window .row .ask svg { margin-left: 8px; } .modal-window .row p.bold { font-size: 15px; font-weight: 600; margin-bottom: 15px; } .modal-window .row .list-title { font-weight: 500; margin-bottom: 15px; } .modal-window .row ul.arrow { padding: 25px 90px 25px 25px; list-style-type: none; border-radius: 4px; background-color: #f7fafc; font-size: 15px; font-weight: 500; } .modal-window .row ul.arrow li { margin-bottom: 25px; line-height: 1.5; padding-left: 23px; position: relative; } .modal-window .row ul.arrow li:before { content: ''; position: absolute; left: 0; top: 6px; width: 10px; height: 10px; background: url(/images/list-arrow.svg) center center no-repeat; background-size: contain; } .modal-window .row ul.arrow li:last-of-type { margin-bottom: 0; } .modal-window .row ul { list-style-type: none; font-size: 15px; font-weight: 500; } .modal-window .row ul li { margin-bottom: 8px; padding-left: 20px; position: relative; } .modal-window .row ul li span, .modal-window .row ul li a { color: #4a4a4a; margin-left: 5px; } .modal-window .row ul li:before { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #0d6db4; left: 0; top: 7px; } .modal-window .row p { font-size: 15px; font-weight: 500; margin-top: 20px; } .modal-window .row .quote { padding: 25px 25px 25px 70px; position: relative; border-radius: 4px; background-color: #f7fafc; font-size: 15px; font-weight: 500; font-style: italic; margin: 30px 0; } .modal-window .row .quote:before { content: ''; position: absolute; width: 27px; height: 24px; background: url(/images/quote-left.svg) center center no-repeat; background-size: contain; left: 25px; } .modal-window .row .quote p { margin-bottom: 30px; } .modal-window .row .quote p:last-of-type { margin-bottom: 0; } .modal-window .cross { width: 20px; height: 20px; position: absolute; top: 60px; right: 60px; display: flex; align-items: center; justify-content: center; } .modal-window .cross span { position: absolute; width: 100%; height: 4px; background-color: #0d6db4; background-color: #000; transition: all 0.4s ease; } .modal-window .cross span:first-of-type { transform: rotate(45deg); } .modal-window .cross span:last-of-type { transform: rotate(-45deg); } .modal-window .cross:hover span { background-color: #0d6db4; } .leaders-main { margin: 0; } .leaders-main .container { padding-bottom: 90px; } .leaders-main .container:before { content: ''; position: absolute; top: 0; right: -140px; height: 100%; width: 810px; background-color: #0d6db4; } .leaders-main .container:after { content: ''; position: absolute; width: 150px; height: 100px; top: 150px; right: 0; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; filter: contrast(0) grayscale(0) brightness(2); } .leaders-main .row { align-items: flex-start; } .leaders-main .left { margin-right: 40px; } .leaders-main .left img { width: 400px; height: 600px; object-fit: cover; } .leaders-main .quote { background-color: #fff; padding: 32px 40px; position: relative; font-size: 15px; font-weight: 500; font-style: italic; margin-bottom: 40px; max-width: 920px; } .leaders-main .quote:before { content: ''; position: absolute; top: -15px; left: -15px; width: 55px; height: 48px; background: url(/images/quote-left.svg) center center no-repeat; background-size: contain; } .leaders-main .quote p { margin-bottom: 30px; } .leaders-main .quote p:last-of-type { margin-bottom: 0; } .leaders-main .quote .leaders-quote-more { display: none; font-size: 16px; color: #0d6db4; font-weight: 500; } .leaders-main .right { position: relative; } .leaders-main .right:before { content: ''; position: absolute; width: 140px; height: 100px; left: 110px; bottom: -180px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .leaders-main .right .title { font-size: 24px; font-weight: 800; margin-bottom: 25px; text-transform: uppercase; } .leaders-main .right .subtitle { font-size: 16px; font-weight: 500; margin-bottom: 40px; color: #666; } .leaders-main .right button { display: flex; align-items: center; font-size: 16px; font-weight: 500; color: #0d6db4; } .leaders-team { background-color: #fff; padding-top: 120px; padding-bottom: 60px; } .leaders-team .row { margin: 0 -20px; display: flex; align-items: stretch; flex-wrap: wrap; } .leaders-team .container:before { content: ''; position: absolute; left: -100px; top: 600px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .leaders-team .item { flex: 0 0 calc(33.333% - 20px); padding: 0 20px; display: flex; align-items: stretch; margin-bottom: 60px; cursor: pointer; position: relative; z-index: 1; } .leaders-team .item:hover .title, .leaders-team .item:hover .subtitle, .leaders-team .item:hover button { color: #0d6db4; } .leaders-team .item:hover button path { fill: #0d6db4; } /* .leaders-team .item:hover img{transform:rotateY(180deg)} */ .leaders-team .item img { max-height: 300px; margin-right: 15px; transition: all 0.4s ease; border-radius: 4px; } .leaders-team .item .title { font-size: 18px; text-transform: uppercase; font-weight: 600; margin-bottom: 15px; transition: all 0.4s ease; } .leaders-team .item .subtitle { font-size: 15px; font-weight: 500; color: #4a4a4a; margin-bottom: 60px; transition: all 0.4s ease; } .leaders-team .item button path { transition: all 0.4s ease; } .experts-main { padding-bottom: 80px; } .experts-main .container:before { content: ''; position: absolute; top: 130px; right: -30px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .experts-main .container:after { content: ''; position: absolute; bottom: 327px; left: -30px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .experts-main .row { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } .experts-main .row .item { flex: 0 0 calc(50% - 135px); display: flex; align-items: center; margin-bottom: 40px; position: relative; z-index: 1; } .experts-main .row .item:nth-of-type(2n) { right: 80px; } .experts-main .row .item img { width: 245px; height: 300px; object-fit: cover; border-radius: 4px; } .experts-main .row .item .expert-image { margin-right: 25px; } .experts-main .row .item .title { font-size: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; } .experts-main .row .item .subtitle { font-size: 15px; color: #4a4a4a; margin-bottom: 25px; } .experts-main .row .item .status { font-size: 16px; font-weight: 500; position: relative; padding-top: 8px; padding-bottom: 15px; border-bottom: 1px solid #e2e8f0; margin-bottom: 15px; line-height: 1.5; } .experts-main .row .item .status:before { content: ''; width: 25px; height: 1px; position: absolute; top: 0; left: 0; background-color: #0d6db4; } .experts-main .row .item .ask { display: flex; align-items: center; color: #0d6db4; font-size: 15px; font-weight: 500; transition: all 0.4s ease; } .experts-main .row .item .ask:hover { opacity: 0.7; } .experts-main .row .item .ask svg { margin-left: 8px; } .mission-main .container { padding: 190px 0 200px; } .mission-main .container:before { content: ''; position: absolute; right: -140px; top: 0; height: 100%; width: 810px; background: url(/images/mission-main-img.jpg) center center no-repeat; background-size: cover; } .solutions-main .container:before { background: url(/images/solutions-main-img.jpg) center center no-repeat; } .solutions-main-button { display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; color: #fff; border-radius: 4px; background-color: #0d6db4; margin-top: 40px; padding: 18px 40px; } .solutions-main-button:hover { opacity: 0.7; } .mission-main .container:after { content: ''; position: absolute; top: 50px; right: 600px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .mission-main .section-title { margin-bottom: 40px; } .mission-main .caption { font-size: 56px; font-weight: 900; color: #1c81cc; text-transform: uppercase; margin-bottom: 15px; } .mission-description { margin: 0; padding: 60px 0; background-color: #0d6db4; color: #fff; } .mission-description .container { align-items: start; } .mission-description .title { font-size: 24px; font-weight: 600; margin-bottom: 40px; } .mission-description p { font-size: 18px; font-weight: 600; } .mission-description .section-title { z-index: 1; } .mission-description .section-title span { color: rgba(226, 232, 240, 0.1); } .mission-phylosophy .main-title { font-size: 26px; font-weight: 600; margin-bottom: 40px; } .mission-phylosophy .container { justify-content: space-between; } .mission-phylosophy .row { width: 100%; justify-content: space-between; } .mission-phylosophy .item { flex: 0 0 calc(50% - 20px); } .mission-phylosophy .item .title { margin-bottom: 25px; font-size: 20px; font-weight: 600; } .mission-phylosophy .item p { font-size: 16px; font-weight: 500; } .mission-phylosophy img { width: 100%; } .mission-quote img { max-width: 810px; width: 100%; height: 770px; object-fit: cover; margin-left: -140px; } .mission-quote .info { background-color: #fff; width: calc(100% - 810px + 140px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 140px; padding-right: 25px; position: relative; } .mission-quote .info:before { content: ''; position: absolute; top: 0; left: 0; width: calc(100% + (100vw - 1640px) / 2); height: 100%; background-color: #fff; } .mission-quote .info:after { content: ''; position: absolute; bottom: 160px; right: 240px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .mission-quote .info p { font-size: 16px; font-weight: 500; font-style: italic; margin-bottom: 30px; position: relative; z-index: 1; } .mission-quote .info p:first-of-type:after { content: ''; position: absolute; top: -70px; left: 0; width: 51px; height: 45px; background: url(/images/quote-left.svg) center center no-repeat; background-size: contain; } .mission-quote .info .title { font-size: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; position: relative; z-index: 1; } .mission-quote .info .subtitle { font-size: 15px; font-weight: 500; position: relative; z-index: 1; } .mission-principles .container:before { content: ''; position: absolute; top: 60px; right: 450px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .mission-principles .container:after { content: ''; position: absolute; bottom: 10px; right: 380px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .mission-principles .row { display: flex; align-items: stretch; flex-wrap: wrap; } .mission-principles .row .item { width: 100%; display: flex; align-items: center; } .mission-principles .row .item.item-fourth img { position: relative; left: 40px; } .mission-principles .row .item:nth-of-type(2n) { justify-content: flex-end; } .mission-principles .row .item img { margin-right: 60px; animation: floating 6s infinite backwards; } .mission-principles .row .item .title { font-size: 18px; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; } .mission-principles .row .item p { font-size: 16px; font-weight: 500; max-width: 510px; } .partners-main { margin-bottom: 100px; } .partners-main .container:before { content: ''; position: absolute; top: 170px; right: 120px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .partners-main .section-subtitle { margin-bottom: 60px; } .partners-main .tab-block { display: flex; align-items: center; justify-content: space-between; } .partners-main .tab-block .tabs { padding: 60px 70px 60px 0; background-color: #0d6db4; max-width: 780px; width: 100%; position: relative; } .partners-main .tab-block .tabs-wrap { display: flex; align-items: stretch; flex-wrap: wrap; margin: 0 -20px; max-height: 720px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #fff #cbd5e1; } .partners-main .tab-block .tabs-wrap::-webkit-scrollbar { width: 4px; height: 3px; margin-right: 10px; height: 10% !important; } /* .partners-main .tab-block .tabs-wrap::-webkit-scrollbar-button{background-color:#fff;width:2px;height:0} */ .partners-main .tab-block .tabs-wrap::-webkit-scrollbar-track { background-color: #fff; width: 2px !important; border-radius: 4px; display: block; height: 10% !important; } /* .partners-main .tab-block .tabs-wrap::-webkit-scrollbar-track-piece{background-color:#fff;height:90%;top:5%;width:2px!important;border-radius:4px;margin-right:10px;display:block;height:10%!important} */ .partners-main .tab-block .tabs-wrap::-webkit-scrollbar-thumb { height: 30px; width: 4px; background-color: #cbd5e1; border-radius: 3px; } /* .partners-main .tab-block .tabs-wrap::-webkit-scrollbar-corner{background-color:#fff;width:2px} */ .partners-main .tab-block .tabs:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0d6db4; left: -140px; } .partners-main .tab-block .tabs button { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0.08); border-radius: 6px; display: flex; align-items: center; justify-content: center; flex: 0 0 calc(33.333% - 20px); margin-bottom: 15px; height: 105px; position: relative; margin-left: 10px; margin-right: 10px; } .partners-main .tab-block .tabs button:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.4); opacity: 0; transition: all 0.4s ease; visibility: hidden; border-radius: 8px; z-index: 1; } .partners-main .tab-block .tabs button:after { content: ''; position: absolute; width: 55px; height: 55px; border-radius: 50%; background: url(/images/parters-page-tabs.svg) center center no-repeat; background-size: contain; visibility: hidden; transform: scale(0); transition: all 0.4s ease; z-index: 2; } .partners-main .tab-block .tabs button:hover { background-color: #fff; } .partners-main .tab-block .tabs button:hover:before { opacity: 1; visibility: visible; } .partners-main .tab-block .tabs button:hover:after { visibility: visible; transform: scale(1); } .partners-main .tab-block .tabs button:hover img { filter: none; opacity: 0; visibility: hidden; } .partners-main .tab-block .tabs button:hover img.hovered { opacity: 1; visibility: visible; } .partners-main .tab-block .tabs button img { filter: contrast(0) grayscale(0) brightness(2); transition: all 0.4s ease; position: absolute; } .partners-main .tab-block .tabs button img.hovered { opacity: 0; visibility: hidden; } .partners-main .tab-block .tab-content { max-width: 670px; display: none; } .partners-main .tab-block .tab-content.active { display: block; } .partners-main .tab-block .tab-content .arrow-link { display: none; color: #0d6db4; } .partners-main .tab-block .tab-content .image-row { width: 100%; display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; position: relative; margin-bottom: 40px; } .partners-main .tab-block .tab-content .image-row:before { content: ''; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #e7eaef; position: absolute; } .partners-main .tab-block .tab-content .image-row img { width: 260px; height: auto; display: block; } .partners-main .tab-block .tab-content .image-row a { display: flex; align-items: center; font-size: 16px; font-weight: 500; color: #000; padding-right: 100px; transition: all 0.4s ease; } .partners-main .tab-block .tab-content .image-row a svg { margin-right: 8px; } .partners-main .tab-block .tab-content .image-row a svg path { transition: all 0.4s ease; } .partners-main .tab-block .tab-content .image-row a:hover { color: #0d6db4; } .partners-main .tab-block .tab-content .image-row a:hover path { fill: #0d6db4; } .partners-main .tab-block .tab-content p { font-size: 16px; } .partners-main .tab-block .tab-content p.bold { font-size: 18px; font-weight: 500; margin-bottom: 40px; } .license-main { margin-bottom: 120px; } .license-main .container:before { content: ''; position: absolute; width: 140px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; left: 0; top: 450px; } .license-main .tab-content { display: none; } .license-main .tab-content.active { display: block; } .license-main .tab-content .row { display: flex; align-items: stretch; justify-content: space-between; } .license-main .tab-content .left { max-width: 535px; } .license-main .tab-content .left p { font-size: 20px; font-weight: 600; } .license-main .tab-content ul { list-style-type: none; font-size: 16px; font-weight: 500; margin-top: 0; } .license-main .tab-content ul li { line-height: 1.75; margin-bottom: 30px; padding-left: 25px; position: relative; } .license-main .tab-content ul li:before { content: ''; position: absolute; top: 8px; left: 0; width: 10px; height: 10px; border-radius: 50%; background-color: #0d6db4; } .license-main .tabs { display: flex; max-width: 675px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.27); margin-bottom: 40px; } .license-main .tabs button { padding-bottom: 15px; font-size: 24px; font-weight: 600; color: #8c8d8f; margin-right: 50px; } .license-main .tabs button:before { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background-color: #0d6db4; transition: all 0.4s ease; opacity: 0; visibility: hidden; } .license-main .tabs button.active { color: #000; } .license-main .tabs button.active:before { opacity: 1; visibility: visible; } .documents-items { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin-top: 30px; padding-bottom: 15px; } .documents-items .item { flex: 0 0 calc(33.333% - 10px); display: flex; align-items: flex-start; margin-bottom: 45px; margin-right: 15px; } .documents-items .item:nth-of-type(3n) { margin-right: 0; } .documents-items .item img { max-width: 200px; height: auto; margin-right: 15px; } .documents-items .item .title { font-size: 16px; font-weight: 500; margin-bottom: 15px; line-height: 1.5; } .documents-items .item p { font-size: 15px; margin-bottom: 20px; max-height: 105px; } .documents-items .item .artic { border: 1px solid #0d6db4; color: #0d6db4; font-size: 15px; border-radius: 6px; margin-bottom: 20px; padding: 7px 12px; display: inline-block; } .documents-items .item a { display: flex; align-items: center; font-size: 15px; font-weight: 500; color: #0d6db4; } .documents-items .item a svg { margin-left: 8px; } .documents-items.license .item .title, .documents-items.documents .item .title { margin-bottom: 40px; padding-top: 20px; } .download-all-documents { display: flex; align-items: center; font-size: 15px; font-weight: 500; color: #1a202c; transition: all 0.4s ease; padding-top: 25px; border-top: 1px solid rgba(74, 74, 74, 0.65); } .download-all-documents svg { margin-right: 15px; } .download-all-documents svg path { transition: all 0.4s ease; } .download-all-documents:hover { color: #0d6db4; } .download-all-documents:hover path { fill: #0d6db4; } .documents-main { margin-bottom: 120px; } .documents-main .title { font-size: 20px; font-weight: 600; max-width: 740px; } .contacts-main { margin-bottom: 60px; } .contacts-main .container { display: flex; align-items: stretch; justify-content: space-between; } .contacts-main .right { max-width: 1220px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; } .contacts-main .right .line { width: 100%; display: flex; } .contacts-main .right .line.top { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccd4e2; } .contacts-main .right .column { display: flex; flex-direction: column; align-items: flex-start; } .contacts-main .right .first-column { max-width: 470px; width: 100%; margin-right: 85px; } .contacts-main .right .second-column { max-width: 210px; width: 100%; margin-right: 200px; } .contacts-main .label { font-size: 16px; color: #777; margin-bottom: 8px; } .contacts-main .text { font-size: 18px; font-weight: 600; color: #1a1a1a; } .contacts-main a { font-size: 24px; font-weight: 600; color: #1a1a1a; } .contacts-main a.email { color: #0d6db4; } .contacts-main .entrance { margin-top: 60px; display: flex; max-width: 470px; width: 100%; margin-right: 85px; } .contacts-main .entrance svg { min-width: 32px; min-height: 32px; margin-right: 15px; } .contacts-main .entrance .info { max-width: calc(100% - 45px); } .contacts-main .entrance .title { font-size: 18px; font-weight: 600; margin-bottom: 10px; } .contacts-main .entrance p { font-size: 15px; display: flex; align-items: center; } .contacts-main .requisites { margin-top: 60px; flex-grow: 1; } .requisites__top { display: flex; justify-content: space-between; align-items: center; } .requisites__top .title { font-size: 18px; font-weight: 600; } .requisites__top a { display: inline-flex; align-items: center; font-size: 15px; font-weight: medium; color: #0D6DB4; } .requisites__top a span { margin-right: 4px; } .requisites__list { margin: 16px 0 0; } .requisites__list-item { display: flex; position: relative; align-items: end; } .requisites__list-item:not(:first-of-type) { margin-top: 8px; } .requisites__list-item::after { content: ''; position: absolute; display: block; left: 0; bottom: 4px; width: 100%; border-bottom: 1px dashed #A0AEC0; } .requisites__list-item dt { font-size: 16px; position: relative; max-width: 128px; flex-shrink: 0; color: #4A5568; z-index: 10; } .contacts-main .requisites__list-item dt span { background-color: #f7fafc; } footer .requisites__list-item dt span { background-color: white; } .requisites__list-item dt span { padding-right: 4px; } .requisites__list-item dd { font-size: 16px; position: relative; flex-shrink: 0; color: #4A5568; z-index: 10; margin-left: auto; text-align: right; } .contacts-main .requisites__list-item dd span { background-color: #f7fafc; } footer .requisites__list-item dd span { background-color: white; } .requisites__list-item dd span { padding-left: 4px; } .contacts-map-section .map-block { height: 610px; } .contacts-map-section .info-block { max-width: 670px; width: 100%; padding: 60px; right: calc((100vw - 1640px) / 2); top: 50%; transform: translateY(-50%); background-color: #fff; position: absolute; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); border-radius: 8px; color: #1a1a1a; } .contacts-map-section .info-block .title { font-size: 18px; font-weight: 600; margin-bottom: 40px; } .contacts-map-section .info-block p { font-size: 16px; margin-bottom: 25px; } .contacts-map-section .info-block p:last-of-type { margin-bottom: 0; } body.error .switcher { display: none; } .error-main { display: flex; align-items: center; position: relative; background: linear-gradient(135deg, #33337c 0%, #0d6db4 100%); color: #fff; padding-top: 240px; padding-bottom: 180px; } .error-main .container { display: flex; align-items: center; justify-content: space-between; } .error-main .left { max-width: 790px; color: #fff; } .error-main .left .title { font-size: 56px; font-weight: 900; margin-bottom: 40px; text-transform: uppercase; } .error-main .left .subtitle { font-size: 24px; font-weight: 800; margin-bottom: 30px; text-transform: uppercase; line-height: 1.5; } .error-main .left a { color: #fff; font-size: 15px; font-weight: 600; width: 250px; height: 56px; border-radius: 4px; background-color: #14a9e1; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; } .error-main .left a:hover { opacity: 0.7; } .error-main img { max-width: 650px; } .error-main:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/main-bg.svg) center center no-repeat; background-size: cover; } .search-block { position: absolute; top: 0; left: 0; width: 100%; height: 105px; background-color: #fff; z-index: 999; padding: 25px 0; transition: all 0.4s ease; transform: translateY(-110%); visibility: hidden; } .search-block.active { transform: translateY(0%); visibility: visible; } .search-block .container { display: flex; align-items: center; justify-content: space-between; height: 100%; } .search-block .container form { width: calc(100% - 100px); display: flex; align-items: center; justify-content: space-between; height: 100%; } .search-block .container form input { height: 100%; width: 88%; border: 1px solid #000; padding: 0 15px; color: #000; border-radius: 40px; font-size: 18px; } .search-block .container form input[type='submit'] { background-color: #0d6db4; color: #fff; font-size: 18px; font-weight: 600; width: 10%; border: none; } .search-block .container .cross { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; } .search-block .container .cross span { position: absolute; width: 100%; height: 3px; background-color: #000; } .search-block .container .cross span:first-of-type { transform: rotate(45deg); } .search-block .container .cross span:last-of-type { transform: rotate(-45deg); } .page--search-block { position: static; transform: none; visibility: visible; } .projects-main .sector, .projects-main .reteil { position: relative; } .projects-main .sector:before, .projects-main .reteil:before { content: ''; position: absolute; top: -40px; right: 100px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .projects-main .reteil:before { top: unset; bottom: 50px; right: 0; } .projects-main .container .top { display: flex; align-items: center; justify-content: flex-start; } .projects-main .container .top button { width: 210px; height: 44px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; font-weight: 600; border-radius: 4px; background-color: #0d6db4; margin-left: 50px; margin-bottom: 60px; } .projects-main .container .top button:hover { background-color: #14a9e1; opacity: 1; } .projects-main .container .tab-block { position: relative; } .projects-main .container .tab-block .section-title { text-transform: none; font-size: 24px; font-weight: 700; } .projects-main .container .tab-block .section-title .title { text-transform: none; font-size: 24px; font-weight: 700; } .projects-main .container .tab-block .section-title span { text-transform: uppercase; } .projects-main .container .tab-block button.clear-filter { font-size: 15px; font-weight: 500; color: #0d6db4; } .projects-main .container .tab-block button.clear-filter.tablet { display: none; } .projects-main .container .tab-block .slick-arrow { top: 27px; } .projects-main .container .tab-block .slick-arrow.slick-prev { left: 0; } .projects-main .container .tab-block .slick-arrow.slick-next { right: 0; } .projects-main .container .tab-block .tabs { width: calc(100% - 100px); margin-left: 40px; margin-right: 40px; } .projects-main .container .tab-block .tabs .slick-arrow { opacity: 0; visibility: hidden; } .projects-main .container .tab-block .tabs button { margin: 0 12px; font-size: 15px; font-weight: 600; color: #4a4a4a; padding-bottom: 12px; position: relative; } .projects-main .container .tab-block .tabs button.slick-current { color: #0d6db4; } .projects-main .container .tab-block .tabs button.slick-current:before { opacity: 1; visibility: visible; } .projects-main .container .tab-block .tabs button:before { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 3px; background-color: #0d6db4; transition: all 0.4s ease; opacity: 0; visibility: hidden; } .projects-main .container .tab-block .tabs button span { font-weight: 400; } .projects-main .container .tab-block .slick-list { position: relative; padding-bottom: 5px; } .projects-main .container .tab-block .slick-list:before { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background-color: #e4e6eb; } .projects-main .filters { margin-top: 25px; margin-bottom: -30px; } .projects-main .filters .filter-title { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 25px; } .projects-main .filters .filter-title .title { font-size: 18px; font-weight: 600; margin-right: 40px; display: flex; align-items: center; } .projects-main .filters .filter-title .title svg { display: none; margin-left: 9px; } .projects-main .filters form { display: flex; flex-wrap: wrap; align-items: center; } .projects-main .filters form .form-title { display: none; font-size: 18px; font-weight: 600; margin-bottom: 30px; } .projects-main .filters form .cross { display: none; } .projects-main .filters form .line { display: inline-flex; align-items: center; justify-content: flex-start; margin-right: 30px; margin-bottom: 15px; cursor: pointer; } .projects-main .filters form input { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background-color: #fff; border: 1px solid #718096; border-radius: 4px; padding: 0; margin: 0; margin-right: 10px; cursor: pointer; position: relative; transition: all 0.4s ease; } .projects-main .filters form input:hover { border-color: #0d6db4; } .projects-main .filters form input:before { content: ''; position: absolute; top: 20%; left: 20%; width: 60%; height: 60%; background: url(/images/form-check.svg) center center no-repeat; background-size: contain; transform: translateY(1px); opacity: 0; transition: all 0.4s ease; } .projects-main .filters form input:checked { background-color: #0d6db4; border-color: #0d6db4; } .projects-main .filters form input:checked:before { opacity: 1; } .projects-main .filters form p { font-size: 15px; } .projects-main .tab-content { display: none; } .projects-main .tab-content.active { display: block; } .projects-main .tab-content .button { width: 260px; height: 44px; display: flex; align-items: center; justify-content: center; margin: 25px auto 0; border: 1px solid #718096; border-radius: 4px; font-size: 15px; font-weight: 500; color: #1a202c; } .projects-main .tab-content .button:hover { background-color: #0d6db4; color: #fff; border-color: #0d6db4; } .projects-items { display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -15px; } .projects-items .item { background-color: #fff; flex: 0 0 calc(33.333% - 30px); border-radius: 6px; display: flex; align-items: center; color: #1a202c; margin-bottom: 15px; padding: 20px 24px; margin: 0 15px; margin-bottom: 30px; min-height: 142px; border: 1px solid #fff; transition: all 0.4s ease; cursor: pointer; } .projects-items .item:hover { border-color: #0d6db4; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); } .projects-items .item img { margin-right: 15px; max-width: 120px; width: 100%; height: auto; } .projects-items .item .title { font-size: 18px; font-weight: 600; margin-bottom: 8px; } .projects-items .item p { font-size: 15px; } aside ul { list-style-type: none; margin-top: 0; } aside ul a { display: block; font-size: 18px; color: #000; font-weight: 600; margin-bottom: 30px; transition: all 0.4s ease; } aside ul a:hover, aside ul a.active { color: #0d6db4; } .articles-filter { display: flex; align-items: flex-start; margin-bottom: 40px; } .articles-filter .title { font-size: 15px; font-weight: 500; margin-bottom: 8px; } .articles-filter .date,.articles-filter .author { margin-right: 20px; } .articles-filter .date form, .articles-filter .dropdown { display: flex; align-items: center; } .articles-filter .date input { width: 210px; height: 44px; border: 1px solid #718096; border-radius: 4px; font-size: 15px; font-weight: 500; color: #4a4a4a; display: flex; align-items: center; justify-content: center; text-align: center; background-color: transparent; transition: all 0.4s ease; cursor: pointer; } .articles-filter .date input:hover { border-color: #0d6db4; } .articles-filter .date svg, .articles-filter .filter-reset { display: inline-block; margin-left: 10px; vertical-align: middle; width: 12px; color: #e35d6a; cursor: pointer; } .articles-filter .dropdown-title { /*width: 260px;*/ width: 100%; height: 44px; white-space: nowrap; min-width: 260px; } .articles-filter .dropdown-title svg { margin-left: 10px; } .pagination { display: flex; align-items: center; justify-content: space-between; margin-bottom: 120px; } .pagination .nav { display: flex; align-items: center; color: #000; font-size: 14px; font-weight: 500; transition: all 0.4s ease; } .pagination .nav.disabled { opacity: 0.5; cursor: not-allowed; } .pagination .nav svg { transition: all 0.4s ease; } .pagination .nav.prev svg { margin-right: 8px; } .pagination .nav.next svg { margin-left: 8px; } .pagination .nav:hover { color: #0d6db4; } .pagination .nav:hover svg { fill: #0d6db4; } .pagination .numbers { display: flex; align-items: center; } .pagination .numbers a, .pagination .numbers span { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid #0d6db4; border-radius: 4px; background-color: #fff; font-size: 14px; font-weight: 500; color: #000; margin: 0 8px; transition: all 0.4s ease; } .pagination .numbers a.active, .pagination .numbers span.active { background-color: #0d6db4; color: #fff; } .archive main { overflow: visible; } .archive-contacts { width: 100%; border-radius: 8px; border: 1px solid #0d6db4; padding: 60px; display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 120px; } .archive-contacts .title { font-size: 24px; font-weight: 700; } .archive-contacts .label { font-size: 16px; margin-bottom: 8px; } .archive-contacts a { font-size: 24px; color: #000; font-weight: 600; } .archive-main .container:before { content: ''; position: absolute; right: -30px; top: 65px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .archive-main .row { align-items: stretch; justify-content: space-between; } .archive-main .archive-right { max-width: 1090px; width: 100%; } .archive-main .articles-wrap { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; } .archive-main aside { position: sticky; top: 40px; padding-top: 110px; padding-bottom: 80px; } .archive-main aside:before { content: ''; position: absolute; top: -25px; left: 0; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .archive-main article { position: relative; margin-bottom: 40px; flex: 0 0 calc(50% - 8px); } .archive-main article .sub-caption { display: flex; align-items: center; margin-bottom: 15px; } .archive-main article .sub-caption .date { margin-right: 40px; margin-bottom: 0; } .archive-main article .sub-caption .author { display: flex; align-items: center; } .archive-main article .sub-caption .author img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; margin-right: 8px; } .archive-main article .sub-caption .author-title { margin-left: 8px; font-size: 15px; font-weight: 600; } .archive-main article .logo { width: 64px; height: 64px; border-radius: 50%; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); display: flex; align-items: center; justify-content: center; position: absolute; top: 25px; left: 25px; z-index: 1; } .archive-main article .logo img { box-shadow: none; width: unset; border-radius: 0; max-width: 80%; max-height: 60%; } .archive-main article.big { flex: 0 0 100%; } .archive-main article.big .caption img { max-height: 350px; object-fit: cover; } .materials-wrapper { display: flex; flex-wrap: wrap; } .materials-wrapper .material-title { display: flex; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #e4e6eb; margin-bottom: 25px; width: 100%; } .materials-wrapper .material-title span { font-size: 24px; font-weight: 700; margin-right: 25px; } .materials-wrapper .items { width: 100%; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; margin-bottom: 35px; } .materials-wrapper .items.mag .item .icon:after { content: ''; position: absolute; width: 24px; height: 24px; background: url(/images/magnifier.svg) center center no-repeat; background-size: contain; z-index: 1; transition: all 0.4s ease; transform: scale(0); visibility: hidden; } .materials-wrapper .items .item { flex: 0 0 calc(50% - 45px); display: flex; align-items: center; margin-bottom: 25px; } .materials-wrapper .items .item.red .icon { background-color: #fd1f53; } .materials-wrapper .items .item.red .icon:before { background-color: rgba(110, 0, 26, 0.8); } .materials-wrapper .items .item.blue .icon { background-color: #2b599c; } .materials-wrapper .items .item.blue .icon:before { background-color: rgba(43, 89, 156, 0.8); } .materials-wrapper .items .item.black .icon { background-color: #001d26; } .materials-wrapper .items .item.orange .icon { background-color: #261300; } .materials-wrapper .items .item .icon { min-width: 64px; min-height: 64px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 25px; position: relative; } .materials-wrapper .items .item .icon:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 6px; transition: all 0.4s ease; opacity: 0; visibility: hidden; } .materials-wrapper .items .item .title { font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #000; transition: all 0.2s ease; } .materials-wrapper .items .item p { font-size: 15px; font-weight: 500; color: #4a4a4a; transition: all 0.2s ease; } .materials-wrapper .items .item:hover .title, .materials-wrapper .items .item:hover p { text-decoration: underline; color: #0d6db4; } .materials-wrapper .items .item:hover .icon:before { opacity: 1; visibility: visible; } .materials-wrapper .items .item:hover .icon:after { transform: scale(1); visibility: visible; } .vacancy-main { margin-bottom: 30px; } .vacancy-main .container { display: flex; align-items: stretch; justify-content: space-between; } .vacancy-main .container .left { max-width: 550px; padding-top: 70px; } .vacancy-main .section-subtitle { font-size: 24px; } .main-image-box { max-width: 750px; position: relative; } .main-image-box:before { content: ''; position: absolute; right: -35px; top: -45px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .main-image-box:after { content: ''; position: absolute; left: -80px; bottom: -50px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .main-image-box img { width: 100%; } .vacancy-items { margin-bottom: 105px; } .vacancy-items .title { font-size: 24px; font-weight: 700; margin-bottom: 60px; text-transform: uppercase; } .vacancy-items .items { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .vacancy-items .items .item { padding: 30px 40px; background-color: #fff; border-radius: 6px; flex: 0 0 calc(33.333% - 10px); margin-bottom: 15px; border: 1px solid #fff; transition: all 0.4s ease; } .vacancy-items .items .item:hover { border-color: #0d6db4; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); } .vacancy-items .items .item:hover .circle-link { background-color: #0d6db4; border-color: #0d6db4; } .vacancy-items .items .item:hover .circle-link path { fill: #fff; } .vacancy-items .items .item .title-row { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 15px; } .vacancy-items .items .item .title-row .title { font-size: 18px; font-weight: 600; color: #090909; max-width: calc(100% - 100px); margin-bottom: 0; line-height: 1.5; text-transform: none; } .vacancy-items .items .item .title-row .circle-link { width: 50px; height: 50px; border-radius: 50%; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; } .vacancy-items .items .item .title-row .circle-link path { transition: all 0.4s ease; } .vacancy-items .items .item .label { font-size: 14px; font-weight: 500; color: #4a4a4a; margin-bottom: 5px; } .vacancy-items .items .item .city { font-size: 15px; font-weight: 500; color: #000; } .vacancy-items__city-wrap { display: flex; align-items: center; } .vacancy-items .vacancy-hot { margin-left: 8px; } .vacancy-interest { padding: 60px 0; color: #fff; background-color: #0d6db4; margin-bottom: 60px; min-height: 330px; } .vacancy-interest .container { display: flex; width: 100%; align-items: stretch; justify-content: space-between; } .vacancy-interest .container:before { content: ''; position: absolute; width: 123px; height: 78px; /* background: url(/images/pluses-6-4.svg) center center no-repeat; */ background: url(/images/pattern-white--6-4.svg) center center no-repeat; background-size: contain; left: 0; top: 150px; } .vacancy-interest .container .left { max-width: 550px; } .vacancy-interest .tab-block { max-width: 810px; width: 100%; } .vacancy-interest .tab-block .tab-content { font-size: 18px; font-weight: 600; color: #fff; padding-top: 60px; line-height: 1.5; display: none; } .vacancy-interest .tab-block .tab-content span { display: none; } .vacancy-interest .tab-block .tab-content.active { display: block; } .vacancy-interest .tab-block .tabs { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; position: relative; } .vacancy-interest .tab-block .tabs:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.27); } .vacancy-interest .tab-block .tabs button { font-size: 18px; font-weight: 600; color: rgba(255, 255, 255, 0.6); margin-right: 60px; padding-bottom: 9px; position: relative; } .vacancy-interest .tab-block .tabs button.active { color: #fff; font-weight: 700; } .vacancy-interest .tab-block .tabs button.active:before { opacity: 1; visibility: visible; } .vacancy-interest .tab-block .tabs button:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background-color: #fff; transition: all 0.4s ease; opacity: 0; visibility: hidden; } .vacancy-find { margin: 60px 0; } .vacancy-find .container { width: 100%; display: flex; align-items: stretch; justify-content: space-between; } .vacancy-find .container:before { content: ''; position: absolute; width: 80px; height: 56px; background: url(/images/pattern-white--6-4.svg) center center no-repeat; background-size: contain; left: 210px; top: 70px; } .vacancy-find .container .title { max-width: 550px; font-size: 24px; font-weight: 700; text-transform: uppercase; } .vacancy-find .container .text { max-width: 810px; } .vacancy-find .container .text p { margin-bottom: 30px; font-size: 18px; font-weight: 600; } .vacancy-find .container .text p:last-of-type { margin-bottom: 0; } .vacancy-find .container .text p a { color: #0d6db4; } .vacancy-single-main .container { padding-top: 150px; } /* .vacancy-single-main .container:before { content: ''; position: absolute; top: 430px; left: 0; width: 150px; height: 100px; background: url(/images/pluses-7-5.svg) center center no-repeat; background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } */ .vacancy-single-main .container div:nth-child(2) .title { position: relative; } .vacancy-single-main .container div:nth-child(2) .title::before { content: ''; position: absolute; top: 60px; left: 0; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } /* .vacancy-single-main .container:after { content: ''; position: absolute; bottom: -100px; left: 140px; width: 150px; height: 100px; background: url(/images/pluses-7-5.svg) center center no-repeat; background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } */ .vacancy-single-main .container div:last-of-type .title::after { content: ''; position: absolute; top: 100%; left: 140px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .vacancy-single-main .container div:nth-of-type(2) .title::after { display: none; } .vacancy-single-main .top { display: flex; align-items: flex-start; margin-bottom: 30px; } .vacancy-single-main .top .section-title { margin-bottom: 60px; } .vacancy-single-main .top .button { width: 265px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 4px; background-color: #0d6db4; color: #fff; font-size: 15px; font-weight: 600; margin-left: 60px; } .vacancy-single-main .top .button:hover { background-color: #14a9e1; } .vacancy-single-main .city { font-size: 20px; font-weight: 500; margin-bottom: 60px; color: #4a4a4a; display: flex; align-items: center; } .vacancy-single-main .row { display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 60px; } .vacancy-single-main .row .title { font-size: 24px; font-weight: 600; } .vacancy-single-main .row .list { max-width: 1225px; width: 100%; } .vacancy-single-main .row ul { font-size: 16px; font-weight: 500; list-style: none; margin-top: 0; } .vacancy-single-main .row ul li { position: relative; margin-bottom: 20px; line-height: 1.5; padding-left: 20px; } .vacancy-single-main .row ul li:before { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 5px; background-color: #0d6db4; left: 0; top: 9px; } .vacancy-single-main .vacancy-hot { margin-left: 8px; } .dropdown { position: relative; width: 100%; z-index: 99; } .dropdown.active .dropdown-content { opacity: 1; visibility: visible; } .dropdown-title { display: flex; align-items: center; justify-content: space-between; padding: 0 20px 0 25px; border-radius: 4px; border: 1px solid #718096; transition: all 0.4s ease; font-size: 15px; font-weight: 500; cursor: pointer; } .dropdown-title:hover { border-color: #0d6db4; } .dropdown-content { position: absolute; width: 100%; height: auto; background-color: #fff; border-radius: 8px; border: 1px solid #dadcdd; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); z-index: 10; top: calc(100% + 15px); padding: 5px 5px 5px 0; opacity: 0; visibility: hidden; transition: all 0.4s ease; } .dropdown-content ::-webkit-scrollbar { width: 4px; height: 3px; margin-right: 10px; height: 10% !important; } .dropdown-content ::-webkit-scrollbar-button { background-color: #e2e8f0; width: 2px; height: 0; } .dropdown-content ::-webkit-scrollbar-track { background-color: #999; width: 2px !important; border-radius: 4px; display: block; height: 10% !important; } .dropdown-content ::-webkit-scrollbar-track-piece { background-color: #e2e8f0; height: 90%; top: 5%; width: 2px !important; border-radius: 4px; margin-right: 10px; display: block; height: 10% !important; } .dropdown-content ::-webkit-scrollbar-thumb { height: 30px; width: 4px; background-color: #0d6db4; border-radius: 3px; } .dropdown-content ::-webkit-scrollbar-corner { background-color: #999; width: 2px; } .dropdown-content ::-webkit-resizer { width: 2px; } .dropdown-content .dropdown-inner { max-height: 300px; overflow-x: hidden; position: relative; z-index: 2; } .dropdown-content:before { content: ''; position: absolute; width: 30px; height: 20px; top: -12px; right: 50px; background: url(/images/dropdown-triangle.svg) center center no-repeat; background-size: contain; } .dropdown-content:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; z-index: 1; border-radius: 8px; } .dropdown-content button { width: 100%; display: block; font-size: 15px; padding: 15px 20px; text-align: left; } .dropdown-content button:hover { background-color: rgba(0, 0, 0, 0.1); } .single-main { margin-bottom: 120px; } .single-main .row { display: flex; align-items: stretch; justify-content: space-between; } .single-main .single-text { max-width: 810px; } .single-main .single-text--full { max-width: 100% !important; } .single-main .single-text p { font-size: 16px; margin-bottom: 25px; } .single-main .single-text a { color: #0000ff; text-decoration: underline; } .single-main .single-text .main-title, .single-text--press h2 { margin-top: 40px; font-size: 1.25rem; font-weight: 600; margin-bottom: 25px; } .single-text--press h3 { font-size: 1.125rem; font-weight: 600; } .single-text--press .main-title:first-child { margin-top: 0; } .single-main .single-text .main-single-title { display: flex; align-items: center; font-size: 24px; font-weight: 700; color: #000; margin-bottom: 40px; } .single-main .single-text .main-single-title svg { margin-left: 15px; } .single-main .single-text .helpful-article { margin-top: 40px; max-width: 675px; width: 100%; } .single-main .single-text .helpful-article-title { position: relative; font-size: 18px; font-weight: 700; margin-bottom: 13px; padding-top: 25px; } .single-main .single-text .helpful-article.border .helpful-article-title:before { content: ''; position: absolute; width: 100%; height: 1px; top: 0; left: 0; background-color: #e4e6eb; } .single-main .single-text .friends .socials { margin-top: 15px; } /* .single-main .single-text .friends{display:flex;align-items:center} */ /* .single-main .single-text .friends span{font-size:16px;font-weight:500;margin-right:20px} */ /* .single-main .single-text .friends .socials{display:flex;align-items:stretch;justify-content:flex-start} .single-main .single-text .friends .socials a{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:8px} */ .single-main .single-text img { width: 100%; height: auto; object-fit: cover; margin: 40px 0; } .single-main .single-text img.border { border-radius: 4px; } .single-main .single-text .small-title { font-size: 16px; font-weight: 600; margin-bottom: 25px; margin-top: 40px; } .single-main .single-text ul, .single-main .single-text ol { list-style-type: none; font-size: 16px; line-height: 1.5; } .single-main .single-text ul li, .single-main .single-text ol li { position: relative; padding-left: 30px; margin-bottom: 25px; } .single-main .single-text ul ul, .single-main .single-text ol ul { margin-top: 10px; } .single-main .single-text ul ul li, .single-main .single-text ol ul li { padding-left: 30px; } .single-main .single-text ol { list-style: decimal; list-style-position: outside; padding-left: 20px; } .single-main .single-text ol li { padding-left: 10px; } .single-main .single-text .dotted li:before { content: ''; position: absolute; left: 0; top: 7px; width: 10px; height: 10px; background-color: #0d6db4; border-radius: 50%; } .single-main .single-text ul li:before { content: ''; position: absolute; left: 0; top: 7px; width: 10px; height: 10px; background-color: #0d6db4; border-radius: 50%; } .single-main .single-text .stared li:before { content: '*'; position: absolute; left: 0; top: 2px; color: #0d6db4; font-size: 16px; font-weight: 700; } .single-main .single-text .lined li:before { content: ''; position: absolute; width: 15px; height: 2px; background: #0d6db4; left: 0; top: 10px; } .single-main .single-sidebar { max-width: 660px; } .single-main .single-sidebar .latest-news .title { font-size: 22px; font-weight: 600; position: relative; margin-bottom: 25px; padding-bottom: 15px; } .single-main .single-sidebar .latest-news .title:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100vw; height: 1px; background-color: #e4e6eb; } .single-main .single-sidebar .latest-news .new { display: flex; align-items: center; margin-bottom: 45px; } .single-main .single-sidebar .latest-news .new img { max-width: 180px; height: 100%; border-radius: 4px; margin-right: 30px; } .single-main .single-sidebar .latest-news .new .date { font-size: 13px; font-weight: 600; color: #4a5568; padding: 6px 15px; border-radius: 20px; background-color: #e2e8f0; margin-bottom: 15px; display: inline-block; } .single-main .single-sidebar .latest-news .new .news-title { font-size: 16px; font-weight: 500; color: #000; line-height: 1.5; } .sidebar-author { margin-bottom: 80px; } .sidebar-author .row { display: flex; align-items: stretch; margin-bottom: 40px; justify-content: flex-start; } .sidebar-author .row img { max-width: 220px; max-height: 220px; object-fit: cover; margin-right: 50px; border-radius: 4px; } .sidebar-author .row .title { font-size: 24px; font-weight: 700; color: #000; margin-bottom: 25px; } .sidebar-author .row p { position: relative; font-size: 16px; font-weight: 500; padding-bottom: 15px; margin-bottom: 25px; } .sidebar-author .row p:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e4e6eb; } .sidebar-author .row .subtitle { font-size: 16px; font-weight: 500; color: #4a4a4a; } .sidebar-author .arrow-link { color: #0d6db4; font-size: 16px; font-weight: 500; } .single-title { font-size: 32px; font-weight: 900; color: #000; margin-bottom: 90px; max-width: 1100px; line-height: 1.5; } .single-title--search { margin-bottom: 40px; } .service-main .left { max-width: 660px; } .service-main .left .section-subtitle { margin-bottom: 25px; } .service-main .left p { font-size: 16px; font-weight: 500; } .service-main .main-image-box:before { display: none; } .service-items .main-services-items { position: relative; } .service-items .main-services-items:before { content: ''; position: absolute; top: 335px; left: -100px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .service-items .main-services-items .item { flex: 0 0 calc(33.333% - 10px); position: relative; border: 1px solid #fff; transition: all 0.4s ease; } .service-items .main-services-items .item:hover { border-color: #0d6db4; } .vacancy-single-part { padding: 60px 0; background-color: #0d6db4; color: #fff; margin-bottom: 0; } .vacancy-single-part .container { display: flex; align-items: stretch; justify-content: space-between; } .vacancy-single-part .container:before { content: ''; position: absolute; width: 125px; height: 78px; left: 0; top: 270px; /* background: url(/images/pluses-6-4.svg) center center no-repeat; */ background: url(/images/pattern-white--6-4.svg) center center no-repeat; background-size: contain; } .vacancy-single-part .container .left { max-width: 550px; width: 100%; } .vacancy-single-part .container .left .title { font-size: 24px; font-weight: 700; margin-bottom: 40px; } .vacancy-single-part .container .left .subtitle { font-size: 18px; line-height: 1.5; font-weight: 600; } .vacancy-single-part .container .right { max-width: 950px; width: 100%; padding-top: 75px; } .vacancy-single-part .container .right form { width: 100%; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } .vacancy-single-part .container .right form .input-wrap { flex: 0 0 calc(50% - 8px); } .vacancy-single-part .container .right form .form-group { margin-bottom: 16px; } .vacancy-single-part .container .right form input, .vacancy-single-part .container .right form textarea { width: 100%; background-color: rgba(255, 255, 255, 0.09); color: #fff; border-radius: 4px; height: 56px; margin: 0; padding: 0; padding-left: 24px; border: 1px solid #fff; font-size: 15px; font-weight: 500; } .vacancy-single-part .container .right form input::placeholder, .vacancy-single-part .container .right form textarea::placeholder { color: rgba(255, 255, 255, 0.8); } .vacancy-single-part .container .right form textarea { position: relative; height: 128px; padding-top: 18px; } .vacancy-single-part .container .right form .checkbox-wrap input { padding: 0; width: 20px; height: 20px; margin: 0; margin-right: 8px; } .vacancy-single-part .container .right form .file-wrap span { top: -8px; padding-left: 15px; } .vacancy-single-part .container .right form .file-wrap .button-file { filter: contrast(0) grayscale(0) brightness(2); } .vacancy-single-part .container .right form input[type='submit'] { display: flex; align-items: center; justify-content: center; width: 248px; height: 56px; background-color: #14a9e1; border-radius: 4px; color: #fff; font-size: 15px; font-weight: 600; border: none; padding: 0; transition: all 0.4s ease; } .vacancy-single-part .container .right form input[type='submit']:hover { opacity: 0.7; } .career-main .container { padding-top: 150px; padding-bottom: 180px; } .career-main .container:before { content: ''; position: absolute; top: 0; right: -140px; height: 100%; width: 675px; background-color: #0d6db4; } .career-main .left p { font-size: 18px; font-weight: 600; } .career-main .section-subtitle { font-size: 24px; margin-bottom: 40px; } .career-main button.career-main-button { width: 225px; height: 56px; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 4px; background-color: #0d6db4; font-size: 15px; font-weight: 600; margin-top: 40px; } .career-main button.career-main-button:hover { opacity: 0.7; } .career-why { padding: 120px 0; margin: 0; } .career-why .container { display: flex; align-items: stretch; justify-content: space-between; } .career-why .section-title { margin-bottom: 40px; } .career-why .left { max-width: 675px; width: 100%; } .career-why .images { position: relative; min-height: 460px; } .career-why .images img { position: absolute; top: 0; left: 0; width: 535px; height: 330px; object-fit: cover; } .career-why .images img.second { top: 132px; left: 138px; } .career-why .right { padding-top: 90px; position: relative; margin-top: -20px; } .career-why .right:before { content: ''; width: 100vw; height: calc(100% + 240px); position: absolute; top: -120px; left: -80px; background-color: #fff; z-index: -1; } .career-why .right .hidden-text { position: absolute; top: 75px; width: 100%; height: 40px; left: 0; background: linear-gradient(180deg, white 40%, rgba(255, 255, 255, 0) 100%); z-index: 1; } .career-why .right .hidden-text.bottom { top: unset; bottom: -5px; background: linear-gradient(0deg, white 40%, rgba(255, 255, 255, 0) 100%); } .career-why .right ::-webkit-scrollbar { width: 4px; height: 3px; margin-right: 10px; height: 10% !important; } .career-why .right ::-webkit-scrollbar-button { background-color: #fff; width: 2px; height: 0; } .career-why .right ::-webkit-scrollbar-track { background-color: #fff; width: 2px !important; border-radius: 4px; display: block; height: 10% !important; } .career-why .right ::-webkit-scrollbar-track-piece { background-color: #fff; height: 90%; top: 5%; width: 2px !important; border-radius: 4px; margin-right: 10px; display: block; height: 10% !important; } .career-why .right ::-webkit-scrollbar-thumb { height: 30px; width: 4px; background-color: #fff; border-radius: 3px; } .career-why .right ::-webkit-scrollbar-corner { background-color: #fff; width: 2px; } .career-why .right ::-webkit-resizer { width: 2px; } .career-why .text { position: relative; max-height: 480px; overflow: auto; padding-top: 20px; } .career-why .text .title { font-size: 24px; font-weight: 600; margin-bottom: 15px; padding-top: 25px; position: relative; } .career-why .text .title:before { content: ''; position: absolute; top: 0; left: 0; width: 45px; height: 3px; background-color: #0d6db4; } .career-why .text p { font-size: 16px; margin-bottom: 40px; } .career-why--quality .right:before { height: calc(100% + 120px); top: -40px; } .career-wait { margin: 0; padding: 60px 0; background-color: #0d6db4; color: #fff; } .career-wait .container { display: flex; align-items: stretch; justify-content: space-between; } .career-wait .container:before { content: ''; position: absolute; width: 125px; height: 80px; /* background: url(/images/pluses-6-4.svg) center center no-repeat; */ background: url(/images/pattern-white--6-4.svg) center center no-repeat; background-size: contain; top: 350px; left: 400px; } .career-wait .container:after { content: ''; position: absolute; width: 125px; height: 80px; /* background: url(/images/pluses-6-4.svg) center center no-repeat; */ background: url(/images/pattern-white--6-4.svg) center center no-repeat; background-size: contain; top: -10px; right: 0; } .career-wait .container .left { max-width: 675px; } .career-wait .container .left p { font-size: 18px; font-weight: 500; margin-bottom: 40px; } .career-wait .career-wait-button { width: 190px; height: 56px; border-radius: 4px; background-color: #14a9e1; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; color: #fff; } .career-wait .career-wait-button:hover { background-color: #74d0f2; } .career-wait .right { padding-top: 120px; } .career-wait .link { width: 100%; border: 1px solid #fff; border-radius: 6px; background-color: rgba(255, 255, 255, 0.08); display: flex; align-items: center; justify-content: space-between; color: #fff; padding: 24px 32px; margin-bottom: 15px; transition: all 0.4s ease; } .career-wait .link:hover { background-color: #fff; } .career-wait .link:hover .title { color: #000; } .career-wait .link:hover span { color: #1a1a1a; } .career-wait .link:hover .arrow-link { opacity: 1; visibility: visible; color: #000; } .career-wait .link:hover .arrow-link path { fill: #000; } .career-wait .link .title { font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 8px; transition: all 0.4s ease; } .career-wait .link span { font-size: 16px; font-weight: 500; color: rgba(255, 255, 255, 0.8); transition: all 0.4s ease; } .career-wait .link .arrow-link { transition: all 0.4s ease; color: #fff; font-size: 16px; font-weight: 500; opacity: 0; visibility: hidden; } .career-wait .link .arrow-link svg { position: relative; top: 1px; } .career-wait .link .arrow-link svg path { transition: all 0.4s ease; } .career-wait .link .arrow-link:hover { color: #0d6db4; } .career-wait .link .arrow-link:hover path { fill: #0d6db4; } .career-wait__city-wrap { display: flex; align-items: center; } .career-wait .vacancy-hot { margin-left: 8px; } .vacancy-hot { padding: 2px 8px 4px; border-radius: 900px; background-color: #E3215B; color: #FFF !important; font-size: 16px; font-weight: 500; line-height: 24px; } .career-internship .row { justify-content: space-between; align-items: center; } .career-internship .row .left { background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); padding: 40px 60px; } .career-internship .row .right { max-width: 675px; } .career-internship .row .title { font-size: 18px; font-weight: 600; margin-bottom: 25px; line-height: 1.5; } .career-internship .row p { font-size: 16px; margin-bottom: 25px; } .career-internship .row ul { font-size: 18px; font-weight: 600; list-style-type: none; } .career-internship .row ul li { margin-bottom: 15px; position: relative; padding-left: 25px; } .career-internship .row ul li:last-of-type { margin-bottom: 0; } .career-internship .row ul li:before { content: ''; position: absolute; left: 0; top: 8px; height: 8px; width: 8px; border-radius: 50%; background-color: #0d6db4; } .career-corp { margin-bottom: 35px; } .career-corp .container { padding-bottom: 80px; } .career-corp .container:before { content: ''; position: absolute; right: 0; top: 120px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .career-corp .corp-img { max-width: 1090px; margin-bottom: 45px; } .career-corp .subcaption { font-size: 24px; font-weight: 600; max-width: 675px; line-height: 1.4; } .career-corp .right { background-color: #fff; padding: 40px 50px; position: absolute; bottom: 0; right: 0; max-width: 675px; width: 100%; } .career-corp .right .main-title { font-size: 24px; font-weight: 600; margin-bottom: 40px; } .career-corp .items { width: 100%; display: flex; align-items: stretch; flex-wrap: wrap; } .career-corp .items .item { display: flex; flex-direction: column; flex: 0 0 calc(50% - 8px); margin-bottom: 25px; } .career-corp .items .item svg { margin-bottom: 25px; } .career-corp .items .item p { font-size: 16px; font-weight: 500; } .career-corp .items .item a { margin-top: 68px; } .career-corp .items .item a svg { margin-bottom: 0; } .career-relax { margin-top: 35px; } .career-relax .container:before { content: ''; position: absolute; top: 0; left: calc((-100vw + 1640px) / 2); width: calc(965px + (100vw - 1640px) / 2); background-color: #e2e8f0; height: 500px; } .career-relax .section-title { margin-bottom: 30px; padding-top: 60px; position: relative; z-index: 1; } .career-relax .section-subtitle { max-width: 810px; position: relative; z-index: 1; margin-bottom: 50px; } .career-relax-slider { margin: 0 -8px; } .career-relax-slider .item { margin: 0 8px; } .career-relax-slider .item a { width: 100%; } .career-relax-slider img { width: 100%; } .career-relax-slider .slick-arrow { top: -40px; } .career-relax-slider .slick-arrow.slick-next { right: 400px; } .career-relax-slider .slick-arrow.slick-prev { left: unset; right: 535px; } .service-inner-main .container { padding-top: 150px; align-items: flex-start; } .service-inner-main .main-image-box:before { display: none; } .service-inner-main .left { max-width: 675px; padding-top: 45px; } .service-inner-main .left button { width: 190px; height: 56px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; color: #fff; border-radius: 4px; background-color: #0d6db4; margin-top: 40px; } .service-inner-main .left button:hover { opacity: 0.7; } .service-inner-items .main-services-items { justify-content: flex-start; } .service-inner-items .item { flex: 0 0 calc(25% - 45px / 4); margin-right: 15px; position: relative; border: 1px solid #fff; transition: all 0.4s ease; } .service-inner-items--big .item { flex: 0 0 calc(50% - 45px / 2); } .service-inner-items .item:hover { border-color: #0d6db4; } .service-inner-items .item:nth-of-type(4n) { margin-right: 0; } .service-inner-items .item .title { font-size: 18px; line-height: 1.5; } .service-inner-info { margin-bottom: 120px; } .service-inner-info .row { display: flex; align-items: stretch; justify-content: space-between; } .service-inner-info .row.center .right { padding-top: 80px; } .service-inner-info .title { font-size: 18px; font-weight: 600; margin-bottom: 35px; line-height: 1.5; } .service-inner-info p { font-size: 15px; font-weight: 500; } .service-inner-info .img-wrap { display: flex; align-items: center; margin-top: 40px; } .service-inner-info .img-wrap svg { margin-right: 25px; } .service-inner-info .img-wrap svg:last-of-type { margin-right: 0; } .service-inner-info ul { margin-top: 40px; font-size: 15px; font-weight: 500; list-style: none; } .service-inner-info ul li { position: relative; margin-bottom: 30px; padding-left: 20px; } .service-inner-info ul li:last-of-type { margin-bottom: 0; } .service-inner-info ul li:before { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #0d6db4; left: 0; top: 8px; } .service-inner-info .box { max-width: 810px; padding-top: 80px; padding-bottom: 120px; background-color: #fff; position: relative; padding-right: 130px; margin-bottom: 60px; } .service-inner-info .box:before { content: ''; position: absolute; top: 0; left: -140px; width: 100%; height: 100%; background-color: #fff; z-index: -1; } .service-inner-info .box:after { content: ''; position: absolute; right: -65px; bottom: -40px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .service-inner-info .right, .service-inner-info .left { max-width: 675px; width: 100%; } .service-inner-projects .title-wrap { display: flex; align-items: flex-end; margin-bottom: 60px; } .service-inner-projects .title-wrap a { margin-left: 75px; margin-bottom: 10px; } .service-inner-projects .section-title { margin-bottom: 0; } .service-single-main { min-height: 820px; margin-bottom: 120px; } .service-single-main .container { align-items: flex-start; justify-content: space-between; padding-top: 160px; } .service-single-main .container:before { content: ''; position: absolute; top: 0; right: -140px; height: 820px; width: 815px; background-color: #0d6db4; } .service-single-main .left { max-width: 675px; width: 100%; } .service-single-main .section-subtitle { margin-bottom: 40px; } .service-single-main .section-subtitle p { margin-bottom: 10px; } .service-single-main .section-subtitle p:last-child { margin-bottom: 0; } .service-single-main .list-title { font-size: 18px; font-weight: 700; line-height: 1.5; margin-bottom: 25px; } .service-single-main ul { list-style-type: none; font-size: 16px; font-weight: 500; } .service-single-main ul li { position: relative; margin-bottom: 20px; line-height: 1.5; padding-left: 20px; } .service-single-main ul li:last-of-type { margin-bottom: 0; } .service-single-main ul li:before { content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #0d6db4; left: 0; top: 8px; } .service-single-main button { width: 190px; height: 56px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; color: #fff; border-radius: 4px; background-color: #0d6db4; margin-top: 40px; } .service-single-main button:hover { opacity: 0.7; } .service-single-main .main-image-box:before { display: none; } .service-single-main .main-image-box:after { filter: contrast(0) grayscale(0) brightness(2); left: 490px; bottom: -70px; } .service-single-info .container { display: flex; align-items: stretch; justify-content: space-between; } .service-single-info .container--column { flex-direction: column; } .service-single-info .tabs-wrap { display: flex; align-items: center; justify-content: space-between; } .service-single-info .tabs-wrap:not(:first-of-type) { margin-top: 80px; } .service-single-info .tabs-wrap:nth-child(2n) .right { order: -1; } .service-single-info .left { max-width: 675px; width: 100%; display: flex; align-items: center; justify-content: space-between; } .service-single-info .left img { max-width: 540px; } .service-single-info .right { max-width: 750px; width: 100%; display: flex; align-items: stretch; justify-content: flex-start; } .service-single-info .tab-title { color: #000; font-weight: 700; font-size: 18px; margin-bottom: 24px; } .service-single-info .full { max-width: 100%; width: 100%; } /* .service-single-info .tab-block{max-width:675px} */ .service-single-info .tab-block ul { list-style-type: none; font-size: 16px; font-weight: 500; } .service-single-info .tab-block ul li { position: relative; margin-bottom: 25px; padding-left: 20px; } .service-single-info .tab-block ul li:last-of-type { margin-bottom: 0; } .service-single-info .tab-block ul li:before { content: ''; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; border-radius: 50%; background-color: #0d6db4; } .service-single-info .tab-block .tab-content { display: none; } .service-single-info .tab-block .tab-content.active { display: block; } .service-single-info .tab-block .tabs { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.27); margin-bottom: 40px; } .service-single-info .tab-block .tabs button { font-size: 18px; font-weight: 600; color: #8c8d8f; margin-right: 60px; padding-bottom: 15px; position: relative; } .service-single-info .tab-block .tabs button:before { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background-color: #0d6db4; transition: all 0.4s ease; opacity: 0; visibility: hidden; } .service-single-info .tab-block .tabs button:last-of-type { margin-right: 0; } .service-single-info .tab-block .tabs button.active { color: #000; font-weight: 700; } .service-single-info .tab-block .tabs button.active:before { opacity: 1; visibility: visible; } .service-single-info--quality .left { max-width: 500px; } .service-single-info--quality .right { max-width: 960px; } /* .service-single-info--reviews { } */ .reviews-slider { max-width: 80%; margin: 0 auto; } .reviews-slider .slick-arrow { width: 20px; height: 27px; } .review-item { max-width: 900px; margin: 0 auto; display: flex; align-items: center; } .review-item__image { margin-right: 140px; flex-shrink: 0; } .review-item__desc { position: relative; } .review-item__desc--quote { position: absolute; left: -60px; opacity: 0.2; width: 40px; height: 40px; color: #0d6db4; } .service-single-benefit { margin: 0; background-color: #0d6db4; color: #fff; padding: 60px 0; } .service-single-benefit .section-title { z-index: 1; } .service-single-benefit .section-title span { color: rgba(226, 232, 240, 0.1); } .service-single-benefit .read-more { display: none; } .service-single-benefit .row { display: flex; align-items: flex-start; justify-content: space-between; } .service-single-benefit ul { list-style: none; width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; font-size: 16px; font-weight: 500; } .service-single-benefit ul li { position: relative; margin-bottom: 25px; padding-left: 50px; line-height: 1.5; width: 100%; } .service-single-benefit ul li:before { content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; background: url(/images/list-check-benefit.svg) center center no-repeat; background-size: cover; } .service-single-benefit ul.small { max-width: 670px; } .service-single-benefit ul.big { max-width: 810px; } .service-single-parametr { margin: 120px 0; } .service-single-parametr .title { font-size: 24px; font-weight: 700; margin-bottom: 60px; text-align: center; } .service-single-parametr .row { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; } .service-single-parametr .row .item { flex: 0 0 calc(33.333%); display: flex; align-items: center; justify-content: center; } .service-single-parametr .row .item:nth-child(4) { margin-top: 20px; } .service-single-parametr .row .item span { font-size: 56px; font-weight: 600; color: #0d6db4; margin-right: 25px; } .service-single-parametr .row .item span span { font-size: 32px; margin-right: 0; margin-left: -5px; } .service-single-parametr .row .item p { font-size: 18px; font-weight: 500; color: #4a4a4a; max-width: 200px; line-height: 1; } .service-single-preference { margin-bottom: 80px; padding-top: 60px; padding-bottom: 10px; color: #fff; background-color: #0d6db4; } .service-single-preference .section-title { z-index: 1; } .service-single-preference .section-title span { color: rgba(226, 232, 240, 0.1); } .service-single-preference .container:before { content: ''; position: absolute; right: 185px; top: -20px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; filter: contrast(0) grayscale(0) brightness(2); } .service-single-preference .items { display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -20px; } .service-single-preference .items .item { flex: 0 0 calc(33.333% - 160px / 3); padding-right: 20px; font-size: 16px; font-weight: 500; margin-bottom: 60px; position: relative; padding-left: 70px; line-height: 1.5; } .service-single-preference .items .item:before { content: ''; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: -13px; left: 0; background: url(/images/service-single-pref.svg) center center no-repeat; background-size: contain; } .service-single-choose { margin: 80px 0; } .service-single-choose .container { align-items: stretch; display: flex; justify-content: space-between; } .service-single-choose .main-title { font-size: 24px; font-weight: 700; margin-bottom: 40px; text-transform: uppercase; } .service-single-choose .left { max-width: 520px; width: 100%; } .service-single-choose ul { list-style-type: none; font-size: 16px; font-weight: 600; } .service-single-choose ul li { position: relative; margin-bottom: 25px; padding-left: 25px; line-height: 1.5; } .service-single-choose ul li:before { content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 50%; background-color: #0d6db4; } .service-single-choose .link { margin-bottom: 25px; } .service-single-choose .link .title { font-size: 18px; font-weight: 600; margin-bottom: 15px; position: relative; } .service-single-choose .link .title:before { content: ''; position: absolute; width: 10px; height: 2px; left: 0; top: 9px; background-color: #0d6db4; } .service-single-choose .link .title:after { content: ''; position: absolute; width: 10px; height: 2px; left: 0; top: 9px; background-color: #0d6db4; transform: rotate(90deg); } .service-single-choose .link a, .service-single-choose .link .title { padding-left: 25px; } .service-single-choose .link path { transition: all 0.4s ease; } .service-single-choose .link a { transition: all 0.4s ease; } .service-single-choose .link a:hover { color: #0d6db4; } .service-single-choose .link a:hover path { fill: #0d6db4; } .service-single-choose .right { max-width: 910px; width: 100%; } .service-single-questions { margin-top: 80px; padding: 60px 0; background-color: #0d6db4; color: #fff; } .service-single-questions .container { display: flex; align-items: stretch; justify-content: space-between; } .service-single-questions .left { position: relative; } .service-single-questions .left:before { content: ''; position: absolute; right: 0; bottom: -40px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; filter: contrast(0) grayscale(0) brightness(2); } .service-single-questions .left { max-width: 810px; width: 100%; } .service-single-questions .left .subtitle { font-size: 16px; font-weight: 500; margin-bottom: 40px; } .service-single-questions form { width: 100%; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } .service-single-questions form .form-group { flex: 0 0 calc(50% - 8px); margin-bottom: 20px; } .service-single-questions form input { width: 100%; border: 1px solid #fff; border-radius: 4px; background-color: rgba(255, 255, 255, 0.09); height: 56px; padding-left: 24px; color: #fff; font-size: 15px; font-weight: 500; } .service-single-questions form input::placeholder { color: #fff; opacity: 0.8; } .service-single-questions form input[type='checkbox'] { padding: 0; width: 20px; height: 20px; margin-bottom: 0; flex: unset; } .service-single-questions form input[type='submit'] { padding: 0; width: 260px; height: 56px; border-radius: 6px; background-color: #14a9e1; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; font-size: 15px; flex: unset; border: none; transition: all 0.4s ease; } .service-single-questions form input[type='submit']:hover { opacity: 0.8; } .service-single-questions form p { font-size: 14px; max-width: calc(100% - 30px); } .service-single-questions .main-title { font-size: 24px; font-weight: 700; margin-bottom: 30px; } .service-single-questions .right { max-width: 675px; width: 100%; display: flex; } .service-single-questions .right img { max-width: 245px; margin-right: 25px; object-fit: cover; max-height: 330px; } .service-single-questions .right .title { text-transform: uppercase; font-size: 18px; font-weight: 600; margin-bottom: 15px; padding-top: 50px; } .service-single-questions .right .subtitle { font-size: 15px; margin-bottom: 25px; } .service-single-questions .right p { font-size: 16px; font-weight: 500; } .service-single-calculator .subtitle { font-size: 16px; font-weight: 500; } .service-single-partners { margin: 120px 0; } .service-single-partners p { text-align: center; font-size: 18px; font-weight: 500; max-width: 1090px; margin: 0 auto 50px; color: #4a4a4a; } .service-single-partners .items .item { flex: 0 0 calc(20% - 12px); margin-right: 15px; position: relative; display: flex; align-items: center; justify-content: center; height: 125px; } .service-single-partners .items .item:nth-of-type(5n) { margin-right: 0; } .service-single-partners .items .item img { width: 100%; height: 100%; transition: all 0.4s ease; position: absolute; max-height: 50%; max-width: 50%; } .service-single-partners .items .item img.hovered { opacity: 0; visibility: hidden; } .service-single-partners .items .item-bigger img { max-height: 70%; max-width: 70%; } .service-single-partners .items .item:hover img { opacity: 0; visibility: hidden; } .service-single-partners .items .item:hover img.hovered { opacity: 1; visibility: visible; } .industry-main .container { padding-bottom: 80px; } .industry-main .container:before { content: ''; position: absolute; top: 0; right: -140px; height: 100%; width: 675px; background-color: #0d6db4; } .industry-main .section-subtitle { margin-bottom: 40px; } .industry-main button { padding: 18px 30px; border-radius: 4px; background-color: #0d6db4; color: #fff; font-size: 15px; font-weight: 600; } .industry-main button:hover { opacity: 0.7; } .industry-main .left { max-width: 810px; } .industry-main .main-image-box { max-width: 675px; } .industry-main .main-image-box:before { display: none; } .industry-main .main-image-box:after { bottom: 0; top: -50px; z-index: -1; } .industry-choose { margin: 0; padding-top: 80px; background-color: #fff; } .industry-choose .section-title { z-index: 1; } .industry-choose .items { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } .industry-choose .items .item { flex: 0 0 calc(50% - 75px); margin-bottom: 60px; } .industry-choose .items .item a { display: flex; align-items: center; justify-content: center; border-radius: 8px; margin-bottom: 30px; position: relative; overflow: hidden; } .industry-choose .items .item a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; background: linear-gradient(135deg, #33337c 0%, #1a1a3e 100%); opacity: 0.21; transition: all 0.4s ease; } .industry-choose .items .item a img { width: 100%; height: 100%; border-radius: 8px; } .industry-choose .items .item a span { position: absolute; color: #fff; font-size: 24px; font-weight: 600; z-index: 1; } .industry-choose .items .item a span svg { filter: contrast(0) grayscale(0) brightness(2); position: relative; top: 1px; } .industry-choose .items .item a span.arrow-link { font-size: 15px; bottom: -50px; transition: all 0.4s ease; visibility: hidden; } .industry-choose .items .item a:hover:before { opacity: 0.7; } .industry-choose .items .item a:hover span.arrow-link { bottom: 70px; visibility: visible; } .industry-choose .items .item .mobile-link { display: none; } .industry-choose .items .item p { font-size: 16px; font-weight: 500; margin-bottom: 25px; } .industry-choose .items .item .list-title { font-size: 16px; font-weight: 500; margin-bottom: 15px; } .industry-choose .items .item ul { list-style: none; font-size: 15px; } .industry-choose .items .item ul li { margin-bottom: 10px; padding-left: 15px; position: relative; } .industry-choose .items .item ul li:before { content: ''; position: absolute; top: 6px; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #4390ca; } .industry-info { margin-top: 80px; margin-bottom: 120px; } .industry-info .left { max-width: 810px; } .industry-info .title { font-size: 18px; font-weight: 600; margin-bottom: 30px; line-height: 1.5; } .industry-info p { font-size: 16px; font-weight: 400; } .industry-info .main-image-box { max-width: 675px; } .industry-info .main-image-box:before { display: none; } .industry-single-main .main-image-box:after { bottom: -50px; top: unset; z-index: -1; } .industry-single-develop { padding: 60px 0; background-color: #fff; margin-bottom: 170px; } .industry-single-develop .container:before { content: ''; position: absolute; width: 150px; height: 100px; bottom: -110px; left: 200px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .industry-single-develop img { max-width: 550px; margin-left: 60px; } .industry-single-develop .right { max-width: 810px; } .industry-single-develop .main-title { margin-bottom: 40px; font-size: 24px; font-weight: 600; } .industry-single-develop .title { font-size: 18px; font-weight: 500; margin-bottom: 30px; } .industry-single-develop p { font-size: 16px; } .industry-single-develop .text-box { padding: 40px 0; color: #fff; font-size: 18px; font-weight: 700; background-color: #0d6db4; position: absolute; z-index: 1; bottom: -100px; } .industry-single-develop .text-box:before { content: ''; position: absolute; top: 0; left: -140px; width: calc(100% + 280px); height: 100%; background-color: #0d6db4; z-index: -1; } .industry-single-result { margin-bottom: 100px; } .industry-single-result .section-title { max-width: 675px; } .industry-single-result .items { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } .industry-single-result .items .item { flex: 0 0 calc(33.333% - 80px / 3); margin-bottom: 60px; } .industry-single-result .items .item .img { margin-bottom: 30px; width: 120px; height: 120px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .industry-single-result .items .item .title { font-size: 20px; font-weight: 700; color: #0d6db4; margin-bottom: 25px; } .industry-single-result .items .item p { font-size: 18px; font-weight: 500; } .industry-single-tour { margin-bottom: 160px; } .industry-single-tour .container { width: 100%; background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); padding: 60px; } .industry-single-tour .container:before { content: ''; position: absolute; bottom: 50px; left: 740px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .industry-single-tour .main-title { text-transform: uppercase; font-size: 24px; font-weight: 700; max-width: 750px; margin-bottom: 60px; line-height: 1.5; } .industry-single-tour .main-title .title { text-transform: uppercase; font-size: 24px; font-weight: 700; line-height: 1.5; } .industry-single-tour .links { display: flex; flex-direction: column; align-items: flex-start; } .industry-single-tour .arrow-link { font-size: 16px; font-weight: 600; color: #000; margin-bottom: 25px; display: inline-flex; transition: all 0.4s ease; } .industry-single-tour .arrow-link path { transition: all 0.4s ease; } .industry-single-tour .arrow-link:last-of-type { margin-bottom: 0; } .industry-single-tour .arrow-link:hover { color: #0d6db4; } .industry-single-tour .arrow-link:hover path { fill: #0d6db4; } .industry-single-tour img { position: absolute; height: calc(100% + 80px); top: -40px; right: 60px; width: auto; } .industry-single-interest { margin-bottom: 120px; } .industry-single-news-slider { width: calc(100% + 16px); position: relative; right: 8px; } .industry-single-news-slider article { margin: 0 8px; } .industry-single-news-slider .slick-arrow { top: -70px; } .industry-single-news-slider .slick-arrow.slick-next { right: 8px; } .industry-single-news-slider .slick-arrow.slick-prev { right: 95px; left: unset; } .copyright-bottom, .section-subtitle-tablet, .all-news { display: none; } .preloader-block { position: relative; } .preloader-block:before { content: normal; position: absolute; left: -1%; top: -1%; width: 102%; height: 102%; background-color: rgba(51, 51, 124, 0.05); transition: all 0.4s ease; z-index: 199; } .preloader-block--active:before { content: ''; } .preloading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45px; height: 45px; margin: 0 auto; border: 4px solid #0d6db4; border-radius: 100%; z-index: 200; } .preloading .ball-holder { position: absolute; width: 12px; height: 45px; left: 17px; top: 0px; animation: preloading 1.3s linear infinite; } .preloading .ball { position: absolute; top: -11px; left: 0; width: 16px; height: 16px; border-radius: 100%; background: #0d6db4; } @keyframes preloading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fixed-panel { display: inline-flex; position: fixed; bottom: 16px; right: 16px; flex-direction: column; z-index: 10; transition: opacity .5s, visibility .5s; opacity: 0; visibility: hidden; } .fixed-panel--show { opacity: 1; visibility: visible; } .fixed-panel__button { display: inline-flex; width: 32px; height: 32px; border-radius: 8px; align-items: center; justify-content: center; } .fixed-panel__button:not(:first-of-type) { margin-top: 8px; } .fixed-panel .phone-button { background: #62B5DF; } .fixed-panel .phone-button svg { color: #f7fafc; width: 16px; height: 16px; } .fixed-panel .email-button { background: #0E6DB4; } .fixed-panel .email-button svg { color: #f7fafc; width: 16px; height: 16px; } .fixed-panel .to-top-button { background: #200273; margin-top: 8px; } .fixed-panel .to-top-button svg { color: #f7fafc; width: 16px; height: 16px; } .sla .single-title { margin-top: 90px; } .main__sections-wrap { display: flex; flex-direction: column; } .main-solutions { order: -1; padding: 60px 0; background-color: white; border-radius: 8px; margin-top: 0; } .main-solutions .section-title { max-width: 674px; margin-bottom: 40px; } .main-solutions__content { display: flex; } .main-solutions__content-left { width: calc(4/12 * 100%); position: relative; } .main-solutions__content-left::before { content: ''; position: absolute; right: -24px; bottom: 0; width: 147px; height: 102px; background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .main-solutions__subtitle { font-weight: 500; max-width: 536px; } .main-solutions__content-right { margin-left: auto; margin-right: calc(1/12 * 100%); width: 50%; position: relative; } .main-solutions__content-right::before { content: ''; position: absolute; right: 0; top: -118px; width: 147px; height: 102px; background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .main-solutions .button { width: 260px; height: 56px; border-radius: 4px; background-color: #0d6db4; color: #fff; font-size: 15px; font-weight: 600; display: flex; align-items: center; justify-content: center; margin-top: 32px; position: relative } .main-solutions .button:hover { background-color: #4390ca; } .main-solutions__list-title { margin: 0; } .main-solutions__list { margin-top: 40px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; column-gap: 16px; list-style: none; } .main-solutions__list li { padding-left: 12px; } .main-solutions__list div { font-size: 16px; color: #0d6db4; font-weight: 600; margin-bottom: 16px; position: relative; } .main-solutions__list div::before { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #0d6db4; left: -12px; top: 8px; } .main-solutions__list p { font-size: 16px; font-weight: 500; color: #1a202c; line-height: 1.5; } .service-single-content { margin: 120px 0; } .service-single-content__wrap { display: flex; padding: 80px 0 96px; font-weight: 500; font-size: 15px; position: relative; } .service-single-content__wrap::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -50px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; z-index: 1; } .service-single-content__wrap::after { content: ''; display: block; position: absolute; top: 0; left: -100%; right: 50%; bottom: 0; background-color: #0D6DB4 } .service-single-content__left, .service-single-content__right { width: 50%; flex-shrink: 0; max-width: 674px; } .service-single-content__left { color: white; position: relative; z-index: 1; margin-right: 32px; } .service-single-content__left p { position:relative; } .service-single-content__right { color: black; } .service-single-content__right { margin-left: auto; } .service-single-content__left-title, .service-single-content__right-title { font-size: 18px; font-weight: 700; margin-bottom: 24px; } .service-single-content ul li { position: relative; margin-bottom: 24px; padding-left: 20px; } .service-single-content ul li:last-of-type { margin-bottom: 0; } .service-single-content ul li:before { content: ''; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; border-radius: 50%; background-color: #0d6db4; } .service-single-equipment { margin: 120px 0; } .service-single-equipment__top { background-color: #136FB0; border-radius: 8px; padding: 64px 16px 72px; position: relative; } .service-single-equipment__top::before { content: ''; position: absolute; right: 1694px; top: 32px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; filter: contrast(0) grayscale(0) brightness(2); background-size: contain; z-index: 1; } .service-single-equipment__top::after { content: ''; position: absolute; left: 1694px; bottom: 32px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; filter: contrast(0) grayscale(0) brightness(2); background-size: contain; z-index: 1; } .service-single-equipment__title { font-size: 24px; line-height: 36px; text-transform: uppercase; font-weight: 900; color: white; text-align: center; } .service-single-equipment__top-list { margin-top: 60px; display: flex; justify-content: center; } .service-single-equipment__top-list li { margin-left: 72px; display: flex; flex-direction: column; align-items: center; padding: 24px 24px 36px; background: rgba(255, 255, 255, 0.08); border: 1px solid #FFFFFF; border-radius: 8px; max-width: 400px; width: 33.3%; } .service-single-equipment__top-list li:first-child { margin-left: 0; } .service-single-equipment__top-list li img { margin-bottom: 20px; } .service-single-equipment__top-list li p { font-size: 20px; font-weight: 700; color: white; text-align: center; } .service-single-equipment__bottom { margin-top: 60px; } .service-single-equipment__bottom-list { display: flex; flex-wrap: wrap; } .service-single-equipment__bottom-list li { width: 50%; max-width: 674px; } .service-single-equipment__bottom-list li:nth-child(2n) { margin-left: auto; } .service-single-equipment__bottom-list li:nth-child(n+3) { margin-top: 36px; } .service-single-equipment__item-title { font-size: 18px; font-weight: 700; color: black; margin-bottom: 24px; } .service-single-equipment__item-description { font-weight: 500; font-size: 15px; line-height: 28px; padding-right: 32px; } .subservice-single-content { margin: 60px 0 120px; } .subservice-single-content__wrap { display: flex; font-weight: 500; font-size: 15px; position: relative; } .subservice-single-content__wrap::before { content: ''; position: absolute; right: 0; bottom: -40px; width: 150px; height: 100px; background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; z-index: 1; } .subservice-single-content__left, .subservice-single-content__right { width: 50%; } .subservice-single-content__right { padding: 80px 0 60px 60px; } .subservice-single-content__left-top { background: white; padding: 80px 60px 60px 0; color: #000000; position: relative; } .subservice-single-content__left-top::before { content: ''; position: absolute; left: -100%; right: 100%; top: 0; bottom: 0; background: white; } .subservice-single-content__left-top-wrap { max-width: 674px; margin-right: auto; } .subservice-single-content__left-bottom { background: #0D6DB4; padding: 60px 60px 60px 0; color: white; position: relative; } .subservice-single-content__left-bottom::before { content: ''; position: absolute; left: -100%; right: 100%; top: 0; bottom: 0; background: #0D6DB4; } .subservice-single-content__left-bottom-wrap { max-width: 674px; margin-right: auto; } .subservice-single-content__right-wrap { max-width: 674px; margin-left: auto; } .subservice-single-content__title { font-size: 18px; line-height: 22px; margin-bottom: 24px; font-weight: 700; } .subservice-single-content__left .subservice-single-content__title { margin-top: 32px; } .subservice-single-content__right .subservice-single-content__title { margin-top: 48px; } .subservice-single-content .subservice-single-content__title:first-of-type { margin-top: 0; } .subservice-single-content ul { list-style-type: none; font-size: 15px; font-weight: 500; } .subservice-single-content ul li { position: relative; margin-bottom: 20px; line-height: 1.5; padding-left: 20px; } .subservice-single-content ul li:before { content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #0d6db4; left: 0; top: 8px; } .press-banner { position: relative; display: flex; align-items: center; margin: 32px 0; border-radius: 8px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); overflow: hidden; background-color: white; min-height: 280px; } .press-banner::before { content: ""; width: 272px; height: 100%; position: absolute; right: 0; top: 0; bottom: 0; background: url(/images/press/banners/bg.svg) left center no-repeat; background-size: cover; } .press-banner__content { position: relative; padding: 56px 32px 32px; } .press-banner__content::before { content: ""; position: absolute; width: 92px; height: 64px; background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: cover; right: 48px; bottom: 14px; } .press-banner__title { font-weight: 700; font-size: 24px; line-height: 28px; text-transform: uppercase; color: #000000; font-family: 'Magistral', sans-serif; } .press-banner__description { margin-top: 12px; font-weight: 500; font-size: 16px; line-height: 21px; color: #000000; max-width: 400px; font-family: 'Magistral', sans-serif; } .press-banner a.press-banner__link { display: inline-block; margin-top: 24px; padding: 8px 24px 10px; background-color: #0e6db4; border-radius: 2px; font-weight: 600; font-size: 15px; line-height: 22px; color: #ffffff; text-decoration: none; position: relative; } .press-banner__image { margin-left: auto; position: relative; } .press-banner .press-banner__image img { max-width: 100%; width: 100%; height: auto; margin: 0; } .main-menu .menu-inner--adaptive { display: none; } @media (max-width: 991px) { .sla .single-title { order: 0 !important; } } .sla .single-main .single-text { max-width: none; } .sla .single-main .single-text ul, .sla .single-main .single-text ol { margin-bottom: 40px; } .sla .single-main .single-text ul li, .sla .single-main .single-text ol li { margin-bottom: 12px; } .sla .table-wrap { overflow: auto; min-width: 100%; } .sla table { border: 1px solid black; border-collapse: collapse; background-color: white; margin-top: 24px; margin-bottom: 24px; width: 100%; } .sla .table-blue { text-align: center; } .sla .table-blue th { background-color: #0d6db4; color: white; } .sla thead { background-color: lightgrey; } .sla th { border: 1px solid black; padding: 8px; } .sla td { border: 1px solid black; padding: 8px; } @media (min-width: 1700px) { .modal-window { min-height: auto; } } @media (max-width: 1699px) { .container { max-width: calc(100% - 120px); } .map-section .map-info-block { left: 60px; } .section-title span { left: -45px; } .medium-column { max-width: 690px; } .about-mission .bottom-row:before { left: 28%; } .about-leader .leaders-slider .item p { font-size: 14px; } .large-column { position: relative; z-index: 1; } .main-menu .menu-inner { max-width: 350px; } .leaders-main .container:before { right: -260px; } .mission-quote .info:before { width: calc(100% + 60px); } .about-map .image .pin1 { top: 190px; left: 30px; } .about-map .image .pin2 { top: 270px; left: 65px; } .about-map .image .pin3 { top: 150px; left: 190px; } .about-map .image .pin4 { top: 230px; left: 210px; } .about-map .image .pin5 { top: 180px; left: 270px; } .about-map .image .pin6 { top: 250px; left: 285px; } .about-map .image .pin7 { top: 110px; left: 280px; } .about-map .image .pin8 { top: 120px; left: 370px; } .about-map .image .pin9 { top: 245px; left: 370px; } .about-map .image .pin10 { top: 110px; left: 540px; } .about-map .image .pin11 { top: 245px; left: 535px; } .main-projects .block .left { max-width: 360px; } .main-projects .block .left p { font-size: 15px; } footer .left { padding-left: 60px; } footer .logo { margin-right: 100px; } footer .logo img { width: 200px; } footer .right { padding-right: 60px; padding-left: 25px; } .contacts-map-section .info-block { right: 60px; } .projects-main .container .tab-block .tabs { margin-left: 31px; } .projects-main .container .tab-block .tabs button { margin: 0 10px; font-size: 14px; } .modal-window.modal-projects { max-width: calc(100% - 120px); } .single-main .single-sidebar { max-width: 600px; } .vacancy-single-main .row .list { max-width: 1125px; width: 100%; } .vacancy-single-part .container .right { max-width: 900px; } .career-relax .container:before { left: -60px; width: 930px; } .career-relax-slider .slick-arrow.slick-prev { right: 30vw; } .career-relax-slider .slick-arrow.slick-next { right: 25vw; } } @media (max-width: 1599px) { .main-menu .menu-inner { max-width: 320px; } .map-section .undermap-block { padding-top: 270px; } .conference-slider .item:before { right: -100px; } .main-oncloud .left { margin-right: 110px; } .main-oncloud .container img { max-width: calc(100% - 860px); } .main-about .circles .circle { margin-right: 30px; } .main-news .right { max-width: 980px; } .big-column { max-width: 810px; } .about-mission .bottom-row:before { left: 31%; } .large-column { max-width: 950px; } .about-license .left { max-width: 600px; margin-right: 20px; } .about-map .right { max-width: 625px; } .about-main .section-subtitle { max-width: 630px; } .leaders-main .container:before { right: -350px; } .experts-main .row .item { flex: 0 0 calc(50% - 35px); } .mission-quote .info:after { right: 40px; } .partners-main .tab-block .tab-content { max-width: 630px; } .partners-main .tab-block .tabs { max-width: 700px; } .experts-main .row .item:nth-of-type(2n) { right: 0; } .contacts-main .right .first-column { max-width: 380px; } .contacts-main .right { max-width: 1080px; } .contacts-main .entrance { max-width: 380px; } .error-main .left { max-width: 750px; } .error-main .left .title { font-size: 53px; } .error-main img { max-width: 600px; } .documents-items .item p { max-height: 120px; font-size: 14px; } .documents-items .item .title { font-size: 15px; margin-bottom: 5px; } .single-main .single-sidebar { max-width: 580px; } .single-main .single-text { max-width: 730px; } .vacancy-single-main .row .list { max-width: 1025px; } .vacancy-single-part .container .right { max-width: 820px; } .main-image-box { max-width: 680px; } .service-inner-info .box { max-width: 675px; padding-right: 50px; } .industry-main .main-image-box { max-width: 645px; } .industry-main .left { max-width: 670px; } .industry-info .left { max-width: 670px; } .career-why .right:before { left: -60px; } .career-why .images img { width: 445px; height: 280px; } .career-internship .row .right { max-width: 635px; } .industry-single-develop img { margin-left: 0; max-width: 500px; } .industry-single-develop .right { max-width: 760px; } .industry-single-develop .text-box { line-height: 1.5; padding: 30px 20px; position: static; margin-top: 30px; } .industry-single-tour .main-title { max-width: 670px; font-size: 22px; } .service-single-info .right { max-width: 700px; } .service-single-benefit ul.small { max-width: 650px; padding-right: 20px; } .service-single-choose .right { max-width: 750px; } .service-single-questions .left { max-width: 650px; } .service-single-info .left { max-width: 545px; } .service-single-main .container:before { width: 700px; } .map-section .undermap-block .container { justify-content: flex-start; } .map-section .undermap-block .container:before { top: -90px; left: unset; right: -20px; } } @media (max-width: 1499px) { .main-menu .menu-inner { max-width: 270px; margin-right: 35px; } .conference-slider .item:before { right: -180px; } .main-about .circles .circle { width: 160px; height: 160px; margin-right: 30px; } .main-about .circles .circle .info .title { font-size: 48px; } .main-about .circles .circle .info p { font-size: 14px; } .conference-slider .item .image { right: 120px; } .main-about .container-top .left { max-width: 550px; } .main-about .container-bottom .wrap .item { width: 230px; padding: 20px; } .main-about .container-bottom .right { max-width: 700px; } .main-help .form-block { max-width: 700px; } .main-help .form-block form .checkbox-wrap { align-items: flex-start; } .main-news .right { max-width: 810px; } article .title { font-size: 17px; } footer .logo { margin-right: 60px; } footer .logo img { max-width: 180px; } footer .left .top nav ul li:nth-of-type(2n - 1) { margin-right: 50px; } footer .right { padding-left: 35px; padding-right: 60px; } footer .right form input[type='tel'], footer .right form input[type='submit'] { padding-left: 15px; } footer .left .top { padding-right: 0; padding-bottom: 55px; } .main .title { font-size: 50px; } #particle-slider { transform: scale(0.9) translateX(40px); } .video-box { max-width: 600px; height: auto; } .about-main .section-subtitle { max-width: 580px; } .medium-column { max-width: 650px; } .about-map .medium-column { max-width: 690px; } .about-description img { padding-right: 0; max-width: 500px; } .about-map .right { max-width: 480px; } .about-map .container:before { bottom: -20px; } .big-column { max-width: 730px; } .about-mission .top-row .left { max-width: 450px; } .about-mission .top-row .right .blocks .item { padding-top: 40px; padding-left: 30px; } .about-mission .top-row .right .blocks .item p { font-size: 14px; } .large-column { max-width: 810px; } .about-why .tab-block .tab-content { padding: 48px 50px; } .about-why .tab-block .tab-content img { margin-right: 40px; } .about-why .tab-block .tabs { max-width: 490px; } .about-why .tab-block .tabs button .text { max-width: 280px; } .about-license .sertificate-slider .item .title { margin-top: 25px; } .leaders-main .container:before { right: -500px; } .leaders-team .item img { width: 185px; } .modal-window { max-width: 94%; } .mission-main .container:before { right: -260px; } .mission-phylosophy .medium-column { max-width: 600px; } .mission-quote .info { padding-left: 80px; } .mission-quote img { max-width: 640px; height: 610px; } .mission-quote .info:before { width: 100vw; } .mission-quote .info:after { right: -110px; bottom: 40px; } .mission-principles .container:after { right: 80px; } .main-projects .tabs button.tab { font-size: 15px; margin: 0 10px; } .partners-main .tab-block .tab-content { max-width: 550px; } .partners-main .tab-block .tabs { max-width: 620px; } .partners-main .tab-block .tab-content .image-row a { padding-right: 0; } .partners-main .tab-block .tabs button img { max-width: 80%; } .contacts-main .right { max-width: 950px; } .contacts-main .right .first-column { max-width: 360px; margin-right: 30px; } .contacts-main .right .second-column { margin-right: 120px; } .contacts-main .entrance { max-width: 360px; margin-right: 30px; } .error-main .left { max-width: 650px; } .error-main img { max-width: 500px; } .error-main .left .title { font-size: 46px; } .error-main .left .subtitle { font-size: 22px; } .license-main .tab-content .big-column { max-width: 650px; } .license-main .tab-content .left { max-width: 490px; } .documents-items .item p { max-height: unset; } .projects-main .sector:before { right: -140px; } .projects-main .container .tab-block .tabs button { margin: 0 5px; font-size: 13px; } .projects-main .container .tab-block .tabs { margin-left: 25px; } .modal-window.modal-projects .left { max-width: 490px; padding-right: 30px; } .modal-window.modal-projects .right { width: calc(100% - 450px); padding-left: 30px; } .archive-main .archive-right { max-width: 950px; } .materials-wrapper .items .item .info { max-width: calc(100% - 100px); } .single-main .single-sidebar { max-width: 520px; } .single-main .single-text { max-width: 650px; } .single-main .single-sidebar .latest-news .new { align-items: flex-start; } .main-image-box { max-width: 660px; } .vacancy-items .items .item { padding: 30px; } .vacancy-items .items .item .title-row .title { font-size: 16px; max-width: calc(100% - 60px); } .vacancy-interest .container:before { left: unset; right: 0; top: 0; } .vacancy-find .container .title { margin-bottom: 50px; line-height: 1.5; } .vacancy-find .container:before { top: 10px; left: unset; right: 100px; } .vacancy-single-main .row .list { max-width: 900px; } .vacancy-single-part .container .left { max-width: 400px; } .service-main .left { max-width: 610px; } .main-image-box { max-width: 590px; } .service-inner-main .left { max-width: 575px; } .service-inner-info .box { max-width: 555px; } .service-inner-info .right, .service-inner-info .left { max-width: 555px; } .industry-main .main-image-box { max-width: 595px; } .industry-main .left { max-width: 570px; } .industry-choose .items .item { flex: 0 0 calc(50% - 40px); } .career-internship .row .right { max-width: 575px; } .career-internship .row .left { max-width: 550px; } .career-corp .right { padding: 30px; max-width: 525px; } .career-corp .items .item p { font-size: 14px; } .career-corp .items .item a { margin-top: 66px; font-size: 14px; } .career-corp .subcaption { font-size: 22px; } .career-relax .section-title { max-width: 600px; } .career-relax .section-subtitle { max-width: 675px; } .career-relax .container:before { width: 750px; } .career-relax-slider .slick-arrow.slick-prev { right: 29vw; } .career-relax-slider .slick-arrow.slick-next { right: 22vw; } .career-wait .container .left { max-width: 535px; } .career-why .right { max-width: 500px; } .career-main .left { max-width: 550px; } .industry-single-develop img { max-width: 450px; } .industry-single-develop .right { max-width: 720px; } .industry-single-tour img { height: calc(100% + 40px); top: -20px; right: 20px; } .industry-single-tour .main-title { max-width: 610px; font-size: 20px; } .service-single-main .left { max-width: 635px; } .service-single-info .left { max-width: 495px; } .service-single-info .left img { max-width: 100%; } .service-single-choose .left { max-width: 520px; } .service-single-choose .right { max-width: 660px; } .service-single-questions .right { max-width: 545px; } .service-single-main .container:before { width: 615px; } .header__support { font-size: 15px; } .header__time { font-size: 15px; margin: 0 24px; } header .tel { font-size: 15px; } header .callback-btn { font-size: 15px; margin: 0 24px; } } .projects-main .dropdown-block { display: none; } @media (max-width: 1349px) { #particle-slider { width: 600px; transform: scale(1) translateX(0px); right: 0; } .container { max-width: calc(100% - 80px); } .slick-prev { left: -15px; } .slick-next { right: -15px; } footer { flex-direction: column; } .conference-slider .item { padding: 40px; } .conference-slider .item .title { max-width: 500px; } .conference-slider .item:before { display: none; } .conference-slider .item .image { right: 50px; max-height: 80%; } .conference-slider .item:after { display: none; } .section-title span { left: -30px; } .main-services-items .item { flex: 0 0 calc(33.33% - 45px / 4); margin-right: calc(45px / 3); } .main-services-items .item:nth-of-type(3n) { margin-right: 0; } .main-services-items { justify-content: flex-start; } .main-oncloud .container img { max-width: 500px; margin: 50px auto 0; } .main-about .circles { margin-top: 50px; } .main-about .container-top .left { max-width: 80%; } .main-about .circles .circle { width: 200px; height: 200px; margin-right: 50px; } .main-about .container-bottom .wrap { flex-direction: row; margin-right: 0; } .main-about .container-bottom .wrap .item { margin-bottom: 0; margin-right: 15px; } .main-about .container-bottom .left { margin-bottom: 50px; } .main-about .container-bottom .right { max-width: 100%; } .main-about .container-bottom .right .list div { flex: 0 0 calc(50% - 40px); } .main-partners .partners .item { flex: 0 0 25%; } .main-help .container:before { left: unset; right: 20px; bottom: unset; top: 5px; } .main-help .form-block { max-width: 840px; } .main-news .right { max-width: 100%; } .main-news .right .news-slider { margin-top: 50px; } .main-news .right .news-slider .slick-prev, .main-news .right .news-slider .slick-next { top: -40px; } .map-section .map-info-block { left: 40px; } .remember-block { margin-left: 50px; } footer .left { width: 100%; padding-left: 40px; } footer .left .top { border-bottom: none; padding-bottom: 0; } footer .left .bottom { display: none; } footer .right { width: 100%; } footer .right form { max-width: 810px; } .main .title { position: relative; z-index: 2; } .main-menu .menu-inner { margin-right: 34px; } footer .logo { margin-right: 80px; } footer .left .top nav ul li:nth-of-type(2n - 1) { margin-right: 70px; } .about-main .container:before { display: none; } .about-main .section-subtitle { max-width: 780px; margin-bottom: 40px; } .about-main .container { padding-bottom: 80px; } .about-main .container:after { display: none; } .about-description img { max-width: 380px; } .about-description .medium-column { max-width: 500px; } .about-map .right { max-width: 680px; margin-top: 50px; } .about-mission .top-row, .about-mission .bottom-row { flex-wrap: wrap; } .about-mission .top-row .right { margin-top: 50px; } .big-column { max-width: 920px; } .about-mission .bottom-row:before { display: none; } /* .about-leader{max-height:600px} */ .about-leader .left { max-width: 650px; } .about-leader .medium-column { margin-top: 40px; } .medium-column { max-width: 710px; } .about-experts .container:before { display: none; } .large-column { max-width: 100%; } .about-why .tab-block { flex-wrap: wrap; } .about-why .tab-block .big-column { min-height: 200px; margin-top: 25px; } .about-license .row { flex-wrap: wrap; } .about-license { max-height: 1160px; margin-bottom: 190px; } .about-license .left { max-width: 652px; margin-bottom: 50px; } .about-license .bordered-button { max-width: 260px; margin: 120px auto 0; /* background-color: #0d6db4; color: #fff; border-color: #0d6db4; */ } .about-license .bordered-button:hover { opacity: 0.7; } .leaders-team .item { flex: 0 0 calc(50% - 20px); } .leaders-main .container:before { display: none; } .experts-main .container:before { top: 40px; } .experts-main .row .item { flex: 0 0 calc(50% - 15px); } .experts-main .row .item img { width: 175px; height: 290px; } .modal-window .row img { max-width: 290px; height: 400px; } .modal-window .row ul.arrow { padding-right: 30px; } .mission-main .container:before { right: -60px; width: calc(100% + 120px); max-height: 440px; bottom: 0; top: unset; } .mission-main .container { padding-top: 120px; padding-bottom: 500px; } .mission-main .container:after { display: none; } .mission-main .medium-column { max-width: 770px; } .mission-description .large-column { max-width: 560px; } .mission-phylosophy .medium-column { max-width: 100%; } .mission-phylosophy img { margin-top: 50px; } .mission-quote .info { padding-left: 30px; width: 510px; } .mission-quote img { max-width: 540px; height: 510px; } .mission-principles .container:before { display: none; } .mission-principles .row .item p { max-width: 360px; } .mission-principles .row .item { margin-bottom: 40px; } .main-projects .block .left { max-width: 550px; margin-bottom: 60px; } .main-projects .block .left .title { margin-bottom: 35px; } .main-projects .block .left p { margin-bottom: 25px; } .main-projects .tabs button.tab { font-size: 16px; } .main-projects .container:before { bottom: -80px; left: -50px; } .partners-main .tab-block .tabs button { flex: 0 0 calc(50% - 20px); margin-bottom: 16px; } .partners-main .tab-block .tab-content { max-width: 490px; } .partners-main .tab-block .tabs { padding: 30px 30px 30px 0; } .partners-main .tab-block { align-items: flex-start; } .partners-main .tab-block .tabs { max-width: 370px; } .partners-main .tab-block .tab-content .image-row img { width: 220px; } .partners-main .medium-column { max-width: 650px; } .search-block .container form input[type='submit'] { width: 150px; } .search-block .container form input { width: calc(100% - 170px); } .contacts-main .right { max-width: 100%; } .error-main img { margin-bottom: 50px; } .error-main .container { flex-direction: column-reverse; align-items: flex-start; } .error-main { padding-top: 160px; padding-bottom: 120px; } .license-main .tabs button { font-size: 20px; } .license-main .tab-content .left { max-width: 380px; } .license-main .tab-content .left p { font-size: 16px; } .license-main .tab-content .big-column { max-width: 480px; } .license-main .tab-content ul { font-size: 15px; } .documents-items .item img { max-width: 180px; margin-right: 10px; } .documents-items.license .item .title { margin-bottom: 30px; } .documents-items .item { flex: 0 0 calc(50% - 10px); margin-right: 0; } .projects-items .item { flex: 0 0 calc(50% - 30px); } .projects-main .container .tab-block .slick-arrow { display: none; } .projects-main .mobile-row { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; position: relative; } .projects-main .dropdown-block { display: flex; width: 325px; align-items: center; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid #e4e6eb; cursor: pointer; margin-bottom: 25px; } .projects-main .dropdown-block p { font-size: 15px; font-weight: 500; color: #4a4a4a; } .projects-main .tabs { position: absolute; top: 35px; opacity: 0; visibility: hidden; background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); display: flex; flex-direction: column; align-items: flex-start; padding: 25px; z-index: 1; transition: all 0.4s ease; } .projects-main .tabs.active { opacity: 1; visibility: visible; } .projects-main .container .tab-block .tabs button { font-size: 15px; font-weight: 500; padding-bottom: 0; margin-bottom: 25px; text-align: left; } .projects-main .container .tab-block .tabs button:last-of-type { margin-bottom: 0; } .projects-main .container .tab-block .tabs { margin-left: 0; width: 325px; } .projects-main .filters .apply-btn { width: 210px; height: 44px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; font-weight: 600; border-radius: 4px; background-color: #0d6db4; margin-top: 20px; } .projects-main .filters .filter-title .title svg { display: block; } .projects-main .filters .filter-title button { display: none; } .projects-main .filters .filter-title .title { font-size: 15px; font-weight: 500; } .projects-main .filters form .form-title { display: block; } .projects-main .filters form { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 80px); background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); padding: 30px; flex-direction: column; align-items: flex-start; z-index: 9999; transition: all 0.4s ease; opacity: 0; visibility: hidden; max-height: 100vh; flex-wrap: nowrap; } .projects-main .filters form.active { opacity: 1; visibility: visible; } .projects-main .filters form .line:last-of-type { margin-bottom: 0; } .projects-main .filters form .cross { position: absolute; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; top: -14px; right: -14px; border-radius: 50%; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); cursor: pointer; } .projects-main .filters form .cross span { position: absolute; width: 14px; height: 2px; background-color: #000; } .projects-main .filters form .cross span:first-of-type { transform: rotate(45deg); } .projects-main .filters form .cross span:last-of-type { transform: rotate(-45deg); } .projects-main .filters form .wrap { overflow-y: auto; } .projects-main .filters { margin-top: 0; margin-bottom: 0; } .projects-main .filters .filter-title { margin-bottom: 0; cursor: pointer; } .projects-main .container .tab-block button.clear-filter.tablet { display: block; margin-top: 15px; } .modal-window.modal-projects .right:before { display: none; } .modal-window.modal-projects .right .block { flex-direction: column; } .modal-window.modal-projects .right .block .main-title { margin-bottom: 15px; margin-right: 0; } .modal-window.modal-projects .right .title { font-size: 24px; margin-bottom: 90px; } .archive-main aside { padding-bottom: 150px; } .archive-main .archive-right { max-width: 820px; } .archive-contacts { padding: 30px; } .archive-contacts .title, .archive-contacts a { font-size: 22px; } .single-main .single-sidebar { max-width: 470px; } .single-main .single-text { max-width: 600px; } .vacancy-main .container .left { max-width: 450px; padding-top: 40px; } .main-image-box { max-width: 610px; } .vacancy-single-main .row { flex-direction: column; } .vacancy-single-main .row .title { margin-bottom: 15px; } .vacancy-single-main .container .title::before, .vacancy-single-main .container .title::after { display: none; } .vacancy-single-main .row { margin-bottom: 30px; } .vacancy-single-part .container { flex-direction: column; align-items: flex-start; } .vacancy-single-part .container .right { padding-top: 45px; } .vacancy-single-part .container:before { display: none; } .vacancy-single-part .container .left { max-width: 600px; } .modal-window.modal-form .inner img { max-width: 340px; position: relative; right: -40px; } .modal-window.modal-form .inner .form-img { margin-right: 20px; } .service-inner-main .left { max-width: 700px; } .service-inner-items { margin-top: 80px; } .service-inner-info .row { flex-direction: column; margin-bottom: 80px; } .service-inner-info .box { max-width: 100%; background-color: transparent; padding: 0; margin: 0; } .service-inner-info .box:before, .service-inner-info .box:after { display: none; } .service-inner-info { margin-top: 80px; } .service-inner-info .row.center .right { padding-top: 0; } .service-inner-info .row .right { padding-top: 0; margin-top: 50px; } .service-inner-info .title { margin-bottom: 20px; } .service-inner-info .right, .service-inner-info .left { max-width: 100%; } .industry-main .container:before { display: none; } .industry-main .left { max-width: 930px; } .industry-choose .items .item a span { font-size: 20px; } .industry-choose .items .item a:hover span.arrow-link { bottom: 40px; } .career-main .container:before { display: none; } .career-main .left { max-width: 750px; } .video-box { margin-top: 35px; } .career-main .container { padding-bottom: 0; } .career-why { padding: 80px 0 55px; } .career-why .right:before { display: none; } .career-why .right .hidden-text { display: none; } .career-why .right { padding-top: 0; } .career-why .text { max-height: unset; overflow: visible; } .career-why .right { max-width: 100%; } .career-wait .container:before { display: none; } .career-wait .right { padding-top: 0; } .career-wait .container { flex-direction: column; align-items: flex-start; } .career-wait .career-wait-button { margin-top: 25px; } .career-internship .row { flex-direction: column; align-items: flex-start; } .career-internship .row .left { max-width: 790px; margin-bottom: 40px; } .career-internship .row .right { max-width: 775px; } .career-corp .right { position: relative; } .career-corp .corp-img { max-width: 100%; } .career-corp .subcaption { max-width: 775px; margin-bottom: 60px; } .career-corp .right { max-width: 100%; } .career-corp .items { justify-content: flex-start; } .career-corp .items .item { flex: 0 0 calc(50% - 50px); } .career-relax { margin-top: 0; } .career-relax .container:before { display: none; } .career-relax .section-title { padding-top: 0; max-width: 100%; } .industry-single-main .main-image-box { margin-top: 40px; } .industry-single-develop img { display: none; } .industry-single-develop .text-box { position: relative; bottom: 0; margin-top: 60px; } .industry-single-develop .text-box:before { left: -40px; } .industry-single-develop .container:before { display: none; } .industry-single-develop { padding-bottom: 0; margin-bottom: 80px; } .industry-single-result { margin-top: 80px; margin-bottom: 40px; } .industry-single-result .items .item { flex: 0 0 calc(50% - 25px); margin-bottom: 60px; } .industry-single-tour img { display: none; } .industry-single-tour { margin-bottom: 80px; } .service-single-main .container:before { display: none; } .service-single-main .left { max-width: 835px; } .service-single-main .main-image-box { margin-top: 40px; } .service-single-info .tab-block .tabs button { font-size: 16px; margin-right: 30px; } .service-single-info .right { max-width: 530px; } .service-single-info .left { max-width: 320px; } .service-single-info--quality .right { max-width: 700px; } .service-single-benefit ul.small { max-width: 450px; } .service-single-benefit ul.big { max-width: 440px; } .service-single-parametr .row .item span span { font-size: 24px; } .service-single-parametr .row .item span { font-size: 32px; margin-right: 15px; } .service-single-parametr .row .item p { font-size: 15px; } .service-single-preference .items .item { flex: 0 0 calc(50% - 15px); } .service-single-choose .right { max-width: 770px; margin-top: 50px; } .service-single-questions .left { margin-bottom: 20px; max-width: 720px; } .service-single-questions .right { max-width: 620px; } } @media (max-width: 1295px) { .main-menu .menu-inner--1 { order: 1; } .main-menu .menu-inner--2 { order: 2; } .main-menu .menu-inner--banner { order: 3; } .main-menu .menu-inner--3 { order: 4; } .main-menu .menu-inner--4 { order: 5; } .main-menu .menu-inner--5 { order: 6; } .main-menu .menu-inner--6 { order: 7; } .main-menu .menu-inner--7 { order: 8; } } @media (max-width: 1280px) { .header__support { display: none; } .header__time { display: none; } } @media (max-width: 1199px) { .modal-window.modal-projects .line { flex-direction: column; } .modal-window.modal-projects .left:before { display: none; } .modal-window.modal-projects .right, .modal-window.modal-projects .line, .modal-window.modal-projects { background-color: #fff; } .modal-window.modal-projects .left, .modal-window.modal-projects .right { max-width: 100%; width: 100%; padding-right: 0; padding-left: 0; } .modal-window.modal-projects .left .annotation-title-mobile { display: block; font-size: 20px; margin-bottom: 40px; color: #4390ca; font-weight: 700; position: relative; z-index: 1; } .modal-window.modal-projects .right .title { display: none; } .modal-window.modal-projects { padding: 65px 40px 40px; } .modal-window.modal-projects .left .subtitle { margin-bottom: 30px; } .modal-window.modal-projects .left .main-title { margin-bottom: 15px; margin-top: 30px; } .modal-window.modal-projects .line ul li { line-height: 1.5; } .modal-window.modal-projects .right .block:last-of-type { margin-bottom: 0; } .archive-main .archive-right { max-width: 660px; } .materials-wrapper .items .item .icon { min-height: 45px; min-width: 45px; margin-right: 8px; } .materials-wrapper .items .item .icon svg { width: 18px; } .materials-wrapper .items .item .info { max-width: calc(100% - 60px); } .materials-wrapper .items .item { align-items: flex-start; } .archive-contacts .title, .archive-contacts a { font-size: 18px; } .single-main .single-sidebar { display: none; } .single-main .single-text { max-width: 100%; } .single-title { font-size: 27px; margin-bottom: 60px; } .main-image-box { margin-top: 20px; } .main-image-box:after { display: none; } .vacancy-main { margin-bottom: 60px; } .vacancy-items .title { margin-bottom: 40px; } .vacancy-items .items .item { flex: 0 0 calc(50% - 8px); } .service-single-info--quality .container { display: block; } .service-single-info--quality .left { margin-bottom: 30px; display: block !important; } .service-single-info--quality .left, .service-single-info--quality .right { max-width: 100%; } .reviews-slider { max-width: 90%; } .review-item { max-width: 700px; } .main-solutions__content { display: block; } .main-solutions__content-left { width: 100%; } .main-solutions__content-right { width: 100%; margin: 40px 0 0; } .main-solutions__content-right::before { content: none; } } .service-inner-info .show-more { display: none; } @media (max-width: 991px) { #particle-slider { width: 600px; right: calc(50% - 300px); top: calc(50% - 56vh); transform: scale(0.85) translateX(0px); } header .switcher { display: none; } .main { height: 1024px; } .main .title { padding-top: 600px; text-align: center; z-index: unset; font-size: 36px; } .main .line .container { justify-content: center; } .main .line .socials, .main .line .language { display: none; } .conference-slider .item { padding: 25px; } .conference-slider .item .title { max-width: 320px; font-size: 16px; line-height: 1.5; margin-bottom: 25px; } .conference-slider .item ul { font-size: 14px; max-width: 300px; } .conference-slider .item ul li { margin-bottom: 15px; } ul.checked { margin-bottom: 25px; } .conference-slider .item .image { max-height: 75%; } .main-slider .container:before { display: none; } .section { margin: 80px 0; } .section--project { margin-bottom: 50px; } .main-slider { margin: 80px 0; } .section-title span, .main-services .container:before, .main-services .container:after { display: none; } .section-title { margin-bottom: 40px; font-size: 24px; } .section-title .title { font-size: 24px; } .main-services-items .item img { display: none; } .main-services-items .item { flex: 0 0 calc(50% - 8px); margin-right: 0; } .main-services-items { justify-content: space-between; } .main-services-items .item .title { margin-top: 0; margin-bottom: 15px; } .main-services-items .item .arrow-link { color: #0d6db4; } .main-oncloud .left { display: flex; flex-direction: column; align-items: center; margin-right: 0; width: 100%; } .section-subtitle { font-size: 16px; text-align: center; } .main-oncloud .section-subtitle { max-width: 520px; } .main-oncloud .section-title svg { right: -60px; } .main-oncloud .section-title { margin-left: -50px; } .main-oncloud ul { display: none; } .main-oncloud .container img { max-width: 340px; margin: -50px auto 0; height: auto; } .main-oncloud .button { position: relative; top: 265px; } .main-oncloud { padding-bottom: 160px; } .main-partners .section-partners-title { margin-bottom: 40px; } .main-partners .partners .item { flex: 0 0 calc(25% - 45px / 4); background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); position: relative; } .main-partners .partners .item:nth-of-type(n + 9) { display: none; } .main-partners .partners .item img { max-width: 75%; max-height: 58%; display: none; } .main-partners .partners .item img.hovered { display: block; opacity: 1; visibility: visible; } .main-partners .button { background-color: #0d6db4; color: #fff; border-color: #0d6db4; } .main-partners .button:hover { opacity: 0.7; } .main-help .form-block .title { font-size: 20px; max-width: 50%; line-height: 1.5; margin-bottom: 30px; } .main-help .form-block form input[type='submit'] { width: calc(50% - 8px); margin-bottom: 0; } .main-help { padding: 60px 0; } .main-help .form-block form .checkbox-wrap p { max-width: calc(100% - 35px); } .main-news .left p { display: none; } .main-news .bordered-button { display: none; } .main-news .right .news-slider { margin-top: 0; } .main-news .right .news-slider .slick-prev, .main-news .right .news-slider .slick-next { top: -60px; } .main-news .right .news-slider { width: calc(100% + 16px); position: relative; right: 8px; } .main-news .right .news-slider .slick-next { right: 8px; } .main-news .right .news-slider .slick-prev { right: 70px; } .main-news .container:before { display: none; } .map-section .map-info-block { padding: 32px 85px 7px 25px; top: 45px; } .map-section .map-info-block .section-title { font-size: 20px; margin-bottom: 25px; } .map-section .map-info-block .section-title .title { font-size: 20px; } .map-section .map-info-block .label { font-size: 13px; font-weight: 500; margin-bottom: 8px; } .map-section .map-info-block .text { font-size: 18px; max-width: 220px; } .map-section .map-block { height: 340px; } .map-section .undermap-block { padding-top: 220px; } .map-section .undermap-block .info .title { font-size: 18px; } .map-section .undermap-block .info ul { font-size: 14px; } .map-section .undermap-block .info { max-width: 335px; } .remember-block { margin-left: 15px; max-width: 335px; padding: 15px; margin-top: 50px; } .remember-block p { font-size: 14px; } .remember-block svg { margin-right: 15px; } .map-section .undermap-block .container { align-items: flex-start; } .map-section .undermap-block .container:before { top: unset; bottom: -20px; } .map-section { margin-bottom: 0; } footer .left { padding-top: 45px; padding-right: 40px; } footer .left .top { flex-wrap: wrap; } footer .left .top nav ul { margin-top: 25px; max-width: 100%; justify-content: space-between; } footer .left .top nav ul li:nth-of-type(2n - 1) { margin-right: 0; } footer .left .top nav ul li { flex: 0 0 calc(50% - 8px); } footer .right { background-color: #2b2a29; padding-right: 40px; } footer .right .title { margin-bottom: 25px; } footer .right form { max-width: 100%; } footer .right form .checkbox-wrap { margin-bottom: 40px; } footer .right .socials { margin-left: 210px; } footer .right .socials-wrapper { border: none; } .footer-bottom { display: flex; align-items: stretch; justify-content: space-between; } .copyright-bottom { display: flex; flex-direction: column; font-size: 14px; flex: 0 0 calc(50% - 20px); } .copyright-bottom p { margin-bottom: 15px; } .copyright-bottom a { font-size: 14px; color: rgba(255, 255, 255, 0.6); } footer .right .developing { padding-top: 3px; flex-direction: column; flex: 0 0 calc(50% - 8px); align-items: flex-start; } footer .right .developing img { margin-left: 0; margin-top: 8px; } .main-about { margin-bottom: 50px; } .main-about .section-subtitle { text-align: left; display: none; } .main-about .section-subtitle-tablet { display: block; } .main-about .container-top:before { display: none; } .main-about .container-top .left { max-width: 85%; } .main-about .container-top .left p { display: none; } .main-about .circles { margin-top: 40px; } .main-about .container-bottom .left { order: -1; margin-bottom: 0; } .main-about .container-bottom .wrap .item { width: 220px; justify-content: flex-end; } .main-about .container-bottom .right .title { text-align: center; margin-top: 40px; } .main-about .container-bottom .right .list div { flex: 0 0 100%; margin-bottom: 0; } .main-about .container-bottom .right { margin: auto; } .main-about .container-bottom .right .list { max-width: 515px; margin: 0 auto; width: 100%; justify-content: center; } .main-about .container-bottom .right .list .list-title { text-align: center; font-size: 20px; margin-bottom: 25px; } .main-about .container-bottom .right .list p { text-align: center; color: rgba(43, 42, 41, 0.8); } .main-about .container-bottom .right .list .list-title:before { display: none; } .main-about .list .slick-prev, .main-about .list .slick-next { top: 11%; filter: none; } .main-about .list .slick-prev:hover, .main-about .list .slick-next:hover { opacity: 0.7; } .main-about .list .slick-next { right: 60px; } .main-about .list .slick-prev { left: 60px; } .main-projects { margin-top: 50px; padding-bottom: 60px; } article .title { font-size: 16px; line-height: 1.5; } article p { max-height: 75px; overflow: hidden; } .header__support { font-size: 16px; } .header__time { font-size: 16px; margin: 0 24px; } header .callback-btn { font-size: 16px; margin: 0 24px; } header .search { margin: 0 24px 0 0; } .main-menu { padding-bottom: 100px; } .main-menu .title { margin-bottom: 0; display: inline-flex; align-items: center; font-size: 24px; transition: all 0.4s ease; cursor: pointer; } .main-menu .title:hover { color: #0d6db4; } .main-menu .title:before { display: none; } .main-menu .search { display: block; margin-bottom: 40px; margin-top: 40px; } .main-menu .search .wrap { display: flex; align-items: flex-end; } .main-menu .search .wrap input { background-color: transparent; margin-left: 15px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); width: 210px; } .main-menu .additional { margin-top: 120px; display: flex; flex-direction: column; margin-left: 40px; transition: all 0.4s ease; } .main-menu .additional.hidden { opacity: 0; visibility: hidden; } .main-menu .additional a.tel { font-size: 24px; font-weight: 600; color: #000; } .main-menu .additional .socials { margin-top: 25px; display: flex; align-items: flex-start; } .main-menu .additional .socials a { margin-right: 15px; } .main-menu div.title:after { content: ''; position: absolute; right: -20px; width: 8px; height: 14px; top: calc(50% - 8px); background: url(/images/menu-arrow.svg) center center no-repeat; background-size: contain; } .main-menu .menu-inner { max-width: 100%; margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 35px; } .main-menu .menu-inner > a.adaptive-hidden { display: none; } .main-menu .menu-inner .submenu-button-wrap { display: flex; align-items: center; justify-content: space-between; width: 100%; } .main-menu .menu-inner .submenu-button { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; } .main-menu .menu-inner .submenu-button svg { width: 8px; height: 14px; } .main-menu .submenu-button span { color: #000; } .main-menu .menu-inner nav { position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 100; height: 100%; visibility: hidden; transform: translateX(-120%); transition: all 0.4s ease; height: 550px; overflow: auto; } .main-menu .menu-inner nav.active { visibility: visible; transform: translateX(0%); } .main-menu .menu-inner nav ul a { font-size: 18px; font-weight: 600; color: #000; margin-bottom: 25px; } .main-menu .menu-inner nav ul a:hover { color: #0d6db4; } .main-menu .menu-inner nav ul a.active { padding-left: 0; } .main-menu .menu-inner nav ul a.active:before { display: none; } .main-menu .menu-inner .back-li { display: flex; font-size: 20px; font-weight: 600; position: sticky; top: 0; padding: 10px 0 10px 25px; background-color: #fff; align-items: center; margin-bottom: 30px; color: rgba(0, 0, 0, 0.7); z-index: 10; cursor: pointer; } .main-menu .menu-inner .back-li:before { content: ''; width: 8px; height: 14px; position: absolute; left: 0; background: url(/images/menu-arrow.svg) center center no-repeat; background-size: contain; transform: rotate(180deg); } .main-menu .menu-inner .back-li { opacity: 0.7; } .main-menu.submenu-opened .search { display: none; } .main-menu.submenu-opened .menu-inner { display: none; } .main-menu.submenu-opened .menu-inner.opened { display: flex; } .menu-inner.opened .title, .menu-inner.opened .submenu-button { display: none; } .menu-inner.opened nav { position: static; transform: none; height: auto; visibility: visible; } .about-main .container { padding-top: 0; padding-bottom: 0; } .about-main .section-subtitle { text-align: left; max-width: 100%; } .video-box { max-width: 100%; max-height: unset; } .video-box a { width: 100%; } .about-description .container { flex-direction: column-reverse; align-items: center; } .about-description img { max-width: 440px; margin-bottom: 60px; } .about-description .medium-column p { text-align: center; } .about-description .medium-column p.bold { font-size: 16px; text-align: center; padding-bottom: 15px; border: none; } .about-description .medium-column p.bold:before { content: ''; position: absolute; width: 160px; height: 1px; bottom: 45px; background-color: #e4e6eb; left: calc(50% - 80px); } .about-description .medium-column { max-width: 100%; } .about-description { padding-bottom: 60px; } .about-map .medium-column { margin-left: auto; margin-right: auto; } .about-map p { display: none; } .about-map p.bold { font-size: 16px; text-align: center; display: block; margin-bottom: 0; } .about-map .right { max-width: 100%; } .about-map .container:before { display: none; } .about-map { padding-bottom: 60px; } .about-mission .top-row .left { max-width: 100%; } .about-mission .top-row .left .section-subtitle { text-align: left; margin-bottom: 25px; } .about-mission .top-row .right { margin-top: 40px; width: calc(100% + 80px); max-width: calc(100% + 80px); position: relative; right: 40px; } .about-mission .top-row .right .blocks .item { display: flex; flex-direction: column; justify-content: center; max-width: calc(55% / 2); padding-right: 5px; padding-left: 40px; } .about-mission .top-row .right .blocks .item:first-of-type { max-width: 45%; } .about-mission .top-row .right .blocks .item .title { font-size: 32px; } .about-mission .top-row .right .blocks .item.active .title { font-size: 64px; } .about-mission .top-row .right img { height: 340px; } .about-mission .top-row { flex-direction: column; } .about-mission .bottom-row { justify-content: center; } .about-mission .bottom-row img { width: 220px; } .about-mission .bottom-row .main-title { font-size: 18px; text-align: center; margin-bottom: 40px; } .about-mission .bottom-row .info .item { flex: 0 0 calc(50% - 8px); } .about-mission .bottom-row .info .item .title { font-size: 16px; } .about-mission .bottom-row .info .item p { font-size: 14px; } .about-mission .bottom-row .info .item .title, .about-mission .bottom-row .info .item p { text-align: center; } .about-mission { margin-bottom: 70px; } .about-leader { margin-top: 70px; } .about-leader .section-subtitle { text-align: left; } .about-leader .container { flex-direction: column; } .about-leader .medium-column { max-width: calc(100% + 40px); width: calc(100% + 40px); } .about-leader .leaders-slider .slick-next { right: 48px; } .about-leader .leaders-slider .slick-prev { right: 150px; } .about-experts { padding-top: 60px; } .about-experts .large-column { display: flex; flex-direction: column; align-items: center; } .about-experts .large-column .bordered-button { order: 1; width: 240px; background-color: #0d6db4; color: #fff; display: flex; justify-content: center; align-items: center; border-color: #0d6db4; margin-top: 10px; margin-bottom: -20px; } .about-experts .large-column .bordered-button:hover { opacity: 0.7; } .about-experts .large-column > p { display: none; } .about-experts .experts-slider { width: 510px; margin: 0 auto; } .about-experts .item { margin: 0 8px; flex-direction: column; } .about-experts .item[tabindex='0'] .info:before, .about-experts .item[tabindex='-1'] .info:before { display: none; } .about-experts .item .title { font-size: 16px; margin-top: 15px; } .about-experts .item .subtitle { font-size: 14px; line-height: 1.5; position: relative; padding-top: 8px; } .about-experts .item .subtitle:before { content: ''; position: absolute; top: 0; left: 0; height: 1px; width: 25px; background-color: #0d6db4; } .about-experts .item p { display: none; } .about-experts .experts-slider .slick-next { top: 140px; right: -88px; } .about-experts .experts-slider .slick-prev { top: 140px; right: unset; left: -88px; } .about-why .tab-block .tabs { display: flex; align-items: center; max-width: 100%; } .about-why .tab-block .tabs button { margin-right: 25px; margin-bottom: 0; } .about-why .tab-block .tabs button .line, .about-why .tab-block .tabs button .text { display: none; } .about-why .tab-block .tab-content { background-color: transparent; box-shadow: none; padding-left: 25px; padding-right: 0; padding-top: 20px; } .about-why .tab-block .tab-content img { margin-right: 80px; } .about-why .tab-block .tab-content .title { display: block; } .about-why .tab-block .tab-content p { line-height: 1.7; display: none; font-size: 14px; } .about-why .tab-block .tab-content p.small { display: block; } .about-why .tab-block .big-column { min-height: 150px; } .about-license .sertificate-slider .item img { max-width: 240px; margin-right: 100px; } .about-license .sertificate-slider .slick-prev { right: 295px; } .about-license .sertificate-slider .slick-next { right: 225px; } .about-license .license-slider .item { margin: 0 8px; } .about-license .license-slider { width: calc(100% + 16px); position: relative; right: 8px; } .about-license .license-slider .slick-next { right: 10px; } .about-license .license-slider .slick-prev { right: 80px; } .about-license { max-height: unset; margin-bottom: 170px; } .about-license .bordered-button { margin-top: 95px; position: absolute; left: 50%; transform: translateX(-50%); background-color: #0d6db4; color: #fff; border-color: #0d6db4; } .first-section .container { padding-top: 0; } .leaders-main .container { padding-bottom: 0; } .leaders-main .left { margin-right: 15px; } .leaders-main .left img { width: 335px; height: 455px; margin-right: 0; } .leaders-main .right .subtitle { margin-bottom: 25px; } .leaders-main .quote { margin-top: 50px; margin-bottom: 0; font-size: 14px; } .leaders-team { padding-top: 40px; padding-bottom: 30px; } .leaders-team .item img { width: 160px; height: auto; } .leaders-team .item .title { font-size: 15px; } .leaders-team .item .subtitle { font-size: 14px; margin-bottom: 25px; } .main-help, .map-section { margin: 0; } .leaders-team .container:before { display: none; } .leaders-main .container:after { display: none; } .experts-main .row .item { flex-direction: column; align-items: flex-start; } .experts-main .row .item .expert-image { margin-bottom: 25px; } .experts-main .row .item img { width: 160px; height: 200px; } .experts-main .row .item .subtitle { font-size: 14px; } .experts-main .row .item .status, .experts-main .container:after { display: none; } .experts-main .container:before { top: -50px; right: -65px; } .experts-main .row .item .title { font-size: 15px; } .experts-main { padding-bottom: 0; margin-bottom: 60px; } .breadcrumbs { /*display: none;*/ overflow: auto; padding-bottom: 1rem; margin-right: 1rem; } .breadcrumbs .breadcrumb__item { white-space: nowrap; } .modal-window { padding: 0; overflow: visible; box-shadow: none; max-width: calc(100% - 80px); } .modal-window .inner { padding: 60px 50px 75px 30px; max-height: calc(100vh - 120px); max-height: calc(var(--vh, 1vh) * 100 - 120px); overflow: auto; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); border-radius: 8px; } .modal-window .cross { width: 28px; height: 28px; border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); top: -14px; right: -14px; background-color: #fff; } .modal-window .cross span { width: 14px; height: 2px; } .modal-window .row { flex-wrap: wrap; } .modal-window .row .info { max-width: 320px; } .modal-window .row img { max-width: 230px; height: 320px; margin-right: 35px; } .modal-window .row .quote { padding: 15px 15px 15px 40px; } .modal-window .row .list-title { margin-bottom: 25px; } .modal-window .row ul.arrow { background-color: #edf1f8; } .modal-window .list { margin-top: 40px; } .modal-window .row .status:after { width: 315px; } .modal-window .row ul li { font-size: 14px; line-height: 1.5; } .modal-window .row ul li span { margin-left: 0; } .modal-window.modal-leader .pluses { display: none; } .mission-main .caption { font-size: 48px; } .mission-main .medium-column { max-width: 670px; } .mission-main .section-subtitle { text-align: left; } .mission-main .section-title { margin-bottom: 30px; } .mission-main .container { padding-bottom: 480px; } .mission-main { margin-bottom: 0; } .mission-description { margin-top: 0; } .mission-description .large-column { max-width: 420px; } .mission-description .title { font-size: 18px; } .mission-description p { font-size: 14px; } .mission-phylosophy .main-title { font-size: 22px; } .mission-phylosophy .medium-column { display: flex; flex-direction: column; align-items: flex-start; } .mission-phylosophy .medium-column .section-title { order: 1; } .mission-phylosophy .medium-column .main-title { order: 2; margin-bottom: 30px; } .mission-phylosophy .medium-column img { order: 3; margin-top: 0; margin-bottom: 30px; min-height: 325px; object-fit: cover; } .mission-phylosophy .medium-column .row { order: 4; } .mission-phylosophy .item .title { font-size: 18px; margin-bottom: 15px; } .mission-phylosophy .item p { font-size: 14px; } .mission-phylosophy { margin-bottom: 35px; } .mission-quote img { max-width: calc(100% + 80px); width: calc(100% + 80px); height: auto; margin-left: -40px; } .mission-quote .container { flex-direction: column; align-items: flex-start; } .mission-quote .info { padding: 0; width: calc(100% + 80px); margin-left: -40px; padding: 60px 40px; } .mission-quote .info p:first-of-type:after { width: 31px; top: -45px; } .mission-quote .info:before { display: none; } .mission-quote .info p { font-size: 14px; } .mission-quote .info p:last-of-type { margin-bottom: 0; } .mission-quote .info .title, .mission-quote .info .subtitle, .mission-quote .info:after, .mission-principles .container:after { display: none; } .mission-principles { margin-bottom: 0; } .mission-principles .slick-prev { left: 0; top: 35%; } .mission-principles .slick-next { right: 0; top: 35%; } .mission-principles .row .item img { margin-right: 45px; max-width: 180px; } .mission-principles .row .item p { max-width: 380px; font-size: 15px; } .mission-principles .row .item { justify-content: center; } .mission-principles .row .item .title { margin-bottom: 25px; } .main-projects .block .left { max-width: 100%; margin-bottom: 40px; } .main-projects .block .left a { display: none; } .main-projects .block .left .title { font-size: 20px; margin-bottom: 25px; } .main-projects .block .left p { font-size: 16px; margin-bottom: 0; } .main-projects .tab-block .slick-arrow { display: none; } .main-projects .tabs { width: calc(100% + 40px); padding-bottom: 10px; margin-bottom: 20px; display: flex; align-items: center; justify-content: flex-start; white-space: nowrap; overflow: auto; } .main-projects .tabs button.tab { padding: 5px 12px; background-color: #fff; border-radius: 40px; font-size: 13px; font-weight: 500; color: #000; margin-right: 8px; border: 1px solid #fff; margin-left: 0; } .main-projects .tabs button.tab.active { color: #fff; background-color: rgba(255, 255, 255, 0.08); } .main-projects .tab-info .item p { /* display: none; */ color: #000; } .main-projects .tab-info .item img { filter: none; width: 60px; height: 60px; } .main-projects .tab-info .item { background-color: #fff; } .main-projects .tab-info .item .title { color: #000; font-size: 16px; line-height: 1.7; margin-bottom: 0; } .main-projects .tablet { display: flex; color: #fff; font-size: 15px; font-weight: 600; margin: 10px auto 0; justify-content: center; } .main-projects .container:before { bottom: 0; } .about-leader .section-title span, .about-experts .section-title span, .mission-description .section-title span { display: block; left: -40px; font-size: 56px; } .main-projects .container:after { display: none; } .partners-main .section-subtitle { text-align: left; } .partners-main .container:before, .partners-main .tab-block .tabs, .partners-main .tab-block .tabs:before, .partners-main .tab-block .tab-content .image-row:before { display: none; } .partners-main .tab-block .tab-content.active { max-width: 100%; } .partners-main .tab-block .tab-content { display: block; max-width: 100%; } .partners-main .tab-block .tab-content .row { display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 40px; } .partners-main .tab-block .tab-content .image-row { flex-direction: column; max-width: 200px; align-items: center; margin-bottom: 0; padding-bottom: 0; } .partners-main .tab-block .tab-content .image-row img { width: 100%; margin-bottom: 25px; } .partners-main .tab-block .tab-content p { font-size: 15px; } .partners-main .tab-block .tab-content p.bold { max-width: 425px; font-weight: 400; margin-bottom: 0; font-size: 15px; } .partners-main .tab-block .slick-arrow { top: 50px; } .partners-main .tab-block .slick-arrow.slick-prev { left: -25px; } .partners-main .tab-block .slick-arrow.slick-next { right: -25px; } .main-services-items .item .title { margin-top: 0; } .main-services-items .item .image { display: none; } .contacts-main .right .line { flex-wrap: wrap; justify-content: space-between; } .contacts-main .right .first-column { max-width: 300px; margin-right: 0; } .contacts-main .text { line-height: 1.5; } .contacts-main .right .third-column { margin-right: 100px; margin-left: calc(100% - 332px); margin-top: 20px; } .contacts-main .entrance { max-width: 600px; margin-top: 30px; } .contacts-map-section .map-block { height: 490px; } .contacts-map-section .info-block { right: 40px; max-width: 340px; padding: 25px; } .contacts-map-section .info-block .title { margin-bottom: 25px; } .contacts-map-section .info-block p { font-size: 14px; margin-bottom: 15px; } .error-main { min-height: 100vh; } .error-main .left { display: flex; flex-direction: column; align-items: center; margin: 0 auto; } .error-main .left .title { order: -2; font-size: 32px; margin-bottom: 60px; } .error-main .left img { order: -1; margin-bottom: 90px; } .error footer { display: none; } .error-main .left .subtitle { text-align: center; font-size: 16px; font-weight: 500; max-width: 560px; margin: 0 auto 40px; } .license-main .container:before, .license-main .tab-content .row { display: none; } .license-main .tabs { max-width: 330px; } .license-main .tabs button { font-size: 18px; padding-bottom: 8px; margin-right: 40px; } .documents-items.license, .documents-items.documents { justify-content: space-between; padding-bottom: 25px; } .documents-items.license .item, .documents-items.documents .item { flex: 0 0 calc(50% - 10px); margin-bottom: 15px; } .documents-items.license .item img, .documents-items.documents .item img { max-width: 90px; margin-right: 15px; } .documents-items.license .item .title, .documents-items.documents .item .title { font-size: 14px; margin-top: 10px; margin-bottom: 15px; padding-top: 0; max-height: 60px; overflow: hidden; } .documents-items .item { flex: 0 0 100%; margin-bottom: 25px; } .documents-items .item img { max-width: 200px; margin-right: 55px; } .documents-items .item .title { font-size: 16px; margin-top: 20px; margin-bottom: 25px; } .documents-items .item p { font-size: 15px; margin-bottom: 25px; } .documents-items .item .artic { margin-bottom: 25px; } .documents-items.sertificate { padding-bottom: 0; margin-bottom: -25px; } .projects-main .container .top button { display: none; } /* .projects-items .item p { display: none; } */ .projects-items .item { min-height: 142px; padding: 16px; align-items: center; } .projects-items .item .title { margin-bottom: 0; font-size: 16px; line-height: 1.5; } .projects-items .item { flex: 0 0 100%; margin: 0 0 15px; } .projects-items .item img { max-height: 100%; max-width: 58px; } .projects-main .tab-content .section-title { font-size: 22px; font-weight: 700; text-transform: none; } .projects-main .tab-content .section-title .title { font-size: 22px; font-weight: 700; text-transform: none; } .projects-main .sector:before, .projects-main .reteil:before { display: none; } .projects-main .tab-content .button { background-color: #0d6db4; color: #fff; border-color: #0d6db4; } .projects-main .tab-content .button:hover { opacity: 0.7; } .modal-window.modal-projects .cross { top: -14px; right: -14px; } .modal-window .inner { box-shadow: none; } .modal-window.modal-projects { max-width: calc(100% - 80px); padding: 0; } .modal-window.modal-projects .inner { padding: 65px 40px 30px; } .archive-main .container:before, .archive-main aside:before { display: none; } .archive-main .row { flex-direction: column; } .archive-main aside { padding: 0; position: relative; top: 0; } .archive-main .archive-right { max-width: 100%; } aside ul { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 30px; } aside ul li:last-of-type { margin-right: 0; } aside ul a { margin-bottom: 0; padding: 6px 12px; border-radius: 20px; font-size: 13px; font-weight: 500; color: #000; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); background-color: #fff; margin-right: 8px; } aside ul a.active { background-color: #037ac2; color: #fff; box-shadow: none; } .archive-main article.big { flex: 0 0 calc(50% - 8px); } .archive-main article { margin-bottom: 25px; } .pagination { margin-top: 40px; margin-bottom: 80px; } .archive-main { margin-bottom: 0; } .articles-filter .dropdown-title { width: 190px; height: 35px; padding-left: 15px; padding-right: 15px; } .articles-filter .date input { height: 35px; width: 190px; font-size: 14px; } .archive-main article .sub-caption .date { margin-right: 25px; } .archive-main article .logo { width: 40px; height: 40px; left: 12px; top: 12px; } .articles-filter { margin-bottom: 30px; } .materials-wrapper .material-title svg { display: none; } .materials-wrapper .items .item { flex: 0 0 calc(50% - 8px); } .materials-wrapper .items .item .title { font-size: 14px; font-weight: 500; margin-bottom: 4px; } .materials-wrapper .items .item p { font-size: 13px; } .materials-wrapper .material-title span { font-size: 22px; } .archive-contacts { margin-bottom: 80px; } .single-title { text-transform: uppercase; font-size: 24px; } .single-main .single-text p, .single-main .single-text ul { font-size: 15px; } .single-main .single-text .main-title, .single-text--press h2 { margin-top: 30px; } .single-main .single-text .main-single-title { margin-bottom: 30px; } .single-main .single-title { order: -1; } .single-main .container { display: flex; flex-direction: column; flex-wrap: nowrap; } .sidebar-author .row img { width: 248px; height: 285px; margin-right: 15px; } .sidebar-author .row { margin-bottom: 25px; } .sidebar-author { margin-bottom: 40px; } .vacancy-main .container .left { padding-top: 0; max-width: 570px; } .vacancy-main .section-subtitle { text-align: left; font-size: 24px; } .main-image-box { margin-top: 35px; max-width: 100%; } .main-image-box:before { display: none; } .vacancy-items .title { margin-bottom: 50px; } .vacancy-items .items .item { padding: 16px; box-shadow: 0 3px 6px rgba(0, 35, 54, 0.15); } .vacancy-items .items .item .title-row .circle-link { width: 12px; height: 12px; border-radius: 0; border: none; margin-top: 5px; } .vacancy-items .items .item:hover .circle-link { background-color: #fff; } .vacancy-items .items .item:hover .circle-link path { fill: #4a4a4a; } .vacancy-items .items .item .title-row .title { font-size: 15px; max-width: calc(100% - 20px); } .vacancy-items .items .item .label { display: none; } .vacancy-items .items .item .title-row { margin-bottom: 6px; } .vacancy-items { margin-bottom: 80px; } .vacancy-interest { margin-bottom: 60px; } .vacancy-find .container .title { font-size: 20px; margin-bottom: 30px; max-width: 100%; } .vacancy-find .container:before, .vacancy-interest .container:before { display: none; } .vacancy-find .container .text p { font-size: 16px; } .vacancy-interest .container .left { max-width: 100%; margin: 0 auto; } .vacancy-interest .container .left .section-title { text-align: center; margin-bottom: 50px; } .vacancy-interest .tab-block .tabs { display: none; } .vacancy-interest .tab-block .tab-content { padding-top: 0; text-align: center; display: block; } .vacancy-interest .tab-block .tab-content span { display: block; font-size: 20px; font-weight: 700; color: #fff; text-align: center; margin-bottom: 30px; } .vacancy-interest .slick-dots { bottom: -30px; } .vacancy-interest .slick-dots li button { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0.29); } .vacancy-interest .slick-dots li.slick-active button { background-color: #fff; } .vacancy-interest .slick-arrow { filter: contrast(0) grayscale(0) brightness(2); top: 15px; } .vacancy-interest .slick-arrow.slick-prev { left: 25vw; } .vacancy-interest .slick-arrow.slick-next { right: 25vw; } .vacancy-single-main .top { flex-direction: column; margin-bottom: 80px; } .vacancy-single-main .top .button { margin-left: 0; } .vacancy-single-main .top .section-title { margin-bottom: 25px; } .vacancy-single-main .city { margin-bottom: 40px; } .vacancy-single-main .row .title { font-size: 20px; margin-bottom: 40px; } .vacancy-single-main .row ul { font-size: 15px; } .vacancy-single-main .row { margin-bottom: 80px; } .vacancy-single-part .container .left .title { text-align: center; font-size: 20px; margin-bottom: 40px; } .vacancy-single-part .container .left .subtitle { display: none; } .vacancy-single-part .container .right { padding-top: 0; } .textarea-wrap { display: none; } .vacancy-single-part .container .right form .input-wrap.first { flex: 0 0 100%; display: flex; justify-content: space-between; align-items: center; } .vacancy-single-part .container .right form .input-wrap.first input { flex: 0 0 calc(50% - 8px); } .vacancy-single-part { margin-bottom: 0; } .vacancy-single-main .container:before { display: block; top: 50px; right: 0; left: unset; } .vacancy-single-main .container title::after { display: block; right: 0; left: unset; } .modal-window.modal-form .inner img { display: none; } .modal-window.modal-form .inner .form-wrapper { max-width: 100%; } .modal-window.modal-form .inner { padding: 60px 70px 80px 60px; align-items: flex-start; } .modal-window.modal-form .cross { top: -14px; right: -14px; } .service-main { margin-bottom: 40px; } .service-main .main-image-box:after { display: none; } .service-main .left .section-subtitle { font-size: 18px; text-align: left; margin-bottom: 0; } .service-main .left { max-width: 100%; } .service-main .left p { display: none; } .service-items { margin-top: 40px; margin-bottom: 60px; } .service-items .main-services-items .item { flex: 0 0 calc(50% - 8px); } .main-services-items .item p { display: none; } .main-services-items .item .arrow-link path { fill: #0d6db4; } .main-projects { margin-bottom: 0; } .service-inner-main .left { padding-top: 0; } .service-inner-main .left .section-subtitle { display: none; } .service-inner-items { margin: 60px 0; } .service-inner-items .item .title { font-size: 16px; } .service-inner-items .main-services-items { justify-content: space-between; } .service-inner-info .title { font-size: 16px; margin-bottom: 40px; } .service-inner-info { margin-bottom: 80px; } .service-inner-info .row .left, .service-inner-info .row .right { display: none; } .service-inner-info .show-more { display: flex; font-size: 16px; color: #0d6db4; font-weight: 500; margin-top: -50px; } .service-inner-projects .title-wrap { flex-direction: column; align-items: flex-start; margin-bottom: 40px; } .service-inner-projects .title-wrap a { margin-left: 0; margin-bottom: 0; margin-top: 30px; } .service-inner-info .row .left.active, .service-inner-info .row .right.active { display: block; } .service-inner-info .row { margin-bottom: 50px; } .industry-main .section-subtitle { display: none; } .industry-main .main-image-box { margin-top: 0; max-width: 100%; } .industry-main .container { padding-bottom: 0; } .industry-choose { padding-top: 60px; padding-bottom: 30px; } .industry-choose .items .item p, .industry-choose .items .item .list-title, .industry-choose .items .item ul, .industry-choose .items .item a:before, .industry-choose .items .item a img { display: none; } .industry-choose .items .item { flex: 0 0 calc(50% - 30px); margin-bottom: 30px; } .industry-choose .items .item a span { position: relative; top: 0; bottom: 0; color: #000; font-size: 16px; margin-bottom: 15px; } .industry-choose .items .item a span.arrow-link { display: none; } .industry-choose .items .item a { align-items: flex-start; justify-content: flex-start; margin-bottom: 0; } .industry-choose .items .item .mobile-link.arrow-link { display: flex; align-items: center; font-size: 16px; font-weight: 500; color: #0d6db4; } .industry-choose .items .item .mobile-link.arrow-link svg { margin-left: 8px; } .industry-info { margin-bottom: 80px; } .career-main .section-subtitle { text-align: left; margin-bottom: 30px; } .career-main .left p { display: none; } .career-main .section-subtitle { margin-bottom: 0; } .career-main { margin-bottom: 0; } .career-why { margin: 0; } .career-main button.career-main-button { width: 330px; margin: 30px auto 0; } .career-why .images img { width: 80%; height: auto; } .career-why .images img.second { right: 0; left: unset; } .career-why .text p { display: none; } .career-why .text .title { font-size: 20px; padding-top: 10px; text-align: center; margin-bottom: 30px; } .career-why .right { margin-top: 30px; } .career-why .text .title:before { left: 50%; transform: translateX(-50%); } .career-wait { margin: 0; } .career-wait .section-title { text-align: center; } .career-wait .container .left p { display: none; } .career-wait .career-wait-button { width: 335px; margin: 25px auto 0; } .career-internship .row .left { max-width: 100%; padding: 30px 25px; margin-bottom: 30px; } .career-internship .row p { display: none; } .career-internship .row .title { margin-bottom: 15px; } .career-internship .row ul { margin-top: 30px; } .career-corp .subcaption { font-size: 20px; } .career-corp .right { padding: 60px 40px 35px; max-width: calc(100% + 80px); width: calc(100% + 80px); margin-left: -40px; } .career-corp .right .main-title { font-size: 20px; } .career-corp .items .item p { font-size: 16px; } .career-corp .items { justify-content: space-between; } .career-corp .items .item { flex: 0 0 calc(50% - 8px); } .career-corp .container { padding-bottom: 0; } .career-relax .section-title { text-align: center; text-transform: none; font-weight: 600; } .career-relax .section-subtitle { display: none; } .career-relax-slider .slick-dots { bottom: -25px; } .career-relax-slider .slick-dots button { border-width: 1px; } .career-why .left { max-width: 688px; width: 100%; } .career-relax-slider { width: calc(100% + 50px); position: relative; right: 8px; margin: 0; } .career-relax-slider .slick-list { padding-right: 40px; } .career-wait .link .arrow-link { opacity: 1; visibility: visible; font-size: 0; } .career-wait .link { align-items: flex-start; } .career-corp .container:before { display: none; } .industry-single-main .section-subtitle { display: block; text-align: left; font-size: 18px; font-weight: 400; } .industry-single-main .main-image-box { margin-top: 45px; } .industry-single-develop .main-title { margin-bottom: 30px; } .industry-single-develop .title { line-height: 1.5; } .industry-single-develop .text-box { font-size: 16px; text-align: center; font-weight: 700; padding: 60px 0; } .industry-single-result .section-title { font-size: 20px; max-width: 100%; text-align: center; } .industry-single-result .section-title .title { font-size: 20px; max-width: 100%; text-align: center; } .industry-single-result .items .item { flex-direction: column; display: flex; align-items: center; flex: 0 0 calc(50% - 8px); margin-bottom: 40px; } .industry-single-result .items .item .img { display: none; } .industry-single-result .items .item .title { font-size: 16px; text-align: center; margin-bottom: 15px; } .industry-single-result .items .item p { font-size: 14px; text-align: center; } .industry-single-tour .container { padding: 32px; } .industry-single-tour .main-title { font-size: 18px; max-width: 610px; margin-bottom: 25px; } .industry-single-tour .arrow-link { margin-bottom: 15px; font-size: 14px; font-weight: 500; } .industry-single-news-slider .slick-arrow { top: -60px; } .industry-single-interest { margin-bottom: 80px; } .industry-single-result { margin-bottom: 40px; } .industry-single-news-slider { width: calc(100% + 50px); } .industry-single-news-slider .slick-list { padding-right: 50px; } .industry-single-news-slider .slick-arrow.slick-next { right: 58px; } .industry-single-news-slider .slick-arrow.slick-prev { right: 125px; } .service-single-main .section-subtitle { text-align: left; font-size: 18px; margin-bottom: 30px; } .main-image-box img { max-height: 350px; object-fit: cover; } .service-single-info .left { display: none; } .service-single-info .right { max-width: 100%; } .service-single-info .tab-block .tabs button { font-size: 18px; margin-right: 40px; margin-top: 12px; } .service-single-info .tab-block { max-width: 100%; width: 100%; } .service-single-info .tab-block .tabs { width: 100%; } .service-single-benefit .row { flex-direction: column; } .service-single-benefit ul.small { max-width: 100%; padding-right: 0; } .service-single-benefit ul.big { max-width: 100%; } .service-single-benefit .read-more { display: block; color: #fff; font-size: 16px; padding-left: 35px; } .service-single-parametr { margin: 80px 0; } .service-single-parametr .title { font-size: 20px; text-transform: uppercase; margin-bottom: 40px; } .service-single-parametr .row .item { flex-direction: column; } .service-single-parametr .row .item p { text-align: center; } .service-single-parametr .row .item span { margin-right: 0; margin-bottom: 8px; font-size: 48px; } .service-single-preference .container:before { display: none; } .service-single-preference .items .item { font-size: 15px; flex: 0 0 calc(50% - 8px); padding-left: 45px; } .service-single-preference .items .item:before { width: 32px; height: 32px; top: -5px; } .service-single-choose .link .title { font-size: 16px; } .service-single-choose .left { max-width: 100%; } .service-single-choose .link { display: inline-block; margin-right: 50px; } .service-single-choose .link:nth-of-type(2n) { margin-right: 0; } .service-single-choose .right { margin-bottom: 0; } .service-single-choose .main-title { margin-bottom: 35px; } .service-single-choose ul { font-size: 15px; } .service-single-choose ul li:before { top: 7px; } .service-single-choose ul li:last-of-type { margin-bottom: 0; } /* .service-single-questions .container:before { bottom: unset; top: 260px; } */ .service-single-questions .left { max-width: 100%; } .service-single-questions { margin-bottom: 0; } .service-single-partners { margin: 80px 0; } .service-single-partners p { font-size: 14px; margin-bottom: 40px; } .service-single-partners .items .slick-list { padding: 5px 0; padding-right: 50px; } .service-single-partners .items .item { background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 36, 63, 0.15); margin: 0 8px; height: 87px; } .service-single-partners .items { width: calc(100% + 50px); } .service-single-partners .items .item:nth-of-type(5n) { margin: 0 8px; } .service-single-partners .items .item img { position: relative; display: none; } .service-single-partners .items .item img.hovered { display: block; opacity: 1; visibility: visible; } .service-single-partners .slick-dots { bottom: -25px; transform: translateX(-25px); } .service-single-main .left { display: flex; flex-direction: column; align-items: flex-start; } .service-single-main .left .section-title { order: -1; margin-bottom: 40px; } .service-single-main button { margin-top: 0; margin-bottom: 40px; } form .checkbox-wrap { align-items: flex-start; } .service-single-questions form p { max-width: calc(100% - 50px); } .modal-window.modal-good .inner .title { text-transform: uppercase; max-width: 580px; } .modal-window.modal-good { max-width: calc(100% - 80px); } .vacancy-single-part .container .right form .form-group { flex: 0 0 calc(50% - 8px); } .all-news { display: flex; width: 200px; height: 44px; border-radius: 4px; background-color: #0d6db4; color: #fff; font-weight: 500; margin-top: 30px; align-items: center; justify-content: center; } .main-outsourcing .container { flex-wrap: wrap; } .main-outsourcing .left { max-width: none; } .main-outsourcing .right { max-width: none; margin-left: 0; } .main-outsourcing .left p { margin-bottom: 40px; } .main-outsourcing .right .wrap { padding: 40px 64px; } .main-outsourcing .right .wrap:before { bottom: -64px; left: -96px; } footer .left .footer__top-wrap { padding: 0 0 35px; flex-direction: column } footer .left .footer__top-wrap .requisites { margin: 0 0 24px; max-width: none; } .subservice-single-content__wrap { flex-direction: column; } .subservice-single-content__left, .subservice-single-content__right { width: 100%; } .subservice-single-content__left-top, .subservice-single-content__left-bottom { padding-right: 0; } .subservice-single-content__right { padding-left: 0; } .subservice-single-content__right-wrap { margin-left: 0; } .subservice-single-content__left-top::before { right: -100%; } .subservice-single-content__left-top-wrap { position: relative; } .subservice-single-content__left-bottom::before { right: -100%; } .subservice-single-content__left-bottom-wrap { position: relative; } .main-menu .menu-inner { order: 0; } .main-menu .menu-inner--desktop { display: none; } .main-menu .menu-inner--adaptive { display: block; } } @media (max-width: 767px) { .container { max-width: calc(100% - 50px); } header .logo img { max-width: 120px; } #particle-slider { width: 600px; right: calc(50% - 280px); top: calc(50% - 56vh); transform: scale(0.6) translateX(0px); } .main-slider { display: none; } .main-about .container-bottom .left { overflow: auto; width: calc(100% + 25px); padding-left: 5px; padding-bottom: 15px; margin-right: 20px; } .main-about .container-bottom { max-width: 100%; margin-left: 25px; } .main-about .circles { flex-direction: column; align-items: center; margin: auto; margin-top: 50px; padding-right: 0; transform: translateX(-25px); } .main-about .circles .circle { margin-right: 0; margin-bottom: 40px; } .main-about .container-bottom .right { position: relative; right: 25px; } .main-partners .partners .item { flex: 0 0 calc(50% - 8px); } .main-partners .partners { margin-bottom: 20px; } .main-help .container:before { right: -40px; top: unset; bottom: -20px; } .main-help .section-title { text-align: center; margin: 0 auto 30px; } .main-help .form-block .title { max-width: 100%; text-align: center; margin-bottom: 30px; } .section { margin: 60px 0; } .section--project { margin-bottom: 30px; } .main-news .right .news-slider article { margin: 0 5px; } .main-news .right .news-slider { width: calc(100% + 10px); right: 5px; } .main-news .right .news-slider .slick-list { padding-right: 25px; } .main-news .right { max-width: calc(100% + 25px); } .main-news .right .news-slider .slick-next { right: 30px; } .main-news .right .news-slider .slick-prev { right: 90px; } .map-section .map-info-block { left: 25px; } .map-section .undermap-block { display: none; } .map-section .map-info-block { top: 250px; } .map-section { padding-bottom: 240px; } footer .right .socials { margin-left: 70px; } .footer-bottom { flex-direction: column; } .copyright-bottom p { margin-bottom: 10px; } .copyright-bottom { margin-bottom: 30px; } footer .left, footer .right { padding-left: 25px; } .header__support, .header__time, header .callback-btn, header .search, header .tel { display: none; } .main { height: 680px; } .main .title { padding-top: 330px; font-size: 24px; position: relative; z-index: 2; } #particle-slider { right: calc(50% - 300px); top: calc(50% - 56vh); transform: scale(1) translateX(0px); } .particle-slider__mobile-cover { position: absolute; width: 100%; height: 100vh; } .main-menu .additional { margin-top: 40px; margin-left: 25px; } .about-description img { max-width: 320px; margin-bottom: 40px; } .about-map .medium-column { max-width: 320px; } .about-mission .top-row .right .blocks .item:first-of-type { max-width: 100%; } .about-mission .top-row .right .blocks .item:first-of-type p { max-width: 100%; } .about-mission .top-row .right .blocks { flex-wrap: wrap; } .about-mission .top-row .right .blocks .item { max-width: 50%; } .about-mission .top-row .right .blocks .item p { max-width: 80%; } /* .about-leader{max-height:650px;margin-bottom:190px} */ .about-experts .experts-slider { width: 450px; } .about-experts .experts-slider .slick-prev { left: -25px; top: 130px; } .about-experts .experts-slider .slick-next { right: -25px; top: 130px; } .about-why .tab-block .tab-content img { margin-right: 40px; } .about-license .sertificate-slider .item img { margin-right: 30px; } .about-license .sertificate-slider .item .info { max-width: 240px; } .about-license .sertificate-slider .slick-prev { right: 365px; } .about-license .sertificate-slider .slick-next { right: 300px; } .about-license { margin-bottom: 145px; } .leaders-team .item { flex: 0 0 100%; } .leaders-main .row { flex-wrap: wrap; } .leaders-main .right { margin-top: 25px; } .leaders-main .right .title { margin-bottom: 15px; } .main-help, .map-section { margin: 0; } .experts-main .row .item .subtitle { margin-bottom: 15px; } .modal-window .inner { padding: 25px; } .modal-window .row img { margin-bottom: 20px; } .modal-window .list { margin-top: 10px; } .mission-main { margin-bottom: 0; } .mission-description { margin-top: 0; } .mission-principles .row .item img { margin-right: 25px; max-width: 140px; } .mission-principles .row .item p { max-width: 270px; } .mission-principles .row .item .title { margin-bottom: 15px; } .mission-principles .row .item:nth-of-type(2n) { justify-content: center; } .mission-principles .row .item.item-fourth img { left: 0; } .about-map .container { flex-direction: column; } .about-map .image { width: 690px; margin-left: -190px; margin-top: -70px; transform: scale(0.7); margin-bottom: -60px; } .main-projects .tab-info .item { flex: 0 0 100%; } .main-projects .tabs { width: calc(100% + 25px); } .partners-main .tab-block .tab-content .image-row { max-width: 140px; } .partners-main .tab-block .tab-content .image-row a { font-size: 13px; } .partners-main .tab-block .tab-content p.bold { max-width: 315px; } .contacts-main .right .column { max-width: 100%; margin-bottom: 25px; margin-left: 0; } .contacts-main .right .line.top { padding-bottom: 0; } .contacts-main .entrance { margin-top: 15px; } .documents-items .item img { margin-right: 25px; max-width: 160px; } .projects-main .mobile-row { flex-direction: column; align-items: flex-start; } .projects-main .container .tab-block button.clear-filter.tablet { margin-top: 18px; } .projects-main .filters form { width: calc(100% - 50px); } .projects-items .item { flex: 0 0 100%; margin-left: 0; margin-right: 0; } .modal-window.modal-projects .left .top .title { font-size: 22px; } .modal-window.modal-projects { max-width: calc(100% - 50px); padding: 0; } .modal-window.modal-projects .inner { padding: 25px 25px 30px; } aside ul { width: calc(100% + 25px); padding-bottom: 10px; overflow: auto; } aside ul a { white-space: nowrap; } .archive main { overflow: hidden; } .pagination .nav { font-size: 0; } .archive-contacts { flex-direction: column; padding: 25px; } .archive-contacts .title { margin-bottom: 15px; } .archive-contacts .column { margin-bottom: 15px; } .archive-contacts .column:last-of-type { margin-bottom: 0; } .archive-contacts .label { font-size: 14px; margin-bottom: 5px; } .archive-contacts { margin-bottom: 60px; } .archive-main { margin-bottom: 0; } .vacancy-single-main .container:after { top: 1070px; } .modal-window.modal-form .inner { padding: 40px 25px 25px; overflow: auto; } .modal-window.modal-form .form-title { font-size: 18px; text-align: center; } .service-main .left .section-subtitle { font-size: 16px; } .main-projects { margin-bottom: 0; } .career-main { margin-bottom: 0; } .career-why { margin: 0; } .career-wait { margin-top: 0; } .service-single-info .tab-block .tabs { width: calc(100% + 30px); display: flex; overflow: auto; padding-bottom: 5px; border-bottom: 0; position: relative; } .service-single-info .tab-block .tabs:before { content: ''; position: absolute; left: 0; bottom: 4px; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.27); } .service-single-info .tab-block .tabs button { white-space: nowrap; font-size: 16px; margin-right: 30px; } /* .service-single-questions .container:before { top: 310px; } */ .leaders-main .right:before { content: normal; } .icons { display: block; } .icon__item { margin-bottom: 15px; } .reviews-slider { max-width: 100%; } .review-item { flex-wrap: wrap; max-width: 90%; } .review-item__image { margin-bottom: 20px; max-width: 100%; } .review-item__desc--quote { display: none; } .main-outsourcing .left p { margin-bottom: 24px; } .main-outsourcing .right .wrap { padding: 24px 16px; } .main-outsourcing .right .wrap:before { display: none; } .main-solutions .subtitle { font-size: 15px; } .main-solutions__list { grid-template-columns: repeat(1, minmax(0, 1fr)); } .main-solutions__list div, .main-solutions p { font-size: 15px; } .service-single-content__wrap { flex-direction: column; } .service-single-content__wrap::before { content: ''; position: absolute; left: 24px; bottom: -50px; width: 150px; height: 100px; /* background: url(/images/pluses-7-5.svg) center center no-repeat; */ background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; z-index: 1; } .service-single-content__wrap::after { content: none; } .service-single-content__left, .service-single-content__right { width: 100%; } .service-single-content__left { margin-right: 0; } .service-single-content__left::before { content: ''; display: block; position: absolute; top: -80px; left: -100%; right: -100%; bottom: -96px; background-color: #0D6DB4 } .service-single-content__right { margin-top: 120px; margin-left: 0; } .service-single-equipment__top-list { flex-direction: column; } .service-single-equipment__top-list li { margin-left: 0; margin-top: 24px; width: 100%; max-width: none; } .service-single-equipment__top-list li:first-child { margin-top: 0; } .service-single-equipment__top-list li img { width: 80px; height: 80px; } .service-single-equipment__bottom-list { flex-direction: column; } .service-single-equipment__bottom-list li { width: 100%; max-width: none; } .service-single-equipment__bottom-list li:nth-child(2n) { margin-left: 0; margin-top: 24px; } .press-banner { position: relative; display: block; padding: 24px; } .press-banner::before { content: ""; width: 100%; height: 258px; position: absolute; right: 0; left: 0; bottom: 0; top: auto; background: url(/images/press/banners/bg-adaptive.svg) top center no-repeat; background-size: cover; } .press-banner__content { position: relative; padding: 0; } .press-banner__content::before { right: -24px; bottom: -44px; } .press-banner__title { font-size: 20px; line-height: 24px; } .press-banner__description { font-size: 15px; line-height: 22px; max-width: none; } .press-banner__image { margin: 24px 0 0 0; } .press-banner .press-banner__image img { width: auto; display: block; margin: 0 auto; } } @media (max-width: 549px) { .main-services-items .item { flex: 0 0 100%; } .main-services-items .item .title { font-size: 15px; line-height: 1.5; } .main-oncloud { padding: 40px 0 140px; } .section-title { font-size: 20px; } .section-title .title { font-size: 20px; } .main-oncloud .section-title svg { width: 35px; height: 20px; } .main-oncloud .section-title { margin-bottom: 25px; } .main-oncloud .button { width: 100%; } .main-about .container-top .left { max-width: 100%; } .main-about .container-bottom .right .list p, .main-about .container-bottom .right .list .list-title { padding-left: 0; } .main-about .container-bottom .right .list p { padding-left: 5px; padding-right: 5px; } .main-about .container-bottom .right .title { font-size: 20px; } .main-about .container-bottom .right .list .list-title { font-size: 18px; margin-bottom: 20px; } .main-about .list .slick-prev, .main-about .list .slick-next { top: 8%; } .main-about { margin-bottom: 40px; } .main-projects { margin-top: 0; } .main-partners .partners .item { flex: 0 0 calc(50% - 5px); margin-bottom: 10px; height: 90px; } /* .main-partners .button{width:100%} */ .main-help .section-title { font-size: 23px; } .main-help { padding: 40px 0; } .main-help .form-block { background-color: #0d6db4; position: relative; } .main-help .form-block form .form-group { width: 100%; margin-bottom: 25px; } .main-help .form-block form input[type='submit'] { width: 100%; position: relative; } .main-news .right .news-slider .slick-prev, .main-news .right .news-slider .slick-next { top: -55px; } .all-news { width: calc(100% - 25px); } .map-section .map-info-block { width: calc(100% - 50px); } footer .left .top nav ul { flex-direction: column; } footer .right { padding-top: 40px; padding-right: 25px; } footer .right form .form-group { flex: 0 0 100%; } footer .right form input[type='tel'], footer .right form input[type='submit'] { margin-bottom: 15px; } footer .right form input[type='tel'] { order: -1; } footer .right form input[type='submit'] { order: 1; margin-bottom: 30px; padding-left: 0; padding-right: 0; } footer .right form .checkbox-wrap { margin-bottom: 25px; } #particle-slider { width: 350px; right: calc(50% - 175px); } footer .left { padding-bottom: 25px; } .main-menu { padding-top: 100px; padding-bottom: 160px; } .main-menu .title { font-size: 20px; } .main-menu .menu-inner { margin-bottom: 25px; } .main-menu .menu-inner nav ul a { line-height: 1.5; } .main-menu .menu-inner nav { height: auto; min-height: 100vh; } .about-description { padding: 40px 0; } .about-description .medium-column p.bold, .about-map p.bold { font-size: 14px; } .about-description .medium-column p { font-size: 13px; } .about-description .medium-column p.bold:before { bottom: 40px; } .about-mission .top-row .right .blocks .item p { max-width: 100%; } .about-mission .top-row .right { margin-bottom: 40px; } .about-mission .top-row .right .blocks .item { padding-bottom: 0; } .about-mission .top-row .right .blocks .item:first-of-type { padding-bottom: 35px; } .about-mission .bottom-row .content { padding-top: 15px; } .about-mission .bottom-row .info .item { flex: 0 0 100%; margin-bottom: 30px; } .about-mission .bottom-row .info .item:last-of-type { margin-bottom: 0; } .about-mission .bottom-row .info { flex-wrap: wrap; } .about-leader { padding: 40px 0; } .about-leader .section-subtitle, .about-leader .left p { display: none; } .about-leader .leaders-slider .slick-prev { right: 210px; } .about-leader .leaders-slider .slick-next { right: 148px; } .about-leader .medium-column { margin-top: 0; max-width: calc(100% + 140px); width: calc(100% + 140px); } .about-why .tab-block .tabs { justify-content: space-between; width: 100%; } .about-why .tab-block .tabs button { margin-right: 0; } .about-why .tab-block .tab-content img { display: none; } .about-why .tab-block .tab-content .title { text-align: center; } .about-why .tab-block .tab-content p { text-align: center; } .about-why .tab-block .tab-content { padding-left: 0; } .about-license { padding: 40px 0; margin-bottom: 135px; } .about-license .section-title { text-align: center; } .about-license .main-title { font-size: 20px; text-align: center; } .about-license .left { max-width: 100%; } .about-license .sertificate-slider .item { flex-direction: column; align-items: center; } .about-license .sertificate-slider .item .title { text-align: center; font-size: 14px; margin-bottom: 15px; } .about-license .sertificate-slider .item p { display: none; } .about-license .sertificate-slider .item img { margin-right: 0; } .about-license .sertificate-slider .item .artic { margin: 0 auto; } .about-license .sertificate-slider .item .info { display: flex; flex-direction: column; align-items: center; } .about-license .big-column .main-title { text-align: left; } .about-license .license-slider .item { margin: 0 5px; } .about-license .license-slider { width: calc(100% + 10px); position: relative; right: 5px; } .about-license .license-slider .item p { font-size: 14px; } .about-license .bordered-button { width: 100%; max-width: 100%; margin-top: 70px; } .about-license .sertificate-slider .slick-next { right: 0; top: 165px; } .about-license .sertificate-slider .slick-prev { right: unset; left: 0; top: 165px; } .about-experts .experts-slider { width: 240px; } .about-experts .item { margin: 0; } .about-experts .item .expert-image { margin-right: 0; max-width: 100%; } .about-experts .experts-slider .slick-prev { left: -15px; } .about-experts .experts-slider .slick-next { right: 40px; } .leaders-main .quote:before { left: -10px; width: 35px; } .leaders-main .quote { padding: 25px; } .leaders-team .item .title { font-size: 14px; } .leaders-team .item { margin-bottom: 25px; } .leaders-main .left img { width: 100%; height: auto; } .leaders-main .left { width: 100%; margin-right: 0; } .leaders-main .right .title { font-size: 18px; } .leaders-main .right .subtitle { font-size: 14px; } .experts-main .row .item { flex: 0 0 100%; } .experts-main .container:before { display: none; } .modal-window { max-width: calc(100% - 50px); } .modal-window .inner { max-height: calc(100vh - 35px); max-height: calc(var(--vh, 1vh) * 100 - 35px); } .modal-window .row img { max-width: 100%; margin-right: 0; height: auto; } .modal-window .row .title { font-size: 20px; margin-bottom: 8px; } .modal-window .row .info { display: flex; flex-direction: column; align-items: center; } .modal-window .row .subtitle { font-size: 13px; margin-bottom: 10px; text-align: center; } .modal-window .row .status { font-size: 14px; text-align: center; margin-bottom: 0; } .modal-window .row p { margin-top: 10px; } .modal-window .row .status:after { display: none; } .modal-window .row .status:before { left: calc(50% - 12px); } .modal-window .list { margin-top: 0; } .modal-window .row .ask { margin-bottom: 25px; } .modal-window .row .list-title { font-size: 15px; text-align: center; margin-bottom: 15px; } .modal-window .row ul.arrow { padding: 0; background-color: #fff; font-size: 14px; } .modal-window .row ul.arrow li { padding-left: 0; text-align: center; margin-bottom: 15px; } .modal-window .row ul.arrow li:before { display: none; } .about-mission .top-row .right img { height: 200px; } .modal-window .row p.bold { margin-bottom: 5px; } .modal-window .row .quote { padding: 15px; } .modal-window .row .quote p { margin-top: 0; margin-bottom: 20px; } .modal-window .row .quote:before { left: -5px; top: -10px; } .leaders-main .quote p { display: none; margin-bottom: 20px; } .leaders-main .quote p:first-of-type { display: block; } .leaders-main .quote.active p { display: block; } .leaders-main .quote .leaders-quote-more { display: flex; } .mission-main .caption { font-size: 40px; } .mission-main .section-subtitle { font-size: 14px; } .mission-main .section-title { margin-bottom: 25px; } .mission-main .container:before { right: -25px; width: calc(100% + 50px); max-height: 250px; } .mission-main .container { padding-bottom: 280px; } .mission-description { padding: 40px 0; } .mission-description .title { margin-bottom: 25px; } .mission-phylosophy .main-title { font-size: 20px; line-height: 1.5; } .mission-phylosophy .medium-column img { min-height: 170px; width: calc(100% + 50px); margin-left: -25px; } .mission-phylosophy .item { flex: 0 0 100%; margin-bottom: 40px; } .mission-phylosophy .item:last-of-type { margin-bottom: 0; } .mission-phylosophy .row { flex-wrap: wrap; } .mission-quote .info { padding: 40px 25px; width: calc(100% + 50px); margin-left: -25px; } .mission-quote .info p:first-of-type:after { width: 25px; top: -39px; } .map-section { padding-bottom: 280px; } header { padding: 15px 0; } .main-about .list .slick-prev { left: 25px; } .main-about .list .slick-next { right: 25px; } .mission-principles .row .item { flex-direction: column; } .mission-principles .row .item img { margin-right: 0; max-width: 180px; margin-bottom: 25px; } .mission-principles .row .item .title { margin-bottom: 15px; text-align: center; font-size: 16px; } .mission-principles .row .item p { font-size: 14px; text-align: center; max-width: 100%; } .mission-principles { margin-bottom: 0; } .about-map .image { margin-left: -190px; margin-top: -110px; transform: scale(0.45); margin-bottom: -120px; } .custom-page main { padding-top: 70px; } .main-projects .block .left { display: none; } .main-projects .tab-info .item { padding: 15px; } .about-leader .section-title span, .mission-description .section-title span { left: -30px; font-size: 48px; } .about-experts .section-title span { display: none; } footer .right .socials-wrapper { justify-content: space-between; } footer .right .socials { margin-left: 0; } .experts-main .row .item img { width: 220px; height: auto; } .main { height: 100vh; } .partners-main .medium-column { max-width: 100%; } .partners-main .tab-block .tab-content .row { flex-direction: column; margin-bottom: 0; } .partners-main .tab-block .tab-content .image-row { align-items: center; max-width: 195px; margin: 0 auto 25px; } .partners-main .tab-block .tab-content .image-row a { font-size: 16px; } .partners-main .tab-block .tab-content p.bold, .partners-main .tab-block .tab-content p { font-size: 14px; text-align: center; margin-bottom: 20px; } .partners-main .tab-block .tab-content .arrow-link { display: flex; margin: 0 auto; } .partners-main .tab-block .tab-content .more-info { display: none; } .partners-main .tab-block .slick-arrow.slick-prev { left: 0; } .partners-main .tab-block .slick-arrow.slick-next { right: 0; } .about-experts .experts-slider { width: calc(100% + 25px); margin-left: 15px; } .about-experts .experts-slider .item { margin: 0 25px; } .about-experts .experts-slider .slick-list { padding-right: 50px; } .contacts-main .entrance svg { width: 24px; height: 24px; } .contacts-main .entrance p { font-size: 14px; } .contacts-main .entrance .title { font-size: 16px; } .contacts-main .entrance .info { max-width: calc(100% - 40px); } .contacts-map-section .map-block { height: 600px; } .contacts-map-section .info-block { right: 25px; max-width: calc(100% - 50px); top: 100%; } .contacts-main .right .second-column, .contacts-main .right .third-column { margin-right: 0; margin-top: 0; } .error-main { padding-top: 150px; padding-bottom: 70px; } .error-main .left { max-width: 100%; } .error-main .left img { max-width: 100%; margin-bottom: 30px; } .error-main .left .title { font-size: 22px; margin-bottom: 35px; } .error-main .left .subtitle { font-size: 12px; max-width: 100%; } .partners-main .tab-block .tab-content p.bold { max-width: 100%; } .documents-items.license .item, .documents-items.documents .item { flex: 0 0 100%; } .download-all-documents { font-size: 13px; } .documents-items.license, .documents-items.documents { padding-bottom: 15px; } .documents-items.sertificate .item { flex-direction: column; align-items: center; margin-bottom: 30px; } .documents-items.sertificate .item .info { display: flex; flex-direction: column; align-items: center; } .documents-items.sertificate .item img { margin-right: 0; } .documents-items.sertificate .item .title { text-align: center; margin-top: 15px; margin-bottom: 15px; } .documents-items.sertificate .item p { font-size: 14px; text-align: center; margin-bottom: 15px; } .documents-items.sertificate .item .artic { margin-bottom: 15px; } .partners-main .container:before { display: block; top: -50px; right: -100px; } .projects-main .tab-content .section-title { font-size: 18px; margin-bottom: 30px; } .projects-main .filters form { padding: 24px; } .projects-main .container .tab-block .tabs, .projects-main .dropdown-block { width: 100%; } .projects-main .filters form p { font-size: 14px; max-width: calc(100% - 30px); } .projects-main .filters form .line { align-items: flex-start; } .projects-main .filters form input { top: 2px; } .modal-window.modal-projects .left .top { flex-direction: column; align-items: flex-start; margin-bottom: 25px; } .modal-window.modal-projects .left .top img { margin-bottom: 0; max-width: 100px; max-height: 100px; } .modal-window.modal-projects .left .top .title { font-size: 18px; line-height: 1.5; } .modal-window.modal-projects .left .subtitle { font-size: 15px; margin-bottom: 15px; } .modal-window.modal-projects .line .main-title { font-size: 16px; } .modal-window.modal-projects .line ul li { font-size: 14px; font-weight: 400; } .archive-main article, .archive-main article.big { flex: 0 0 100%; } .articles-filter { flex-direction: column; } .articles-filter .date { margin-right: 0; margin-bottom: 15px; } .materials-wrapper .material-title span { font-size: 18px; } .materials-wrapper .items .item { flex: 0 0 100%; margin-bottom: 15px; } .single-title { text-transform: none; font-size: 20px; margin-bottom: 40px; } .single-main .single-text .main-title, .single-text--press h2 { margin-top: 25px; margin-bottom: 15px; font-size: 16px; line-height: 1.5; } .single-main .single-text img { margin: 25px 0; } .single-main .single-text .small-title { margin-top: 25px; margin-bottom: 15px; } .single-main .single-text .helpful-article-title { padding-top: 15px; font-size: 16px; } .single-main .single-text .helpful-article { margin-top: 20px; } .single-main .single-text .friends { flex-direction: column; align-items: flex-start; } /* .single-main .single-text .friends span{margin-bottom:8px;font-size:14px} */ .single-main .single-text .main-single-title { font-size: 20px; } .single-main .single-text p, .single-main .single-text ul, .single-main .single-text ol { font-size: 14px; } .sidebar-author .row img { width: 158px; height: 196px; margin-right: 10px; } .sidebar-author .row .title { font-size: 15px; font-weight: 600; text-transform: uppercase; line-height: 1.5; margin-bottom: 6px; } .sidebar-author .row p { font-size: 14px; color: #4a4a4a; margin-bottom: 15px; } .sidebar-author .row .subtitle { font-size: 14px; } .vacancy-main .section-subtitle { font-size: 16px; } .vacancy-items .title { font-size: 18px; margin-bottom: 25px; } .vacancy-items .items .item { flex: 0 0 100%; } .vacancy-items { margin-bottom: 55px; } .vacancy-interest { padding: 40px 0 50px; margin-bottom: 40px; } .vacancy-interest .container .left .section-title { font-size: 24px; } .vacancy-interest .tab-block .tab-content span { margin-bottom: 25px; } .vacancy-interest .slick-arrow.slick-prev { left: 15vw; } .vacancy-interest .slick-arrow.slick-next { right: 15vw; } .vacancy-find { margin: 40px 0; } .vacancy-find .container .title { font-size: 18px; } .vacancy-find .container .text p { font-size: 15px; } .vacancy-single-main .container:before { top: 120px; right: -30px; } .vacancy-single-main .top .section-title { margin-bottom: 15px; } .vacancy-single-main .city { margin-bottom: 30px; } .vacancy-single-main .top .button { width: 100%; } .vacancy-single-main .top { margin-bottom: 60px; } .vacancy-single-main .row .title { margin-bottom: 25px; font-size: 18px; } .vacancy-single-main .row { margin-bottom: 60px; } .vacancy-single-main .container:after { display: none; } .vacancy-single-part { padding: 40px 0; } .vacancy-single-part .container .right form .input-wrap.first { flex-wrap: wrap; } .vacancy-single-part .container .right form .input-wrap.first input, .vacancy-single-part .container .right form .input-wrap { flex: 0 0 100%; } .vacancy-single-part .file-wrap { height: 50px; } .vacancy-single-part form .file-wrap span { justify-content: center; padding-left: 0; } form .checkbox-wrap { align-items: flex-start; } form .checkbox-wrap p { max-width: calc(100% - 30px); } .vacancy-single-part .container .right form input[type='submit'] { width: 100%; } .vacancy-single-part { margin-bottom: 0; } .modal-window.modal-form .inner .form-wrapper form .input-wrap { flex: 0 0 100%; margin-bottom: 15px; } .modal-window.modal-form .inner .form-wrapper form .label { font-size: 13px; } .modal-window.modal-form .inner .form-wrapper form input, .modal-window.modal-form .inner .form-wrapper form textarea { font-size: 14px; padding-left: 15px; padding-right: 15px; } .modal-window.modal-form .inner .form-wrapper form .dropdown-wrap { margin-top: 10px; } .modal-window.modal-form .inner .form-wrapper form input[type='submit'] { width: 100%; } .modal-window.modal-form .inner .form-wrapper form .file-wrap { height: 44px; align-items: flex-start; } .modal-window.modal-form .inner .form-wrapper form .file-wrap span { top: 0; justify-content: center; } .modal-window.modal-form .inner .form-wrapper form .input-wrap--full { display: none; } .main-image-box { margin-top: 30px; } .service-main { margin-bottom: 30px; } .service-items { margin-top: 30px; margin-bottom: 40px; } .service-items .main-services-items .item { flex: 0 0 100%; } .service-inner-main { margin-bottom: 40px; } .service-inner-items { margin-top: 40px; margin-bottom: 50px; } .service-inner-info { margin: 60px 0; } .service-inner-info .title { margin-bottom: 30px; } .service-inner-projects .title-wrap a { margin-top: 15px; } .service-inner-projects .title-wrap { margin-bottom: 30px; } .industry-choose { padding-top: 40px; } .industry-choose .section-title { margin-bottom: 30px; } .industry-choose .items .item { flex: 0 0 100%; margin-bottom: 25px; } .industry-choose .items .item a span { font-size: 18px; } .industry-info { margin: 60px 0; } .industry-info .title { font-size: 16px; } .industry-info p { font-size: 15px; } .career-main .section-subtitle { font-size: 20px; } .video-box { margin-top: 25px; } .career-why { padding-top: 60px; } .career-why .section-title { text-transform: capitalize; } .career-why .images img { position: relative; } .career-why .images img.second { top: 0; margin-left: auto; margin-top: -80px; } .career-why .images { min-height: unset; } .career-why .text .title { font-size: 15px; font-weight: 500; } .career-wait .container:after { display: none; } .career-wait .section-title { text-transform: none; text-align: center; } .career-wait .container .left { max-width: 100%; width: 100%; } .career-wait .link .title { font-size: 15px; } .career-wait .link span { font-size: 14px; } .career-wait .link { padding: 16px 24px; } .career-internship .section-title, .career-corp .section-title { text-transform: none; } .career-internship .row .title { font-size: 16px; } .career-internship .row .left { padding: 16px; } .career-internship .row .title { font-size: 15px; font-weight: 500; } .career-internship .row ul { font-size: 16px; font-weight: 500; } .career-corp .corp-img { margin-bottom: 15px; } .career-corp .subcaption { text-align: center; font-size: 16px; margin-bottom: 35px; } .career-corp .right .main-title { font-size: 16px; font-weight: 700; text-align: center; } .career-corp .items .item { flex: 0 0 100%; flex-direction: column; align-items: center; } .career-corp .items .item p { text-align: center; font-size: 15px; max-width: 210px; } .career-corp .items .item a { margin-top: 0; font-size: 16px; } .career-relax-slider .slick-dots { transform: translateX(-15px); } .career-relax { margin-bottom: 90px; } .career-wait .career-wait-button { width: 100%; } .industry-single-main .section-subtitle { font-size: 15px; margin-bottom: 30px; } .industry-single-main .main-image-box { margin-top: 40px; } .industry-single-develop { padding-top: 40px; margin-bottom: 60px; } .industry-single-develop .main-title { font-size: 18px; margin-bottom: 25px; line-height: 1.5; } .industry-single-develop .title { font-size: 16px; margin-bottom: 25px; } .industry-single-develop p { font-size: 14px; } .industry-single-develop .text-box { margin-top: 40px; padding: 40px 0; } .industry-single-result .items .item { flex: 0 0 100%; } .industry-single-result { margin-bottom: 20px; } .industry-single-tour .container { padding: 25px; } .industry-single-tour .main-title { font-size: 14px; } .industry-single-tour { margin-bottom: 60px; } .industry-single-interest .section-title { margin-bottom: 80px; } .industry-single-news-slider .slick-arrow.slick-prev { left: 8px; right: unset; top: -50px; } .industry-single-news-slider .slick-arrow.slick-next { left: 98px; right: unset; top: -50px; } .industry-single-interest { margin-bottom: 60px; } .service-single-main .section-subtitle, .service-single-main .list-title { font-size: 15px; } .service-single-main ul { font-size: 15px; } .main-image-box img { max-height: 180px; } /* .service-single-info .tab-block .tabs{width:calc(100% + 25px);margin-bottom:30px;} */ .service-single-info .tab-block .tabs { width: 100%; flex-direction: column; align-items: center; text-align: center; } .service-single-info .tab-block .tabs button { margin-right: 0; } .service-single-info .tab-block .tabs button:first-of-type { margin-top: 0; } /* .service-single-benefit .read-more{display:block;color:#fff;font-size:16px;padding-left:35px} */ .service-single-benefit ul li { padding-left: 35px; } .service-single-parametr { margin: 60px 0; } .service-single-parametr .title { font-size: 18px; margin-bottom: 30px; } .service-single-parametr .row { flex-direction: column; align-items: center; } .service-single-parametr .row .item { margin-bottom: 30px; } .service-single-parametr .row .item:last-of-type { margin-bottom: 0; } .service-single-preference .items .item:before { width: 20px; height: 20px; top: 0; } .service-single-preference .items .item { flex: 0 0 100%; margin-bottom: 15px; padding-left: 30px; } .service-single-preference { padding-top: 40px; padding-bottom: 15px; } .service-single-choose .main-title { font-size: 18px; } .service-single-choose { margin: 60px 0; } .service-single-choose .link { margin-right: 0; } .service-single-questions .main-title, .service-single-questions .left .subtitle { text-align: center; } .service-single-questions .button-wrapper { text-align: center; } .service-single-questions form { position: relative; background-color: #0d6db4; } .service-single-questions form .form-group { flex: 0 0 100%; } form .checkbox-wrap p { max-width: calc(100% - 50px); } /* .service-single-questions .container:before { top: 710px; } */ .service-single-questions form input[type='submit'] { width: 100%; } .service-single-questions .right { max-width: 100%; flex-direction: column; align-items: center; } .service-single-questions .right .title { text-align: center; padding-top: 20px; font-size: 16px; margin-bottom: 25px; } .service-single-questions .right .subtitle { text-align: center; margin-bottom: 15px; font-size: 14px; } .service-single-questions .right p { text-align: center; font-size: 15px; } .service-single-partners { margin: 60px 0; } .service-single-partners .items .item { margin: 0 5px; height: 87px; } .service-single-partners .items .item:nth-of-type(5n) { margin: 0 5px; } .service-single-questions .right img { z-index: 1; margin-right: 0; } .industry-single-tour .arrow-link { display: flex; align-items: center; justify-content: space-between; width: 94%; /* max-width: 94%; */ } .industry-single-tour .arrow-link svg { display: inline-block; position: relative; top: 1px; margin-left: 3px; flex-shrink: 0; } .industry-main button { width: 100%; } .modal-window.modal-good { max-width: calc(100% - 50px); } .modal-window.modal-good .inner .title { font-size: 18px; } .modal-window.modal-good .inner svg { margin-bottom: 30px; } .career-main button.career-main-button { width: 100%; } .search-block .container form, .search-block .container form input { width: 100%; } .search-block .container form input { font-size: 13px; } .search-block .container form input[type='submit'] { margin-left: 10px; width: 140px; font-size: 16px; } .search-result-item .section-subtitle { text-align: left; font-size: 15px; } .search-result-item .section-desc { font-size: 13px; } .leaders-team .item img { width: 130px; } article img { max-height: 270px; } .content p { font-size: 14px; } .vacancy-single-part .container .right form .form-group { flex: 0 0 100%; } } @media (max-width: 374px) { #particle-slider { width: 320px; right: calc(50% - 160px); top: calc(50% - 60vh); } .main-oncloud .container img { max-width: 270px; } .main-oncloud .button { top: 215px; } .main-about .list .slick-prev, .main-about .list .slick-next { top: 6%; } .main-news .right .news-slider .slick-prev, .main-news .right .news-slider .slick-next { top: -25px; } footer .right .socials-wrapper { justify-content: space-between; } footer .right .socials-wrapper .socials { margin-left: 0; } footer .right .socials-wrapper .socials a { margin-right: 5px; } .about-description img { max-width: 100%; } .about-description .medium-column p.bold:before { bottom: 60px; } .about-mission .top-row .right .blocks .item { padding-left: 30px; padding-top: 30px; } .about-experts .experts-slider .slick-prev { left: -20px; } .about-experts .experts-slider .slick-next { right: -20px; } .leaders-team .item .subtitle { margin-bottom: 15px; } .leaders-team .item .arrow-link { font-size: 14px; } .about-license .sertificate-slider .item img { max-width: 200px; } .about-map .image { margin-left: -210px; transform: scale(0.4); } .main-help .section-title { font-size: 19px; } .main-help .form-block .title { font-size: 15px; } .error-main .left .title { font-size: 18px; } .error-main { padding-top: 110px; padding-bottom: 40px; } .license-main .tabs button { font-size: 17px; margin-right: 30px; } .projects-main .container .tab-block .tabs button { font-size: 13px; margin-bottom: 20px; } .projects-main .container .tab-block .tabs { padding: 15px; } .projects-main .filters form .form-title { font-size: 17px; margin-bottom: 15px; } .projects-main .filters form p { font-size: 12px; } .projects-items .item img { max-width: 50px; } .archive-main article .sub-caption .date { margin-right: 15px; } .archive-main article .sub-caption .author-title { font-size: 13px; margin-left: 5px; } .sidebar-author .row img { width: 128px; height: 146px; } .modal-window.modal-form .form-title { font-size: 17px; } .vacancy-interest .container .left .section-title { font-size: 21px; } footer .right .socials-wrapper img { max-width: 110px; } footer .logo { margin-right: 0; } .industry-single-tour .arrow-link { max-width: 98%; font-size: 13px; } .modal-window.modal-good .inner .title { font-size: 17px; margin-bottom: 30px; } .modal-window.modal-good .inner p { font-size: 16px; } .modal-window.modal-good .inner p.small { font-size: 14px; margin-top: 20px; } } @media (min-width: 640px) { .sm\:hidden { display: none; } .sm\:block { display: block; } } @media (min-width: 1200px) { .modal-window.modal-projects { overflow: hidden; } } .partner-certificates__item-link.download-all-documents { border: unset; padding-top: 0; margin-bottom: 1rem; } p.partner-certificates__heading { font-weight: 600; margin-bottom: 1.5rem; } .partner-certificates__container { padding-bottom: 1rem; margin-top: 1rem; } .related-article__link { color: #1a202c; transition: all 0.4s ease; } .related-article__link:hover { color: #0d6db4; } .related-press-releases__container { padding: 1rem 0; margin-top: 1rem; } .related-press-releases__heading { font-weight: 600; margin-bottom: 1.5rem; font-size: 16px; } .related-press-releases__link { display: flex; align-items: center; font-size: 15px; font-weight: 500; color: #1a202c; transition: all 0.4s ease; padding-top: 25px; border-top: 1px solid rgba(74, 74, 74, 0.65); border: unset; padding-top: 0; margin-bottom: 1rem; } .related-press-releases__link:hover { color: #0d6db4; } .related-press-releases__container .related-press-releases__link:last-child { margin-bottom: 0; } @media (min-width: 992px) { .main-oncloud .container.dfc { flex-wrap: nowrap; } .service-single-partners .items { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; } } @media (max-width: 1200px) { .main-oncloud .left { margin-right: 0; } } @media (max-width: 550px) { footer .right form input[type='submit'] { width: 100%; height: auto; } } .social-icon__link__mobile-menu { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 3px solid #0d6db4; border-radius: 5px; box-sizing: border-box; opacity: 0.8; } .social-icon__link__mobile-menu span { display: flex; justify-content: center; align-items: center; } /* 15 лет баннер и виджет */ .evolution-banner { margin: 80px 0 120px; } .evolution-banner .inner { background-color: white; box-shadow: 0px 2px 4px rgba(0, 36, 63, 0.149); padding: 60px 32px 60px 80px; border-radius: 16px; display: flex; position: relative; } .evolution-banner .inner::before { content: ""; position: absolute; right: 0; top: 40px; right: 100px; width: 147px; height: 102px; background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .evolution-banner .inner .left { flex-shrink: 0; width: 50%; position: relative; } .evolution-banner .inner .left::before { content: ""; position: absolute; right: 0; bottom: 0; right: 20px; width: 147px; height: 102px; background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .evolution-banner .logo .bg-2 { display: none; } .evolution-banner .banner-content { max-width: 635px; } .evolution-banner .banner-content .image { display: none; } .evolution-banner .banner-content p { margin-top: 16px; font-size: 16px; line-height: 24px; font-weight: 500; color: #1a202c; max-width: 600px; } .evolution-banner .banner-content p:last-of-type { max-width: 542px; } .evolution-banner .banner-content p.title { margin: 40px 0 24px; font-size: 24px; line-height: 29px; font-weight: 700; color: #000000; max-width: 100%; } .evolution-banner .inner .right { position: relative; display: flex; flex-direction: column; justify-content: start; align-items: center; flex-grow: 1; width: 50%; padding-left: 48px; } .evolution-banner .inner .right .image { position: relative; } .evolution-banner .inner .right .bg-1 { position: relative; } .evolution-banner .inner .right .bg-2 { position: absolute; top: 42px; left: -196px; } .evolution-banner .inner .right .bg-3 { position: absolute; bottom: 0; right: -128px; } .evolution-banner .inner .right p { font-weight: 700; font-size: 24px; line-height: 29px; color: #000000; max-width: 630px; margin-top: 24px; text-align: left; align-self: start; } .evolution-banner .inner .right a { width: 350px; height: 56px; border-radius: 4px; background-color: #0d6db4; color: #fff; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-top: 36px; position: relative; align-self: start; } .evolution-banner .inner .right a:hover { background-color: #4390ca; } .evolution-banner .inner .right .read-more { display: none; } @media (max-width: 1699px) { .evolution-banner .inner { padding: 60px 32px 60px 60px; } .evolution-banner .banner-content p:last-of-type { max-width: none; } .evolution-banner .inner .right .bg-2 { width: 264px; left: -168px; } .evolution-banner .inner .right .bg-3 { width: 200px; right: -72px; } .evolution-banner .inner .left::before { display: none; } } @media (max-width: 1499px) { .evolution-banner .inner .right .bg-1 { width: 368px; } .evolution-banner .inner .right .bg-2 { width: 200px; left: -128px; top: 16px; } .evolution-banner .inner .right .bg-3 { width: 140px; right: -32px; } } @media (max-width: 1199px) { .evolution-banner .inner { padding: 40px; display: block; } .evolution-banner .inner::before { right: 45px; top: 50px; width: 115px; height: 80px; } .evolution-banner .inner::after { content: ""; position: absolute; bottom: 32px; right: 45px; width: 115px; height: 80px; background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .evolution-banner .inner .left { width: 100%; } .evolution-banner .inner .left .logo { display: flex; align-items: end; } .evolution-banner .logo .evolution-logo { width: 295px; } .evolution-banner .logo .bg-2 { width: 68px; transform: scale(-1, 1); margin-left: 8px; } .evolution-banner .banner-content { max-width: none; } .evolution-banner .banner-content p { max-width: none; } .evolution-banner .banner-content p.title { margin: 40px 0 24px; font-size: 18px; line-height: 27px; max-width: 485px; font-weight: 600; } .evolution-banner .banner-content .image { display: block; position: relative; flex-shrink: 0; margin-left: 36px; } .evolution-banner .banner-content .image .bg-1 { width: 306px; } .evolution-banner .banner-content .image .bg-2 { display: none; } .evolution-banner .banner-content .image .bg-3 { position: absolute; width: 115px; top: 170px; right: 0; } .evolution-banner .banner-content .adaptive-image-container { display: flex; } .evolution-banner .inner .right { display: block; padding-left: 0; width: 100%; margin-top: 52px; } .evolution-banner .inner .right .image { display: none; } .evolution-banner .inner .right p { font-size: 18px; line-height: 27px; margin-top: 24px; max-width: 485px; font-weight: 600; } } @media (max-width: 767px) { .evolution-banner { background-color: white; box-shadow: 0px 2px 4px rgba(0, 36, 63, 0.149); } .evolution-banner .inner { padding: 40px 0 20px; box-shadow: none; border-radius: 0; } .evolution-banner .inner::before { display: none; } .evolution-banner .inner::after { display: none; } .evolution-banner .logo .bg-2 { display: none; } .evolution-banner .banner-content .image { display: none; } .evolution-banner .banner-content p { margin-top: 16px; font-size: 15px; line-height: 24px; font-weight: 400; } .evolution-banner .banner-content p.title { margin: 32px 0 24px; font-size: 16px; line-height: 24px; font-weight: 600; } .evolution-banner .inner .right { display: flex; flex-direction: column; margin-top: 0; } .evolution-banner .inner .right .title { order: -1; margin-top: 32px; } .evolution-banner .inner .right .image { display: block; margin-top: 72px; } .evolution-banner .inner .right .image::before { content: ""; position: absolute; top: -32px; right: 16px; width: 94px; height: 65px; background: url(/images/pattern-blue--7-5.svg) center center no-repeat; background-size: contain; } .evolution-banner .inner .right .image .bg-1 { width: 250px; } .evolution-banner .inner .right .image .bg-2 { top: 159px; right: -29px; bottom: auto; left: auto; width: 135px; transform: scale(-1, 1); } .evolution-banner .inner .right .image .bg-3 { width: 115px; left: -45px; bottom: 15px; right: auto; top: auto; } .evolution-banner .inner .right a { width: 100%; margin-top: 48px; } .evolution-banner .inner .right .read-more { display: flex; justify-content: end; align-items: center; align-self: flex-end; } .evolution-banner .inner .right .read-more span { font-weight: 600; font-size: 16px; line-height: 24px; color: #0d6db4; } .evolution-banner .inner .right .read-more svg { margin-left: 8px; } .adaptive-hidden { display: none; } } .evolution-widget { position: fixed; bottom: 0; left: 215px; background: #E8F8FF; border: 1px solid #E6F6FD; border-radius: 8px 8px 0px 0px; width: 207px; padding: 18px 24px 12px; height: 60px; z-index: 10; } .evolution-widget__close { position: absolute; top: 9px; right: 10px; width: 15px; height: 15px; } @media (max-width: 640px) { .evolution-widget { position: fixed; bottom: 0; left: calc(34.5% + 8px); background: #E8F8FF; border: 1px solid #E6F6FD; border-radius: 8px 8px 0px 0px; width: 188px; padding: 12px 12px 12px; height: 48px; z-index: 10; } } /* END 15 лет баннер и виджет */ .single-main .date{ font-size: 13px; font-weight: 600; color: #4a5568; padding: 6px 15px; border-radius: 20px; background-color: #e2e8f0; margin-bottom: 15px; display: inline-block; } /* End */ /* Start:/local/templates/serptop/assets/styles/css/cookie.tailwind.css?168483364314069*/ /* ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ""; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::-webkit-backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } #cookie .fixed { position: fixed; } #cookie .inset-x-0 { left: 0px; right: 0px; } #cookie .bottom-0 { bottom: 0px; } #cookie .z-10 { z-index: 10; } #cookie .order-2 { order: 2; } #cookie .mx-auto { margin-left: auto; margin-right: auto; } #cookie .mt-4 { margin-top: 1rem; } #cookie .-mr-1 { margin-right: -0.25rem; } #cookie .inline { display: inline; } #cookie .flex { display: flex; } #cookie .hidden { display: none; } #cookie .h-6 { height: 1.5rem; } #cookie .w-6 { width: 1.5rem; } #cookie .max-w-7xl { max-width: 80rem; } #cookie .flex-1 { flex: 1 1 0%; } #cookie .flex-shrink-0 { flex-shrink: 0; } #cookie .flex-col { flex-direction: column; } #cookie .flex-wrap { flex-wrap: wrap; } #cookie .items-center { align-items: center; } #cookie .justify-between { justify-content: space-between; } #cookie .rounded-md { border-radius: 0.375rem; } #cookie .bg-\[\#0d6db4\] { --tw-bg-opacity: 1; background-color: rgb(13 109 180 / var(--tw-bg-opacity)); } #cookie .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } #cookie .p-1 { padding: 0.25rem; } #cookie .p-2 { padding: 0.5rem; } #cookie .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } #cookie .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } #cookie .text-xs { font-size: 0.85rem; line-height: 1rem; } #cookie .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #cookie .text-\[\#0d6db4\] { --tw-text-opacity: 1; color: rgb(13 109 180 / var(--tw-text-opacity)); } #cookie .text-\[\#33337c\] { --tw-text-opacity: 1; color: rgb(51 51 124 / var(--tw-text-opacity)); } #cookie .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } #cookie .decoration-dotted { -webkit-text-decoration-style: dotted; text-decoration-style: dotted; } #cookie .underline-offset-2 { text-underline-offset: 2px; } #cookie .hover\:bg-\[\#33337c\]:hover { --tw-bg-opacity: 1; background-color: rgb(51 51 124 / var(--tw-bg-opacity)); } #cookie .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } #cookie .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } #cookie .focus\:ring-white:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); } #cookie .group:hover .group-hover\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 640px) { #cookie .sm\:order-3 { order: 3; } #cookie .sm\:ml-3 { margin-left: 0.75rem; } #cookie .sm\:mt-0 { margin-top: 0px; } #cookie .sm\:-mr-2 { margin-right: -0.5rem; } #cookie .sm\:block { display: block; } #cookie .sm\:flex { display: flex; } #cookie .sm\:hidden { display: none; } #cookie .sm\:w-0 { width: 0px; } #cookie .sm\:flex-row { flex-direction: row; } #cookie .sm\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #cookie .sm\:p-2 { padding: 0.5rem; } #cookie .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 1024px) { #cookie .lg\:pr-8 { padding-right: 2rem; } #cookie .lg\:pl-28 { padding-left: 7rem; } } /* End */ /* /local/templates/serptop/assets/vendors/slick/slick.css?16249008421725 */ /* /local/templates/serptop/assets/vendors/slick/slick-theme.css?16249008423281 */ /* /local/templates/serptop/assets/vendors/fancybox/css/jquery.fancybox.min.css?162490084212795 */ /* /local/templates/serptop/assets/styles/css/style.css?1694171980319675 */ /* /local/templates/serptop/assets/styles/css/cookie.tailwind.css?168483364314069 */