/** * Сброс CSS стилей * **/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; } html { -webkit-text-size-adjust: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body { &.__hidden { overflow: hidden; } } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; } input, textarea, button, select { resize: none; border: none; background-color: transparent; outline: none; padding: 0; } img { border: 0; vertical-align: top; } html, body { overflow-x: hidden; -webkit-overflow-scrolling: touch; } /** * Flex * **/ .flex_w { display: flex; flex-wrap: wrap; &.__ai_fs { align-items: flex-start; } &.__ai_fe { align-items: flex-end; } &.__ai_c { align-items: center; } &.__jc_sa { justify-content: space-around; } &.__jc_sb { justify-content: space-between; } &.__jc_c { justify-content: center; } } /** * Функции * **/ .radius(@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; -ms-border-radius: @radius; -o-border-radius: @radius; border-radius: @radius; } .transition(@properties: all .6s) { -webkit-transition: @properties; -moz-transition: @properties; -ms-transition: @properties; -o-transition: @properties; transition: @properties; } .text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { text-shadow: @string; } .box-shadow (@string) { -webkit-box-shadow: @string; -moz-box-shadow: @string; box-shadow: @string; } .box-shadow2 (@string, @string) { -webkit-box-shadow: @string, @string; -moz-box-shadow: @string, @string; box-shadow: @string, @string; } .drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); } .inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); } .box-sizing (@type: border-box) { -webkit-box-sizing: @type; -moz-box-sizing: @type; box-sizing: @type; } .border-radius (@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .opacity (@opacity: 0.5) { -webkit-opacity: @opacity; -moz-opacity: @opacity; opacity: @opacity; } .gradient (@startColor: #eee, @endColor: white) { background-color: @startColor; background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); background: -webkit-linear-gradient(top, @startColor, @endColor); background: -moz-linear-gradient(top, @startColor, @endColor); background: -ms-linear-gradient(top, @startColor, @endColor); background: -o-linear-gradient(top, @startColor, @endColor); } .horizontal-gradient (@startColor, @endColor) { background-color: @startColor; background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor)); background-image: -webkit-linear-gradient(left, @startColor, @endColor); background-image: -moz-linear-gradient(left, @startColor, @endColor); background-image: -ms-linear-gradient(left, @startColor, @endColor); background-image: -o-linear-gradient(left, @startColor, @endColor); } .vertical-gradient (@startColor, @endColor) { background-color: @endColor; background-image: -webkit-gradient(linear, top, bottom, from(@startColor), to(@endColor)); background-image: -webkit-linear-gradient(bottom, @startColor, @endColor); background-image: -moz-linear-gradient(bottom, @startColor, @endColor); background-image: -ms-linear-gradient(bottom, @startColor, @endColor); background-image: -o-linear-gradient(bottom, @startColor, @endColor); } .animation (@name, @duration: 300ms, @delay: 0, @ease: ease) { -webkit-animation: @name @duration @delay @ease; -moz-animation: @name @duration @delay @ease; -ms-animation: @name @duration @delay @ease; } .transition (@transition) { -webkit-transition: @transition; -moz-transition: @transition; -ms-transition: @transition; -o-transition: @transition; } .transform(@string) { -webkit-transform: @string; -moz-transform: @string; -ms-transform: @string; -o-transform: @string; transform: @string; } .scale (@factor) { -webkit-transform: scale(@factor); -moz-transform: scale(@factor); -ms-transform: scale(@factor); -o-transform: scale(@factor); transform: scale(@factor); } .rotate (@deg) { -webkit-transform: rotate(@deg); -moz-transform: rotate(@deg); -ms-transform: rotate(@deg); -o-transform: rotate(@deg); transform: rotate(@deg); } .skew (@deg, @deg2) { -webkit-transform: skew(@deg, @deg2); -moz-transform: skew(@deg, @deg2); -ms-transform: skew(@deg, @deg2); -o-transform: skew(@deg, @deg2); transform: skew(@deg, @deg2); } .translate (@x, @y:0) { -webkit-transform: translate(@x, @y); -moz-transform: translate(@x, @y); -ms-transform: translate(@x, @y); -o-transform: translate(@x, @y); transform: translate(@x, @y); } .translate3d (@x, @y: 0, @z: 0) { -webkit-transform: translate3d(@x, @y, @z); -moz-transform: translate3d(@x, @y, @z); -ms-transform: translate3d(@x, @y, @z); -o-transform: translate3d(@x, @y, @z); transform: translate3d(@x, @y, @z); } .perspective (@value: 1000) { -webkit-perspective: @value; -moz-perspective: @value; -ms-perspective: @value; perspective: @value; } .transform-origin (@x:center, @y:center) { -webkit-transform-origin: @x @y; -moz-transform-origin: @x @y; -ms-transform-origin: @x @y; -o-transform-origin: @x @y; } .background(@path, @position: center center, @repeat: no-repeat) { background: url(@path) @position @repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .text-overflow(@lineClamp, @lineHeight) { display: -webkit-box; display: -moz-box; -webkit-box-orient: vertical; -webkit-line-clamp: @lineClamp; overflow: hidden; height: @lineClamp * @lineHeight; } .placeholder-style(@placeholder-font, @placeholder-color) { &::-webkit-input-placeholder { font: @placeholder-font; color: @placeholder-color; } &::-moz-placeholder { font: @placeholder-font; color: @placeholder-color; } &:-moz-placeholder { font: @placeholder-font; color: @placeholder-color; } &:-ms-input-placeholder { font: @placeholder-font; color: @placeholder-color; } } /** * Подключение шрифтов * **/ @font-face { font-family: "UltraLight"; src: url('/path_to_font.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url('../fonts/Robotolight.ttf'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url('../fonts//roboto-regular.ttf'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url('../fonts/Robotomedium.ttf'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url('../fonts/Montserrat-Bold.ttf'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url('../fonts/Montserrat-Medium.ttf'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url('../fonts/Montserrat-SemiBold.ttf'); font-weight: 600; font-style: normal; font-display: swap; } /** * Общие классы * **/ .show { display: block !important; } .hide, .xs-show, .sm-show, .md-show { display: none !important; } .flf { float: left !important; } .flr { float: right !important; } .clear { display: block; clear: both; } .t_center { text-align: center; } .t_right { text-align: right; } .pos_rel { position: relative; } .ypos_ab { position: absolute; top: 50%; .translate(0, -50%); } .xpos_ab { position: absolute; left: 50%; .translate(-50%, 0); } .pos_absc { position: absolute; top: 50%; left: 50%; .translate(-50%, -50%); } .c_img { width: 100% !important; height: 100% !important; object-fit: cover; } .b_img { background-size: cover; background-position: center center; background-repeat: no-repeat; } .psevdo-item { margin: 0 !important; padding: 0 !important; height: 0 !important; opacity: 0 !important; } .container { margin: 0 auto; padding-left: 10px; padding-right: 10px; width: 1130px; } body { background-color: white; color: #22232B; font-size: 18px; font-family: 'Roboto', sans-serif; } .header { position: absolute; top: 0; width: 100%; .container { display: flex; align-items: center; justify-content: space-between; } } .header__list { display: flex; align-items: center; a { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #CECECE; } .menu-item-has-children { color: #A27664; } li { margin-right: 25px; } } .header__list li:last-child { margin-right: 0; } .header__login { display: flex; align-items: center; .header-lang { margin-right: 20px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; display: flex; align-items: center; text-align: center; color: #CECECE; } .header-login { border: 1px solid #CECECE; border-radius: 8px; padding: 7px 16px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; text-align: center; color: #CECECE; } } .footer { background: #0F194C; padding: 95px 0px; } .d1 { } .footer__top { display: flex; justify-content: space-between; } .footer__ul { display: flex; } .footer__socials { margin-top: 30px; a { margin-right: 12px; } } .footer__block { h2 { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 28px; color: #CECECE; margin-bottom: 17px; } a { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; letter-spacing: 0.005em; color: #F0F0F0; .transition; } li { margin-bottom: 8px; } } .inp__block textarea { padding: 13px !important; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; /* identical to box height, or 150% */ letter-spacing: 0.005em; /* Primary/Variant 2 */ color: #5C667F; } .modal { &-close { position: absolute; right: 36px; top: 47px; cursor: pointer; } .pos_absc; z-index: 21002; position: fixed; width: 500px; max-width: 90%; .map__form { position: static; margin: 0; } } .footer__block a:hover { color: #A27664; } .footer__block li:last-child { margin-bottom: 0; } .footer__block { margin-right: 115px; } .footer__block:last-child { margin-right: 0; } .footer__contacts { h2 { margin-bottom: 20px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 28px; color: #CECECE; } p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 25px; color: #CECECE; margin-bottom: 30px; } a { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #F0F0F0; .transition; } } .footer__num { display: flex; flex-direction: column; margin-top: 16px; a { margin-bottom: 7px; } } .footer__contacts a:hover { color: #A27664; } .footer__num a:last-child { margin-bottom: 0; } .footer__bot { margin-top: 89px; display: flex; align-items: center; justify-content: space-between; } .footer__info { display: flex; align-items: center; span { margin-right: 5px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; color: #F0F0F0; } a { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; color: #F0F0F0; .transition; } } .footer__info a:hover { color: #A27664; } .footer__my p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; color: #CECECE; } .footer__bot { position: relative; } .header__white .footer__bot::after { position: absolute; content: ""; width: 1110px; height: 1px; background-color: #1A2351; top: -20px; } .header { z-index: 100; } .d1 { position: relative; height: 750px; } .d1__img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .d1 .container { z-index: 5; position: relative; display: flex; flex-direction: column; justify-content: end; height: 100%; h1 { margin-bottom: 30px; font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 54px; line-height: 130%; color: #FFFFFF; } p { width: 543px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; margin-bottom: 35px; color: #FFFFFF; } } .header { top: 20px; } .header__list a { .transition; } .header__list a:hover { color: #A27664; } .header__list > li { line-height: 52px; } .menu-item-has-children { &:hover { ul { display: block; } } position: relative; ul { display: none; li { margin-right: 0; font-family: 'Roboto'; font-style: normal; font-weight: 400; margin-bottom: 18px; &:hover { a { &::after { position: absolute; .ypos_ab; width: 6px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.875 9.625C0.699219 9.625 0.542969 9.56641 0.425781 9.44922C0.171875 9.21484 0.171875 8.80469 0.425781 8.57031L3.72656 5.25L0.425781 1.94922C0.171875 1.71484 0.171875 1.30469 0.425781 1.07031C0.660156 0.816406 1.07031 0.816406 1.30469 1.07031L5.05469 4.82031C5.30859 5.05469 5.30859 5.46484 5.05469 5.69922L1.30469 9.44922C1.1875 9.56641 1.03125 9.625 0.875 9.625Z' fill='%23A27664'/%3E%3C/svg%3E "); content: ""; right: 0; } } } a { padding-right: 20px; position: relative; &::after { position: absolute; .ypos_ab; width: 6px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.875 9.625C0.699219 9.625 0.542969 9.56641 0.425781 9.44922C0.171875 9.21484 0.171875 8.80469 0.425781 8.57031L3.72656 5.25L0.425781 1.94922C0.171875 1.71484 0.171875 1.30469 0.425781 1.07031C0.660156 0.816406 1.07031 0.816406 1.30469 1.07031L5.05469 4.82031C5.30859 5.05469 5.30859 5.46484 5.05469 5.69922L1.30469 9.44922C1.1875 9.56641 1.03125 9.625 0.875 9.625Z' fill='%23182F43'/%3E%3C/svg%3E%0A"); content: ""; right: 0; } } &:last-child { margin-bottom: 0px; } font-size: 16px; line-height: 28px; white-space: nowrap; a { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; white-space: nowrap; /* black */ color: #22232B; } /* black */ color: #22232B; } position: absolute; left: -20px; background: #FFFFFF; /* 000 */ //display: none; box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.18); top: 100%; padding: 25px 30px; max-width: 100000px; } & > a { //color: #A27664; } padding-right: 20px; } .menu-item-has-children::after { cursor: pointer; right: 0px; position: absolute; content: ""; background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99969 9.46571L4.42648 6.48803C4.14363 6.25232 3.72325 6.29054 3.48754 6.57339C3.25183 6.85624 3.29005 7.27662 3.5729 7.51233L7.5729 10.8457C7.82013 11.0517 8.17925 11.0517 8.42648 10.8457L12.4265 7.51233C12.7093 7.27662 12.7475 6.85624 12.5118 6.57339C12.2761 6.29054 11.8558 6.25232 11.5729 6.48803L7.99969 9.46571Z' fill='%23fff'/%3E%3C/svg%3E%0A"); width: 16px; height: 16px; .ypos_ab; } .menu-item-has-children:hover::after{ background-image: url(../imgs/icons/arrow.svg); } .header__login .header-login { .transition; } .header__login .header-login:hover { border: 1px solid #A27664; color: #A27664; } .header__login .header-lang { cursor: pointer; .transition; } .header__login .header-lang a:hover { color: #A27664; } .d1__but { a { margin-right: 30px; padding: 10px 20px; background: #FFFFFF; border-radius: 8px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; .transition; line-height: 22px; color: #0F194C; } .menu-item-has-children { background: #A27664; color: white; } } .d1__but a:last-child { margin-right: 0; } .d1__but a:hover { background: #A27664; color: white; } .d1__but { margin-bottom: 78px; } .d1__year { display: flex; align-items: center; flex-direction: column; margin-right: 35px; } .d1__year:last-child { margin-right: 0; } .d1__years { display: flex; align-items: center; } .d1__year-text { width: 161px !important; text-align: center !important; font-weight: 300 !important; font-size: 12px !important; line-height: 140% !important; color: #ffffffb0 !important; span { font-weight: 500 !important; color: white; } } .d1__year-img { transform: scale(-1, 1); } .d1__top { display: flex; align-items: center; margin-bottom: 15px; span { margin: 0 5px; font-size: 43px; font-weight: 700; background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } } .nav { padding: 70px 0; position: relative; .container { position: relative; z-index: 5; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } } .nav__bg { position: absolute; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; object-fit: cover; } .nav__block { background: #FFFFFF; box-shadow: 0px 4px 24px rgba(168, 175, 196, 0.25); width: 350px; padding: 20px; display: flex; align-items: center; height: 120px; justify-content: center; p { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; .transition; display: flex; align-items: center; text-align: center; color: #22232B; } } .nav__block { margin-bottom: 30px; cursor: pointer; .transition; border-left: 3px solid #A27664; } .nav__block:hover { background: #0F194C; p { color: white; } } .job { margin-top: 70px; margin-bottom: 72px; h2 { font-family: 'Montserrat'; font-style: normal; font-size: 38px; margin-bottom: 30px; line-height: 54px; text-align: center; color: #22232B; } p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 70px; text-align: center; color: #797979; } } .job__block { display: flex; align-items: center; width: 241px; h3 { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; display: flex; align-items: center; color: #22232B; } } .job__content { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .job__block { margin-bottom: 40px; img { margin-right: 20px; } } .benefit .container { position: relative; } .ben__bg { max-width: 1000px; } .ben__bg:first-child { position: absolute; right: 50%; top: 0; bottom: 0; height: 100%; } .ben__bg:nth-child(2) { position: absolute; left: 50%; top: 0; bottom: 0; height: 100%; } .ben__contents { position: relative; z-index: 10; width: 100%; display: flex; align-items: center; justify-content: space-between; } .benefit__block:nth-child(1) { width: 50%; position: relative; left: -22px; h2 { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 85px; line-height: 84px; margin-bottom: 20px; text-align: center; color: #F0F0F0; text-shadow: 0px 0px 25px rgba(165, 165, 165, 0.75); } h3 { margin-bottom: 30px; font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 32px; line-height: 45px; text-align: center; color: #F0F0F0; } p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 28px; display: flex; align-items: center; text-align: center; margin-bottom: 45px; color: #F0F0F0; width: 442px; } a { background: #FFFFFF; border-radius: 8px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; .transition; line-height: 22px; color: #000; padding: 10px 20px; } } .benefit__block:nth-child(1) { a:hover { background: #A27664; color: white; } } .benefit__block:nth-child(2) { a:hover { background: white; color: black; } } .benefit__block { position: relative; } .benefit__block { width: 50%; padding: 90px 0px; } .benefit__block:nth-child(2) { position: relative; left: 26px; h2 { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 85px; line-height: 84px; text-align: center; background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; text-shadow: 0px 0px 25px rgba(162, 118, 100, 0.7); margin-bottom: 20px; } h3 { margin-bottom: 30px; font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 32px; line-height: 45px; text-align: center; color: #F2C7A3; } P { width: 442px; margin-bottom: 45px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 28px; display: flex; align-items: center; text-align: center; color: #F2C7A3; } a { background: #A27664; border-radius: 8px; padding: 10px 20px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 22px; color: #FFFFFF; .transition; } } .ben__content { display: flex; flex-direction: column; align-items: center; } .ben__img { position: absolute; top: 46px; right: 50px; } .ben__img2 { position: absolute; top: 28px; right: 68px; } .warranty { padding-top: 75px; padding-bottom: 85px; position: relative; .container { position: relative; z-index: 5; h2 { margin-bottom: 15px; font-family: 'Montserrat'; font-style: normal; font-size: 38px; line-height: 54px; text-align: center; color: #22232B; } p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; text-align: center; color: #797979; } } } .war__block { display: flex; align-items: center; } .war__bg { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .war__content { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; } .war__block { padding: 20px 30px; width: 540px; p { font-family: 'Roboto'; font-style: normal; font-weight: 300 !important; font-size: 22px !important; line-height: 35px !important; display: flex; text-align: start !important; color: #22232B !important; } } .war__plus { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; cursor: pointer; flex-shrink: 0; border-radius: 50%; background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%); color: #fff; font-size: 18px; margin-right: 25px; } .war__block { margin-bottom: 30px; background: #FFFFFF; box-shadow: 6px 6px 70px rgba(0, 0, 0, 0.09); border-radius: 20px; } .war__img { position: absolute; z-index: 5; width: 172px; right: 0; } .info { position: relative; height: 293px; } .info__bg { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .info__content { position: relative; height: 293px; z-index: 5; display: flex; align-items: center; justify-content: space-between; } .info__block { display: flex; flex-direction: column; align-items: center; span { margin-bottom: 11px; font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 85px; line-height: 84px; text-align: center; color: #F0F0F0; } P { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; text-align: center; color: #FFFFFF; } } .partner { margin-top: 70px; margin-bottom: 100px; } .point__img { overflow: hidden; } .partner { h2 { font-family: 'Montserrat'; font-style: normal; font-size: 38px; line-height: 54px; text-align: center; color: #22232B; } } .partner__content { display: flex; align-items: center; justify-content: space-between; } .arrow { cursor: pointer; width: 80px; height: 80px; padding: 16px; background: #FFFFFF; box-shadow: 6px 6px 70px rgba(0, 0, 0, 0.09); transform: matrix(-1, 0, 0, 1, 0, 0); border-radius: 50%; } .part__client { display: flex; align-items: center; a { margin-right: 67px; } } .part__client a:last-child { margin-right: 0; } .partner__content { margin-top: 82px; } .case { height: 611px; position: relative; .container { position: relative; z-index: 5; } } .case__bg { width: 100%; height: 100%; top: 0; left: 0; position: absolute; right: 0; object-fit: cover; } .case { padding: 70px 0px; h2 { font-family: 'Montserrat'; font-style: normal; font-size: 38px; line-height: 54px; margin-bottom: 50px; text-align: center; color: #22232B; } } .case__blocks { display: flex; justify-content: space-between; } .case__block { height: 280px; position: relative; width: 680px; } .case__img { position: absolute; width: 100%; height: auto; left: 0; right: 0; top: 0; } .case__block2 { width: 400px; } .case__info { position: relative; z-index: 10; } .case__info { padding-left: 40px; display: flex; flex-direction: column; height: 100%; justify-content: end; padding-bottom: 20px; span { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; margin-bottom: 12px; color: #FFFFFF; } h3 { margin-bottom: 22px; font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; color: #FFFFFF; } a { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; .transition; letter-spacing: 0.005em; color: #FFFFFF; } } .case__info a:hover { color: #A27664; } .case__but { display: flex; margin-top: 24px; align-items: center; justify-content: center; a { border: 1px solid #0F194C; border-radius: 8px; padding: 10px 20px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 22px; color: #0F194C; } } .case__imgss { position: absolute; z-index: 10; bottom: 0; } .const__block { position: relative; width: 1110px; height: 472px; } .cons__bg { height: 100%; border-radius: 50px; position: absolute; width: 100%; left: 0; right: 0; top: 0; object-fit: cover; } .consultation { margin-top: 50px; margin-bottom: 100px; } .const__content { position: relative; z-index: 5; padding-top: 80px; padding-bottom: 80px; padding-left: 90px; h2 { margin-bottom: 33px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 36px; line-height: 45px; color: #22232B; } p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 28px; display: flex; align-items: center; color: #797979; margin-bottom: 40px; } a { background: #0F194C; border-radius: 8px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 22px; padding: 10px 20px; color: #FFFFFF; } } .points__content { display: flex; align-items: center; justify-content: space-between; } .point__block { display: flex; align-items: center; } .point__img { margin-right: 30px; display: flex; align-items: center; justify-content: center; background: #F0F0F0; border-radius: 100px; padding: 25px 15px; width: 150px; height: 150px; } .point__content { span { margin-bottom: 12px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; color: #797979; } h2 { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; color: #22232B; } } .points { margin-bottom: 120px; } .news { position: relative; padding-top: 60px; padding-bottom: 60px; .container { position: relative; z-index: 5; h2 { margin-bottom: 60px; font-family: 'Montserrat'; font-style: normal; font-size: 38px; line-height: 54px; text-align: center; color: #22232B; } } } .skiptranslate{ transform: translateY(-1000px); height: 0; } body{ top: 0!important; } .job__block h3{ display: block!important; } .news__bg { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; object-fit: cover; } .news__contents { display: flex; justify-content: space-between; } .news__block { width: 350px; img { width: 100%; height: 200px; border-radius: 20px 20px 0px 0px; } } .news__info { background: #FFFFFF; padding: 20px 30px 40px 30px; border-radius: 0px 0px 14px 14px; h3 { margin-bottom: 23px; font-family: 'Montserrat'; font-style: normal; min-height: 81px; font-weight: 500; font-size: 18px; line-height: 28px; color: #22232B; } } .news-link{ font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; text-align: right; color: #0F194C; } .news__data { display: flex; align-items: flex-start; justify-content: space-between; span { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; color: #797979; } p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 10px; line-height: 16px; text-align: right; color: #797979; margin-bottom: 15px; } } .part__client a { display: flex; height: 80px; justify-content: center; align-items: center; } .part__client { margin: 0 auto; width: 850.76px !important; .owl-nav button { background: #FFFFFF; /* плашка */ width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; box-shadow: 6px 6px 70px rgba(0, 0, 0, 0.09); transform: matrix(-1, 0, 0, 1, 0, 0); .ypos_ab; &:first-child { right: ~"calc(100% + 50px)"; } &:last-child { left: ~"calc(100% + 50px)"; } } } .case__but a { .transition; } .const__content a:hover { background: #A27664; color: white; } .const__content a { .transition } .case__but a:hover { background: #0F194C; color: white; } .news__info a { .transition; } .news__info a:hover { color: #A27664; } .case__img { height: 100%; object-fit: cover; } .header__burger { width: 25px; cursor: pointer; display: none; div { width: 100%; height: 3px; margin-bottom: 7px; background-color: white; } } .header__white { background-color: white; padding: 15px; top: 0; } .header__white .header__list a { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #0F194C; } .menu-item-has-children > a { //color: #A27664; //color: #A27664; //color: #A27664; //color: #A27664; } .menu-item-has-children ul li a::after{ display: none!important; } .menu-item-has-children ul li a{ padding-right: 0!important; } .header__white .header__login .header-lang { color: #0F194C; } .header__white .header__login .header-login { color: #0F194C; border: 1px solid #0F194C; } .services { position: relative; margin-top: 82px; height: 220px; } .bg-ser { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; object-fit: cover; } .container { position: relative; z-index: 5; } .serv__head { display: flex; align-items: center; span { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; display: flex; align-items: center; color: #0F194C; } .span_active { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; display: flex; align-items: center; color: #0F194C; } .arr-head { margin: 0px 7px; } } .services .container { h1 { font-family: 'Montserrat'; font-style: normal; font-weight: 600; margin-top: 30px; font-size: 54px; line-height: 130%; color: #22232B } } .serv__head { padding-top: 30px; } .services { margin-bottom: 60px; } .nav__blocks { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 45px; } .nav__serv { h2 { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 38px; line-height: 54px; color: #22232B; } } .consr { height: auto; .const__block { h2 { margin-bottom: 45px; } height: 345px; } } .services2 { margin-bottom: 40px; } .navs .container { display: flex; align-items: center; a { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; display: flex; align-items: center; text-align: center; color: #0F194C; margin-right: 17px; } } .navs .container a:last-child { margin-right: 0; } .navs { margin-bottom: 45px; } .my__ser { background: #FBF9FA; padding: 45px 0px; } .my__ser .container { display: flex; align-items: center; justify-content: space-between; P { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #22232B; } a { background: #0F194C; border-radius: 8px; padding: 12px 26px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; display: flex; align-items: center; .transition; text-align: center; color: #FFFFFF; } } .my__ser .container a:hover { color: white; background: #A27664; } .job2 { h2 { margin-bottom: 50px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 44px; color: #22232B; } } .job p{ } .job2__info { display: flex; align-items: center; } .job2__img { width: 30px; height: 30px; padding: 5px 10px; font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 18px; margin-right: 20px; line-height: 22px; text-align: center; background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%); border-radius: 50%; color: #FFFFFF; p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #22232B; } } .job2 { margin-top: 60px; margin-bottom: 100px; } .prin2 { padding-bottom: 75px; margin-bottom: 0; margin-top: 0; padding-top: 60px; background: #FBF9FA; } .prin2__img { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 30px; flex-shrink: 0; margin-right: 20px; height: 30px; background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%); } .job2 { position: relative; } .pen { position: absolute; z-index: 5; right: 0; bottom: -82px; } .job3 { padding-top: 70px; padding-bottom: 85px; background: #0F194C; h2 { margin-bottom: 50px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 44px; color: #FFFFFF; } p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #FFFFFF; } } .job3__img { display: flex; align-items: center; margin-right: 25px; justify-content: center; border: 1px solid white; border-radius: 50%; padding: 20px 17px; img { width: 16px; height: 9px; } } .my__prew { position: relative; padding-top: 60px; padding-bottom: 87px; .container { position: relative; z-index: 5; h2 { margin-bottom: 50px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 44px; color: #22232B; } } } .my-prew___img { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .my__prew__block { display: flex; padding: 30px; background: #FFFFFF; box-shadow: 6px 6px 70px rgba(0, 0, 0, 0.09); border-radius: 20px; p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #22232B; } } .my__prew-img { display: flex; align-items: center; justify-content: center; border-radius: 50%; font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 18px; margin-right: 25px; line-height: 22px; text-align: center; width: 30px; flex-shrink: 0; height: 30px; background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%); color: #FFFFFF; } .proposal { h2 { margin-bottom: 50px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 44px; color: #22232B; } } .proposal { h2 { margin-bottom: 50px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 44px; color: #22232B; } } .proposal__container { display: flex; justify-content: space-between; } .proposal__l { display: flex; align-items: flex-start; } .proposal__img-l { width: 50px; height: 50px; padding: 20px 17px; border: 1px solid #EABF9D; border-radius: 50%; margin-right: 20px; } .proposal__l { p { font-family: 'Roboto'; font-style: normal; font-weight: 300; width: 525px; font-size: 16px; line-height: 26px; color: #22232B; } } .proposal__block { align-items: flex-start; display: flex; margin-bottom: 20px; a { border: 1px solid #0F194C; border-radius: 8px; padding: 8px 16px; font-family: 'Roboto'; margin-left: 20px; .transition; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; text-align: center; color: #0F194C; } .prop__img { border: 1px solid #EABF9D; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-right: 20px; border-radius: 50%; padding: 9px; } } .proposal__block:last-child { margin-bottom: 0; } .prop__img { flex-shrink: 0; } .proposal__block a:hover { color: white; background: #0F194C; } .prop__content { h3 { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #22232B; } span { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #22232B; } } .proposal { margin-top: 60px; margin-bottom: 60px; } .nav2 .container { display: block; h2 { margin-bottom: 60px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 38px; line-height: 54px; text-align: center; color: #22232B; } } .nav__inform { display: flex; justify-content: space-between; } .rek { h2 { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 38px; line-height: 54px; text-align: center; color: #22232B; margin-bottom: 50px; } } .rek__block { background: #FFFFFF; padding: 35px; width: 534px; box-shadow: 6px 6px 70px rgba(0, 0, 0, 0.09); border-radius: 20px; p { font-family: 'Roboto'; font-style: normal; font-weight: 300; margin-bottom: 82px; font-size: 16px; line-height: 26px; color: #22232B; } } .rek__author { display: flex; align-items: center; } .rek__img { margin-right: 12px; width: 50px; height: 50px; border-radius: 50%; } .rek__content { display: flex; justify-content: space-between; } .rek__name { h3 { margin-bottom: 5px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; color: #22232B; } span { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; text-align: center; color: #797979; } } .rek { margin-top: 70px; margin-bottom: 108px; } .partner + .consr { margin-top: 50px; } .company { position: relative; margin-top: 83px; .container { padding-top: 35px; padding-bottom: 80px; position: relative; z-index: 5; h2 { margin-top: 70px; margin-bottom: 20px; font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 54px; line-height: 70px; text-align: center; color: #FFFFFF; } p { margin-bottom: 20px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; color: #FFFFFF; } .d1__years { justify-content: center; } } } .company__img { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .company__nav { display: flex; align-items: center; a { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; display: flex; align-items: center; color: #FFFFFF; } .company__active { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; display: flex; align-items: center; color: #ffffffbb; } img { margin-right: 7px; margin-left: 7px; } } .doc { margin-top: 90px; margin-bottom: 80px; } .doc__text { width: 726px; h2 { margin-bottom: 22px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #22232B; } p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #22232B; } } .doc__content { display: flex; align-items: center; justify-content: space-between; } .doc__img { span { margin-top: 25px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; text-align: center; color: #22232B; } } .doc__img { display: flex; flex-direction: column; } .comp .container { display: flex; align-items: center; justify-content: space-between; } .comp__img { width: 551px; } .comp__content { width: 511px; } .comp__content { h2 { margin-bottom: 35px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 38px; line-height: 54px; color: #22232B; } } .comp__item { display: flex; align-items: center; p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #22232B; } } .comp__item-img { border: 1px solid #D5AA8C; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 7px; margin-right: 20px; } .comp__item { margin-bottom: 20px; } .comp__item:last-child { margin-bottom: 0; } .comp__content { position: relative; } .comp__tr { position: absolute; bottom: -36px; right: -217px; } .comp__prew { h2 { text-align: center; } } .order { margin-top: 70px; margin-bottom: 110px; h2 { margin-bottom: 543px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 38px; line-height: 54px; text-align: center; color: #22232B; } } .order__nav { justify-content: space-between; display: flex; position: relative; width: 718px; margin: 0 auto; align-items: center; } .line { .ypos_ab; height: 2px; background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%); width: 100%; } .order__dot { background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%); width: 30px; height: 30px; border-radius: 50%; .ypos_ab; z-index: 5; .transition(); } .order__block { display: none; } .order__item { .order__dot.active { &::before { opacity: 1; } } position: relative; width: 30px; height: 30px; * { max-width: 10000px; } span { position: absolute; .xpos_ab; font-family: 'Roboto'; font-style: normal; top: 40px; text-align: center; font-weight: 400; font-size: 12px; line-height: 16px; text-align: center; color: #22232B; } } .order__dot::before { content: ""; border-radius: 50%; position: absolute; .pos_absc; background: #FFFFFF; width: 13px; height: 13px; z-index: 10; opacity: 0; .transition(); } .order__item { cursor: pointer; } .order__block { .xpos_ab; bottom: 62px; width: 350px; padding: 20px 35px 35px 35px; background: #FFFFFF; border-radius: 20px; box-shadow: 6px 6px 70px rgba(0, 0, 0, 0.09); p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; color: #22232B; } h3 { margin-bottom: 15px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #22232B; } } .order__num { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 0.5px solid #A27664; border-radius: 999px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 26px; line-height: 32px; display: flex; align-items: center; text-align: center; background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; margin-bottom: 25px; } .order-end { position: absolute; z-index: 15; width: 40px; height: 20px; } .order__pen { position: absolute; } .order__pen { right: 0; top: -40px; } .order { position: relative; } .nav__blocks { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .nav { h2 { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 38px; line-height: 54px; text-align: center; color: #22232B; } } .comp .container { justify-content: center; } .news__contents { flex-wrap: wrap; } .news__block { margin-bottom: 30px; } .services2 + .news { padding-top: 0px; } .news__nav { margin-bottom: 35px; a { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; text-align: center; color: #0F194C; margin-right: 17px; } } .news__nav a:hover { background: #0F194C; border-radius: 100px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; padding: 8px 17px; text-align: center; color: #FFFFFF; } .news__but { cursor: pointer; display: flex; align-items: center; justify-content: center; button { font-family: 'Roboto'; .transition; cursor: pointer; font-style: normal; font-weight: 300; font-size: 16px; line-height: 22px; width: 144px; height: 44px; display: flex; align-items: center; justify-content: center; color: #0F194C; border: 1px solid #0F194C; border-radius: 8px; } } .pages { display: flex; align-items: center; margin-top: 50px; justify-content: center; } .pages__block { width: 50px; height: 50px; background: #FFFFFF; border-radius: 8px; } .pages__block { display: flex; align-items: center; justify-content: center; margin-right: 5px; cursor: pointer; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 30px; display: flex; align-items: center; text-align: center; .transition; color: #0F194C; } .pages__block:hover { font-weight: 700; } .news__but:hover { button { color: white; background: #0F194C; } } .serv__nav { margin-top: 83px; background: #FBF9FA; padding: 30px; .container { display: flex; align-items: center; } span { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; display: flex; align-items: center; color: #0F194C; } .arr-head { margin-right: 7px; margin-left: 7px; } .span_active { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; display: flex; align-items: center; color: rgba(15, 25, 76, 0.63); } } .article__head { padding-top: 35px; padding-bottom: 35px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 54px; line-height: 130%; text-align: center; color: #22232B; } .article__block { display: flex; align-items: center; justify-content: space-between; } .article { padding: 70px 0px; padding: 70px 0px; background: #FBF9FA; background: #FBF9FA; } .article__text { width: 502px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #22232B; } .article__img { width: 540px; img { width: 100%; } } .article__info { margin-top: 54px; } .article__info { p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #22232B; } } .article__item { margin-top: 60px; h2 { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 44px; color: #22232B; margin-bottom: 35px; } } .article__block2 { align-items: center; display: flex; margin-bottom: 20px; span { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #22232B; } } .article__block2:last-child { margin-bottom: 0; } .article__status { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; text-align: center; padding: 8px; width: 30px; display: flex; align-items: center; justify-content: center; height: 30px; color: #FFFFFF; border-radius: 50%; flex-shrink: 0; margin-right: 25px; background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%); } .navs a { padding: 7px 20px !important; display: block; } .navs a.active, .navs a:hover { background: #0F194C; color: white; border-radius: 100px; } .navs a { background: #fff; padding: 7px 20px; .transition; } .case__blocks { flex-wrap: wrap; } .case__block { margin-bottom: 30px; img { border-radius: 13px; } } .case__info { padding-left: 25px; } .cases-b { .case__block:nth-child(1) { width: 680px; } .case__block:nth-child(2) { width: 400px; } .case__block:nth-child(3) { width: 350px; } .case__block:nth-child(4) { width: 350px; } .case__block:nth-child(5) { width: 350px; } .case__block:nth-child(6) { width: 400px; } .case__block:nth-child(7) { width: 680px; } .case__block:nth-child(8) { width: 350px; } .case__block:nth-child(9) { width: 350px; } .case__block:nth-child(10) { width: 350px; } .case__block:nth-child(11) { width: 350px; } .case__block:nth-child(12) { width: 350px; } .case__block:nth-child(13) { width: 350px; } .case__block:nth-child(14) { width: 350px; } .case__block:nth-child(15) { width: 350px; } .case__block:nth-child(16) { width: 350px; } } .casesd__block { display: flex; align-items: center; justify-content: space-between; } .casesd__text { width: 502px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #22232B; b { font-weight: 400 !important; } p { margin-bottom: 25px; } } .casesd__text p:last-child { margin-bottom: 0; } .casesd__img { width: 547px; img { width: 100%; border-radius: 13px; } } .casesd { padding-top: 70px; padding-bottom: 100px; position: relative; background: #FBF9FA; } .casesd__imgs { position: absolute; top: -31px; } .text { margin-top: 50px; p { margin-bottom: 65px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #22232B; } } .text p:last-child { margin-bottom: 0; } .more__case { margin-top: 90px; h2 { margin-bottom: 60px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 38px; line-height: 54px; text-align: center; color: #22232B; } } .more__case__blocks { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; .case__block { width: 350px; } } .more__case { margin-bottom: 50px; } .career__text { .container { display: flex; align-items: center; justify-content: space-between; } } .career__texts { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; width: 718px; color: #182F43; } .career__block { display: flex; align-items: center; justify-content: space-between; } .careers__texts { h2 { margin-bottom: 50px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 38px; line-height: 54px; color: #22232B; } } .careers__texts { width: 511px; } .careeer-item__img { display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%); width: 30px; height: 30px; padding: 10px 8px; } .career-item { display: flex; align-items: center; margin-bottom: 30px; p { margin-left: 20px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #22232B; } } .career-item:last-child { margin-bottom: 0; } .career__block { margin-top: 50px; margin-bottom: 70px; } .vacancy { h2 { margin-bottom: 50px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 38px; line-height: 54px; color: #22232B; } } .vacancy__blocks { display: flex; align-items: flex-start; justify-content: space-between; } .vacancy__block { h3 { margin-bottom: 35px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 44px; color: #22232B; } } .vacancy__item { margin-bottom: 30px; h4 { margin-bottom: 20px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #22232B; } p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #22232B; } } .vacancy__item:last-child { margin-bottom: 0; } .vacancy__block { width: 536px; button { .transition; cursor: pointer; background: #0F194C; border-radius: 8px; width: 182px; height: 44px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 22px; border: transparent; color: #FFFFFF; } } .vacancy__block button:hover { color: #0F194C; border: 1px solid #0F194C; background-color: white; } .vacancy { padding-bottom: 80px; } .career__texts { button { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; background: #0F194C; border-radius: 8px; display: flex; align-items: center; cursor: pointer; margin-top: 40px; justify-content: center; align-items: center; text-align: center; .transition; width: 186px; height: 54px; border: transparent; color: #FFFFFF; } } .career__texts button:hover { color: #0F194C; background-color: white; border: 1px solid #0F194C; } // .partner{ // h2{ // margin-bottom: 35px; // font-family: 'Montserrat'; // font-style: normal; // font-weight: 600; // font-size: 28px; // line-height: 44px; // text-align: start; // color: #22232B; // } // } .partner__blocks { display: flex; align-items: center; justify-content: space-between; } .partner__block { font-family: 'Roboto'; font-style: normal; width: 540px; font-weight: 300; font-size: 16px; line-height: 26px; color: #22232B; } .contacts__blocks { display: flex; align-items: flex-start; justify-content: space-between; } .contact__block { display: flex; flex-direction: column; width: 350px; align-items: center; } .contact__block { h3 { margin-top: 20px; margin-bottom: 15px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 44px; text-align: center; color: #22232B; } p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; text-align: center; color: #22232B; } a { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 32px; text-align: center; color: #A27664; } } .contacts { margin-top: 50px; margin-bottom: 50px; } .map__form { padding: 36px; width: 500px; background: #0F194C; display: flex; flex-direction: column; border-radius: 14px; h2 { margin-bottom: 20px; font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 28px; line-height: 44px; color: #FFFFFF; } button { background: #A27664; border-radius: 8px; width: 100%; padding: 10px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; display: flex; align-items: center; text-align: center; color: #FFFFFF; display: flex; align-items: center; justify-content: center; cursor: pointer; } } .inp__block { display: flex; flex-direction: column; h3 { margin-bottom: 6px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; letter-spacing: 0.005em; color: #FFFFFF; } input { background: #FFFFFF; padding: 13px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; letter-spacing: 0.005em; color: #5C667F; border: 2px solid #D9DDE7; border-radius: 6px; } textarea { background: #FFFFFF; border: 1px solid #D9DDE7; height: 97px; padding: 12px 20px; border-radius: 6px; width: 428px; } } .inp__block { margin-bottom: 15px; } .map { position: relative; .container { position: relative; } iframe { height: 700px; width: 100%; } } .map__form { top: -648px; right: 0px; position: absolute; } .news button { width: 186px; height: 44px; border: 1px solid #0F194C; border-radius: 8px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; cursor: pointer; .transition; line-height: 22px; color: #0F194C; } .news button:hover { color: white; background-color: #0F194C; border: 1px solid #0F194C; } .map { iframe { max-width: 130vw; width: 130vw; transform: translateX(-30vw); } } .news__but { display: flex; align-items: center; justify-content: center; } .footer__bot::after { width: 1110px; content: ""; position: absolute; height: 1px; background: #797979; opacity: 0.1; top: -27px; } .footer__bot { position: relative; } .omodal{ cursor: pointer; } .footer__socials img:hover { transform: scale(1.1); } .text p{ margin-bottom: 40px; } .footer__socials img { .transition; width: 36px; } .services { .serv__nav { background-color: transparent; padding: 30px 0px; } } .order__block p{ margin-bottom:16px; &:last-child{ margin-bottom: 0; } } .career__text { background: #FBF9FA; } .services2 { margin-bottom: 0; } .career__block { margin-top: 0; } .career__text .container { padding-bottom: 30px; } .vacancy { background: #FBF9FA; padding-top: 70px; } .career__block { margin-bottom: 0; margin-bottom: 0; padding-bottom: 80px; } .navs { margin-top: 35px; } .partner + .job { margin-top: 171px; } .navs a { padding: 0; } .casesd { padding-top: 47px; padding-bottom: 58px; } .comp3 .container { justify-content: space-between !important; } .doc { background: #FBFBFB; margin-top: 0; margin-bottom: 0; padding-top: 90px; padding-bottom: 80px; } .my__prew__block { margin-bottom: 20px; } .my__prew__block:last-child { margin-bottom: 0; } .my__prew-img { cursor: pointer; } .contact__block a { .transition; } .contact__block a:hover { color: #0F194C; } .header__white .header__login .header-login:hover { color: #A27664; border: 1px solid #A27664; } .header__white .header__login .header-lang a:hover { color: #A27664; } .header__white .header__list a:hover { color: #A27664; } .news__nav { margin-top: 35px; } .pages__block { a { display: flex; } } .career__text { padding-top: 70px; } .career__text-img { position: relative; top: -71px; } .partner2 { h2 { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 44px; color: #22232B; text-align: start; margin-bottom: 35px; } } .partner2 { background: #FBF9FA; padding-top: 70px; padding-bottom: 100px; margin-top: 0px; margin-bottom: 0px; } .career__block { margin-bottom: 0; padding-bottom: 0; } .serv { position: relative; .container { position: relative; z-index: 5; } } .serv__img-item1 { position: absolute; right: 0; top: 112px; } .serv__img-item2 { position: absolute; bottom: 169px; } .job2__info { margin-bottom: 20px; } .job2__info:last-child { margin-bottom: 0; } .dark { position: fixed; width: 100%; z-index: 21000; height: 100%; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.575); display: none; } .burger-menu { position: fixed; top: 0; right: 0; bottom: 0; width: 291px; z-index: 30000; background-color: white; .transition; transform: translateX(100%); &.active { transform: translateX(0); } } .form__ac { background: #FBF9FA; } .form-ar__content { background: #0F194C; border-radius: 14px; width: 500px; padding: 32px; h2 { margin-bottom: 22px; font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 28px; text-align: center; line-height: 44px; color: #FFFFFF; } } .form__input { margin-bottom: 15px; h3 { margin-bottom: 5px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; letter-spacing: 0.005em; color: #FFFFFF; } input { width: 100%; background: #FFFFFF; padding: 13px; border: 2px solid #D9DDE7; border-radius: 6px; } } .form__input:last-child { margin-bottom: 0; } .form__but { margin-top: 40px; display: flex; align-items: center; justify-content: center; button { background: #A27664; border-radius: 8px; border: transparent; width: 100%; cursor: pointer; .transition; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; display: flex; align-items: center; text-align: center; height: 46px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; } } .form__ac { padding-top: 10px; } .form__block { display: flex; justify-content: center; } .form__but button:hover { background-color: white; color: #0F194C; border: 1px solid #0F194C; } .form__ac { padding-bottom: 120px; } .acc__head { h1 { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 44px; margin: 40px 0; color: #22232B; } } .acc__socument { position: relative; padding-top: 65px; padding-bottom: 170px; } .acc__bg { position: absolute; left: 0; top: 0; right: 0; object-fit: cover; width: 100%; height: 100%; } .acc__socument .container { position: relative; z-index: 5; h2 { margin-bottom: 40px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 44px; color: #A27664; } } .acc__blocks { display: flex; align-items: center; justify-content: space-between; } .acc__block { width: 350px; padding: 22px; display: flex; align-items: center; cursor: pointer; justify-content: space-between; background: #FFFFFF; box-shadow: 0px 4px 24px rgba(168, 175, 196, 0.25); h3 { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; display: flex; align-items: center; color: #22232B; } h3 { position: relative; } } .acc__block h3::after { position: absolute; background: #A27664; width: 1px; height: 40px; content: ""; right: -64px; } .calc__item { display: flex; align-items: center; margin-bottom: 25px; h3 { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 24px; display: flex; align-items: center; color: #FFFFFF; } } .calc__c { width: 24px; height: 24px; margin-right: 15px; border: 3px solid #D9DDE7; border-radius: 50%; } .calc__item { cursor: pointer; input:checked + div { border: 3px solid #FFD5AD; &::after { background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%); } } } .calc__item:last-child { margin-bottom: 0; } .calc__items { .calc__item{ min-width: 50%; } margin-bottom: 20px; } .form__block { p { margin-bottom: 15px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; letter-spacing: 0.005em; color: #FFFFFF; } } .calc__c { cursor: pointer; position: relative; } .calc__c::after { .pos_absc; z-index: 5; position: absolute; background: transparent; width: 10px; content: ""; height: 10px; border-radius: 50%; } .calcs__items { display: flex; align-items: center; justify-content: space-between; .calc__item { width: 212px; } } .form__block { h3 { margin-bottom: 5px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; letter-spacing: 0.005em; color: #FFFFFF; } textarea { padding: 13px; background: #FFFFFF; border: 2px solid #D9DDE7; border-radius: 6px; width: 100%; height: 80px; } } .acc__block h3::after { right: 70px !important; } .acc__block { position: relative; img { margin-left: 30px; } } .acc__block h3 { position: static; } .form__block textarea { font-family: 'Roboto'; } .calc__c { flex-shrink: 0; } .nice-select { float: none; width: 100%; margin-bottom: 15px; } .calc__item { h3 { margin-bottom: 0 !important; } input { display: none; } } .calc__items-flex { display: flex; justify-content: space-between; align-items: center; .calc__item { margin-bottom: 0; } } .calc__items-works { display: none; } .calc__items-liz { display: none; } .nice-select .list { display: flex; flex-wrap: wrap; width: 100%; li { width: 50%; } } .pages__block a { color: inherit; } .careeer-item__img { flex-shrink: 0; } .careers__texts { flex-shrink: 0; padding: 40px 0; margin-right: 40px; } .careeers__img { height: 692px; img { width: 720px; max-width: 1000px; min-height: 100%; } } .vacancy__item{ margin-bottom: 0; p{ margin-bottom: 30px; } } .vacancy__blocks{ flex-wrap: wrap; } .vacancy__block{ margin-bottom: 40px; } .navs .container a{ border-radius: 100px; } .article__text{ p{ margin-bottom: 20px; &:last-child { margin-bottom: 0; } } } .job3__img{ flex-shrink: 0; } //.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{ // display: none!important; //} .irs--round .irs-handle{ border: 0px solid #FFD5AD!important; background: transparent!important; background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%)!important; //transform: scale(0.6); //&::after{ // content: ""; // .pos_absc; background: linear-gradient(105.56deg, #FFD5AD 18.43%, #A27664 89.58%); z-index: 5; // position: absolute; // width: 10px; // content: ""; // height: 10px; // border-radius: 50%; //} } .irs--round .irs-grid-text{ display: none!important; } .irs--round .irs-min, .irs--round .irs-max{ display: none; } .irs--round .irs-bar{ background: #FFD5AD!important; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before{ border-top-color: #FFD5AD!important; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{ background: #FFD5AD!important; color: #0F194C!important;; } .irs--round.irs-with-grid{ margin-top: -10px; margin-bottom: 30px; } .q-item{ display: none; } .result{ color: white; } .calc__items{ margin-bottom: 40px; } .services .container h1{ font-size: 42px; margin-top: 0; } .job p,.warranty .container p,.const__content p,.contact__block p{ font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; /* or 162% */ text-align: center; color: #000000; } .order__block{ width: 410px;} .order__block p{ font-size: 14px; } .form-result{ table{ width: 100%;margin-top: 40px; tr:last-child{ td{padding-bottom: 0} } td{ padding-bottom: 20px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 24px; &:last-child{ text-align: right; } color: #FFFFFF; } } .result{ font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 24px; margin-bottom: 0; color: #FFFFFF; text-align: center; } } .range-parent,.q-item{ display: block!important; } .pris{ padding-bottom: 100px; .wrap{ width: 1200px; } background: #FBF9FA; padding-top: 40px; .standart-ttl{ font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 54px; line-height: 130%; /* or 70px */ text-align: center; margin-bottom: 80px; /* black */ color: #22232B; } &-parent{ table{ width: 100%; tr:first-child{ td{ font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; /* identical to box height, or 156% */ color: #FFFFFF; background: #0F194C; border-right: 1px solid #FFFFFF; &:last-child{ border-right: 1px solid #0F194C;; } } } border-collapse: collapse; td{font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; &:nth-child(1){ width: 160px; } &:nth-child(3){ width: 200px; } &:nth-child(4){ width: 180px; } /* or 156% */ /* black */ color: #22232B; border: 1px solid #0F194C;; padding: 20px; &:nth-child(1){ text-align: center; } &:nth-child(2){ text-align: left; } &:nth-child(3){ text-align: center; } &:nth-child(4){ text-align: center; } } } } } .header__list li{ margin-right: 20px; } .d1+.points{ margin: 80px 0!important; } .range-num{ margin-bottom: 20px; width: 100%; background: #FFFFFF; padding: 13px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; letter-spacing: 0.005em; color: #5C667F; border: 2px solid #D9DDE7; border-radius: 6px; } .d1 .container h1,.rek h2{ font-weight: 700; } .d1__but{ a::after{ display: none!important; } } .d1__year-text{ font-weight: 500 !important; color: white!important; } .sresult-parent{ width: 980px; margin: 0 auto; } .sresult{ background: #FFFFFF; box-shadow: 0px 40px 50px rgba(162, 118, 100, 0.1); border-radius: 20px; margin-top: 10px; padding: 20px; &-item{ display: flex; svg{ flex-shrink: 0; } span{ font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 16px; /* blue */ color: #0F194C; opacity: 0.4; } justify-content: space-between; align-items: center; padding:10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); &:last-child{ padding-bottom: 0; border-bottom: 0; } &:first-child{ padding-top: 0; } } } .search{ .standart-ttl{ margin-bottom: 40px; } form{ display: flex; align-items: center; justify-content: space-between; input{ flex-grow: 1; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; /* blue */ color: #0F194C; &::placeholder{ opacity: 0.4; } } padding: 0 25px; background: rgba(162, 118, 100, 0.11); border-radius: 60px;height: 40px; button{ cursor: pointer; } } } /** * Адаптивка * **/ @media only screen and(max-width: 1199px) { .pris-parent{ width: 100%; overflow-x: auto; table{ min-width: 1200px; } } .pris .standart-ttl{ font-size: 28px; line-height: normal;margin-bottom: 40px; } .md-show { display: block !important; } .md-hide { display: none !important; } .container { width: 768px; } .map { iframe { max-width: 100vw; width: 100vw; transform: translateX(-0vw); } } .navs .container a { width: ~"calc(50%)" !important; padding: 5px 10px !important; text-align: center; justify-content: center; } .footer__info { display: block; } .form-ar__content h2 { font-size: 22px; line-height: 1.5; } .acc__blocks, .acc__block { width: 100% !important; } .header__list { flex-wrap: wrap; margin-left: 25px; } .header__list > li { line-height: 42px; } //.acc__block h3{ // position: static; //} .acc__head h1 { font-size: 22px; } .d1 .container h1 { font-size: 45px; line-height: 1.2; margin-bottom: 20px; } .d1 .container p { font-size: 16px; line-height: 26px; margin-bottom: 31px; } .d1__but a { font-size: 15px; } .d1__but { margin-bottom: 58px; } .d1__top span { font-size: 34px; } .d1 { height: 678px; } .nav { padding-bottom: 30px; } .job h2 { font-size: 35px; margin-bottom: 27px; line-height: 32px; } .job { margin-top: 51px; margin-bottom: 47px; } .job p { font-size: 15px; line-height: 26px; margin-bottom: 46px; } .job__block { width: 50%; } .job__block { margin-bottom: 31px; } .benefit__block:nth-child(1) h2 { font-size: 65px; line-height: 56px; margin-bottom: 17px; } .benefit__block:nth-child(2) h2 { font-size: 65px; line-height: 56px; margin-bottom: 17px; } .benefit__block:nth-child(1) h3 { margin-bottom: 20px; font-size: 26px; line-height: 37px; } .benefit__block:nth-child(2) h3 { margin-bottom: 20px; font-size: 26px; line-height: 37px; } .benefit__block:nth-child(1) p { margin-bottom: 37px; font-size: 15px; line-height: 25px; } .benefit__block:nth-child(2) p { margin-bottom: 37px; font-size: 15px; line-height: 25px; } .benefit__block:nth-child(2) { left: 9px; } .benefit__block:nth-child(1) { left: -12px; } .ben__img { position: absolute; top: 37px; width: 55px; right: 34px; } .ben__img2 { position: absolute; top: 15px; right: 47px; width: 78px; } .warranty { padding-top: 44px; padding-bottom: 45px; } .war__block { padding: 20px 25px; width: 366px; } .war__block p { font-size: 18px !important; line-height: 31px !important; } .warranty .container h2 { font-size: 35px; line-height: 42px; margin-bottom: 13px; } .war__content { margin-top: 33px; } .info__block span { font-size: 52px; line-height: 66px; margin-bottom: 7px; } .info__block P { font-size: 15px; line-height: 23px; } .partner { margin-top: 52px; margin-bottom: 63px; } .partner h2 { font-size: 35px; line-height: 46px; } .part__client { margin: 0 auto; width: 524.76px !important; } .case h2 { font-size: 35px; line-height: 45px; margin-bottom: 34px; } .case { height: auto; } .case__blocks { flex-direction: column; } .case__block { width: 100%; margin-bottom: 20px; } .case__block:last-child { margin-bottom: 0; } .case__img { border-radius: 20px; } .case__imgss { z-index: 5; } .case__but { margin-top: 37px; } .case { padding: 50px 0px; } .const__content { position: relative; z-index: 5; padding-top: 10px; padding-bottom: 30px; padding-left: 46px; display: flex; flex-direction: column; align-items: start; justify-content: flex-end; height: 411px; } .const__block { height: 411px; } .const__content h2 { margin-bottom: 21px; font-size: 31px; line-height: 1.4; } .const__content p { margin-bottom: 30px; font-size: 17px; line-height: 24px; } .point__img { img { width: 97px; } } .point__block { flex-direction: column; } .points__content { align-items: flex-start; } .point__block { width: 230px; } .point__content { margin-top: 20px; display: flex; flex-direction: column; align-items: center; } .point__content h2 { text-align: center; font-size: 16px; line-height: 23px; } .point__img { margin-right: 0; } .consultation { margin-bottom: 75px; } .consultation { margin-bottom: 70px; } .news { position: relative; padding-top: 42px; padding-bottom: 38px; } .points { margin-bottom: 41px; } .news .container h2 { margin-bottom: 50px; font-size: 35px; line-height: 26px; } .news__contents { flex-direction: column; align-items: center; } .news__block { width: 80%; } .news__block img { height: 226px; object-fit: cover; } .news__data { align-items: flex-start; } .news__info h3 { margin-bottom: 17px; font-size: 18px; line-height: 27px; } .news__block { margin-bottom: 30px; } .news__block:last-child { margin-bottom: 0; } .serv__head { padding-top: 61px; } .consr { .const__content { height: 316px; } } .services .container h1 { margin-top: 26px; font-size: 35px; line-height: 1.2; } .services { height: 185px; } .nav__serv h2 { font-size: 31px; line-height: 41px; } .services { margin-bottom: 36px; } .job + .case { padding-top: 0; } .navs { margin-bottom: 34px; } .my__ser { padding: 34px 0px; } .job2 { margin-top: 40px; margin-bottom: 66px; } .pen { bottom: -46px; width: 91px; } .prin2 { padding-top: 45px; } .job2 { margin-bottom: 0; } .job3 { padding-top: 58px; padding-bottom: 71px; background: #0F194C; } .my__prew { position: relative; padding-top: 43px; padding-bottom: 72px; } .proposal__container { flex-direction: column; } .proposal__l { margin-bottom: 30px; } .proposal__block .prop__img { width: 50px; height: 50px; } .nav__block { width: 240px; } .nav2 .container h2 { margin-bottom: 45px; } .rek__block { padding: 23px; width: 363px; } .rek { margin-top: 52px; margin-bottom: 99px; } .company__nav { padding-top: 20px; } .company .container h2 { margin-top: 35px; margin-bottom: 11px; font-size: 49px; line-height: 1.5; } .company .container p { margin-bottom: 19px; font-size: 16px; line-height: 26px; } .doc { padding-top: 56px; background: #FBFBFB; padding-bottom: 34px; } .doc__text { width: 549px; } .doc__text p { font-size: 14px; } .doc__text h2 { margin: 13px; } .comp__img { display: none; } .comp__content { width: 100%; } .comp__tr { position: absolute; bottom: 20px; right: -20px; } .company .container { padding-bottom: 46px; } .order__item:nth-child(2) { .order__block { left: 0; transform: none; } } .order h2 { margin-bottom: 502px; font-size: 33px; line-height: 1.5; } .order__pen { width: 120px; } .article__head { font-size: 39px; line-height: 1.2; } .article__block { flex-direction: column; } .article__text { width: 100%; } .article__img img { height: 100%; width: 100%; object-fit: cover; } .article__img { width: 100%; object-fit: cover; height: 337px; } .article__img { margin-top: 30px; } .article { padding: 33px 0px; background: #FBF9FA; } .article__item { margin-top: 40px; } .case__block { width: 100% !important; } .career__texts { font-size: 14px; line-height: 24px; width: 700px; } .careers__texts h2 { margin-bottom: 21px; font-size: 34px; line-height: 41px; } .careeers__img { width: 374px; } .careers__texts { width: 491px; } .career-item { margin-bottom: 24px; } .vacancy__blocks { flex-direction: column; } .vacancy__block { width: 100%; } .vacancy h2 { margin-bottom: 33px; font-size: 34px; line-height: 26px; } .vacancy__block h3 { margin-bottom: 21px; font-size: 25px; line-height: 41px; } .vacancy__block { margin-bottom: 25px; } .vacancy__block:last-child { margin-bottom: 0; } .vacancy { padding-bottom: 58px; } .contact__block h3 { margin-top: 12px; margin-bottom: 10px; font-size: 25px; line-height: 35px; } .contact__block { width: 210px; } .contact__block p { font-size: 15px; line-height: 23px; } .contact__block a { font-size: 18px; line-height: 29px; } .contacts { margin-top: 36px; margin-bottom: 31px; } .map__form { padding: 30px; width: 427px; right: 11px; } .d1 { height: 630px; } .nav__block p { font-size: 17px; } .footer__social { width: 157px; } .footer__block { margin-right: 47px; } .footer { padding: 66px 0px; } .news__but { margin-top: 30px; } .serv__nav { margin-top: 109px; } .article__head { font-size: 35px; line-height: 1.2; } .services { margin-bottom: 0; } .career__text .container { padding-top: 25px; } .career { } .career__block { padding-bottom: 57px; } .vacancy { padding-top: 38px; } .vacancy { margin-bottom: 0; padding-bottom: 58px; } .partner + .job { margin-top: 116px; } .casesd__imgs { display: none; } .casesd__block { flex-direction: column; } .casesd__img { margin-top: 20px; width: 100%; } .casesd__text { width: 100%; } .text + .more__case { margin-top: 53px; } .nav { padding-top: 50px; } .doc { padding-top: 39px; } .career__text { padding-top: 24px; } .career__block { padding-bottom: 0; } .partner2 { background: #FBF9FA; padding-top: 41px; padding-bottom: 45px; margin-top: 0px; margin-bottom: 0px; } .vacancy { margin-top: 33px; } .serv { margin-top: 40px; } .serv__img-item2 { bottom: 25px; } .form__ac { padding-bottom: 68px; } .acc__head h1 { margin: 27px 0; } .acc__socument { position: relative; padding-top: 36px; padding-bottom: 57px; } .acc__blocks { flex-wrap: wrap; } .acc__block { margin-bottom: 20px; } .acc__block:last-child { margin-bottom: 0; } .acc__block { width: 364px; } .acc__block h3::after { right: -81px; } .consr .const__block h2 { font-size: 22px !important; } .consr .const__block { height: auto; } .consr .const__content { height: auto; padding: 20px; } .rek__block { width: 100%; } .company .container h2 { font-size: 36px; } .header__login{ a:first-child{ margin-right: 0!important; } } .header__img{ width: 160px!important; } } @media only screen and(max-width: 767px) { .xs-show { display: block !important; } .header__list > li{ line-height: 20px; margin-bottom: 20px; margin-right: 0; } .xs-hide { display: none !important; } .partner { display: block !important; margin-bottom: 0 !important; } .partner__blocks { display: block; & > div { margin-bottom: 20px; &:last-child { margin-bottom: 0; } } } .careeers__img{ height: auto; } .careeers__img img{ width: 100%; } .row { margin-left: -10px; margin-right: -10px; } .order__item { position: static; } .order__item span { display: none; } .order__block { width: 100%; left: 0; transform: none; right: 0; } .comp { padding-top: 40px; } .comp__content { padding-bottom: 40px; } .part__client .owl-nav button:first-child { right: 100%; margin-right: 10px; } .part__client .owl-nav button:last-child { left: 100%; margin-left: 10px; } .part__client .owl-nav button { height: 40px !important; width: 40px !important; } [class*="col-"] { padding-left: 10px; padding-right: 10px; } .header__burger { display: none; } .header__list { display: none; } .header__login { display: none; } .header__burger { display: block; } .d1 .container h1 { font-size: 31px; line-height: 1.2; } .d1__but a { margin-right: 19px; } .d1__year { width: 144px; } .d1__years { align-items: flex-start; } .d1 { height: 639px; } .nav { padding: 40px 0; } .nav__block p { font-size: 16px; line-height: 24px; } .job h2 { font-size: 30px; margin-bottom: 22px; line-height: 34px; } .job p { font-size: 13px; line-height: 25px; margin-bottom: 33px; } .job__block { width: 100%; } .ben__contents { flex-direction: column; } .benefit__block { width: 100% !important; } .benefit__block:first-child { background-image: url(../imgs/bg/bg-cta1m.png); } .benefit__block:last-child { background-image: url(../imgs/bg/bg-cta2m.png); } .benefit__block { background-size: cover; } .benefit__block:nth-child(1) { left: 0; } .benefit__block:nth-child(2) { left: 0; } .war__content { margin-top: 26px; } .war__block p { font-size: 17px !important; line-height: 25px !important; } .info__content { flex-direction: column; } .info { height: 600px; } .info__content { padding-top: 20px; } .info__block { margin-bottom: 15px; } .partner h2 { font-size: 30px; line-height: 41px; } .partner__content { margin-top: 36px; } .owl-nav { svg { width: 28px; } } .part__client .owl-nav button { width: 60px; height: 60px; } .part__client { width: 250px !important; } .partner { margin-top: 54px; margin-bottom: 30px; } .case__imgss { display: none; } .case__info { padding-left: 24px; } .case__info h3 { margin-bottom: 15px; font-size: 17px; line-height: 26px; } .case__block { height: 242px; } .case h2 { font-size: 30px; line-height: 45px; margin-bottom: 26px; } .const__block { height: 506px; } .const__content { height: 506px; } .const__content { padding-left: 28px; } .const__content h2 { margin-bottom: 21px; font-size: 24px; line-height: 1.4; } .const__content p { margin-bottom: 21px; font-size: 14px; line-height: 22px; } .const__content { padding-right: 10px; } .const__block { height: 435px; } .const__content { height: 100%; } .consultation { margin-bottom: 40px; } .points__content { flex-direction: column; align-items: center; } .point__block { margin-bottom: 30px; } .point__block:last-child { margin-bottom: 0; } .news .container h2 { margin-bottom: 44px; font-size: 30px; line-height: 27px; } .news__block { width: 100%; } .news__info { padding: 20px 22px 29px 22px; } .news__info h3 { margin-bottom: 3px; font-size: 16px; line-height: 24px; } .footer__top { flex-direction: column; } .footer__social { margin-bottom: 30px; } .footer__socials { margin-top: 20px; } .footer__ul { flex-direction: column; } .footer__block { margin-right: 0; margin-bottom: 40px; } .footer { padding: 50px 0px; } .footer__bot { margin-top: 65px; } .footer__bot { flex-direction: column; align-items: flex-start; } .footer__info { margin-bottom: 25px; } .footer__info a { text-align: center; } .serv__head { padding-top: 29px; } .navs .container { flex-wrap: wrap; } .navs .container a { width: 42%; margin-right: 0; margin-bottom: 15px; } .navs .container a:last-child { margin-bottom: 0; } .navs { margin-bottom: 28px; } .my__ser .container { flex-direction: column; } .my__ser .container P { text-align: center; } .my__ser { padding: 29px 0px; } .my__ser .container P { margin-bottom: 10px; } .pen { display: none } .job2 h2 { margin-bottom: 30px; font-size: 27px; line-height: 42px; } .job2__info { p { font-size: 15px; } } .services .container h1 { font-size: 33px; } .job3__img { flex-shrink: 0; } .job3__img { margin-right: 20px; padding: 15px 11px; } .job2__info p { font-size: 14px; line-height: 23px; } .job3 h2 { margin-bottom: 39px; } .job3 { padding-top: 42px; padding-bottom: 59px; background: #0F194C; } .prin2 { padding-bottom: 52px; } .my__prew .container h2 { margin-bottom: 33px; } .my__prew__block p { font-size: 15px; } .my__prew__block { padding: 23px; } .my__prew { position: relative; padding-top: 34px; padding-bottom: 51px; } .proposal__img-l { flex-shrink: 0; width: 41px; height: 40px; padding: 12px 10px; } .proposal__block .prop__img { width: 41px; height: 40px; } .proposal__img-l { margin-right: 13px; } .proposal__l p { font-size: 14px; line-height: 24px; } .prop__content h3 { font-size: 13px; } .prop__content span { font-size: 14px; } .proposal__block { align-items: center; } .nav2 .container h2 { font-size: 33px; line-height: 43px; } .nav__inform { flex-direction: column; } .nav__block { width: 100%; } .nav2 .container h2 { font-size: 31px; line-height: 39px; margin-bottom: 39px; } .nav__block:last-child { margin-bottom: 0; } .rek h2 { font-size: 32px; line-height: 1.2; margin-bottom: 39px; } .rek__content { flex-direction: column; } .rek__block p { margin-bottom: 43px; } .rek__block { margin-bottom: 20px; } .rek { margin-bottom: 35px; } .doc__content { flex-direction: column; } .doc__text h2 { margin: 0; } .doc__text p { margin-top: 20px; margin-bottom: 30px; } .comp__content h2 { margin-bottom: 35px; font-size: 30px; line-height: 43px; } .comp__tr { display: none; } .news__but { margin-top: 30px; } .pages { margin-top: 33px; } .contacts__blocks { flex-direction: column; align-items: center; justify-content: center; } .contact__block { width: 320px; margin-bottom: 20px; } .contact__block:last-child { margin-bottom: 0; } .map__form { position: static; margin-top: 20px; width: 100%; } .map iframe { height: 400px; width: 100%; } .map { margin-bottom: 30px; } .cons__bg { border-radius: 13px; } .const__block { height: 394px; } .serv__nav { margin-top: 78px; } .header__white .header__burger { div { background-color: #0F194C; } } .serv__nav { padding: 30px 0px !important; } .article__head { padding-top: 19px; padding-bottom: 24px; font-size: 29px; } .article__text { font-size: 14px; } .article__info p { font-size: 14px; } .article__item h2 { font-size: 26px; line-height: 36px; margin-bottom: 29px; } .career__text-img { img { display: none; } } .career { margin-top: 12px; } .career__block { flex-direction: column; } .careeers__img { margin-top: 20px; } .careeer-item__img { flex-shrink: 0; } .career__block { padding-bottom: 38px; } .vacancy h2 { margin-bottom: 23px; font-size: 34px; line-height: 34px; } .partner + .job { margin-top: 64px; } .job__block:last-child { margin-bottom: 0; } .casesd { padding-bottom: 40px; } .text { margin-top: 28px; } .text p { margin-bottom: 33px; } .text + .more__case { margin-top: 34px; } .serv__img-item1 { display: none; } .serv__img-item2 { display: none; } .nav__serv { margin-bottom: 30px; } .nav__serv:last-child { margin-bottom: 0; } .services .container h1 { margin-top: 0; } .services { min-height: 200px; } .header__burger { display: block; } .header__white { padding: 15px 0px; } .header__login { display: flex; } .header__img { width: 188px; } .header__login .header-lang { margin-right: 12px; } .burger__content { padding: 20px; } .burger__nav { display: flex; flex-direction: column; margin-top: 25px; align-items: flex-start; a { color: #0F194C; } .menu-item-has-children > a { color: #A27664; } } .burger__img { display: flex; align-items: center; justify-content: center; } .form__ac { padding-bottom: 47px; } .form-ar__content { padding: 25px; } .acc__head h1 { margin: 26px 0; font-size: 25px; line-height: 41px; } .acc__socument .container h2 { font-size: 26px; line-height: 1.2; margin-bottom: 30px; } .calc__item h3 { font-size: 16px; } .benefit__block { padding: 30px; } .benefit__block h3 { font-size: 22px !important; line-height: normal !important; } .benefit__block { p { margin-bottom: 26px !important; font-size: 14px !important; line-height: 1.5 !important; } } .serv__nav .container { display: block; img { top: 7px; position: relative; } * { display: inline-block; line-height: 22px; } } .header__burger div:last-child { margin-bottom: 0 } } /** * Owl Carousel * **/ .owl-carousel { div { max-width: 1000000px; } display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }