/** * Сброс 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; } /** * Общие классы * **/ .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; min-height: 0 !important; } body { font-family: 'Montserrat', sans-serif; background-color: #FFFFFF; color: #333333; font-weight: 400; } .container { width: 1270px; padding-left: 10px; padding-right: 10px; margin: 0 auto; } .header__top { background: #E5E5E5; padding: 11px 13px; .container { display: flex; justify-content: space-between; align-items: center; } } .header__top-list { width: 907px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; a { color: #000; font-size: 13px; font-style: normal; font-weight: 300; line-height: normal; .transition; &:hover { color: #D5BB92; } } } .header__socials { display: flex; align-items: center; a { margin-right: 17px; &:last-child { margin-right: 0; } svg { path { .transition; &:hover { fill: #D5BB92; } } } } } .header__top-social { display: flex; align-items: center; a { margin-right: 13px; &:last-child { margin-right: 0; } svg { path { .transition; &:hover:first-child { fill: #D5BB92; } } } } } .header__center { .container { display: flex; align-items: center; justify-content: space-between; } } .header__center-blocks { width: 420px; } .header__center-name { width: 282px; } .header__center-contact { width: 443px; } .header__center-blocks { display: flex; justify-content: space-between; } .header__center-block { width: 177px; display: flex; align-items: flex-start; img { margin-right: 13px; } p { color: #000; font-size: 13px; font-style: normal; font-weight: 500; line-height: 130.4%; } } .header__center-name { width: 282px; } .header__center-contact { display: flex; align-items: center; } .header__mail { display: flex; margin-right: 30px; align-items: center; img { margin-right: 5px; } color: #000; text-align: right; font-size: 13px; font-style: normal; font-weight: 500; line-height: normal; .transition; &:hover { color: #D5BB92; } } .header__phone { display: flex; flex-direction: column; .head__tel { display: flex; align-items: center; svg { margin-right: 12px; } color: #000; text-align: right; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; .transition; &:hover { color: #D5BB92; } } } .header__like { cursor: pointer; position: relative; margin-right: 30px; flex-shrink: 0; .header__like-num { position: absolute; width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; top: -4px; right: -4px; border-radius: 50%; background: #D5BB92; color: #000; text-align: right; font-size: 9px; font-style: normal; flex-shrink: 0; font-weight: 700; line-height: normal; } } .header__phone-text { color: #1359AC; text-align: right; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; } .header__center { padding: 21px 0px; border-bottom: 1px solid #E5E5E5; } .header__bottom { padding: 12px 0px; .container { display: flex; align-items: center; justify-content: space-between; } } .header__bottom-list { display: flex; align-items: center; position: relative; width: 966px; li { margin-right: 60px; &:last-child { margin-right: 0; } } a { display: flex; align-items: center; color: #000; font-size: 13px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.65px; text-transform: uppercase; .transition; &:hover { color: #1359AC; } svg { margin-left: 10px; } } } .header__search { cursor: pointer; display: flex; align-items: center; width: 175px; position: relative; input { width: 140px; height: 23px; color: #000; font-size: 13px; font-style: italic; font-weight: 200; line-height: normal; letter-spacing: 1.3px; &::placeholder { color: #000; font-size: 13px; font-style: italic; font-weight: 200; line-height: normal; letter-spacing: 1.3px; } } img { margin-right: 17px; } } .header__bottom-line { width: 1px; height: 52px; background-color: #33333326; } .header__phone-text { position: relative; left: 15px; } .header { position: absolute; left: 0; right: 0; top: 0; z-index: 100; width: 100%; } .header_shadow { position: relative; height: 225px; } .nav { .container { display: flex; align-items: center; } a { color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; .transition; &:hover { color: #D5BB92; } } .active { color: #D5BB92; font-weight: 700; } } .nav-line { margin: 0 5px; color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .video__blocks { display: flex; justify-content: space-between; flex-wrap: wrap; } .video__block { width: 617px; margin-bottom: 43px; h2 { margin-bottom: 15px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } p { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 136.4%; } } .video__img { margin-bottom: 40px; height: 323px; cursor: pointer; width: 100%; display: block; img { width: 100%; height: 100%; object-fit: cover; } } .nav { margin-top: 40px; margin-bottom: 40px; } .video { margin-bottom: 60px; h1 { margin-bottom: 88px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } } .header__burger { width: 27px; div { height: 2px; background-color: #333; margin-bottom: 7px; &:last-child { margin-bottom: 0; } } } .partner { h1 { margin-bottom: 37px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } p { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 136.4%; margin-bottom: 10px; &:last-child { margin-bottom: 0; } } ul { padding-left: 52px; margin-top: 20px; li { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 136.4%; list-style-type: disc; position: relative; &::marker { font-size: 11px; color: #333; } } } } .cooperation { background: #1359AC; padding-top: 72px; padding-bottom: 112px; h2 { text-align: center; margin-bottom: 63px; color: #FFF; text-align: center; font-size: 36px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; } } .partner { margin-bottom: 42px; } .cooperation__inputs { display: flex; align-items: center; width: 1020px; justify-content: space-between; input { width: 312px; padding-bottom: 20px; border-bottom: 1px solid #FFF; padding-left: 10px; color: #FFF; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; &::placeholder { color: #FFF; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; padding-left: 10px; } } } .cooperation__info { width: 213px; .btn-form { width: 213px; height: 56px; } } .btn-form { background-color: #D5BB92; flex-shrink: 0; color: #FFF; font-size: 18px; font-style: normal; font-weight: 700; border-radius: 90px; line-height: 128.9%; letter-spacing: 0.9px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; cursor: pointer; .transition; &:hover { background-color: #FFF; color: #D5BB92; } } .cooperation__content { display: flex; justify-content: space-between; align-items: flex-start; .btn-form { margin-bottom: 22px; } p { color: #FFF; cursor: pointer; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; } } .container-big { width: 1320px; padding-left: 10px; padding-right: 10px; margin: 0 auto; } .technology { h1 { margin-bottom: 80px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } } .technology__blocks { display: flex; flex-direction: column; } .technologyline{ position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 3; top: 210px; } .technology__block { width: 100%; display: flex; align-items: center; justify-content: space-between; &:last-child { margin-bottom: 0; } } .technology__img { width: 566px; } .technology__text { width: 597px; h2 { color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 15px; } p { color: #333; font-size: 16px; font-style: normal; font-weight: 300; line-height: 136.4%; } } .technology__block:nth-child(2n) { display: flex; flex-direction: row-reverse; } .technology { margin-bottom: 130px; } .footer { background-color: #F8F8F8; padding-top: 45px; } .footer__top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 60px; border-bottom: 1px solid #E9E9E9; } .footer__logo { width: 180px; } .footer__list { display: flex; margin-right: 35px; align-items: center; li { margin-right: 40px; &:last-child { margin-right: 0; } } a { color: #606260; font-size: 14px; font-style: normal; font-weight: 300; line-height: 128.9%; letter-spacing: -0.84px; .transition; &:hover { color: #1359AC; } } } .footer__tel { color: #606260; font-size: 15px; font-style: normal; font-weight: 400; line-height: 128.9%; letter-spacing: -0.75px; .transition; &:hover { color: #1359AC; } } .footer__top-info { width: 880px; display: flex; align-items: center; } .footer__top { padding-left: 50px; } .footer__center { padding-top: 50px; min-height: 130px; } .footer__center { display: flex; } .footer__center-blocks { margin-right: 200px; width: 470px; display: flex; justify-content: space-between; .footer__center-head { margin-bottom: 37px; color: #606260; font-size: 20px; font-style: normal; font-weight: 300; line-height: 128.9%; letter-spacing: -0.5px; } li { margin-bottom: 15px; &:last-child { margin-bottom: 0; } } a { color: #606260; font-size: 15px; font-style: normal; font-weight: 300; line-height: 128.9%; letter-spacing: -0.9px; .transition; &:hover { color: #1359AC; } } } .footer__center-list { .footer__center-head { margin-bottom: 37px; color: #606260; font-size: 20px; font-style: normal; font-weight: 300; line-height: 128.9%; letter-spacing: -0.5px; } ul { li { margin-bottom: 15px; &:last-child { margin-bottom: 0; } } a { color: #606260; font-size: 15px; font-style: normal; font-weight: 300; line-height: 128.9%; letter-spacing: -0.9px; .transition; &:hover { color: #1359AC; } } } } .footer__center-list { width: 345px; } .footer__center-info { width: 320px; } .footer__banks { display: flex; align-items: center; } .footer__banks { display: flex; align-items: flex-end; justify-content: space-between; } .footer__center-list { display: flex; flex-direction: column; justify-content: space-between; } .footer__center { padding-bottom: 50px; } .footer__bank { cursor: pointer; } .footer__center-info { display: flex; flex-direction: column; align-items: flex-end; .footer__info-head { margin-bottom: 16px; color: #333; text-align: right; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } } .footer__center-btns { width: 200px; display: flex; flex-direction: column; } .footer__btn { width: 100%; height: 45px; flex-shrink: 0; border-radius: 90px; cursor: pointer; display: flex; align-items: center; justify-content: center; .transition; margin-bottom: 15px; &:last-child { margin-bottom: 0; } } .footer__btn-mail { border: 1px solid #5A5C5C; color: #333; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; &::placeholder { color: #333; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; } } .footer__btn-sub { background: #1359AC; color: #FFF; text-align: center; font-size: 14px; border-bottom: 1px solid #1359AC; font-style: normal; font-weight: 700; text-transform: uppercase; &:hover { color: #1359AC; background-color: #FFF; border-bottom: 1px solid #1359AC; } } .footer__center-btns { margin-bottom: 30px; } .footer__center-contacts { width: 200px; span { margin-bottom: 7px; color: rgba(96, 98, 96, 0.60); font-size: 12px; font-style: normal; font-weight: 300; line-height: 128.9%; text-align: end; display: flex; letter-spacing: -0.3px; } p { color: #656765; text-align: right; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.36px; } a { color: #656765; text-align: right; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.36px; .transition; &:hover { color: #1359AC; } } } .footer__center-contact { display: flex; flex-direction: column; align-items: flex-end; margin-bottom: 25px; &:last-child { margin-bottom: 0; } } .footer__contact-link { display: flex; align-items: center; a { margin-right: 28px; &:last-child { margin-right: 0; } svg { path { .transition; } } &:hover { svg { } } } } .footer__center-list { margin-right: 30px; } .footer__bottom { display: flex; align-items: center; background: #F2F2F2; padding-top: 25px; padding-bottom: 25px; .container { display: flex; align-items: center; } p { color: #000; font-size: 12px; font-style: normal; font-weight: 300; margin-right: 30px; line-height: 128.9%; } a { color: #000; font-size: 10px; font-style: normal; font-weight: 300; line-height: 128.9%; text-decoration-line: underline; margin-right: 30px; .transition; &:last-child { margin-right: 0; } &:hover { color: #1359AC; } } .footer__bottom-company { color: rgba(96, 98, 96, 0.60); } } .payment { h1 { margin-bottom: 25px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } } .payment__block { margin-bottom: 30px; h2 { margin-bottom: 13px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } p { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 136.4%; margin-bottom: 21px; } } .payment__banks { display: flex; justify-content: space-between; align-items: center; } .payment__info { display: flex; flex-direction: column; li { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 136.4%; } ul { padding-left: 18px; } } .payment__bank { display: flex; align-items: center; a { margin-right: 25px; &:last-child { margin-right: 0; } } } .payment__info li { list-style-type: disc; position: relative; } .payment__info ul li::marker { font-size: 13px; color: #333; } .payment__banks { margin-bottom: 20px; } .payment__score { display: flex; align-items: center; svg { margin-right: 10px; } color: #1359AC; font-size: 16px; font-style: normal; font-weight: 600; line-height: 128.9%; } .payment { margin-bottom: 100px; } .payment__block p { a { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 136.4%; .transition; &:hover { color: #1359AC; } } } .favourites { h1 { color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; padding-bottom: 20px; border-bottom: 1px solid #E5E5E5; margin-bottom: 30px; } } .favourites__blocks { padding-left: 20px; } .favourites__block { display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px; border-bottom: 1px solid #E5E5E5; margin-bottom: 30px; &:last-child { margin-bottom: 0; } } .favourites__info { display: flex; align-items: center; } .favourites__img { width: 170px; margin-right: 25px; height: 170px; border-radius: 5px; flex-shrink: 0; img { width: 100%; height: 100%; } } .favourites__text { h2 { margin-bottom: 17px; color: #333; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; } span { margin-bottom: 5px; color: #333; font-size: 18px; font-style: normal; font-weight: 400; display: flex; line-height: normal; } p { color: #333; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } } .favourites__info { width: 590px; } .favourites__sum { display: flex; align-items: center; p { margin-right: 75px; color: #333; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; } } .favourites__delete { display: flex; cursor: pointer; } .favourites__blocks { margin-bottom: 25px; } .timecall{ cursor: pointer; span{ display: none; &:nth-child(1){display: block} } &.active{ span{ display: block; &:nth-child(1){display: none} } } &-item{ width: 143px; } &-parent{ margin: 0 auto; margin-bottom: 35px; label{ color: #000; padding-left: 20px; margin-bottom: 12px; display: block; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } width: 310px; display: flex;justify-content: space-between; input{ olor: #000; font-family: Montserrat; font-size: 18px; padding: 0 10px; padding-right: 5px; font-style: normal; width: 100%; height: 47px; font-weight: 400; border-radius: 5px; border: 1px solid #333; line-height: normal; } } } .favourites__btns { display: flex; align-items: center; justify-content: flex-end; .favourites__btn:first-child { color: #1359AC; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 128.9%; letter-spacing: 0.8px; text-transform: uppercase; border: 1px solid #1359AC; margin-right: 20px; width: 159px; &:hover { background-color: #1359AC; color: #FFF; } } .favourites__btn:last-child { background: #1359AC; color: #FFF; text-align: center; font-size: 16px; font-style: normal; width: 159px; border: 1px solid #1359AC; width: 257px; font-weight: 700; line-height: 128.9%; letter-spacing: 0.8px; text-transform: uppercase; &:hover { color: #1359AC; border: 1px solid #1359AC; background-color: #FFF; } } .favourites__btn { cursor: pointer; .transition; border-radius: 108px; display: flex; align-items: center; justify-content: center; height: 48px; flex-shrink: 0; } } .favourites { margin-bottom: 102px; } .footer__top-info { width: 913px; } .materials { h1 { margin-bottom: 23px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } p { margin-bottom: 42px; color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 149.9%; } } .materials__blocks { display: flex; flex-wrap: wrap; justify-content: space-between; } .materials__block { position: relative; width: 376px; border: 1px solid #D5BB92; display: flex; flex-direction: column; min-height: 456px; padding: 32px 45px; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; align-items: center; h2 { width: 295px; color: #000; text-align: center; font-size: 24px; font-style: normal; font-weight: 500; line-height: 127.9%; position: relative; z-index: 5; } } .materials__img { margin-bottom: 35px; position: absolute; top: 26px !important; left: 0; right: 0; } .materials__block:nth-child(1) { .materials__img { top: 0 !important; } } .materials__block { margin-bottom: 42px; } .materials { margin-bottom: 120px; } .documentation { h1 { margin-bottom: 30px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } p { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 149.9%; margin-bottom: 40px; } } .documentation__blocks { display: flex; } .documentation__block { width: 284px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); margin-right: 45px; padding: 29px; display: flex; align-items: center; flex-direction: column; justify-content: center; &:last-child { margin-right: 0; } img { margin-bottom: 12px; } p { color: #1359AC; text-align: center; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 0; } } .documentation { margin-bottom: 115px; } .stocks { h1 { color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 56px; } } .stocks__block { display: flex; background: #1359AC; position: relative; padding: 61px 88px 55px 88px; } .stocks__img { position: absolute; right: 150px; bottom: 0; } .stocks__info { width: 779px; h2 { margin-bottom: 16px; color: #FFF; font-size: 30px; font-style: normal; font-weight: 700; line-height: 128.9%; text-transform: uppercase; } li { color: #FFF; font-size: 16px; font-style: normal; font-weight: 300; line-height: 128.9%; list-style-type: disc; } ul { padding-left: 21px; } } .stocks__info li::marker { color: #FFF; font-size: 10px; } .stocks__block { margin-bottom: 112px; &:last-child { margin-bottom: 0; } } .stocks__info { h3 { margin-bottom: 18px; color: #FFF; font-size: 24px; font-style: normal; font-weight: 500; line-height: 128.9%; } p { color: #FFF; font-size: 18px; font-style: normal; font-weight: 300; line-height: 128.9%; } } .stocks__btn { width: 213px; height: 56px; flex-shrink: 0; background-color: #D5BB92; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #FFF; font-size: 18px; font-style: normal; border-radius: 90px; font-weight: 700; line-height: 128.9%; letter-spacing: 0.9px; text-transform: uppercase; img { margin-right: 11px; } } .stocks__block:last-child { .stocks__img { bottom: -40px; } } .stocks { margin-bottom: 155px; } .dark { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1000; background: rgba(0, 0, 0, 0.75); display: block; } .burger-menu { padding: 30px; width: 300px; position: fixed; right: 0; z-index: 10001; top: 0; .transition(); transform: translateX(100%); &.active { transform: translateX(0%); } bottom: 0; background: white; color: rgba(14, 31, 52, 0.8); } .footer__top { padding-left: 0; } .footer__btn-mail { text-align: center; } .client { h1 { margin-bottom: 40px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } } .client__info { display: flex; align-items: center; width: 976px; } .client__logo { width: 258px; height: 147px; margin-right: 65px; flex-shrink: 0; img { width: 100%; height: 100%; object-fit: cover; } } .client__text { width: 653px; p { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 136.4%; } } .client__info { margin-bottom: 40px; } .client__project { h2 { margin-bottom: 40px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .client__block { width: 1147px; display: flex; padding-bottom: 40px; align-items: center; border-bottom: 1px solid #E5E5E5; margin-bottom: 40px; &:last-child { margin-bottom: 0; } } .client__img { width: 435px; height: 269px; flex-shrink: 0; margin-right: 45px; img { width: 100%; height: 100%; object-fit: cover; } } .client__content { width: 625px; span { margin-bottom: 15px; display: flex; color: #000; font-size: 14px; font-style: normal; font-weight: 300; line-height: 128.9%; letter-spacing: 1.12px; text-transform: uppercase; } h3 { color: #333; margin-bottom: 17px; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; } p { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 136.4%; } } .client { margin-bottom: 100px; } .corporative { h1 { margin-bottom: 30px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } h2 { margin-bottom: 45px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .corporative__blocks { display: flex; justify-content: space-between; } .clientele__blocks { display: flex; justify-content: space-between; } .corporative__block { width: 374px; position: relative; img { margin-bottom: 15px; } h3 { margin-bottom: 15px; color: #000; font-size: 24px; font-style: normal; font-weight: 500; line-height: 127.9%; } p { color: #000; font-size: 18px; font-style: normal; font-weight: 300; line-height: 127.9%; } &::after { position: absolute; content: ""; width: 1px; height: 100%; background-color: #D5BB92; right: -20px; top: 0; } } .corporative { margin-bottom: 70px; } .clientele { margin-bottom: 80px; h2 { margin-bottom: 60px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .clientele__blocks { display: flex; flex-wrap: wrap; } .clientele__block { width: 281px; height: 281px; margin-bottom: 30px; img { width: 100%; height: 100%; object-fit: cover; } } .contract { .container { display: flex; justify-content: space-between; } } .contract__block { width: 284px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); background: #FFF; padding: 40px 30px 30px 30px; display: flex; align-items: center; justify-content: center; flex-direction: column; img { margin-bottom: 12px; } p { color: #1359AC; text-align: center; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } } .contract__content { width: 890px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); padding: 47px 56px; } .contract__img { width: 164px; height: 164px; border-radius: 164px; } .contract__info { width: 566px; h2 { margin-bottom: 8px; color: #333; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; } p { margin-bottom: 30px; color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal; } } .contract__contacts { display: flex; align-items: center; a { margin-right: 37px; display: flex; align-items: center; color: #333; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; .transition; &:last-child { margin-right: 0; } img { margin-right: 15px; } &:hover { color: #D5BB92; } } } .contract__phone { color: #333; font-size: 24px !important; font-style: normal; font-weight: 500 !important; line-height: normal; .transition; } .contract__content { display: flex; align-items: center; } .contract__img { margin-right: 36px; } .contract { margin-bottom: 90px; } .contract__img { img { width: 100%; height: 100%; object-fit: cover; } } .vacancy { h1 { margin-bottom: 37px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } p { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 136.4%; margin-bottom: 20px; a { color: #1359AC; font-weight: 600; font-size: 18px; } &:last-child { margin-bottom: 0; } } ul { padding-left: 40px; margin-bottom: 20px; li { list-style-type: disc; color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 136.4%; &::marker { font-size: 11px; color: #333; } } } } .vacancy { margin-bottom: 100px; } .portfolio { h1 { color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } } .portfolio__info { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 60px; } .portfolio__nav { width: 910px; justify-content: space-between; display: flex; align-items: center; select { width: 212px; height: 39px; padding: 10px; border-radius: 5px; border: 1px solid #D5BB92; cursor: pointer; color: #333; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } option { color: #333; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } } .portfolio__blocks { display: flex; justify-content: space-between; } .portfolio__block { width: 291px; display: flex; flex-direction: column; } .portfolio__img { height: 226px; width: 100%; border-radius: 5px 5px 0px 0px; img { width: 100%; height: 100%; object-fit: cover; } } .portfolio__content { display: flex; flex-direction: column; padding: 25px 28px 35px 28px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px 0px 5px 5px; h2 { color: #333; text-align: center; margin-bottom: 7px; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; } p { color: #333; text-align: center; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; margin-bottom: 17px; } } .portfolio__btn { color: #1359AC; text-align: center; font-size: 16px; font-style: normal; width: 259px; height: 45px; font-weight: 600; line-height: 128.9%; .transition; border-radius: 90px; border: 1px solid #1359AC; cursor: pointer; display: flex; align-items: center; justify-content: center; &:hover { color: #FFF; background-color: #1359AC; } } .portfolio__blocks { display: flex; justify-content: space-between; flex-wrap: wrap; } .portfolio__block { margin-bottom: 20px; } .portfolio__blocks { margin-bottom: 20px; } .portfolio__more { margin: 0 auto; width: 257px; height: 56px; border-radius: 90px; border: 1px solid #1359AC; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #1359AC; font-size: 18px; font-style: normal; font-weight: 600; line-height: 128.9%; letter-spacing: 0.9px; text-transform: uppercase; .transition; &:hover { color: #FFFFFF; background-color: #1359AC; } } .portfolio { margin-bottom: 140px; } .portfolio__img img { border-radius: 5px 5px 0px 0px; } .job { h1 { margin-bottom: 60px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } } .job__slide { width: 100%; height: 634px; margin-bottom: 60px; img { width: 100%; height: 100%; object-fit: cover; } } .job__text { margin-bottom: 40px; width: 872px; h2 { margin-bottom: 20px; color: #000; font-size: 24px; font-style: normal; font-weight: 400; line-height: 191.4%; } p { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 191.4%; } } .job__images { display: flex; justify-content: space-between; flex-wrap: wrap; } .job__img { width: 389px; height: 389px; img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } margin-bottom: 40px; } .job__content { display: flex; justify-content: space-between; flex-wrap: wrap; } .job__content-block { img { border-radius: 5px; width: 100%; height: 100%; object-fit: cover; } margin-bottom: 40px; } .job__content-video { width: 603px; height: 603px; } .job__play { width: 128px; height: 128px; flex-shrink: 0; border: 1px solid #fff; border-radius: 50%; z-index: 5; cursor: pointer; position: absolute; display: flex; align-items: center; justify-content: center; .pos_absc; img { width: 60px; height: 70px; left: 7px; flex-shrink: 0; position: relative; } } .job__content-block { border-radius: 5px; position: relative; } .job__shadow { position: absolute; z-index: 3; width: 100%; top: 0; left: 0; right: 0; bottom: 0; height: 100%; border-radius: 5px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%); } .feedback { border-radius: 15px; background: #F8F8F8; padding: 30px 30px 60px 30px; } .feedback__info { margin-bottom: 32px; h2 { margin-bottom: 20px; color: #000; font-size: 24px; font-style: normal; font-weight: 400; line-height: 191.4%; } } .feedback__content { display: flex; align-items: flex-start; } .feedback__img { width: 134px; height: 134px; margin-right: 30px; img { width: 100%; height: 100%; border-radius: 50%; } } .feedback__text { width: 1001px; p { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 191.4%; } } .feedback__images { h2 { margin-bottom: 20px; color: #000; font-size: 20px; font-style: normal; font-weight: 400; line-height: 191.4%; } } .feedback__video { position: relative; width: 400px; border-radius: 5px; margin-right: 40px; height: 603px; img { border-radius: 5px; width: 100%; height: 100%; object-fit: cover; } .job__play { img { width: 60px; height: 70px; } } } .feedback__shadow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 3; background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%); } .feedback__wr-content { display: flex; flex-wrap: wrap; width: 725px; } .feedback__shadow { border-radius: 5px; } .feedback__wr-block { border-radius: 5px; width: 342px; height: 263px; img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } } .feedback__wr-block:first-child { width: 725px; height: 320px; margin-bottom: 20px; } .feedback__wr { display: flex; } .feedback__wr-content { display: flex; justify-content: space-between; } .feedback__wr-block { position: relative; } .feedback { margin-bottom: 100px; } .viewed { h2 { margin-bottom: 37px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .viewed__blocks { display: flex; } .viewed__block { width: 240px; height: 125px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); padding: 20px 15px; display: flex; align-items: center; } .viewed__img { width: 66px; height: 88px; margin-right: 15px; img { width: 100%; height: 100%; object-fit: cover; } } .viewed__content { .viewed__content-head { margin-bottom: 6px; color: #333; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; } span { margin-bottom: 6px; display: flex; color: #333; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; } p { color: #333; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; } } .job { margin-bottom: 90px; } .job__content-block { width: 389px; height: 389px; } .montage { margin-bottom: 100px; h1 { margin-bottom: 33px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } h2 { margin-bottom: 45px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .montage__blocks { display: flex; flex-wrap: wrap; justify-content: space-between; } .montage__block { position: relative; width: 291px; height: 293px; img { width: 100%; height: 100%; object-fit: cover; } p { position: absolute; padding: 10px 33px 40px 33px; bottom: 0; left: 0; color: #FFF; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; z-index: 5; } } .montage__shadow { position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(360deg, rgba(51, 51, 51, 0.87) 0%, rgba(51, 51, 51, 0.21) 100%); } .montage__border { border: 1px solid #D5BB92; top: 0; left: 0; right: 0; bottom: 0; width: 265px; height: 266px; .pos_absc; position: absolute; z-index: 4; } .montage__block { margin-bottom: 30px; } .order { margin-bottom: 115px; h2 { margin-bottom: 50px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .order__block { border-radius: 10px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); width: 1005px; padding: 25px 40px; display: flex; align-items: center; position: relative; &::after { position: absolute; content: ""; bottom: -54px; left: 76px; width: 39px; height: 44px; background-image: url(../imgs/icons/arrow-bottom.svg); background-position: center; background-repeat: no-repeat; } &:last-child { &::after { display: none; } } } .order__num { color: #D5BB92; font-size: 96px; font-style: normal; font-weight: 700; line-height: normal; margin-right: 75px; position: relative; &::after { position: absolute; content: ""; background: #D5BB92; width: 1px; height: 123px; right: -33px; } } .order__text { width: 730px; font-size: 18px; font-style: normal; font-weight: 300; line-height: 136.4%; } .order__block { margin-bottom: 60px; &:last-child { margin-bottom: 0; } } .post-ratings{ //img{display: none} } .post-ratings img, .post-ratings-loading img, .post-ratings-image img{ transform: scale(1.2); margin-right: 5px!important; display: inline-block; } .feedback__img img{ object-fit: cover; } .goods__content{ display: block; } .application__info { display: flex; align-items: center; margin-top: 70px; p { color: #FFF; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; width: 538px; position: relative; &::after { position: absolute; content: ""; background-color: #fff; width: 1px; left: -45px; top: 0; height: 50px; } } span { color: #FFF; font-size: 50px; font-style: normal; font-weight: 400; line-height: normal; margin-right: 115px; } } .delivery { h1 { margin-bottom: 40px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } .delivery__text { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 136.4%; } h2 { margin-bottom: 17px; margin-top: 37px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .delivery__table { margin-top: 25px; width: 654px; margin-bottom: 27px; border: 1px solid #D5BB92; border-radius: 5px; } .delivery__table-block { display: flex; justify-content: space-between; align-items: center; padding: 15px 40px; border-bottom: 1px solid #D5BB92; p { color: #333; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } span { color: #333; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } &:last-child { border: none; } } .delivery { ol { padding-left: 53px; margin-bottom: 35px; li { color: #333; font-family: "Montserrat"; font-size: 14px; font-style: normal; font-weight: 300; line-height: 136.4%; position: relative; &:first-child { &::after { position: absolute; content: "*"; top: 0; left: -13px; color: #333; font-size: 18px; } } } } } .delivery__content { display: flex; align-items: center; justify-content: space-between; } .delivery__info { width: 672px; h2 { margin-bottom: 15px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } p { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 136.4%; margin-bottom: 12px; } } .delivery__sum { display: flex; align-items: center; img { margin-right: 7px; } color: #1359AC; font-size: 16px; font-style: normal; font-weight: 600; line-height: 128.9%; } .delivery__banks { display: flex; align-items: center; } .delivery__bank { cursor: pointer; margin-right: 15px; &:last-child { margin-right: 0; } } .delivery__content { margin-bottom: 40px; } .delivery__phones { display: flex; align-items: flex-start; } .delivery__phone { width: 220px; a { display: flex; align-items: center; margin-bottom: 2px; img { margin-right: 10px; } color: #1359AC; font-size: 20px; font-style: normal; font-weight: 500; line-height: 128.9%; .transition; &:hover { color: #D5BB92; } } span { color: #333; font-size: 14px; font-style: normal; font-weight: 300; line-height: 128.9%; } } .delivery__phone { margin-right: 45px; display: flex; flex-direction: column; align-items: flex-end; &:last-child { margin-right: 0; } } .delivery { margin-bottom: 110px; } .delivery__sum { cursor: pointer; } .requisites { h1 { margin-bottom: 37px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } } .requisites__table { width: 882px; border: 1px solid #D5BB92; border-radius: 5px; } .requisites__stroke { display: flex; align-items: center; padding: 10px 15px; border-bottom: 1px solid #D5BB92; justify-content: space-between; span { color: #333; width: 312px; font-size: 16px; font-style: normal; font-weight: 300; line-height: normal; } p { color: #333; width: 502px; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } &:last-child { border: none; } } .requisites { margin-bottom: 83px; } .news { h1 { margin-bottom: 60px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } } .news__blocks { display: flex; justify-content: space-between; flex-wrap: wrap; } .news__block { width: 386px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); padding: 40px 20px 40px 40px; } .news__info { display: flex; margin-bottom: 20px; align-items: center; } .news__img { width: 99px; height: 99px; flex-shrink: 0; border-radius: 50%; margin-right: 30px; img { width: 100%; border-radius: 50%; height: 100%; object-fit: cover; } } .news__name { span { margin-bottom: 8px; color: #000; display: flex; font-size: 12px; font-style: normal; font-weight: 300; line-height: 128.9%; letter-spacing: 0.96px; text-transform: uppercase; } .news__name-head { color: #000; font-size: 15px; font-style: normal; font-weight: 700; line-height: 128.9%; letter-spacing: 1.2px; text-transform: uppercase; } } .news__content { p { margin-bottom: 20px; color: #000; font-size: 16px; font-style: normal; font-weight: 300; line-height: 128.9%; } a { .transition; color: #1359AC; font-size: 12px; font-style: normal; font-weight: 700; line-height: 128.9%; letter-spacing: 0.96px; text-transform: uppercase; &:hover { color: #D5BB92; } } } .news__block { margin-bottom: 30px; } .news__more { margin-top: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 269px; height: 70px; border-radius: 90px; background: #D5BB92; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 16px; font-style: normal; font-weight: 700; line-height: 128.9%; text-transform: uppercase; } .news__button { display: flex; align-items: center; justify-content: center; } .news { margin-bottom: 70px; } .article__img { width: 100%; height: 608px; margin-bottom: 50px; img { width: 100%; height: 100%; object-fit: cover; } } .article__info { display: flex; justify-content: space-between; align-items: flex-start; } .article__text { width: 774px; color: #000; font-size: 41px; font-style: normal; font-weight: 300; line-height: 119.9%; letter-spacing: 0.164px; } .article__btn { display: flex; align-items: center; justify-content: center; padding: 7px 16px; color: #FFF; font-size: 17px; font-style: normal; font-weight: 400; line-height: 119.9%; letter-spacing: -1.717px; border-radius: 2px; background: #D5BB92; } .article__info { margin-bottom: 40px; } .article__content { margin-bottom: 50px; p { margin-bottom: 40px; color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 191.4%; &:last-child { margin-bottom: 0; } } } .article__estimation { h2 { margin-bottom: 20px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .article__stars { display: flex; margin-bottom: 20px; } .article__star { margin-right: 10px; cursor: pointer; .transition; &:last-child { margin-right: 0; } } .article__star.active { svg { path { fill: #D5BB92; } } } .article__sum { color: #333; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .article { margin-bottom: 160px; } .contacts { h1 { color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 35px; } } .contacts__content { display: flex; } .contacts__content-block { margin-right: 35px; &:last-child { margin-right: 0; } p { margin-bottom: 30px; color: #656765; font-size: 18px; font-style: normal; font-weight: 400; line-height: 131.4%; letter-spacing: 0.72px; } a { color: #656765; font-size: 18px; font-style: normal; font-weight: 400; line-height: 131.4%; letter-spacing: 0.72px; .transition; &:hover { color: #1359AC; } } } .contacts__tel { display: flex; margin-bottom: 22px; } .contacts__name { margin-bottom: 30px; color: rgba(96, 98, 96, 0.60); font-size: 16px; font-style: normal; font-weight: 400; line-height: 128.9%; letter-spacing: -0.08px; } .contacts__info-line { display: flex; align-items: center; img { margin-right: 6px; color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal; } } .contact__btns { margin-top: 40px; border-radius: 90px; border: 1px solid #1359AC; background: #1359AC; padding: 12px 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; .transition; &:hover { background: #104688; } img { margin-right: 8px; } color: #FFF; font-size: 16px; font-style: normal; font-weight: 600; line-height: 128.9%; } .contacts__social { display: flex; flex-direction: column; align-items: center; cursor: pointer; justify-content: center; margin-right: 15px; &:last-child { margin-right: 0; } svg { margin-bottom: 5px; width: 27px; } color: #333; text-align: center; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal; } .contacts__socials { display: flex; } .contacts__btn { width: 157px; height: 40px; border-radius: 90px; margin-top: 30px; border: 1px solid #1359AC; cursor: pointer; .transition; display: flex; align-items: center; justify-content: center; color: #1359AC; font-size: 16px; font-style: normal; font-weight: 600; line-height: 128.9%; &:hover { color: #FFF; background-color: #1359AC; } } .contacts__socs { display: flex; align-items: center; } .contacts__soc { margin-right: 12px; &:last-child { margin-right: 0; } } .contacts__social { svg { path { .transition; } } &:hover { svg { path:first-child { fill: #1359AC; } } } } .contacts { margin-bottom: 60px; } .scheme__wr { width: 1106px; ul { padding-left: 30px; } } .scheme { margin-bottom: 60px; h2 { margin-bottom: 20px; color: #333; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; } li { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 140.4%; list-style-type: disc; &::marker { color: #333; font-size: 8px; } } } .map { margin-bottom: 85px; iframe { width: 100%; height: 630px; } } .connection { .container { background: #1359AC; padding: 50px 85px 60px 85px; position: relative; } h1 { margin-bottom: 36px; color: #FFF; font-size: 30px; font-style: normal; font-weight: 700; line-height: 128.9%; text-transform: uppercase; } } .connection__inputs { width: 683px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 45px; input { padding-left: 10px; padding-bottom: 12px; color: #FFF; font-size: 18px; font-style: normal; margin-bottom: 30px; font-weight: 400; line-height: normal; width: 306px; border-bottom: 1px solid #FFF; &::placeholder { color: #FFF; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } &:last-child { width: 683px; margin-bottom: 0; } } } .connection__btn { cursor: pointer; .transition; width: 213px; height: 56px; border-radius: 90px; background: #D5BB92; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 18px; font-style: normal; font-weight: 700; line-height: 128.9%; letter-spacing: 0.9px; text-transform: uppercase; &:hover { background-color: #FFF; color: #D5BB92; } } .connection { margin-bottom: 125px; } .connection__img { position: absolute; bottom: 0; right: 115px; img { width: 300px; } } .contacts__soc { cursor: pointer; } .company { h1 { margin-bottom: 60px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } } .company__bg { width: 100%; height: 630px; margin-bottom: 55px; img { width: 100%; height: 100%; object-fit: cover; } } .company__main-text { color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: 191.4%; p { margin-bottom: 35px; &:last-child { margin-bottom: 0; } } } .company { margin-bottom: 70px; } .our_partners { h2 { margin-bottom: 55px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .our_partners-blocks { display: flex; justify-content: space-between; flex-wrap: wrap; } .our_partners-block { width: 286px; height: 131px; margin-bottom: 33px; img { width: 100%; height: 100%; object-fit: cover; } } .our_partners { margin-bottom: 70px; } .certificate { h2 { margin-bottom: 40px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .certificate__blocks { display: flex; justify-content: space-between; cursor: pointer; } .managers { h2 { margin-bottom: 62px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .managers__block { display: flex; align-items: center; margin-bottom: 70px; &:last-child { margin-bottom: 0; } } .managers { margin-bottom: 120px; } .managers__img { width: 307px; height: 340px; img { width: 100%; height: 100%; object-fit: cover; } } .certificate { margin-bottom: 100px; } .managers__content { margin-left: 55px; blockquote { bottom: -60px; position: relative; left: -80px; width: 877px; border: 1px solid #D5BB92; background: #FFF; padding: 26px 38px 40px 75px; display: flex; flex-direction: column; align-items: flex-start; color: #000; font-size: 16px; font-style: italic; font-weight: 300; line-height: 177.9%; img { margin-bottom: 26px; } } } .managers__name { h3 { color: #000; font-size: 24px; font-style: normal; font-weight: 700; line-height: 177.9%; } span { color: #8A8A8A; font-size: 16px; font-style: italic; font-weight: 500; line-height: 177.9%; } } .geography_works { margin-bottom: 140px; h2 { color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 60px; } } .geography_works-map { height: 625px; iframe { width: 100%; height: 100%; } } .job { h2 { margin-bottom: 45px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .job__blocks { display: flex; justify-content: space-between; flex-wrap: wrap; } .job__block { width: 385px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); padding: 25px 0px; } .job__block-img { width: 100%; height: 222px; margin-bottom: 20px; position: relative; z-index: 5; cursor: pointer; img { width: 100%; height: 100%; object-fit: cover; } } .job__name { display: flex; align-items: center; justify-content: center; padding: 0px 33px; color: #333; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; position: relative; } .job__item { width: 318px; height: 294px; border: 1px solid #D5BB92; position: absolute; .xpos_ab; bottom: -20px; } .job__block { padding: 25px 0px 45px 0px; } .job__block-img { position: relative; } .job__plays { position: absolute; cursor: pointer; .pos_absc; img { width: auto; height: auto; } } .job { margin-bottom: 80px; h2 { margin-bottom: 45px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .job__blocks { display: flex; justify-content: space-between; flex-wrap: wrap; } .thanks { h2 { margin-bottom: 60px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .thanks__blocks { display: flex; justify-content: space-between; flex-wrap: wrap; } .thanks__block { width: 384px; height: 497px; margin-bottom: 44px; img { width: 100%; height: 100%; object-fit: cover; } } .job__block { margin-bottom: 40px; } .thanks { margin-bottom: 60px; } .our_team { h2 { color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 70px; } } .our_team-block { width: 587px; background: #FFF; margin-bottom: 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); padding: 37px 40px 37px 50px; display: flex; } .our_team-img { width: 181px; height: 244px; margin-right: 40px; img { width: 100%; height: 100%; object-fit: cover; } } .our_team-content { width: 280px; h3 { color: #000; font-size: 18px; font-style: normal; font-weight: 700; line-height: 118.4%; margin-bottom: 5px; } span { display: flex; margin-bottom: 8px; color: #8A8A8A; font-size: 14px; font-style: italic; font-weight: 500; line-height: 177.9%; } p { margin-bottom: 3px; color: #000; font-size: 16px; font-style: normal; font-weight: 300; line-height: 146.4%; } } .our_team-links { a { display: flex; align-items: center; margin-bottom: 3px; color: #1359AC; font-size: 16px; font-style: normal; font-weight: 400; line-height: 146.4%; img { margin-right: 13px; } &:last-child { margin-bottom: 0; } } } .our_team-blocks { display: flex; justify-content: space-between; flex-wrap: wrap; } .our_team { margin-bottom: 70px; } .office { h2 { margin-bottom: 33px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .office__blocks { width: 375px; } .office__blocks-l { width: 788px; } .office__content { display: flex; justify-content: space-between; } .office__block { margin-bottom: 30px; width: 375px; height: 262px; img { width: 100%; height: 100%; object-fit: cover; } } .office__block-big { width: 100%; height: 515px; } .office__block-height { height: 522px; } .office__blocks-l { display: flex; justify-content: space-between; flex-wrap: wrap; } .office__content { width: 1210px; } .office { margin-bottom: 100px; } .certificate__block { width: 291px; } .product__content { display: flex; } .product { h1 { margin-bottom: 33px; color: #333; font-size: 36px; font-style: normal; font-weight: 500; line-height: normal; } } .product__img { width: 538px; margin-right: 75px; } .product__info { width: 550px; } .product__bg { width: 538px; height: 582px; border-radius: 5px; margin-bottom: 25px; img { width: 100%; height: 100%; border-radius: 5px; object-fit: cover; } } .product__imgs { display: flex; justify-content: space-between; } .product__img-block { width: 117px; height: 75px; } .product__names { display: flex; align-items: center; } .product__names { display: flex; align-items: center; .product__name-head { margin-right: 20px; color: #333; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; } } .product__banks { display: flex; align-items: center; margin-right: 15px; } .product__bank { margin-right: 12px; &:last-child { margin-right: 0; } } .product-link { display: flex; align-items: center; cursor: pointer; color: #1359AC; font-size: 16px; font-style: normal; font-weight: 600; line-height: 128.9%; img { margin-right: 6px; } } .product__names { margin-bottom: 37px; display: flex; align-items: center; } .product__nav { display: flex; } .product__sum { margin-right: 20px; display: flex; justify-content: space-between; padding: 0px 10px; align-items: center; border-radius: 5px; border: 1px solid #F3E7D4; background: rgba(249, 235, 212, 0.53); width: 117px; height: 47px; color: #D5BB92; font-size: 30px; font-style: normal; font-weight: 500; line-height: 128.9%; letter-spacing: 1.5px; text-transform: uppercase; } .product-item { cursor: pointer; position: relative; &::after { height: 100%; background: rgba(213, 187, 146, 0.3); width: 1px; position: absolute; content: ""; } } .product-item:first-child { &::after { right: -8px; } } .product-item:last-child { &::after { left: -8px; } } .product__nav { align-items: center; } button{ cursor: pointer; } .product__btn { cursor: pointer; display: flex; align-items: center; width: 196px; height: 47px; justify-content: center; color: #1359AC; font-size: 16px; font-style: normal; border-radius: 90px; border: 1px solid #1359AC; font-weight: 600; line-height: 128.9%; .transition; &:hover { background-color: #1359AC; color: #fff; } } .header__like-num{ //display: none!important; } .product__nav { margin-bottom: 35px; } .product__text { width: 533px; color: #333; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal; margin-bottom: 30px; } .product__prew { .product__prew-head { margin-bottom: 16px; color: #333; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; } } .product__blocks { width: 520px; } .product__block { display: flex; align-items: flex-end; margin-bottom: 10px; p { color: #333; font-size: 16px; font-style: normal; font-weight: 300; line-height: normal; } span { color: #333; font-size: 16px; font-style: normal; font-weight: 300; line-height: normal; } &:last-child { margin-bottom: 0; } } .product__line { border-bottom: 1px dotted #B7AFAF; flex-grow: 1; bottom: 4px; position: relative; } .product__socials { display: flex; align-items: center; margin-right: 10px; } .product__social { margin-right: 5px; &:last-child { margin-right: 0; } } .product__share-link { cursor: pointer; color: #1359AC; font-size: 16px; font-style: normal; font-weight: 600; line-height: 128.9%; } .product__share { display: flex; align-items: center; width: 520px; justify-content: flex-end; } .product__prew { margin-bottom: 25px; } .description { width: 952px; h3 { margin-bottom: 30px; color: #000; font-size: 30px; font-style: normal; font-weight: 400; line-height: 191.4%; } h4 { margin-bottom: 15px; color: #000; font-size: 24px; font-style: normal; font-weight: 400; line-height: 191.4%; } p { color: #333; font-size: 18px; font-style: normal; line-height: 191.4%; } } .description__content { margin-bottom: 30px; &:last-child { margin-bottom: 0; } } .description__content { p { margin-bottom: 45px; &:last-child { margin-bottom: 0; } } ul { padding-left: 22px; margin-bottom: 45px; li { color: #333; font-size: 18px; font-style: normal; line-height: 191.4%; position: relative; list-style-type: disc; &::marker { color: #333; font-size: 9px; } } } } .product { margin-bottom: 100px; } .like { width: 54px; height: 54px; border-radius: 54px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 4; top: 18px; right: 23px; } .product__bg { position: relative; } .goods__img { position: relative; } .goods__block { width: 291px; } .goods__img { border-radius: 5px 5px 0px 0px; height: 226px; img { width: 100%; height: 100%; object-fit: cover; } } .goods { h2 { margin-bottom: 40px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } .like { width: 44px; height: 44px; } } .goods__content { border-radius: 0px 0px 5px 5px; border: 1px solid rgba(0, 0, 0, 0.15); padding: 25px 16px 35px 16px; .goods__block-head { color: #333; text-align: center; margin-bottom: 10px; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; } p { margin-bottom: 17px; color: #333; text-align: center; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; } } .goods__btn { display: flex; align-items: center; justify-content: center; cursor: pointer; .transition; color: #1359AC; font-size: 16px; font-style: normal; font-weight: 600; line-height: 128.9%; width: 100%; height: 45px; border-radius: 90px; border: 1px solid #1359AC; &:hover { background-color: #1359AC; color: #FFF; } } .product-slider,.response__blocks,.viewed__blocks,.goods__blocks{ .owl-prev{ .ypos_ab; left: 0; } .owl-next{ .ypos_ab; right: 0; } } .goods__blocks { display: flex; justify-content: space-between; } .feedback__text{ width: 100%; } .goods { margin-bottom: 120px; } .production { position: relative; .container { padding: 180px 0px 135px 0px; } } .production__bg { position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; width: 100%; img { height: 100%; width: 100%; object-fit: cover; } } .production__content { position: relative; width: 657px; z-index: 5; h1 { margin-bottom: 20px; color: #FFF; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal; } p { color: #FFF; font-size: 18px; font-style: normal; font-weight: 400; line-height: 154.9%; margin-bottom: 30px; } } .production__btn { display: flex; align-items: center; justify-content: center; .transition; cursor: pointer; border-radius: 90px; background: #D5BB92; width: 285px; height: 56px; color: #FFF; font-size: 14px; font-style: normal; font-weight: 700; line-height: 128.9%; letter-spacing: 0.7px; text-transform: uppercase; &:hover { background: #b69b71; } } .production-item { position: absolute; top: -80px; z-index: 3; } .production { margin-bottom: 100px; } .provider { margin-bottom: 100px; h2 { margin-bottom: 53px; color: #333; text-align: center; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .provider__blocks { display: flex; width: 842px; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 0 auto; } .provider__block { width: 246px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); padding: 33px 16px 25px 16px; img { margin-bottom: 10px; } .provider__block-head { margin-bottom: 30px; color: #1359AC; text-align: center; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } } .provider__btn { width: 100%; height: 45px; border-radius: 90px; border: 1px solid #1359AC; cursor: pointer; .transition; align-items: center; justify-content: center; display: flex; color: #1359AC; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 128.9%; &:hover { color: #FFF; background-color: #1359AC; } } .purchase { h2 { margin-bottom: 40px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .purchase__blocks { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .purchase__block { max-width: 294px; } .purchase__name { display: flex; margin-bottom: 10px; span { margin-right: 20px; display: flex; color: rgba(213, 187, 146, 0.5); font-size: 72px; font-style: normal; font-weight: 600; line-height: normal; } } .purchase__text { color: #333; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; a { color: #333; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; } } .purchase__arr { margin-right: 43px; } .purchase__blocks { width: 1207px; } .purchase__block { max-width: 237px; margin-bottom: 30px; } .purchase { margin-bottom: 70px; } .warranty { h2 { margin-bottom: 50px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .warranty__blocks { display: flex; justify-content: space-between; flex-wrap: wrap; } .warranty__block { width: 337px; img { margin-bottom: 22px; } p { color: #333; font-size: 14px; font-style: normal; font-weight: 300; line-height: 148.4%; } position: relative; &::after { position: absolute; right: -51px; top: 0; content: ""; height: 100%; width: 1px; background: #C4C4C4; } &:last-child { &::after { display: none; } } } .warranty { margin-bottom: 100px; } .response__blocks { display: flex; justify-content: space-between; } .response { h2 { margin-bottom: 50px; color: #333; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .feedback__block { width: 372px; border-radius: 5px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); padding: 25px 25px 40px 25px; } .feedback__info { display: flex; align-items: center; margin-bottom: 25px; } .feedback__img { margin-right: 17px; width: 99px; height: 99px; border-radius: 50%; img { width: 100%; height: 100%; } } .feedback__content { width: 218px; display: flex; flex-direction: column; align-items: flex-start; .feedback__content-head { margin-bottom: 6px; color: #333; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; } p { margin-bottom: 10px; color: #333; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; } span { color: #5A5C5C; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal; } } .feedback__text { color: #333; font-size: 14px; font-style: italic; font-weight: 300; line-height: 150.9%; } .response__blocks { padding-left: 35px; margin-bottom: 75px; } .response__btn { width: 285px; height: 56px; border-radius: 90px; background: #D5BB92; color: #FFF; font-family: "Montserrat"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 128.9%; letter-spacing: 0.7px; text-transform: uppercase; cursor: pointer; display: flex; align-items: center; justify-content: center; margin: 0 auto; svg { margin-right: 7px; } } .response { margin-bottom: 100px; } .viewed2 { margin-bottom: 100px; } .feedback2 { .feedback__content { width: auto; display: flex; flex-direction: row; } .feedback__info { display: block; } } .product__img-block { img { width: 100%; } } .certificate__blocks { flex-wrap: wrap } .doors { position: relative; h1 { margin-bottom: 25px; color: rgba(255, 255, 255, 0.80); font-family: "Montserrat"; font-size: 42px; font-style: normal; font-weight: 400; line-height: 132.9%; letter-spacing: -0.42px; } .container { position: relative; z-index: 5; padding-top: 52px; padding-bottom: 70px; } } .doors__content { display: flex; flex-direction: column; align-items: center; justify-content: center; } .doors__bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; img { width: 100%; height: 100%; object-fit: cover; } } .doors__text { margin-bottom: 36px; color: rgba(248, 245, 248, 0.85); text-align: center; font-family: "Montserrat"; font-size: 20px; font-style: normal; font-weight: 400; width: 787px; line-height: 153.9%; letter-spacing: -1.6px; } .doors__navs { display: flex; margin-bottom: 35px; } .doors__nav { display: flex; align-items: center; justify-content: center; cursor: pointer; .transition; color: #F8F5F8; font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 500; line-height: 149.4%; letter-spacing: -0.75px; padding: 14px 55px; border: 1px solid #484848; background: rgba(217, 217, 217, 0.01); &:hover { background-color: #b69b71; border: 1px solid #b69b71; } } .nav2 { position: absolute; top: 0; display: flex; align-items: center; a { color: #FFF; } .nav-line { color: #FFF; } } .doors__name { display: flex; flex-direction: column; align-items: center; justify-content: center; h2 { margin-bottom: 5px; color: rgba(255, 255, 255, 0.80); font-family: "Montserrat"; font-size: 30px; font-style: normal; font-weight: 400; line-height: 132.9%; letter-spacing: -0.3px; } a { display: flex; align-items: center; svg { margin-left: 12px; path { .transition; } } color: #D5BB92; font-family: "Montserrat"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 149.4%; letter-spacing: -0.36px; text-decoration-line: underline; .transition; &:hover { color: #FFF; svg { path { stroke: #fff; } } } } } .doors { margin-bottom: 80px; } .parameters { margin-bottom: 85px; h2 { margin-bottom: 40px; color: #333; text-align: center; font-family: "Montserrat"; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .parameters__info { display: flex; align-items: center; margin-bottom: 50px; &:last-child { margin-bottom: 0; } & > span { margin-right: 33px; color: #333; text-align: center; font-family: "Montserrat"; font-size: 18px; width: 120px; text-align: right; font-style: normal; font-weight: 400; line-height: normal; } .parameters__block { flex-grow: 1; } } .parameters__btn { display: flex; align-items: center; justify-content: center; .transition; width: 295px; height: 56px; border-radius: 90px; background: #1359AC; color: #FFF; font-family: "Montserrat"; font-size: 18px; font-style: normal; cursor: pointer; font-weight: 700; line-height: 128.9%; border: 1px solid #1359AC; letter-spacing: 0.9px; text-transform: uppercase; &:hover { color: #1359AC; background-color: #FFF; border: 1px solid #1359AC; } } .parameters__content { margin-bottom: 50px; } .parameters__wr { width: 945px; margin: 0 auto; } .parameters__blocks { display: flex; margin-top: 85px; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; .goods__block { margin-bottom: 25px; } } .parameters__more { display: flex; align-items: center; justify-content: center; .transition; cursor: pointer; .transition; border-radius: 90px; border: 1px solid #1359AC; color: #1359AC; font-family: "Montserrat"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 128.9%; letter-spacing: 0.9px; text-transform: uppercase; width: 257px; height: 56px; margin: 0 auto; &:hover { background-color: #1359AC; color: #FFF; } } .classification { h2 { margin-bottom: 55px; color: #333; text-align: center; font-family: "Montserrat"; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } .classification__content { display: flex; justify-content: space-between; flex-wrap: wrap; } .classification__block { width: calc(50% - 52px); margin-bottom: 25px; ul { padding-left: 19px; } a { color: #000; font-family: "Montserrat"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 177.9%; .transition; &:hover { color: #1359AC; text-decoration-line: underline; } } li { list-style-type: disc; &::marker { font-size: 10px; color: #000; } } } .classification__name { cursor: pointer; margin-bottom: 16px; display: flex; align-items: center; color: #1359AC; font-family: "Montserrat"; font-size: 24px; font-style: normal; font-weight: 700; line-height: 177.9%; text-transform: uppercase; } .classification { margin-bottom: 65px; } .experience { margin-bottom: 117px; h2 { margin-bottom: 5px; color: rgba(0, 0, 0, 0.60); font-family: "Montserrat"; font-size: 26px; font-style: normal; font-weight: 400; line-height: 132.9%; text-align: center; letter-spacing: -0.26px; } P { color: #9B9C9B; font-family: "Montserrat"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 165.9%; width: 1087px; letter-spacing: -0.13px; } } .job__product { h2 { margin-bottom: 65px; color: rgba(0, 0, 0, 0.60); font-family: "Montserrat"; font-size: 26px; font-style: normal; text-align: center; font-weight: 400; line-height: 132.9%; letter-spacing: -0.208px; } } .job__product-blocks { display: flex; justify-content: space-between; flex-wrap: wrap; width: 1050px; margin: 0 auto; } .job__product-block { width: 512px; p { color: #333; font-family: "Montserrat"; font-size: 23px; font-style: normal; font-weight: 300; line-height: 106.9%; letter-spacing: -0.805px; } } .job__product-img { width: 100%; height: 290px; margin-bottom: 25px; img { width: 100%; height: 100%; object-fit: cover; } } .job__product { margin-bottom: 110px; } .information { .container { height: 397px; position: relative; } } .information__block { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); width: 821px; height: 100%; position: absolute; top: 0; bottom: 0; &:nth-child(1) { left: ~"calc(50% + 10px)"; .information__text { right: auto; left: 35px; } } &:nth-child(2) { right: ~"calc(50% + 10px)"; } } .information__bg { width: 100%; height: 100%; img { width: 100%; height: 100%; object-fit: cover; } } .information__text { position: absolute; z-index: 10; width: 305px; right: 10px; z-index: 10; top: 110px; p { margin-bottom: 20px; color: #FFF; font-family: "Montserrat"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; &:last-child { margin-bottom: 0; } } img { position: absolute; top: -62px; } } .information__shadow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(265deg, #333 0%, rgba(51, 51, 51, 0.00) 100%), linear-gradient(0deg, rgba(51, 51, 51, 0.10) 0%, rgba(51, 51, 51, 0.10) 100%); } .information { margin-bottom: 90px; } .provider2 { .provider__blocks { width: 1140px; } } .interest { position: relative; .container { padding-top: 95px; padding-bottom: 266px; position: relative; z-index: 3; h2 { margin-bottom: 56px; color: #FFF; text-align: center; font-family: "Montserrat"; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; } } } .interest__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; img { width: 100%; height: 100%; object-fit: cover; } } .interest__block { width: 295px; position: relative; } .interest__img { width: 100%; height: 294px; position: relative; img { object-fit: cover; width: 100%; height: 100%; } } .interest__img-shadow { background: linear-gradient(0deg, #E0CDAE 0%, rgba(224, 205, 174, 0.00) 12%); width: 100%; height: 100%; z-index: 5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .interest__text { background: #E0CDAE; padding: 20px 30px 33px 30px; h3 { color: #333; text-align: center; font-family: "Montserrat"; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; } } .interest__block-item { position: absolute; .pos_absc; z-index: 10; } .interest__blocks { display: flex; justify-content: space-between; flex-wrap: wrap; } .share { position: relative; margin-top: -130px; margin-bottom: 106px; .container { background: #1359AC; padding-top: 50px; padding-bottom: 50px; padding-left: 133px; padding-right: 103px; } } .share__text { width: 397px; h2 { margin-bottom: 23px; color: #FFF; font-family: "Montserrat"; font-size: 30px; font-style: normal; font-weight: 700; line-height: 128.9%; text-transform: uppercase; } } .share__btn { display: flex; align-items: center; justify-content: center; cursor: pointer; .transition; width: 213px; height: 56px; border-radius: 90px; background: #D5BB92; color: #FFF; font-family: "Montserrat"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 128.9%; letter-spacing: 0.9px; text-transform: uppercase; img { margin-right: 11px; } &:hover { background-color: #b69b71; } } .share__img { position: absolute; right: 103px; bottom: -38px; } .share .container { position: relative; } .main { position: relative; .container { position: relative; z-index: 5; padding-top: 140px; padding-bottom: 333px; h1 { color: rgba(255, 255, 255, 0.80); font-family: "Montserrat"; font-size: 37px; font-style: normal; font-weight: 400; width: 493px; line-height: 132.9%; letter-spacing: -0.37px; margin-bottom: 76px; } p { color: rgba(248, 245, 248, 0.85); font-family: "Montserrat"; font-size: 15px; width: 613px; font-style: normal; font-weight: 400; line-height: 184.4%; letter-spacing: -0.675px; margin-bottom: 110px; } } } .main__bg { position: absolute; width: 100%; height: 100%; img { width: 100%; height: 100%; object-fit: cover; } } .main .container { flex-direction: column; display: flex; align-items: flex-end; } .main__num { position: relative; display: flex; align-items: center; span { color: #D5BB92; text-align: center; font-family: "Montserrat"; display: flex; margin-right: 17px; font-size: 36px; font-style: normal; font-weight: 700; line-height: normal; } .main__num-head { color: #FFF; font-family: "Playfair Display"; font-size: 20px; font-style: italic; font-weight: 500; line-height: normal; letter-spacing: 0.3px; } } .main__lines { position: absolute; left: 21px; } .main-line { position: absolute; max-width: 1000px; .pos_absc; } .main__lines .main-line:nth-child(1) { border: 1px solid rgba(213, 187, 146, 0.20); width: 148px; height: 148px; border-radius: 50%; } .main__lines .main-line:nth-child(2) { border: 1px solid rgba(213, 187, 146, 0.50); width: 124px; height: 124px; border-radius: 50%; } .main__lines .main-line:nth-child(3) { border: 1px solid rgba(213, 187, 146, 0.10); width: 76px; height: 76px; border-radius: 50%; } .request { .container { background: #11428B; padding-top: 80px; padding-bottom: 70px; padding-right: 40px; position: relative; display: flex; align-items: flex-end; padding-left: 95px; justify-content: space-between; } } .request__info { width: 550px; h2 { color: #FFF; font-family: "Montserrat"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 132.9%; } } .request-text { margin-bottom: 22px; color: rgba(255, 255, 255, 0.80); font-family: "Montserrat"; font-size: 19px; font-style: normal; font-weight: 400; line-height: 132.9%; letter-spacing: -0.285px; } .request__input { display: flex; flex-direction: column; width: 255px; margin-bottom: 16px; span { margin-bottom: 5px; color: #968A76; font-family: "Playfair Display"; font-size: 16px; font-style: italic; font-weight: 500; line-height: normal; letter-spacing: -0.88px; } input { color: rgba(255, 255, 255, 0.80); font-family: "Montserrat"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 132.9%; letter-spacing: -0.72px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.60); &::placeholder { color: rgba(255, 255, 255, 0.80); } } &:last-child { margin-bottom: 0; } } .request__content { display: flex; justify-content: space-between; align-items: flex-end; } .request__btn { display: flex; align-items: center; justify-content: center; cursor: pointer; .transition; width: 210px; height: 58px; border-radius: 30px; background: #D5BB92; color: #FFF; font-family: "Montserrat"; font-size: 12px; font-style: normal; font-weight: 700; line-height: 132.9%; margin-bottom: 40px; letter-spacing: 0.18px; &:hover { background-color: #b69b71; } } .request__link { color: rgba(255, 255, 255, 0.80); font-family: "Montserrat"; font-size: 10px; font-style: normal; font-weight: 400; line-height: 122.4%; letter-spacing: 0.1px; width: 151px; cursor: pointer; } .request__num { position: relative; bottom: -43px; .request__num-sum { color: #D7C3A3; font-family: "Playfair Display"; font-size: 226px; font-style: normal; font-weight: 700; display: flex; align-items: baseline; line-height: normal; position: relative; z-index: 5; span { font-size: 111px; } } P { color: #D7C3A3; font-family: "Montserrat"; font-size: 24px; font-style: normal; font-weight: 400; line-height: 132.9%; position: relative; z-index: 5; letter-spacing: -0.6px; } } .request__num-item { width: 151px; height: 151px; position: absolute; bottom: 55px; background-color: rgba(215, 195, 163, 0.69); filter: blur(46px); } .request__num { position: absolute; z-index: 10; right: 65px; bottom: 30px; } .request { margin-top: -173px; margin-bottom: 240px; } .successes { .container { display: flex; justify-content: space-between; } } .successes__info { width: 434px; } .successes__video { width: 642px; position: relative; height: 401px; img { width: 100%; height: 100%; object-fit: cover; } } .successes__info-block { display: flex; align-items: flex-end; span { margin-right: 25px; color: #D5BB92; text-align: center; font-family: "Playfair Display"; font-size: 96px; font-style: normal; font-weight: 700; line-height: normal; } p { color: #000; font-family: "Montserrat"; font-size: 24px; font-style: normal; font-weight: 300; line-height: normal; } } .successes__shadow { background: linear-gradient(0deg, rgba(30, 28, 27, 0.70) 0%, rgba(30, 28, 27, 0.70) 100%); position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 108%; } .successes__num { position: absolute; .xpos_ab; cursor: pointer; bottom: 135px; left: 62%; .main__lines { position: absolute; left: 14px; } } .successes__play { margin-right: 10px; } .successes__bg { position: absolute; left: -262px; bottom: -45px; } .successes { .container { position: relative; width: 1200px; } } .successes__wr { position: relative; z-index: 10; display: flex; width: 100%; justify-content: space-between; } .successes_item { position: absolute; z-index: 5; top: 30px; } .successes { margin-bottom: 72px; } .guest__info { display: flex; margin: 0 auto; justify-content: space-between; width: 912px; h2 { width: 493px; color: rgba(0, 0, 0, 0.80); font-family: "Montserrat"; font-size: 32px; font-style: normal; font-weight: 400; line-height: 134.4%; letter-spacing: -0.48px; } } .guest__img { width: 288px; height: 388px; border-radius: 2px; margin-bottom: 22px; img { border-radius: 2px; width: 100%; height: 100%; object-fit: cover; } } .guest__info-block { background: #FFF; box-shadow: 4px 4px 36px 0px rgba(0, 0, 0, 0.25); padding: 10px 17px; display: flex; align-items: center; width: 289px; } .guest__partner-img { margin-right: 3px; width: 56px; height: 56px; border-radius: 56px; img { border-radius: 56px; width: 100%; height: 100%; } } .guest__info-name { margin-right: 44px; .guest__inform-head { color: rgba(0, 0, 0, 0.70); font-family: "Montserrat"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 134.4%; letter-spacing: -0.325px; } p { color: rgba(0, 0, 0, 0.10); font-family: "Montserrat"; font-size: 9px; font-style: normal; font-weight: 400; line-height: 134.4%; letter-spacing: -0.045px; } } .guest__link { cursor: pointer; width: 26px; height: 26px; } .guest__info { margin-bottom: 100px; } .guest__blocks { display: flex; align-items: center; margin: 0 auto; width: 915px; justify-content: space-between; } .guest__block { width: 288px; } .guest__block-name { padding-left: 40px; span { color: rgba(0, 0, 0, 0.30); font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 400; line-height: 134.4%; letter-spacing: -0.675px; } .guest__block-headers { color: rgba(0, 0, 0, 0.80); font-family: "Montserrat"; font-size: 19px; font-style: normal; font-weight: 500; line-height: 134.4%; letter-spacing: -0.38px; } } .successes { margin-bottom: 107px; } .guest__block:nth-child(2) { display: flex; flex-direction: column-reverse; .guest__img { margin-bottom: 0; } .guest__block-name { margin-bottom: 40px; } } .guest { .container { position: relative; } } .guest__num { position: absolute; top: 0; left: 0; } .guest__info { position: relative; z-index: 5; } .guest__blocks { position: relative; z-index: 5; } .guest__num { position: absolute; top: -125px; left: -130px; } .successes { margin-bottom: 165px; } .guest { margin-bottom: 100px; } .ware { position: relative; .container { padding: 115px 0px; } h2 { margin-bottom: 75px; color: #FFF; text-align: center; font-family: "Montserrat"; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal } } .ware__blocks { display: flex; flex-wrap: wrap; width: 1155px; justify-content: space-between; margin: 0 auto; } .ware__block { position: relative; width: 353px; height: 356px; border-radius: 5px; background: linear-gradient(360deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 100%); margin-bottom: 50px; img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } .ware__block-name { color: #D5BB92; text-align: center; font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 700; line-height: 128.9%; letter-spacing: 1.2px; text-transform: uppercase; padding-left: 21px; padding-right: 21px; position: absolute; right: 0; left: 0; bottom: 0; padding-bottom: 27px; } } .ware__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .ware { h2 { position: relative; z-index: 4; } } .ware__vec { position: absolute; z-index: 2; .xpos_ab; top: 67px; } .control { position: relative; .container { position: relative; z-index: 5; padding-top: 50px; padding-bottom: 70px; } } .control__bg { position: absolute; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; object-fit: cover; } .control__num { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 32px; span { color: #D5BB92; text-align: center; font-family: "Playfair Display"; font-size: 92px; font-style: italic; font-weight: 400; line-height: normal; letter-spacing: -1.84px; } } .control__info { display: flex; flex-direction: column; align-items: center; margin-bottom: 65px; justify-content: center; h2 { margin-bottom: 40px; color: #FFF; width: 610px; text-align: center; font-family: "Montserrat"; font-size: 29px; font-style: normal; font-weight: 400; line-height: 128.9%; letter-spacing: -1.015px; } p { width: 708px; color: rgba(255, 255, 255, 0.80); text-align: center; font-family: "Montserrat"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 183.4%; letter-spacing: -0.848px; } } .control__blocks { margin: 0 auto; width: 1112px; display: flex; justify-content: space-between; } .control__block { width: 352px; height: 350px; box-shadow: 0px 8px 23px 0px rgba(0, 0, 0, 0.50); border-radius: 2px; position: relative; flex-direction: column; display: flex; justify-content: center; align-items: center; padding: 50px 30px; } .control-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .control-l { position: relative; z-index: 5; margin-bottom: 20px; } .control__block-info { position: relative; z-index: 5; } .control-l { position: relative; span { color: #FFF; text-align: center; font-family: "Playfair Display"; font-size: 90px; font-style: normal; font-weight: 700; position: relative; z-index: 3; line-height: normal; letter-spacing: -1.8px; } img { position: absolute; .pos_absc; width: 99px; max-width: 10000px; bottom: auto; top: 71px; } } .control__block-info { display: flex; flex-direction: column; align-items: center; justify-content: center; .control__block-head { margin-bottom: 5px; color: #D5BB92; font-family: "Montserrat"; font-size: 14px; font-style: normal; font-weight: 600; line-height: 183.4%; letter-spacing: 1.918px; } p { width: 295px; margin-bottom: 20px; color: #FFF; text-align: center; font-family: "Montserrat"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 117.9%; letter-spacing: -1.372px; } a { color: #D5BB92; font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 400; line-height: 117.9%; letter-spacing: -1.77px; display: flex; align-items: center; text-decoration-line: underline; .transition; svg { margin-left: 7px; } &:hover { color: #a7906b; } } } .control { margin-bottom: 140px; } .control .container { padding-bottom: 0; } .control__blocks { bottom: -25px; position: relative; } .control__info { margin-bottom: 35px; } .control__topimg { position: absolute; .xpos_ab; top: 57px; } .requirements__wr { display: flex; justify-content: space-between; width: 1213px; margin: 0 auto; } .requirements__img { width: 416px; height: 625px; img { width: 100%; height: 100%; object-fit: cover; } } .requirements__content { width: 735px; } .requirements__content-name { margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; } .requirements__name { .requirements__name-head { color: #000; font-family: "Montserrat"; font-size: 24px; font-style: normal; font-weight: 700; line-height: 177.9%; } p { color: #8A8A8A; font-family: "Playfair Display"; font-size: 16px; font-style: italic; font-weight: 500; line-height: 177.9%; } } .requirements__arrows { display: flex; } .requirements__arrow { width: 54px; height: 52px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; background-color: #D5BB92; margin-right: 12px; &:last-child { margin-right: 0; } } .requirements__content-name { margin-bottom: 30px; } .requirements__text { display: flex; justify-content: space-between; p { width: 543px; color: #000; font-family: "Montserrat"; font-size: 16px; font-style: normal; font-weight: 300; line-height: 177.9%; } } .requirements__project { width: 86px; span { color: #1359AC; font-family: "Montserrat"; font-size: 48px; font-style: normal; font-weight: 500; line-height: 128.9%; letter-spacing: 3.84px; text-transform: uppercase; } p { color: #1359AC; font-family: "Montserrat"; font-size: 14px; font-style: normal; font-weight: 300; line-height: 128.9%; } } .requirements__text { p { a { color: #1359AC; font-family: "Montserrat"; font-size: 12px; font-style: normal; font-weight: 700; line-height: 128.9%; letter-spacing: 0.96px; text-transform: uppercase; margin-left: 15px; } } } .requirements__text { margin-bottom: 50px; } .requirements__block { .requirements__block-head { margin-bottom: 20px; color: rgba(0, 0, 0, 0.40); font-family: "Montserrat"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 97.3%; letter-spacing: -0.78px; } } .requirements__block-content { display: flex; align-items: center; justify-content: space-between; border: 1px solid #D5BB92; width: 628px; position: relative; padding: 35px 110px 50px 43px; p { width: 475px; color: rgba(0, 0, 0, 0.54); font-family: "Playfair Display"; font-size: 22px; font-style: normal; font-weight: 700; line-height: 97.3%; letter-spacing: -0.66px; } } .requirements__block-img { position: absolute; right: 0; } .requirements { position: relative; .container { position: relative; z-index: 5; } } .requirements-shadow { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .requirements__title { margin: 0 auto; } .requirements__title-num { position: relative; span { color: #D5BB92; font-family: "Playfair Display"; font-size: 96px; font-style: italic; font-weight: 500; line-height: normal; margin-bottom: 60px; position: relative; z-index: 5; } } .requirements__title { width: 509px; z-index: 5; position: relative; h2 { color: #000; text-align: center; font-family: "Montserrat"; font-size: 30px; font-style: normal; font-weight: 300; line-height: normal; } } .requirements__title { display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 60px; } .requirements-item { position: absolute; .xpos_ab; z-index: 3; top: 20px; } .requirements__title h2 { margin-top: 54px; } .requirements__img img { position: relative; top: -75px; } .requirements__block-img { position: absolute; right: -82px; } .requirements__text { width: 706px; } .popular { h2 { margin-bottom: 70px; color: #FFF; text-align: center; font-family: "Montserrat"; font-size: 30px; font-style: normal; font-weight: 300; line-height: normal; } } .popular__blocks { display: flex; flex-wrap: wrap; } .popular__block { width: 197px; position: relative; height: 192px; } .popular__img { width: 100%; height: 100%; img { object-fit: cover; width: 100%; height: 100%; } } .popular__name { position: absolute; .pos_absc; color: #1359AC; text-align: center; font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 700; line-height: 128.9%; letter-spacing: 1.2px; text-transform: uppercase; z-index: 5; } .popular__shadow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255, 255, 255, 0.51) 0%, rgba(255, 255, 255, 0.51) 100%); } .popular__kv1 { position: absolute; top: -23px; left: -23px; border: 1px solid #D5BB92; width: 197px; height: 192px; } .popular__kv2 { position: absolute; bottom: -23px; right: -23px; border: 1px solid #D5BB92; width: 197px; height: 192px; z-index: 6; } .popular__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .popular { position: relative; .container { position: relative; z-index: 5; padding-top: 100px; padding-bottom: 30px; } } .popular__img { position: relative; z-index: 5; } .popular__blocks { display: flex; flex-wrap: wrap; justify-content: space-between; width: 1102px; margin: 0 auto; } .popular__block { margin-bottom: 90px; margin-right: 36px; } .popular__block:nth-child(4n) { margin-right: 0; } .challenge { .container { padding-top: 195px; padding-bottom: 97px; } h2 { margin-bottom: 22px; color: #FFF; font-family: "Montserrat"; font-size: 30px; font-style: normal; font-weight: 300; line-height: normal; width: 506px; position: relative; z-index: 5; } } .challenge__text { position: relative; z-index: 5; width: 475px; p { color: #FFF; font-family: "Montserrat"; font-size: 16px; font-style: normal; font-weight: 300; line-height: normal; margin-bottom: 17px; &:last-child { margin-bottom: 0; } } } .challenge { position: relative; } .challenge__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .challenge__btn { display: flex; align-items: center; justify-content: center; cursor: pointer; .transition; width: 292px; position: relative; z-index: 5; height: 70px; border-radius: 90px; background: #D5BB92; color: #FFF; text-align: center; font-family: "Montserrat"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 128.9%; text-transform: uppercase; &:hover { background: #b69c72; } } .challenge__text { margin-bottom: 42px; } .challenge_shadow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(113deg, #1F1F1E 0%, rgba(32, 32, 32, 0.58) 81.16%); z-index: 3; } .challenge-item { position: absolute; top: 82px; left: 0; z-index: 5; } .challenge { .container { position: relative; } } .technological__menu { width: 1000px; display: flex; justify-content: space-between; margin: 0 auto; margin-bottom: 100px; } .technological__menu-block { width: 277px; display: flex; align-items: center; img { margin-right: 22px; } p { color: #FFF; font-family: "Montserrat"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 188.8%; letter-spacing: -0.54px; } } .technological { position: relative; .container { position: relative; z-index: 5; padding-top: 50px; padding-bottom: 256px; } } .technological__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .technological__content { display: flex; flex-direction: column; align-items: center; justify-content: center; } .technological__info { width: 708px; h2 { margin-bottom: 40px; color: #FFF; text-align: center; font-family: "Montserrat"; font-size: 29px; font-style: normal; font-weight: 400; line-height: 128.9%; letter-spacing: -2.03px; } } .technological__info-name { margin-bottom: 30px; color: #FFF; text-align: center; font-family: "Playfair Display"; font-size: 87px; font-style: italic; font-weight: 400; line-height: normal; letter-spacing: -3.915px; position: relative; z-index: 999; } .technological__text { p { color: rgba(255, 255, 255, 0.80); text-align: center; font-family: "Montserrat"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 170.9%; letter-spacing: -1.328px; } } .technological__info { margin-bottom: 60px; } .technological__block { width: 329px; border-radius: 3px; background: #FFF; box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.40); padding: 18px 16px; display: flex; align-items: center; justify-content: space-between; } .technological__blocks { display: flex; justify-content: space-between; width: 1036px; } .technological__block-img { border-radius: 50%; width: 110px; height: 110px; } .technological__block-content { width: 168px; .technological__block-head { color: rgba(0, 0, 0, 0.80); font-family: "Montserrat"; font-size: 14px; font-style: normal; font-weight: 600; line-height: 124.9%; letter-spacing: -1.26px; } a { color: #D7BF9F; font-family: "Montserrat"; font-size: 11px; font-style: normal; font-weight: 700; line-height: 124.9%; letter-spacing: -0.44px; .transition; &:hover { color: #ac9474; } } } .technological__block-content { height: 94%; display: flex; justify-content: space-between; flex-direction: column; } .technological__block-content .technological__block-head { margin-bottom: 16px; } .techo__block { position: relative; z-index: 5; } .techo__block { .container { border-radius: 3px; background: #1359AC; padding: 58px 90px 90px 90px; width: 1036px; } } .standart-btn { border-radius: 30px; background: #D5BB92; color: #FFF; font-family: "Montserrat"; font-size: 12px; font-style: normal; font-weight: 700; line-height: 132.9%; letter-spacing: 0.18px; display: flex; align-items: center; justify-content: center; cursor: pointer; .transition; &:hover { background: #af976f; } } .techo__btn { width: 146px; height: 53px; } .techo__block-content { width: 500px; h2 { margin-bottom: 16px; color: #FFF; font-family: "Montserrat"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 128.9%; letter-spacing: -1.96px; } } .techo__block__info { display: flex; align-items: flex-start; justify-content: space-between; p { width: 318px; color: rgba(255, 255, 255, 0.80); font-family: "Montserrat"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 134.4%; letter-spacing: -0.715px; } } .techo__btn { width: 146px; height: 53px; position: relative; top: -18px; } .techo__block { position: relative; z-index: 5; margin-top: -169px; margin-bottom: 61px; } .competence { position: relative; .container { position: relative; z-index: 5; padding-top: 55px; padding-bottom: 55px; display: flex; flex-direction: column; align-items: center; justify-content: center; h2 { margin-bottom: 45px; color: #FFF; text-align: center; font-family: "Montserrat"; font-size: 26px; font-style: normal; font-weight: 400; line-height: 128.9%; letter-spacing: -2.34px; } } } .competence__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .competence__name { display: flex; flex-direction: column; align-items: center; margin-bottom: 25px; justify-content: center; span { color: #D5BB92; text-align: center; font-family: "Playfair Display"; font-size: 74px; font-style: italic; font-weight: 400; line-height: normal; letter-spacing: -1.48px; } } .competence__img { width: 912px; height: 498px; border-radius: 3px; img { width: 100%; height: 100%; object-fit: cover; border-radius: 3px; } } .competence__info { position: relative; border-radius: 3px; background: #FFF; padding: 12px; width: 601px; } .competence__slider { border-radius: 3px; border: 1px solid #E0E0E0; display: flex; align-items: center; justify-content: space-between; padding: 35px 26px 40px 26px; p { width: 203px; color: rgba(51, 51, 51, 0.70); text-align: center; font-family: "Montserrat"; font-size: 19px; font-style: normal; font-weight: 400; line-height: 128.4%; letter-spacing: -0.76px; } } .competence__arrow { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #D5BB92; .transition; &:hover { background-color: #b39971; } } .competence__info-wr { display: flex; align-items: center; justify-content: center; margin-top: -91px; } .competence__title { position: absolute; .xpos_ab; top: -23px; border-radius: 30px; background: #1359AC; padding: 15px 33px; color: #FFF; font-family: "Montserrat"; font-size: 11px; font-style: normal; font-weight: 600; line-height: 132.9%; letter-spacing: -0.825px; } .competence__info { position: relative; } .competence__item { position: absolute; } .competence { .container { position: relative; } } .competence__name { position: relative; z-index: 5; } .competence__item { position: absolute; .xpos_ab; top: 67px; } .deadlines { position: relative; .container { position: relative; z-index: 5; padding-top: 177px; padding-bottom: 120px; } } .deadlines__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .deadlines__num { display: flex; align-items: center; justify-content: center; margin-bottom: 35px; position: relative; z-index: 10; span { color: #D5BB92; text-align: center; font-family: "Playfair Display"; font-size: 82px; font-style: italic; font-weight: 400; line-height: normal; letter-spacing: -1.64px; } } .deadlines__info { } .deadline-line { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 3; top: 190px; } .deadlines__info { margin-bottom: 58px; h2 { color: #FFF; font-family: Montserrat; font-size: 26px; font-style: normal; font-weight: 400; line-height: 128.9%; /* 33.514px */ letter-spacing: -0.39px; margin-bottom: 37px; text-align: center; } p { color: rgba(255, 255, 255, 0.80); text-align: center; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; line-height: 190.9%; /* 26.726px */ letter-spacing: -0.28px; width: 708px; margin: 0 auto; } } .deadlines__blocks { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .deadlines__block { .deadlines__block-head { color: #FFF; text-align: center; font-family: Playfair Display; font-size: 85px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 16px; span { color: #FFF; text-align: center; font-family: Playfair Display; font-size: 48px; font-style: normal; font-weight: 400; line-height: normal; } } p { color: rgba(255, 255, 255, 0.80); text-align: center; font-family: Montserrat; font-size: 12px; font-style: normal; font-weight: 400; line-height: 141.9%; /* 17.028px */ letter-spacing: -0.54px; width: 166px; } } .director-top-text { width: 779px; h2 { color: #FFF; font-family: Montserrat; font-size: 30px; font-style: normal; font-weight: 700; line-height: 128.9%; /* 38.67px */ text-transform: uppercase; margin-bottom: 16px; } ul { list-style-type: disc; margin-left: 20px; li { color: #FFF; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 300; line-height: 128.9%; /* 20.624px */ } } } .director-top-block .container { width: 1269px; padding: 61px 124px 43px 81px; background: #1359AC; } .director-list li::marker { font-size: 9px; } .director-top-img img { width: 164px; height: 309px; } .director-top-block .container { display: flex; align-items: center; position: relative; } .director-top-img { position: absolute; right: 0px; bottom: -17px; } .director-top-block { margin-top: -37px; } .director .container { position: relative; width: 1102px; } .director__num { display: flex; align-items: center; justify-content: center; margin-bottom: 130px; position: relative; z-index: 10; color: #D5BB92; margin-top: 5px; } .director__num span { font-family: Playfair Display; font-size: 96px; font-style: italic; font-weight: 500; line-height: normal; top: -12px; position: relative; } .directorline { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 3; top: -12px; } .directorbg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .director { position: relative; padding-bottom: 92px; } .general-director { color: #8A8A8A; font-family: Playfair Display; font-size: 16px; font-style: italic; font-weight: 500; line-height: 177.9%; /* 28.464px */ } .director-text-block .director-text-head { color: #000; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; line-height: 177.9%; /* 42.696px */ } .director-text-block { width: 698px; min-height: 383px; border: 1px solid #D5BB92; background: #FFF; padding: 75px 85px 65px 105px; position: relative; z-index: 10; } .directorimage { position: absolute; position: absolute; top: 200px; width: 452px; height: 500px; left: 0; object-fit: cover; } .director-text-main { margin-bottom: 22px; color: #000; font-family: Montserrat; font-size: 16px; font-style: italic; font-weight: 300; line-height: 177.9%; /* 28.464px */ position: relative; } .director-text-main::before { content: ""; width: 32px; background-image: url(/static/imgs/bg/directortext.png); position: absolute; left: -40px; top: -20px; height: 24px; } .director-text { width: 698px; margin: 0 0 0 auto; } .director-appeal { color: #000; font-family: Montserrat; font-size: 30px; font-style: normal; font-weight: 300; line-height: normal; width: 349px; margin-left: 145px; margin-bottom: 59px; position: relative; } .director-text-main { width: 508px; } .askquestion .container { position: relative; width: 1084px; } .askline { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 3; top: -7px; } .deadlines-text h2 { text-align: center; color: #000; font-family: Montserrat; font-size: 30px; font-style: normal; font-weight: 300; line-height: normal; margin-bottom: 59px; } .askquestion { position: relative; padding: 101px 0px 153px 0px; } .askbg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; } .ask-open { margin-bottom: 20px; cursor: pointer; } .ask-open:last-child { margin-bottom: 0; } .news-link:hover { color: #D5BB92; } .ask-blocks { width: 827px; margin: 0 auto; } .ask-block { padding: 20px 20px 20px 47px; display: flex; align-items: center; justify-content: space-between; border-radius: 5px; border: 1px solid #D5BB92; background: #FFF; position: relative; .ask-block-head { color: #000; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal; } .arrow { width: 65px; height: 65px; background-color: #D5BB92; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; right: -21px; } } .ask-block:last-child { margin-bottom: 0; } .ask-text { border-radius: 5px; border: 1px solid #D5BB92; background: #FFF; padding: 24px 40px 35px 47px; p { width: 698px; color: #000; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 300; line-height: 149.9%; /* 23.984px */ } } .ask-block .arrow{ transition: 0.6s ease all; } .ask-block{ transition: 0.6s ease all; } .ask-block.active { border-radius: 5px; border: 1px solid #D5BB92; background: #D5BB92; transition: .6s ease all; h3 { color: #FFF; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; } .arrow { transform: rotate(180deg); border-radius: 61px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); svg path { fill: #D5BB92; } } } .news-title { color: #000; text-align: center; font-family: Montserrat; font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 45px; } .news-image-text { margin-bottom: 18px; flex-wrap: wrap; } .news-image-text img { width: 99px; height: 99px; border-radius: 50%; } .news-date { color: #000; font-family: Montserrat; font-size: 12px; font-style: normal; font-weight: 300; line-height: 128.9%; /* 15.468px */ letter-spacing: 0.96px; text-transform: uppercase; margin-bottom: 11px; width: 70px; } .news-name { color: #000; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 700; line-height: 128.9%; /* 18.046px */ letter-spacing: 1.12px; text-transform: uppercase; width: 195px; } .news-blocks { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap; } .news-block { width: 386px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); padding: 40px 10px 30px 50px; min-height: 319px; margin-bottom: 30px; } .news-image-text { display: flex; justify-content: space-between; align-items: start; } .news-text { color: #000; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 300; line-height: 128.9%; /* 20.624px */ width: 301px; margin-bottom: 18px; } .news-link { color: #1359AC; font-family: Montserrat; font-size: 12px; font-style: normal; font-weight: 700; line-height: 128.9%; /* 15.468px */ letter-spacing: 0.96px; text-transform: uppercase; transition: 0.5s ease all; } .news-btn { color: #FFF; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 700; line-height: 128.9%; /* 20.624px */ text-transform: uppercase; display: flex; align-items: center; justify-content: center; border-radius: 90px; background: #D5BB92; width: 269px; height: 70px; margin: 0 auto; transition: 0.5s ease all; } .news-btn:hover { background-color: #1359AC; color: #fff; } .news-company { margin-bottom: 105px; margin-top: 44px; } .overlay { opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 999; transition: .3s all; } .modal { opacity: 0; visibility: hidden; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; } * .modal.active, .overlay.active { opacity: 1; visibility: visible; } .modal { background: #FFFFFF; box-shadow: 0px 4px 100px rgba(255, 255, 255, 0.25); border-radius: 10px; width: 668px; min-height: 356px; } .modal__cross { width: 15px; height: 15px; position: absolute; top: 12px; right: 10px; fill: #444; cursor: pointer; } .modal1 { width: 481px; border-radius: 10px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); padding: 58px 26px 90px 26px; } .callme { color: #333; font-family: Montserrat; font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; text-align: center; margin-bottom: 17px; } .managermodal { color: #333; text-align: center; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 300; line-height: 138.9%; /* 25.002px */ width: 426px; margin-bottom: 45px; } .modalinput-name { color: #333; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; display: flex; margin: 0 auto; border-bottom: 1px solid #333; width: 306px; margin-bottom: 40px; padding-bottom: 12px; text-align: center; } .modalinput-name::placeholder { text-align: center; } .modalinput-tel { color: #333; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; display: flex; margin: 0 auto; border-bottom: 1px solid #333; width: 306px; text-align: center; margin-bottom: 45px; padding-bottom: 12px; } .modalinput-tel::placeholder { text-align: center; } .timecall { color: #1359AC; text-align: center; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; text-decoration-color: #1359AC; text-align: center; display: block; margin-bottom: 34px; transition: 0.6s ease all; } .timecall:hover { color: #D5BB92; text-decoration-color: white; } .modal-call-btn { border-radius: 90px; border: 1px solid #1359AC; background: #1359AC; color: #FFF; text-align: center; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 700; line-height: 128.9%; /* 20.624px */ letter-spacing: 0.32px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; width: 249px; height: 53px; margin: 0 auto; margin-bottom: 35px; transition: 0.6s ease all; } .modal2 { padding: 58px 39px 69px 43px; width: 481px; } .managermodal2 { color: #333; text-align: center; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 300; line-height: 138.9%; /* 25.002px */ width: 388px; margin-bottom: 45px; } .copyright-process { color: #333; text-align: center; font-family: Montserrat; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; } .modal-date p { color: #000; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 13px; margin-left: 17px; } .modal-time input { color: #000; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .modal-date input { color: #000; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .modal-time p { color: #000; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 13px; margin-left: 17px; } .modal-selects { width: 306px; display: flex; align-items: start; justify-content: space-between; margin: 0 auto; margin-bottom: 36px; } .modal-date { width: 143px; } .modal-time { width: 143px; } .modal-date input { border-radius: 5px; border: 1px solid #333; padding: 13px 13px 13px 25px; } .modal-time input { border-radius: 5px; border: 1px solid #333; padding: 13px 13px 13px 25px; } .modal3 { padding: 58px 78px 89px 45px; border-radius: 10px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); width: 770px; } .modal4 { padding: 58px 78px 89px 45px; border-radius: 10px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); width: 770px; } .product-name { color: #333; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 42px; } .score-modal { color: #333; font-family: Montserrat; font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; margin-bottom: 22px; } .modal-fio { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .modal-fio input { color: #333; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; padding: 0px 5px 12px 15px; border-bottom: 1px solid #333; width: 306px; } .modal-textarea { color: #333; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; border-radius: 5px; border: 1px solid #333; width: 647px; height: 141px; flex-shrink: 0; padding: 18px 10px 10px 21px; margin-bottom: 39px; } .modal-textarea::placeholder { color: #333; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .modal-fio { margin-bottom: 37px; } .modal3-score-btn { color: #FFF; text-align: center; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 700; line-height: 128.9%; /* 20.624px */ letter-spacing: 0.32px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; width: 249px; height: 53px; border-radius: 90px; border: 1px solid #1359AC; background: #1359AC; margin-bottom: 27px; transition: 0.6s ease all; } .modal3-score-btn:hover { color: #1359AC; background-color: #FFF; } .modal-call-btn:hover { color: #1359AC; background-color: #FFF; } .personal-processing { color: #333; font-family: Montserrat; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; } .doors__navs { flex-wrap: wrap; } .like.active { svg { path { fill: #D5BB92; stroke: #D5BB92; } } } .provider3 { h3 { margin-bottom: 0; } } .provider__blocks { flex-wrap: wrap; } .interest__blocks { flex-wrap: wrap; } .certificate__block { img { object-fit: cover; } } .contract__img img { border-radius: 50%; } .favourites__img img { border-radius: 5px; } .job2 { h2 { margin-bottom: 20px; } .job__content-video { width: 603px; height: 603px; } .feedback__content p { font-size: 18px; } .feedback__img { margin-right: 30px; } .feedback__img { width: 134px; height: 134px; } .feedback__info { h2 { font-size: 24px; } } .feedback__images { h2 { font-size: 20px; } } } .montage__blocks { flex-wrap: wrap; } .news__more { .transition; &:hover { background-color: #c2aa83;; } } .news__blocks { flex-wrap: wrap; } .product2 { .product__content { margin-bottom: 60px; } .description p { font-size: 18px; font-weight: 300; } .description__content ul li { font-weight: 300; } } .production { position: relative; .container { z-index: 7; } } .ware__img { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); } .deadlines__blocks { width: 884px; margin: 0 auto; } .ask-text { border-radius: 0px 0px 5px 5px; position: relative; top: -4px; } .ask-block.active .arrow { z-index: 5; } .request { position: relative; z-index: 10; } .director-top-img img { width: auto; } .close-modal { position: absolute; right: 29px; top: 26px; cursor: pointer; } .fast-view { color: #333; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 23px; position: relative; } .fast-view::before { position: absolute; content: ""; width: 776px; height: 1px; opacity: 0.1; background: #000; bottom: 0px; right: -80px; } .modal5 { background: #FFFFFF; box-shadow: 0px 4px 100px rgba(255, 255, 255, 0.25); border-radius: 10px; width: 776px; min-height: 582px; padding: 24px 79px 58px 63px; } .modal-content { display: flex; justify-content: space-between; margin-top: 28px; } .modal-image img { border-radius: 5px; width: 304px; height: 417px; object-fit: cover; } .name-product { color: #333; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 14px; } .shortdescription { color: #333; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; margin-bottom: 20px; } .specification-main { color: #333; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 13px; } .specification-col1 { color: #333; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin-right: 11px; } .specification-col2 { color: #333; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; } .specification-item { display: flex; align-items: center; margin-bottom: 5px; } .specification-item:last-child { margin-bottom: 0; } .specification-btn-number { display: flex; align-items: center; justify-content: space-between; width: 80px; height: 32px; padding: 0px 6px 0px 7px; border-radius: 3px; border: 1px solid #F3E7D4; background: rgba(249, 235, 212, 0.53); } .specification-minus { color: #D5BB92; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 500; line-height: 128.9%; /* 30.936px */ letter-spacing: 1.2px; text-transform: uppercase; padding-right: 6px; cursor: pointer; } .specification-plus { color: #D5BB92; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 500; line-height: 128.9%; /* 25.78px */ letter-spacing: 1px; text-transform: uppercase; padding-left: 5px; cursor: pointer; position: relative; bottom: -2px; } .specification-value { color: #D5BB92; text-align: center; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 600; line-height: 128.9%; /* 30.936px */ letter-spacing: 1.2px; text-transform: uppercase; padding: 0px 12px; } .modal-text { width: 295px; position: relative; } .modal-fav { position: absolute; top: -20px; right: -64px; width: 64px; height: 64px; cursor: pointer; } .specification-btn-basket { color: #FFF; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 700; line-height: 128.9%; /* 18.046px */ letter-spacing: 0.7px; text-transform: uppercase; border-radius: 90px; background: #1359AC; width: 159px; height: 40px; display: flex; align-items: center; justify-content: center; margin-left: 21px; transition: 0.6s ease all; } .specification-btn-basket:hover { background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); color: #1359AC; border: 1px solid #1359AC; } .specifications-btns { display: flex; align-items: center; margin-top: 20px; } .buyonclick-btn { color: #1359AC; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; line-height: 128.9%; width: 260px; height: 40px; border-radius: 90px; border: 1px solid #1359AC; transition: 0.6s ease all; display: flex; align-items: center; justify-content: center; margin-top: 15px; } .buyonclick-btn:hover { background: #1359AC; color: #FFF; } .modal6 { padding: 58px 44px 91px 41px; border-radius: 10px; background: #11428B; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); width: 394px; min-height: 545px; } .modal-buy { color: #FFF; font-family: Montserrat; font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; margin-bottom: 16px; } .product-name-modal { color: #FFF; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 29px; } .form-fastbuy_inputs input { color: #FFF; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 12px; border-bottom: 1px solid #fff; margin-bottom: 36px; } .form-fastbuy_inputs input::placeholder { color: #FFF; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .form-fastbuy_inputs input:last-child { margin-bottom: 0; } .form-fastbuy_inputs { margin-bottom: 44px; } .modalbuy-btn { color: #FFF; text-align: center; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 700; line-height: 128.9%; /* 20.624px */ letter-spacing: 0.32px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; width: 249px; height: 53px; border-radius: 90px; border: 1px solid #D5BB92; background: #D5BB92; margin-bottom: 23px; } .personal-processing-fastbuy { color: #FFF; font-family: Montserrat; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; width: 203px; } .parameters-select { position: relative; z-index: 10; border-radius: 5px; border: 1px solid #D5BB92; width: 398px; height: 39px; &-head { cursor: pointer; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; } .parameters-list { display: none; width: 559px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); padding: 40px; max-width: 100000px; color: #000; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; label { display: flex; align-items: center; cursor: pointer; margin-bottom: 15px; input { &:checked { & + div { img { opacity: 1; } } } display: none; } &:last-child { margin-bottom: 0; } div { position: relative; img { opacity: 0; bottom: 2px; left: 2px; max-width: 100px; position: absolute; } border-radius: 2px; border: 1px solid #D5BB92; width: 15px; margin-right: 15px; height: 15px; } } } } .ask-text{ display: none; } .ask-block .arrow{ } .portfolio__nav select{ color: #333; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; background-position: 97%; background-image: url("data:image/svg+xml,%3Csvg width='11' height='4' viewBox='0 0 11 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 -9.73043e-08L5.66591 2.09176L10 -2.00465e-07L11 0.418364L5.66591 3.3468L3.80407e-07 0.5L1 -9.73043e-08Z' fill='%23D5BB92'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } .competence__content-slider{ .owl-nav{ position: absolute; bottom: 0; .xpos_ab; bottom: 85px; display: flex;justify-content: space-between; width: 500px; margin: 0 auto; } } .competence__img{ margin: 0 auto; } .competence__slider{ text-align: center; justify-content: center; } .owl-carousel{ div{ max-width: 10000000px; } } .requirements__arrows{ opacity: 0; } .owl-stage-outer{ overflow: visible!important; } .owl-item{ opacity: 0; .transition(); &.active{ opacity: 1; } } .requirements__wr-slider{ .owl-nav{ position: absolute; right: 19px; top: 10px; } .owl-next{ margin-left: 10px; } } .irs--flat .irs-handle>i:first-child{ background: rgba(19, 89, 172, 0.45)!important;; } .irs--flat .irs-bar{ background: #1359AC!important; border-radius: 5px!important; } .irs--flat .irs-line,.irs--flat .irs-bar{ height: 8px!important; } .irs--flat .irs-handle{ height: 15px !important; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before{ display: none!important; } .irs-from, .irs-to, .irs-single{ top: -4px!important; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single{ background: transparent!important; color: #1359AC!important; text-align: center; font-family: Montserrat!important; font-size: 18px!important; font-style: normal; font-weight: 700!important; line-height: normal; } .irs--flat{ margin-bottom: 50px; } .irs--flat .irs-min, .irs--flat .irs-max{ background: transparent!important; top: auto!important; bottom: -52px!important; display: block!important; visibility: visible!important; color: #333!important; padding: 0!important; text-align: center; font-family: Montserrat!important; font-size: 16px!important; font-style: normal; font-weight: 400!important; line-height: normal; } .response__blocks{ .owl-dots{ margin-top: 30px; display: flex;justify-content: center; .owl-dot{ width: 36px; border-radius: 3px; margin: 0 10px; &.active{ background: #D5BB92!important; } height: 6px; background:#E5E5E5!important; } } } .product__img{ overflow: hidden; } .header-list-item{ position: absolute; top: 27px; background: #fff; color: #989693; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); padding: 12px 12px; width: 250px; display: none; } .header-list-item li{ margin-bottom: 10px; } .header-list-item li a{ font-size: 11px; font-weight: 700; } .header-list-item li:last-child{ margin-bottom: 0; } .has-child .has-child-arrow{ transition: 0.6s ease all; } .has-child.active .has-child-arrow{ transform: rotate(180deg); transition: 0.6s ease all; } .product2 .product__content { margin-bottom: 20px; } .product__bg{ height: 420px; } .product__imgs{ display: none!important; } /** * Адаптивка * **/ @media only screen and(max-width: 1270px) { .container { width: 1200px; } .container-big { width: 1200px; } .video__block { width: 573px; margin-bottom: 37px; } .video h1 { margin-bottom: 60px; } .video__img { margin-bottom: 30px; } .video__block h2 { font-size: 28px; } .video__block p { font-size: 17px; } .video { margin-bottom: 40px; } .video__img { height: 310px; } .header__bottom-list li { margin-right: 40px; } .header__center-blocks { width: 390px; } .header__phone .head__tel { font-size: 15px; } .header__center-name { width: 269px; } .header__center { padding: 17px 0px; } .header__top-list { width: 829px; } .header__bottom-list { width: 887px; } .header_shadow { height: 204px; } .nav { margin-top: 25px; margin-bottom: 36px; } .partner p { font-size: 17px; } .partner h1 { font-size: 34px; margin-bottom: 30px; } .partner ul li { font-size: 17px; } .cooperation { padding-top: 55px; padding-bottom: 55px; } .cooperation__inputs input { width: 287px; font-size: 16px; &::placeholder { font-size: 16px; } } .cooperation__inputs { width: 908px; } .cooperation h2 { font-size: 27px; margin-bottom: 45px; } .btn-form { font-size: 16px; } .cooperation__info .btn-form { width: 206px; height: 50px; margin-bottom: 18px; } .technology__img { width: 504px; } .technology h1 { font-size: 32px; margin-bottom: 55px; } .technology__text h2 { font-size: 28px; } .technology__text p { font-size: 15px; } .technology { margin-bottom: 100px; } .footer__center-blocks { margin-right: 110px; width: 404px; } .footer__bottom .container { flex-wrap: wrap; } .footer__bottom a { font-size: 12px; &:last-child { margin-top: 15px; } } .footer__banks { flex-wrap: wrap; } .footer__center-list { width: 255px; } .footer__contact-link { flex-wrap: wrap; } .footer__center-contacts p { font-size: 17px; } .footer__center-contacts { width: 196px; } .footer__center-blocks { margin-right: 142px; } .payment h1 { font-size: 34px; } .payment__block h2 { font-size: 25px; } .payment__block p { font-size: 17px; } .payment { margin-bottom: 80px; } .favourites h1 { font-size: 34px; } .favourites__text h2 { font-size: 22px; } .favourites__text span { font-size: 16px; } .favourites__text p { font-size: 16px; } .favourites__block { margin-bottom: 25px; padding-bottom: 25px; } .favourites__btns .favourites__btn:last-child { font-size: 14px; } .favourites__btns .favourites__btn:first-child { font-size: 14px; } .favourites { margin-bottom: 80px; } .favourites__img { width: 160px; margin-right: 20px; height: 160px; } .favourites__info { width: 448px; } .favourites__text h2 { font-size: 20px; } .favourites__text p { font-size: 15px; } .favourites__text span { font-size: 15px; } .materials__block h2 { font-size: 21px; } .materials__block { padding: 23px 45px; } .materials { margin-bottom: 80px; } .materials__block { margin-bottom: 33px; } .documentation__block { margin-right: 38px; } .documentation__block p { font-size: 16px; } .documentation__block { width: 260px; } .documentation p { font-size: 17px; } .documentation { margin-bottom: 90px; } .stocks__block { padding: 61px 68px 55px 49px; } .stocks__info h2 { font-size: 27px; } .stocks__img { position: absolute; right: 92px; bottom: 0; width: 203px; } .stocks__block { margin-bottom: 53px; } .stocks__block:last-child .stocks__img { bottom: -32px; right: 71px; width: 540px; } .stocks__btn { font-size: 15px; } .stocks__info h2 { font-size: 24px; } .stocks__info h3 { margin-bottom: 13px; font-size: 22px; } .stocks { margin-bottom: 100px; } .stocks h1 { margin-bottom: 27px; font-size: 32px; } .client h1 { margin-bottom: 28px; font-size: 32px; } .client__logo { margin-right: 42px; } .client__text p { font-size: 17px; } .client__project h2 { font-size: 28px; margin-bottom: 30px; } .client__content h3 { font-size: 22px; } .client__block { margin-bottom: 30px; padding-bottom: 30px; } .client { margin-bottom: 80px; } .client__content p { font-size: 17px; } .client__logo { margin-right: 30px; } .client__text { width: 439px; } .corporative__block::after { right: 0px; } .corporative__block h3 { margin-bottom: 10px; font-size: 22px; } .corporative__block img { margin-bottom: 10px; } .corporative h1 { margin-bottom: 18px; font-size: 30px; } .corporative h2 { font-size: 25px; margin-bottom: 35px; } .clientele h2 { margin-bottom: 40px; } .clientele__block { width: 269px; height: 245px; margin-bottom: 23px; } .clientele { margin-bottom: 55px; } .contract__content { width: 849px; padding: 37px 50px; } .contract__block p { font-size: 17px; } .contract__phone { font-size: 22px !important; } .contract { margin-bottom: 70px; } .vacancy { margin-bottom: 80px; } .vacancy h1 { font-size: 32px; margin-bottom: 20px; } .vacancy p { font-size: 17px; margin-bottom: 15px; } .vacancy ul li { font-size: 17px; } .vacancy { margin-bottom: 60px; } .portfolio__block { width: 284px; } .portfolio__content { padding: 19px 20px 27px 20px; } .portfolio__img { height: 190px; } .portfolio h1 { font-size: 32px; } .portfolio__nav { width: 903px; } .portfolio__info { margin-bottom: 40px; } .portfolio__blocks { margin-bottom: 10px; } .portfolio__more { font-size: 16px; width: 250px; height: 53px; } .portfolio { margin-bottom: 100px; } .job h1 { margin-bottom: 40px; font-size: 32px; } .job__slide { height: 505px; margin-bottom: 40px; } .job__text p { font-size: 17px; } .job__text h2 { line-height: normal; } .job__img { width: 378px; height: 378px; margin-bottom: 30px; } .job__content-block { width: 378px; height: 378px; margin-bottom: 25px; } .job__content-video { width: 603px; height: 603px; } .job__content-video { width: 576px; height: 518px; } .job__play img { width: 47px; height: 55px; } .job__play { width: 112px; height: 112px; } .feedback__text { width: 912px; } .feedback__text p { font-size: 17px; line-height: 178.4%; } .feedback__info h2 { line-height: normal; margin-bottom: 27px; } .feedback__images h2 { line-height: normal; } .feedback__wr-content { width: 697px; } .feedback__video .job__play img { width: 50px; height: 58px; } .feedback { margin-bottom: 55px; } .viewed h2 { margin-bottom: 25px; font-size: 28px; } .job { margin-bottom: 71px; } .montage h1 { margin-bottom: 27px; font-size: 32px; } .montage h2 { font-size: 26px; margin-bottom: 33px; } .montage__block { margin-bottom: 17px; width: 286px; } .montage { margin-bottom: 80px; } .order h2 { margin-bottom: 30px; font-size: 28px; } .order__num { font-size: 80px; } .order__num::after { height: 97px; } .order__text { font-size: 17px; } .order { margin-bottom: 74px; } .application__info { margin-top: 45px; } .delivery h1 { font-size: 33px; margin-bottom: 18px; } .delivery .delivery__text { font-size: 17px; } .delivery h2 { font-size: 27px; margin-top: 25px; } .delivery { margin-bottom: 93px; } .requisites h1 { font-size: 31px; margin-bottom: 24px; } .requisites { margin-bottom: 77px; } .news__block { width: 375px; padding: 30px 15px 30px 25px; } .news__img { width: 90px; height: 90px; margin-right: 20px; } .news__info { margin-bottom: 15px; } .news__block { margin-bottom: 20px; } .news__more { margin-top: 20px; width: 249px; height: 64px; font-size: 14px; } .article__img { height: 502px; margin-bottom: 33px; } .article__text { font-size: 34px; width: 735px; } .article__info { margin-bottom: 21px; } .article__content p { font-size: 17px; margin-bottom: 30px; } .article__content { margin-bottom: 35px; } .article__estimation h2 { font-size: 26px; } .article__star { width: 34px; } .article__stars { margin-bottom: 15px; } .article { margin-bottom: 57px; } .contact__btns { font-size: 15px; } .contacts__content-block p { font-size: 16px; } .contacts__content-block a { font-size: 16px; } .contact__btns { margin-top: 30px; } .contacts__btn { font-size: 15px; } .scheme li { font-size: 17px; } .scheme { margin-bottom: 40px; } .contacts { margin-bottom: 49px; } .map { margin-bottom: 57px; } .connection { margin-bottom: 67px; } .connection__btn { width: 203px; height: 52px; font-size: 16px; } .connection h1 { font-size: 25px; } .connection__inputs input { font-size: 17px; &::placeholder { font-size: 17px; } } .connection .container { padding: 50px 68px 60px 48px; } .company h1 { margin-bottom: 42px; font-size: 31px; } .company__bg { width: 100%; height: 531px; margin-bottom: 36px; } .company__main-text p { margin-bottom: 18px; } .company__main-text { font-size: 16px; } .company { margin-bottom: 50px; } .our_partners h2 { margin-bottom: 30px; font-size: 26px; } .our_partners-block { width: 286px; height: 131px; margin-bottom: 21px; } .our_partners { margin-bottom: 52px; } .certificate h2 { font-size: 26px; margin-bottom: 31px; } .certificate__block { width: 281px; } .certificate { margin-bottom: 68px; } .managers h2 { margin-bottom: 44px; } .managers { margin-bottom: 98px; } .geography_works h2 { font-size: 28px; margin-bottom: 40px; } .geography_works-map { height: 581px; } .geography_works { margin-bottom: 100px; } .job h2 { margin-bottom: 36px; font-size: 28px; } .job__block { margin-bottom: 30px; } .job { margin-bottom: 51px; } .clientele h2 { font-size: 26px; margin-bottom: 30px; } .clientele__block { width: 285px; height: 239px; margin-bottom: 19px; } .clientele { margin-bottom: 40px; } .thanks h2 { margin-bottom: 40px; } .thanks__block { width: 383px; height: 450px; margin-bottom: 23px; } .thanks { margin-bottom: 25px; } .our_team h2 { margin-bottom: 44px; } .our_team-block { width: calc(50% - 10px); padding: 27px 27px 28px 36px; margin-bottom: 21px; } .our_team-content h3 { font-size: 16px; } .our_team-content p { font-size: 15px; margin-bottom: 10px; } .our_team-links a { margin-bottom: 6px; font-size: 14px; } .our_team-img { margin-right: 24px; } .our_team { margin-bottom: 38px; } .office h2 { margin-bottom: 28px; } .office__block-big { height: 452px; } .office__block-height { height: 452px; } .office { margin-bottom: 40px; } .product__img { width: 538px; margin-right: 56px; } .product__names { margin-bottom: 30px; } .product__nav { margin-bottom: 29px; } .product h1 { margin-bottom: 25px; font-size: 32px; } .product__names .product__name-head { font-size: 22px; } .product__text { font-size: 17px; } .product__bg { height: 540px; } .description h3 { line-height: normal; } .description h3 { line-height: normal; font-size: 27px; margin-bottom: 21px; } .description h4 { line-height: normal; font-size: 21px; } .description p { font-size: 16px; } .product { margin-bottom: 80px; } .goods { margin-bottom: 80px; } .production { margin-bottom: 80px; } .certificate h2 { font-size: 29px; margin-bottom: 31px; } .provider h2 { margin-bottom: 42px; } .provider { margin-bottom: 73px; } .purchase { margin-bottom: 58px; } .purchase__block { max-width: 230px; margin-bottom: 30px; } .purchase__name span { font-size: 57px; } .warranty { margin-bottom: 75px; } .response h2 { margin-bottom: 35px; } .response__blocks { margin-bottom: 51px; } .response__btn { font-size: 13px; } .response { margin-bottom: 59px; } .viewed2 { margin-bottom: 59px; } .provider__block .provider__block-head { font-size: 16px; margin-bottom: 19px; } .doors h1 { font-size: 37px; margin-bottom: 10px; } .doors__text { font-size: 19px; margin-bottom: 27px; } .doors__nav { padding: 11px 42px; } .doors__name h2 { font-size: 26px; } .doors__name a { font-size: 15px; } .doors { margin-bottom: 51px; } .parameters h2 { font-size: 25px; margin-bottom: 34px; } .parameters__info > span { font-size: 17px; } .parameters__info { margin-bottom: 38px; } .parameters__btn { font-size: 16px; width: 277px; height: 53px; } .parameters__btn { font-size: 14px; width: 251px; height: 50px; } .parameters__info { margin-bottom: 37px; } .parameters__blocks { margin-top: 60px; margin-bottom: 17px; } .parameters__more { font-size: 16px; width: 231px; height: 51px; } .parameters { margin-bottom: 56px; } .classification h2 { margin-bottom: 41px; } .classification__block { width: calc(50% - 11px); margin-bottom: 25px; } .classification__name { font-size: 21px; margin-bottom: 8px; } .classification__block a { font-size: 17px; } .classification { margin-bottom: 52px; } .experience { margin-bottom: 76px; } .job__product h2 { margin-bottom: 33px; } .job__product-img { margin-bottom: 17px; } .job__product-block p { font-size: 19px; } .job__product { margin-bottom: 78px; } .information .container { height: 365px; position: relative; } .information__text img { position: absolute; top: -49px; width: 131px; } .information { margin-bottom: 64px; } .provider h2 { margin-bottom: 31px; font-size: 27px; } .interest .container { padding-top: 58px; padding-bottom: 220px; position: relative; z-index: 3; } .interest .container h2 { margin-bottom: 38px; } .interest__block { width: 282px; position: relative; } .interest__text h3 { font-size: 16px; } .interest__text { background: #E0CDAE; padding: 20px 21px 31px 22px; } .share__img { right: 67px; bottom: -38px; width: 595px; } .share__text h2 { font-size: 24px; } .share__btn { font-size: 16px; width: 205px; height: 50px; } .share__btn img { margin-right: 11px; width: 20px; } .share { margin-bottom: 68px; } .job2 .job__content-video { width: 574px; height: 562px; } .job2 .feedback__content p { font-size: 16px; } .main .container { padding-top: 53px; padding-bottom: 264px; } .main .container h1 { font-size: 34px; margin-bottom: 39px; } .main .container p { width: 607px; margin-bottom: 100px; } .request .container { padding-top: 48px; padding-bottom: 59px; } .request__num .request__num-sum { font-size: 181px; } .request__num h3 span { font-size: 82px; } .request__info h2 { font-size: 25px; } .request { margin-bottom: 82px; } .successes__info-block span { font-size: 81px; font-size: 74px; } .successes__info-block p { font-size: 22px; width: 277px; } .successes__video { width: 609px; height: 370px; } .successes { margin-bottom: 125px; } .ware .container { padding: 73px 0px; padding-bottom: 37px; } .ware__vec { width: 949px; } .control__topimg { top: 84px; width: 171px; } .control__num { margin-bottom: 20px; } .control__info h2 { font-size: 28px; margin-bottom: 29px; } .control__info p { font-size: 15px; } .control__info { margin-bottom: 35px; } .control__block { padding: 35px 30px; height: 309px; } .control { margin-bottom: 76px; } .popular .container { position: relative; z-index: 5; padding-top: 72px; padding-bottom: 30px; } .challenge .container { padding-top: 80px; padding-bottom: 70px; } .challenge-item { width: 168px; position: absolute; top: 40px; left: 0; z-index: 5; } .challenge__btn { height: 63px; width: 275px; font-size: 15px; } .technological__menu { margin-bottom: 50px; } .technological__info h2 { font-size: 28px; margin-bottom: 25px; } .technological__info-name { margin-bottom: 20px; font-size: 81px; } .technological__info { margin-bottom: 46px; } .technological .container { padding-top: 50px; padding-bottom: 220px; } .techo__block .container { padding: 41px 61px 63px 63px; width: 1036px; } .techo__block { margin-bottom: 30px; } .requirements__title h2 { margin-top: 28px; } .requirements-item { top: 28px; width: 768px; } .requirements__title h2 { margin-top: 13px; } .requirements__block-content p { font-size: 21px; } .requirements__block-content { padding: 27px 77px 33px 41px; } .requirements__text { margin-bottom: 36px; } .requirements__img { width: 416px; height: 603px; } .competence__img { width: 871px; height: 430px; border-radius: 3px; } .competence__slider { padding: 30px 26px 34px 26px; } .competence__name { margin-bottom: 20px; span { font-size: 63px; } } .competence__item { width: 196px; } .deadlines .container { position: relative; z-index: 5; padding-top: 21px; padding-bottom: 120px; } .deadline-line { top: 47px; width: 830px; } .deadlines__num { margin-bottom: 28px; } .deadlines__info h2 { margin-bottom: 28px; } .deadlines__block .deadlines__block-head { font-size: 71px; margin-bottom: 10px; } .deadlines__info { margin-bottom: 33px; } .director-top-block .container { width: 1123px; padding: 37px 69px 39px 56px; background: #1359AC; } .director-top-img { position: absolute; right: 0px; bottom: -16px; } .director-top-text h2 { font-size: 23px; } .director__num { margin-bottom: 45px; } .directorimage { top: 143px; } .director-appeal { margin-left: 123px; margin-bottom: 30px; } .director-appeal { font-size: 25px; } .director-text-block { min-height: auto; padding: 44px 47px 38px 70px; width: 625px; } .director-text-block .director-text-head { font-size: 21px; } .askquestion { position: relative; padding: 47px 0px 72px 0px; } .askline { top: 0px; width: 882px; } .news-btn { width: 259px; height: 62px; } } @media only screen and(max-width: 1199px) { .md-show { display: block !important; } .md-hide { display: none !important; } .container { width: 768px; } .container-big { width: 768px } .header__center-blocks { display: none; } .header__top-list { width: 451px; flex-wrap: wrap; li { margin-right: 15px; margin-bottom: 7px; &:last-child { margin-right: 0; } } } .header__top-list { justify-content: flex-start; } .header__center-name { width: 227px; } .header__center-contact { width: 453px; } .header__bottom-list { width: 485px; flex-wrap: wrap; } .header__bottom-list li { margin-right: 20px; margin-bottom: 7px; } .header__search { width: 193px; } .header__like { margin-right: 19px; } .header_shadow { height: 222px; } .nav { margin-top: 27px; margin-bottom: 29px; } .video h1 { margin-bottom: 40px; font-size: 32px; } .video__block { width: calc(50% - 10px); margin-bottom: 24px; } .video__img { height: 230px; } .video__img { margin-bottom: 22px; } .video__block h2 { font-size: 23px; } .video__block p { font-size: 15px; } .video { margin-bottom: 30px; } .header__top-social { display: none; } .partner p { font-size: 16px; } .partner ul li { font-size: 16px; } .partner ul { padding-left: 33px; } .cooperation__content { flex-direction: column; } .cooperation__inputs { margin-bottom: 20px; } .cooperation__inputs { width: 100%; } .cooperation__inputs input { width: calc(33% - 10px); font-size: 15px; &::placeholder { font-size: 15px; } } .cooperation h2 { font-size: 23px; margin-bottom: 35px; } .cooperation__inputs { flex-wrap: wrap; } .cooperation__info { width: 100%; } .cooperation__info { display: flex; align-items: center; } .cooperation__info .btn-form { margin-right: 20px; margin-bottom: 0; } .btn-form { font-size: 14px; } .cooperation__info .btn-form { width: 192px; height: 46px; } .technology__block { flex-direction: column; align-items: flex-start; margin-bottom: 30px; } .nav { margin-bottom: 44px; } .technology__img { width: 504px; height: auto; margin-bottom: 20px; } .technology__text { width: 710px; } .technology__block:nth-child(2n) { flex-direction: column; align-items: flex-start; } .technology__text h2 { font-size: 26px; } .technology { margin-bottom: 80px; } .footer__top { padding-left: 0; flex-direction: column; } .footer__list { flex-wrap: wrap; width: 575px; display: flex; margin-right: 0; justify-content: space-between; } .footer__list li { margin-right: 0; } .footer__logo { margin-bottom: 20px; } .footer__top { padding-bottom: 30px; } .footer { padding-top: 30px; } .footer__center-blocks { margin-right: 36px; } .footer__center-list { width: 131px; } .footer__center-info { width: 265px; } .footer__center-info .footer__info-head { font-size: 15px; } .footer__btn-mail { height: 41px; } .footer__btn-sub { font-size: 12px; } .footer__center-btns { margin-bottom: 23px; } .footer__center-contacts p { font-size: 16px; } .footer__contact-link a { margin-right: 18px; } .footer__center-blocks { margin-right: 75px; width: 374px; } .footer__center-list .footer__center-head { font-size: 18px; margin-bottom: 18px; } .footer__center-blocks .footer__center-head { font-size: 18px; margin-bottom: 18px; } .footer__center-list ul a { font-size: 13px; } .footer__center-blocks a { font-size: 13px; } .footer__center-blocks { margin-right: 74px; width: 326px; } .footer__bank { width: calc(50% - 10px); margin-bottom: 6px; } .footer__banks { align-items: center; } .footer__center-btns { width: 165px; } .footer__center-info { width: 237px; } .footer__center-blocks { margin-right: 81px; width: 294px; } .footer__bottom { padding-top: 20px; padding-bottom: 20px; } .footer__bottom a:last-child { margin-top: 0; } .footer__bottom a { margin-bottom: 6px; } .footer__center-contacts a { font-size: 16px; } .payment h1 { font-size: 32px; margin-bottom: 20px; } .payment__block h2 { font-size: 23px; } .payment__block p { font-size: 16px; } .payment__bank { width: 423px; flex-wrap: wrap; } .payment { margin-bottom: 60px; } .favourites__sum p { font-size: 16px; margin-right: 28px; } .favourites__btns .favourites__btn:last-child { font-size: 12px; } .favourites__btns .favourites__btn:first-child { font-size: 12px; } .favourites { margin-bottom: 60px; } .materials h1 { font-size: 32px; margin-bottom: 19px; } .materials p { font-size: 16px; margin-bottom: 31px; } .materials__block { width: calc(50% - 10px); } .materials__block { margin-bottom: 25px; min-height: 414px; } .materials__block h2 { font-size: 19px; } .materials { margin-bottom: 60px; } .documentation h1 { margin-bottom: 25px; font-size: 32px; } .documentation p { font-size: 16px; margin-bottom: 30px; } .documentation__block { p { margin-bottom: 0; } } .documentation__block img { margin-bottom: 12px; width: 101px; } .documentation__block { width: 237px; margin-right: 25px; } .documentation p { font-size: 15px; } .documentation { margin-bottom: 60px; } .stocks__block { padding: 38px 34px 43px 28px; } .stocks__info { width: 386px; } .stocks__img { position: absolute; right: 23px; bottom: 0; width: 181px; } .stocks__info h2 { font-size: 21px; } .stocks__info { width: 461px; } .stocks__info h3 { margin-bottom: 9px; font-size: 18px; } .stocks__info p { font-size: 15px; } .stocks__block { min-height: 238px; } .stocks__block:last-child .stocks__img { bottom: -23px; right: -68px; width: 473px; } .stocks__btn { font-size: 14px; width: 191px; height: 52px; } .stocks__block { margin-bottom: 35px; } .stocks { margin-bottom: 80px; } .burger__social { display: flex; } .burger__social2 { display: flex; } .burger-menu { ul { margin-top: 20px; margin-bottom: 20px; li { margin-bottom: 8px; &:last-child { margin-bottom: 0; } } a { color: #000; text-align: right; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; .transition; &:hover { color: #1359AC; } } } } .burger__social { margin-bottom: 10px; } .burger__contact { display: flex; flex-direction: column; align-items: flex-start; .header__mail { margin-right: 0; font-size: 15px; margin-bottom: 15px; } .header__phone { margin-bottom: 15px; } .header__phone-text { position: relative; left: 0; } .burger-menu .header__like { margin-right: 0; margin-top: 15px; } } .burger-menu .header__center-contact { width: 100%; } .burger-menu .header__phone-text { font-size: 14px; } .burger-menu .burger__contact { margin-top: 15px; } .client h1 { margin-bottom: 22px; font-size: 29px; } .client__block { flex-direction: column; align-items: flex-start; } .client__project h2 { margin-bottom: 25px; } .client__img { width: 100%; margin-right: 0; margin-bottom: 30px; } .client__content { width: 100%; } .client__content h3 { font-size: 21px; margin-bottom: 15px; } .client__content p { font-size: 16px; } .client__block { margin-bottom: 25px; padding-bottom: 25px; } .client { margin-bottom: 60px; } .corporative__blocks { flex-wrap: wrap; } .corporative__block::after { display: none; } .corporative h1 { margin-bottom: 17px; font-size: 29px; } .corporative h2 { font-size: 22px; margin-bottom: 25px; } .corporative__block { width: 355px; position: relative; margin-bottom: 25px; } .corporative__block h3 { margin-bottom: 10px; font-size: 20px; } .corporative__block p { font-size: 16px; } .corporative { margin-bottom: 35px; } .clientele h2 { margin-bottom: 30px; font-size: 29px; } .clientele__block { width: 239px; height: 239px; } .clientele { margin-bottom: 28px; } .contract__block { padding: 21px; } .contract__content { width: 486px; padding: 22px 28px; } .contract__content { flex-direction: column; align-items: flex-start; } .contract__img { margin-right: 0; width: 130px; height: 130px; margin-bottom: 10px; } .contract__info h2 { font-size: 22px; } .contract__info p { font-size: 16px; margin-bottom: 14px; } .contract__contacts a { font-size: 16px; margin-right: 25px; } .contract__phone { font-size: 16px !important; } .contract__img { width: 110px; height: 110px; } .contract__block { width: 237px; } .contract { margin-bottom: 45px; } .vacancy h1 { font-size: 29px; margin-bottom: 15px; } .vacancy p { font-size: 17px; margin-bottom: 12px; } .vacancy { margin-bottom: 40px; } .portfolio__info { flex-direction: column; align-items: flex-start; } .portfolio__nav select { width: 183px; height: 39px; font-size: 14px; } .portfolio__block { width: 236px; } .portfolio__img { height: 161px; } .portfolio__content { padding: 15px 15px 20px 15px; } .portfolio__content h2 { font-size: 16px; } .portfolio__content p { margin-bottom: 15px; } .portfolio__btn { width: 100%; height: 39px; font-size: 15px; } .portfolio h1 { font-size: 30px; margin-bottom: 20px; } .portfolio__more { font-size: 14px; width: 240px; height: 47px; } .portfolio { margin-bottom: 60px; } .portfolio__more { font-size: 13px; width: 219px; height: 46px; } .job h1 { margin-bottom: 30px; font-size: 30px; } .job__slide { height: 438px; margin-bottom: 29px; } .job__text p { font-size: 16px; } .job__text { margin-bottom: 30px; width: 100%; } .job__img { width: 364px; height: 355px; margin-bottom: 18px; } .job__images { margin-bottom: 20px; } .job__content-block { width: calc(50% - 10px); height: 342px; margin-bottom: 22px; } .job__img { width: calc(50% - 10px); } .job__play { width: 94px; height: 94px; } .feedback__text { width: 467px; } .feedback__img { width: 122px; height: 122px; margin-right: 30px; } .feedback__text p { font-size: 16px; line-height: 161.4%; } .feedback__info { margin-bottom: 29px; } .feedback__wr { flex-direction: column; } .feedback__video { position: relative; width: 100%; border-radius: 5px; margin-right: 0; height: 320px; margin-bottom: 20px; } .feedback__video .job__play img { width: 40px; height: 46px; } .job__play { width: 89px; height: 89px; } .job__play img { left: 5px; } .feedback__wr-block { border-radius: 5px; width: calc(50% - 10px); height: 259px; } .feedback { margin-bottom: 35px; padding: 30px 30px 40px 30px; } .job { margin-bottom: 40px; } .montage h1 { margin-bottom: 19px; font-size: 32px; } .montage__block { margin-bottom: 14px; width: 239px; height: 266px; } .montage__border { width: 212px; height: 236px; } .montage__block p { padding: 9px 23px 29px 26px; font-size: 15px; } .montage h2 { font-size: 23px; margin-bottom: 25px; } .montage { margin-bottom: 60px; } .order h2 { margin-bottom: 25px; font-size: 28px; } .order__block { padding: 25px 29px; } .order__num { font-size: 58px; margin-right: 64px; } .order__text { font-size: 15px; } .order__block::after { left: 48px; } .order__num::after { height: 77px; } .order { margin-bottom: 60px; } .application__info span { margin-right: 74px; font-size: 29px; } .application__info p { width: 427px; } .application__info p::after { left: -26px; } .delivery h1 { font-size: 29px; margin-bottom: 18px; } .delivery .delivery__text { font-size: 16px; } .delivery h2 { font-size: 24px; margin-top: 22px; } .delivery__table-block p { font-size: 16px; } .delivery__table-block span { font-size: 16px; } .delivery__table { width: 578px; } .delivery__table-block { padding: 14px 33px; } .delivery ol { padding-left: 53px; margin-bottom: 14px; } .delivery__info { width: 300px; } .delivery__info p { font-size: 15px; } .delivery__sum { font-size: 15px; } .delivery__phone a { font-size: 17px; } .delivery__phone { margin-right: 26px; } .delivery { margin-bottom: 70px; } .requisites__table { width: 100%; } .requisites h1 { font-size: 29px; margin-bottom: 19px; } .requisites__stroke p { width: 370px; font-size: 14px; } .requisites__stroke span { width: 254px; font-size: 14px; } .requisites { margin-bottom: 60px; } .news h1 { font-size: 32px; margin-bottom: 27px; } .news__block { width: calc(50% - 10px); padding: 23px 15px 23px 25px; margin-bottom: 18px; } .news__name .news__name-head { font-size: 13px; } .news__img { width: 80px; height: 80px; margin-right: 15px; } .news__content p { font-size: 15px; margin-bottom: 13px; } .news__content a { font-size: 11px; } .news__more { margin-top: 12px; width: 223px; height: 57px; font-size: 13px; } .news { margin-bottom: 50px; } .article__img { height: 365px; margin-bottom: 25px; } .article__text { font-size: 24px; width: 541px; } .article__info { margin-bottom: 17px; } .article__content p { font-size: 14px; margin-bottom: 12px; } .article__content { margin-bottom: 18px; } .article__estimation h2 { font-size: 21px; margin-bottom: 9px; } .article__star { width: 29px; } .article__stars { margin-bottom: 10px; } .article { margin-bottom: 41px; } .article__sum { font-size: 16px; } .contacts h1 { font-size: 30px; } .contacts__content { flex-wrap: wrap; } .contacts__content-block { margin-right: 0; margin-bottom: 20px; width: calc(50% - 10px); } .contacts__content { justify-content: space-between; } .contacts__name { margin-bottom: 16px; } .contact__btns { margin-top: 20px; } .contacts { margin-bottom: 34px; } .scheme li { font-size: 16px; } .scheme { margin-bottom: 33px; } .contacts { margin-bottom: 22px; } .map iframe { width: 100%; height: 440px; } .connection__inputs { margin-bottom: 21px; width: 410px; input { width: 100%; } } .connection__img { right: -14px; } .connection__inputs input { font-size: 15px; margin-bottom: 20px; &::placeholder { font-size: 15px; } } .connection h1 { font-size: 24px; margin-bottom: 27px; } .connection { margin-bottom: 55px; } .company h1 { margin-bottom: 28px; font-size: 28px; } .company__bg { width: 100%; height: 463px; margin-bottom: 22px; } .company__main-text { font-size: 15px; } .company { margin-bottom: 37px; } .our_partners-block { width: 241px; height: 124px; margin-bottom: 15px; } .our_partners { margin-bottom: 42px; } .certificate h2 { font-size: 26px; margin-bottom: 26px; } .certificate { margin-bottom: 46px; } .managers__content blockquote { width: 412px; } .managers__img { width: 262px; height: 325px; } .managers__block { align-items: flex-start; } .managers__content { margin-left: 43px; } .managers__name h3 { font-size: 21px; } .managers__content blockquote { width: 464px; padding: 21px 20px 21px 31px; bottom: -23px; left: -71px; } .managers { margin-bottom: 73px; } .geography_works h2 { font-size: 26px; margin-bottom: 31px; } .geography_works-map { height: 517px; } .geography_works { margin-bottom: 64px; } .job h2 { margin-bottom: 31px; font-size: 27px; } .job__block { width: calc(50% - 10px); } .job__plays { width: 69px; } .job__block { margin-bottom: 24px; } .thanks h2 { margin-bottom: 34px; font-size: 29px; } .thanks__block { width: calc(50% - 10px); height: 431px; margin-bottom: 23px; } .our_team h2 { margin-bottom: 36px; font-size: 29px; } .our_team-block { flex-direction: column; align-items: flex-start; } .our_team-img { margin-right: 0; } .our_team-img { margin-bottom: 20px; } .our_team-content { width: 100%; } .office h2 { margin-bottom: 28px; font-size: 29px; } .office__content { display: flex; justify-content: space-between; flex-direction: column; } .office__block { width: 100%; } .office__blocks { width: 100%; } .office__block-big { height: 364px; } .office__block { margin-bottom: 20px; width: 100%; height: 321px; } .product__content { flex-direction: column; align-items: flex-start; } .product__img { width: 100%; margin-right: 0; } .product__bg { height: 418px; width: 100%; margin-bottom: 20px; } .product__info { width: 100%; } .product__img-block { width: 161px; height: auto; } .product__img { margin-bottom: 30px; } .product__names .product__name-head { font-size: 19px; } .product__text { width: 100%; } .product__blocks { width: 100%; } .product__sum { font-size: 24px; width: 113px; } .product h1 { margin-bottom: 17px; font-size: 30px; } .product__share { width: 100%; } .product__info { margin-bottom: 30px; } .description h3 { line-height: normal; font-size: 25px; margin-bottom: 19px; } .description h4 { margin-bottom: 10px; font-size: 19px; } .description p { font-size: 15px; } .description__content { margin-bottom: 18px; } .description__content p { margin-bottom: 17px; } .description__content ul li { font-size: 16px; } .description__content ul { padding-left: 22px; margin-bottom: 14px; } .product { margin-bottom: 45px; } .goods h2 { font-size: 25px; } .goods { margin-bottom: 51px; } .production .container { padding: 100px 0px 80px 0px; } .production-item { position: absolute; top: -38px; z-index: 3; width: 133px; } .production__content h2 { margin-bottom: 15px; font-size: 23px; } .production__content p { font-size: 15px; } .production__content { width: 606px; } .production__btn { width: 266px; height: 52px; font-size: 13px; } .production { margin-bottom: 65px; } .certificate__block { width: 177px; } .provider h2 { margin-bottom: 27px; font-size: 25px; } .provider__block img { margin-bottom: 10px; width: 81px; } .provider__block .provider__block-head { font-size: 16px; margin-bottom: 15px; } .provider__btn { height: 41px; font-size: 15px; } .provider { margin-bottom: 55px; } .purchase__name span { font-size: 45px; } .purchase__text a { font-size: 15px; } .purchase__text { font-size: 15px; } .purchase__name { width: 55px; } .purchase__arr { margin-right: 30px; } .purchase__block { max-width: 200px; margin-bottom: 27px; } .warranty__block { width: calc(50% - 10px); margin-bottom: 32px; } .warranty__block::after { display: none; } .warranty__block img { margin-bottom: 7px; width: 160px; } .warranty { margin-bottom: 39px; } .response__blocks { margin-bottom: 30px; padding-left: 0; } .response h2 { margin-bottom: 20px; font-size: 28px; } .feedback__block { padding: 16px 25px 27px 25px; } .feedback__img { width: 102px; height: 101px; margin-right: 19px; } .feedback__content .feedback__content-head { margin-bottom: 4px; font-size: 16px; } .feedback__content p { margin-bottom: 7px; } .response { margin-bottom: 44px; } .viewed2 { margin-bottom: 40px; } .viewed h2 { margin-bottom: 20px; font-size: 24px; } .response__btn { font-size: 13px; height: 48px; } .doors h1 { font-size: 31px; margin-bottom: 8px; } .doors__text { font-size: 17px; margin-bottom: 22px; } .doors__navs { display: flex; margin-bottom: 35px; flex-wrap: wrap; align-items: center; justify-content: center; } .doors__nav { padding: 10px 35px; font-size: 13px; } .doors__navs { margin-bottom: 27px; } .doors__name h2 { font-size: 20px; } .doors .container { padding-bottom: 48px; } .doors { margin-bottom: 40px; } .parameters h2 { font-size: 24px; margin-bottom: 27px; } .parameters__info { margin-bottom: 30px; } .parameters__content { margin-bottom: 33px; } .parameters__btn { font-size: 13px; width: 238px; height: 50px; } .parameters__blocks { margin-top: 41px; margin-bottom: 17px; } .goods__block { width: calc(50% - 10px); } .parameters__more { font-size: 14px; width: 217px; height: 47px; } .parameters { margin-bottom: 42px; } .classification h2 { margin-bottom: 27px; font-size: 27px; } .classification__block { margin-bottom: 25px; &:last-child { margin-bottom: 0; } } .classification__name { font-size: 17px; margin-bottom: 5px; } .classification__block a { font-size: 15px; } .classification { margin-bottom: 21px; } .experience h2 { font-size: 23px; } .experience P { width: 100%; } .experience { margin-bottom: 34px; } .job__product h2 { margin-bottom: 29px; font-size: 24px; } .job__product-block { width: calc(50% - 10px); } .job__product-img { margin-bottom: 15px; height: 258px; } .job__product-block p { font-size: 17px; } .job__product { margin-bottom: 42px; } .information__text p { font-size: 15px; margin-bottom: 16px; } .information__text img { position: absolute; top: -35px; width: 99px; } .information .container { height: 330px; } .information__text { top: 91px; } .information { margin-bottom: 45px; } .provider__block { width: 240px; margin-bottom: 20px; } .provider { margin-bottom: 43px; } .interest .container h2 { margin-bottom: 30px; font-size: 27px; } .interest__block { width: calc(50% - 10px); position: relative; margin-bottom: 20px; } .interest .container { padding-top: 51px; padding-bottom: 173px; position: relative; z-index: 3; } .share .container { background: #1359AC; padding-top: 37px; padding-bottom: 36px; padding-left: 29px; padding-right: 31px; } .share__img { right: -91px; bottom: -38px; width: 491px; } .share__text { width: 363px; } .share__text h2 { font-size: 21px; } .share__btn { font-size: 14px; width: 196px; height: 47px; } .share { margin-bottom: 47px; } .deadlines__blocks { align-items: center; justify-content: space-between; } .ask-block { padding: 10px 14px 15px 6px; } .ask-block .ask-block-head { font-size: 15px; } .ask-block.active h3 { font-size: 15px; } .ask-text { padding: 10px 16px 22px 19px; } .ask-block .arrow { right: -9px; bottom: 0px; width: 50px; height: 50px; } .director-text-block { margin: 0 0 0 auto; padding: 50px 50px 50px 50px; width: 600px; } .director-appeal { margin: 0 0 59px auto; } .directorimage { width: 350px; height: 450px; top: 220px; } .director-appeal { font-size: 25px; } .director-top-img { display: none; } .director-top-text h2 { font-size: 22px; } .askquestion .container { width: 768px; } .ask-block .arrow { right: 2px; bottom: 5px; width: 40px; height: 40px; } .ask-block .arrow svg { width: 16px; } .ask-block { padding: 15px 15px 15px 15px; } .news-block { width: calc(50% - 10px); } .director-appeal { width: 407px; font-size: 27px; } .directorline { height: 138px; object-fit: cover; } .director__num span { top: -20px; } .deadline-line { top: 200px; } .deadlines .container { padding-top: 60px; padding-bottom: 60px; } .deadline-line { top: 83px; } .askline { height: 127px; object-fit: cover; } .askquestion { padding: 60px 0px; } .directorimage { width: 43%; } .modal-fio input { width: calc(50% - 10px); } .score-modal { font-size: 26px; } .product-name { font-size: 22px; } .modal-fio input { font-size: 15px; } .modal3 { padding: 40px 25px 40px 25px; } .modal-textarea { font-size: 15px; } .modal-textarea::placeholder { font-size: 15px; } .doors__navs { justify-content: flex-start; } .interest__block-item { display: none; } .job2 .feedback__img { width: 126px; height: 126px; } .job2 .job__content-video { width: calc(50% - 10px); height: 342px; } .job2 { .job__text p { font-size: 15px; } .job h2 { margin-bottom: 21px; font-size: 25px; } } .product2 { .product__content { margin-bottom: 0; } } .product2 .description p { font-size: 16px; font-weight: 300; } .director-top-img img { width: auto; } .main .container { flex-direction: column; display: flex; align-items: flex-start; } .main .container h1 { font-size: 29px; margin-bottom: 19px; } .main .container p { width: 607px; margin-bottom: 67px; } .main__info { padding-left: 53px; } .main__lines .main-line:nth-child(3) { width: 68px; height: 68px; } .main__lines .main-line:nth-child(2) { width: 107px; height: 107px; } .main__lines .main-line:nth-child(1) { width: 138px; height: 138px; } .main .container { padding-top: 53px; padding-bottom: 266px; } .request .container { padding-top: 34px; padding-bottom: 48px; padding-left: 23px; padding-right: 33px; } .request__info h2 { font-size: 22px; } .request-text { font-size: 18px; } .request__content { width: 500px; } .request__btn { width: 203px; height: 50px; } .request__num .request__num-sum { font-size: 137px; } .request__num p { font-size: 19px; } .request__num .request__num-sum span { font-size: 62px; } .request__num { right: 27px; bottom: 40px; } .request__num-item { width: 143px; height: 143px; bottom: 14px; } .request { margin-bottom: 40px; } .successes__wr { flex-direction: column; } .successes__info { width: 100%; margin-bottom: 40px; } .successes__info-block span { font-size: 59px; position: relative; top: 11px; margin-right: 26px; } .successes__info-block p { font-size: 21px; width: 446px; } .request { margin-bottom: 12px; } .successes__video { width: 100%; } .successes { margin-bottom: 45px; } .guest__num { display: none; } .guest__info h2 { width: 420px; font-size: 27px; } .guest__info { margin-bottom: 28px; } .guest__blocks { flex-wrap: wrap; align-items: flex-start; } .guest__block:nth-child(2) { flex-direction: column; } .guest__block { width: calc(50% - 10px); margin-bottom: 20px; &:last-child { margin-bottom: 0; } } .guest__img { width: 100%; } .guest__block:nth-child(2) .guest__img { margin-bottom: 22px; } .guest__block-name { padding-left: 20px; } .guest__block-name .guest__block-headers { font-size: 17px; } .guest__block { margin-bottom: 0; } .guest { margin-bottom: 61px; } .ware h2 { margin-bottom: 41px; } .ware__vec { width: 949px; top: 51px; } .ware__block { width: calc(50% - 10px); height: 312px; margin-bottom: 24px; } .ware .container { padding: 67px 10px; padding-bottom: 37px; } .ware__img { height: 100%; } .control__num span { font-size: 83px; } .control .container { padding-top: 21px; } .control__topimg { top: 40px; width: 171px; } .control__info h2 { font-size: 24px; margin-bottom: 22px; width: 497px; } .control__info { margin-bottom: 9px; } .control__blocks { flex-wrap: wrap; } .control__block { padding: 16px 17px; width: 243px; height: 301px; } .control-l span { font-size: 61px; } .control-l img { top: 46px; } .control__block-info .control__block-head { font-size: 12px; } .control { margin-bottom: 52px; } .requirements__title-num span { font-size: 82px; } .requirements__title h2 { margin-top: 1px; } .requirements__title h2 { font-size: 26px; } .requirements__wr { flex-direction: column; } .requirements__img { width: 416px; height: 525px; } .requirements__title { margin-bottom: 122px; } .requirements__img img { top: 0; } .requirements__title { margin-bottom: 39px; } .requirements__img { width: 357px; height: 478px; margin-bottom: 25px; } .requirements__name .requirements__name-head { font-size: 21px; } .requirements__content-name { margin-bottom: 18px; } .requirements__text p { font-size: 15px; } .requirements__text { margin-bottom: 25px; } .requirements__block-content { padding: 21px 38px 27px 27px; } .requirements__block-img { position: absolute; width: 162px; right: -53px; } .requirements { position: relative; margin-bottom: 63px; } .popular__kv1 { top: -13px; left: -8px; } .popular__kv2 { bottom: -12px; right: -14px; } .popular__block { margin-bottom: 59px; margin-right: 6px; } .challenge__btn { height: 55px; width: 260px; font-size: 14px; } .challenge-item { width: 145px; top: 50px; } .challenge h2 { font-size: 27px; } .challenge__text p { font-size: 15px; } .technological__menu { margin-bottom: 12px; .technological__info-name { margin-bottom: 10px; font-size: 66px; } } .technological__info h2 { font-size: 25px; margin-bottom: 16px; } .technological__text p { font-size: 15px; } .technological__info { margin-bottom: 29px; } .technological__blocks { flex-wrap: wrap; } .technological__block { width: calc(50% - 10px); margin-bottom: 20px; } .technological .container { padding-bottom: 184px; } .technological__block-content { width: 195px; } .techo__block .container { padding: 33px 34px 37px 27px; width: 725px; } .techo__block-content { width: 535px; } .techo__block-content h2 { font-size: 21px; } .techo__block { margin-top: -105px; } .technological .container { padding-bottom: 131px; } .modal5 { padding: 24px 68px 24px 63px; } .fast-view::before { right: -68px; } .parameters__info > span{ width: 100%; margin-bottom: 10px; display: block; text-align: left; } .parameters__info{ display: block; } .parameters-select .parameters-list{ width: 100%; padding: 20px; font-size: 14px; } } @media only screen and(max-width: 767px) { .xs-show { display: block !important; } .viewed__block{ width: 100%; } .xs-hide { display: none !important; } .product-slider .owl-next, .response__blocks .owl-next, .viewed__blocks .owl-next, .goods__blocks .owl-next,.product-slider .owl-prev, .response__blocks .owl-prev, .viewed__blocks .owl-prev, .goods__blocks .owl-prev{ width: 20px; } .row { margin-left: -10px; margin-right: -10px; } [class*="col-"] { padding-left: 10px; padding-right: 10px; } .container { width: 375px; } .container-big { width: 375px; } .header__mail { display: none; } .header__top-list { display: none; } .header__top-social { display: none; } .header__socials { display: none; } .header__center { display: none; } .header__bottom-list { display: none; } .header__bottom-line { display: none; } .header_shadow { height: 115px; } .header-m__logo { width: 190px; } .header__search { width: 100%; } .nav { margin-top: 9px; margin-bottom: 25px; } .nav a { font-size: 15px; } .video__block { width: 100%; margin-bottom: 24px; } .video h1 { margin-bottom: 29px; font-size: 29px; } .video__img { height: 189px; } .video__block h2 { font-size: 20px; } .video__block p { font-size: 14px; } .video__block h2 { margin-bottom: 11px; } .video__block:last-child { margin-bottom: 0; } .partner h1 { font-size: 29px; margin-bottom: 25px; } .partner p { font-size: 15px; } .partner ul li { font-size: 15px; } .partner ul { padding-left: 14px; } .cooperation { padding-top: 45px; padding-bottom: 45px; } .cooperation h2 { font-size: 20px; margin-bottom: 30px; } .cooperation__inputs { flex-direction: column; } .cooperation__inputs input { width: 100%; font-size: 15px; margin-bottom: 20px; &:last-child { margin-bottom: 0; } } .cooperation__info { flex-direction: column; } .cooperation__info .btn-form { width: 100%; height: 44px; font-size: 13px; margin-right: 0; margin-bottom: 15px; } .cooperation { padding-top: 38px; padding-bottom: 38px; } .technology h1 { font-size: 25px; margin-bottom: 30px; } .technology__img { width: 100%; } .technology__text { width: 100%; } .technology__text h2 { font-size: 23px; } .technology__text p { font-size: 14px; } .technology { margin-bottom: 60px; } .footer__list { width: 100%; flex-direction: column; } .footer__top-info { flex-direction: column; align-items: flex-start; } .footer__list { align-items: flex-start; } .footer__top { align-items: flex-start; } .footer__list a { font-size: 15px; } .footer__list li { margin-bottom: 10px; &:last-child { margin-bottom: 0; } } .footer__tel { margin-top: 15px; font-size: 16px; } .footer__center { flex-direction: column; } .footer__center-blocks { flex-direction: column; width: 100%; margin-right: 0; } .footer__center-block { margin-bottom: 30px; } .footer__center { padding-top: 26px; } .footer__center-list { width: 100%; margin-right: 0; } .footer__center-contents { margin-bottom: 20px; } .footer__bank { width: 22%; margin-right: 15px; &:last-child { margin-right: 0; } } .footer__banks { justify-content: flex-start; } .footer__center-info { width: 100%; align-items: flex-start; } .footer__center-contacts { width: 100%; } .footer__center-contact { align-items: flex-start; } .footer__center-info { margin-top: 30px; } .footer__center-btns { width: 100%; } .footer__center { padding-bottom: 25px; } .payment__block p { font-size: 15px; } .payment__block { margin-bottom: 25px; } .payment__banks { flex-direction: column; align-items: flex-start; } .payment__info { ul { margin-bottom: 15px; } } .payment__info li { font-size: 17px; } .payment__bank a { margin-right: 0; margin-bottom: 15px; } .payment__bank { width: 100%; justify-content: space-between; } .payment { margin-bottom: 40px; } .payment__score { font-size: 14px; } .favourites__block { flex-direction: column; align-items: flex-start; } .favourites__img { width: 134px; margin-right: 16px; height: 134px; } .favourites__text h2 { font-size: 17px; } .favourites__text span { font-size: 13px; } .favourites__text p { font-size: 13px; } .favourites__info { margin-bottom: 20px; } .favourites__sum p { font-size: 15px; margin-right: 25px; } .favourites__block { margin-bottom: 18px; padding-bottom: 17px; } .favourites h1 { font-size: 29px; } .favourites__btns { flex-direction: column; align-items: flex-start; } .favourites__btn { margin-right: 0; width: 100% !important; } .favourites__btns .favourites__btn:first-child { margin-bottom: 15px; } .favourites { margin-bottom: 40px; } .materials p { font-size: 15px; margin-bottom: 27px; } .materials__block { width: 100%; &:last-child { margin-bottom: 0; } } .documentation h1 { margin-bottom: 18px; font-size: 28px; } .documentation p { font-size: 14px; margin-bottom: 22px; } .documentation__blocks { flex-direction: column; } .documentation__block { width: 100%; margin-right: 0; margin-bottom: 20px; &:last-child { margin-bottom: 0; } p { margin-bottom: 0; } } .documentation__block img { margin-bottom: 12px; width: 85px; } .documentation { margin-bottom: 40px; } .stocks__img { position: static; } .stocks__block { display: flex; flex-direction: column; } .stocks__block { padding: 28px 31px 0px 24px; } .stocks__info h2 { font-size: 18px; } .stocks__info ul { padding-left: 9px; } .stocks__info li { font-size: 14px; } .stocks__img { margin: 0 auto; } .stocks__info { margin-bottom: 15px; } .stocks__block:last-child .stocks__img { bottom: -11px; right: auto; position: relative; width: auto; } .stocks__btn { font-size: 14px; width: 181px; height: 48px; } .stocks__info h2 { margin-bottom: 10px; } .stocks { margin-bottom: 60px; } .header__mail { display: flex; } .header__search { padding-bottom: 10px; border-bottom: 1px solid #E5E5E5; } .footer__center-info .footer__info-head { text-align: left; } .client__info { flex-direction: column; width: 100%; align-items: flex-start; } .client__logo { margin-right: 0; width: 100%; margin-bottom: 15px; } .client__text p { font-size: 16px; } .client h1 { margin-bottom: 19px; font-size: 26px; } .client__info { margin-bottom: 30px; } .client__project h2 { margin-bottom: 20px; font-size: 23px; } .client__img { margin-bottom: 23px; height: 208px; } .client__content span { margin-bottom: 10px; font-size: 13px; } .client__content h3 { font-size: 19px; margin-bottom: 12px; } .client__content p { font-size: 15px; } .client__block { margin-bottom: 20px; padding-bottom: 20px; } .client { margin-bottom: 40px; } .client__text p { font-size: 15px; } .corporative h1 { margin-bottom: 13px; font-size: 26px; } .corporative h2 { font-size: 19px; margin-bottom: 20px; } .corporative__block { width: 100%; position: relative; margin-bottom: 20px; &:last-child { margin-bottom: 0; } } .clientele h2 { margin-bottom: 20px; font-size: 25px; } .clientele__block { width: 100%; height: 196px; &:last-child { margin-bottom: 0; } } .contract .container { flex-direction: column; } .contract__block { width: 100%; margin-bottom: 20px; img { width: 86px; } } .contract__block p { font-size: 16px; } .contract__img { width: 93px; height: 93px; } .contract__info h2 { font-size: 20px; } .contract__info p { font-size: 15px; margin-bottom: 14px; } .contract__contacts { flex-direction: column; align-items: flex-start; } .contract__contacts a { margin-right: 0; margin-bottom: 15px; &:last-child { margin-bottom: 0; } } .contract { margin-bottom: 35px; } .clientele { margin-bottom: 15px; } .vacancy h1 { font-size: 25px; margin-bottom: 12px; } .vacancy p { font-size: 15px; margin-bottom: 12px; } .vacancy ul li { font-size: 16px; } .vacancy ul { padding-left: 20px; margin-bottom: 16px; } .vacancy p a { font-size: 15px; } .portfolio__nav { width: 100%; flex-direction: column; align-items: flex-start; } .portfolio__nav select { width: 100%; height: 39px; font-size: 14px; margin-bottom: 10px; &:last-child { margin-bottom: 0; } } .portfolio h1 { font-size: 27px; margin-bottom: 16px; } .portfolio__info { margin-bottom: 25px; } .portfolio__block { width: 100%; } .portfolio__content { padding: 15px 25px 20px 25px; } .portfolio__content p { font-size: 15px; } .portfolio__content h2 { font-size: 18px; } .job h1 { margin-bottom: 25px; font-size: 26px; } .job__slide { height: 290px; margin-bottom: 18px; } .job__text h2 { font-size: 22px; margin-bottom: 10px; } .job__text p { font-size: 14px; line-height: 181.4%; } .job__images { flex-direction: column; } .job__img { width: 100%; height: 294px; margin-bottom: 18px; } .job__images { margin-bottom: 0; } .job__text { margin-bottom: 24px; } .job__content { flex-direction: column; } .job__content-block { width: 100%; height: 284px; margin-bottom: 22px; &:last-child { margin-bottom: 0; } } .job__play img { width: 38px; height: 41px; } .job__play { width: 80px; height: 80px; } .feedback { margin-bottom: 25px; padding: 23px 20px 30px 20px; } .feedback__content { flex-direction: column; } .feedback__img { width: 108px; height: 108px; margin-right: 0; margin-bottom: 20px; } .feedback__info h2 { margin-bottom: 20px; } .feedback__text p { font-size: 15px; line-height: 156.4%; } .feedback__wr-content { flex-direction: column; } .feedback__wr-block { border-radius: 5px; width: 100%; height: 259px; margin-bottom: 15px; } .feedback__wr-block:first-child { margin-bottom: 15px; } .feedback__video { border-radius: 5px; height: 308px; margin-bottom: 15px; } .feedback__video .job__play img { width: 32px; height: 38px; } .job__play { width: 75px; height: 75px; } .feedback__wr-block:first-child { width: 100%; height: 308px; } .feedback__wr-block { height: 308px; &:last-child { margin-bottom: 0; } } .viewed h2 { margin-bottom: 20px; font-size: 25px; } .montage h1 { margin-bottom: 12px; font-size: 28px; } .montage h2 { font-size: 21px; margin-bottom: 23px; } .montage__block { margin-bottom: 14px; width: 100%; height: 220px; } .montage__border { width: 94%; height: 198px; } .montage__block:last-child { margin-bottom: 0; } .montage { margin-bottom: 35px; } .order h2 { margin-bottom: 20px; font-size: 26px; } .order__block { flex-direction: column; align-items: flex-start; } .order__num::after { display: none; } .order__num { font-size: 52px; margin-right: 0; margin-bottom: 10px; } .order__block::after { .xpos_ab; } .order { margin-bottom: 50px; } .application__info { flex-direction: column; align-items: flex-start; } .application__info p::after { display: none; } .application__info { margin-top: 33px; } .application__info span { margin-right: 0; font-size: 26px; margin-bottom: 12px; } .application__info p { width: 100%; } .delivery h1 { font-size: 26px; margin-bottom: 18px; } .delivery .delivery__text { font-size: 15px; } .delivery h2 { font-size: 21px; margin-top: 17px; } .delivery__table-block { padding: 12px 14px; } .delivery__table-block p { font-size: 13px; } .delivery__table-block span { font-size: 13px; } .delivery ol { padding-left: 23px; margin-bottom: 9px; } .delivery__content { flex-direction: column; align-items: flex-start; } .delivery__info { width: 100%; margin-bottom: 20px; } .delivery__banks { flex-wrap: wrap; } .delivery__phones { flex-direction: column; align-items: flex-start; } .delivery__phone { margin-right: 0; align-items: flex-start; width: auto; margin-bottom: 15px; &:last-child { margin-bottom: 0; } } .delivery { margin-bottom: 40px; } .requisites h1 { font-size: 26px; margin-bottom: 17px; } .requisites__stroke p { width: 218px; font-size: 13px; } .requisites__stroke span { width: 193px; font-size: 13px; } .requisites { margin-bottom: 40px; } .news h1 { font-size: 28px; margin-bottom: 19px; } .news__block { width: 100%; padding: 23px 15px 23px 25px; margin-bottom: 18px; &:last-child { margin-bottom: 0; } } .news__more { margin-top: 24px; width: 212px; height: 53px; font-size: 12px; } .news { margin-bottom: 35px; } .article__img { height: 292px; margin-bottom: 21px; } .article__info { flex-direction: column; align-items: flex-start; } .article__text { font-size: 21px; width: 100%; margin-bottom: 15px; } .article__btn { font-size: 15px; } .article__estimation h2 { font-size: 19px; margin-bottom: 6px; } .article__star { width: 25px; } .contacts__content { flex-direction: column; } .contacts__content-block { margin-right: 0; margin-bottom: 20px; width: 100%; } .contacts h1 { font-size: 26px; margin-bottom: 22px; } .contacts__content-block p { font-size: 16px; margin-bottom: 22px; } .contact__btns { font-size: 14px; } .contacts__social { margin-right: 11px; } .contacts__soc { cursor: pointer; width: 34px; } .contacts__content-block:last-child { margin-bottom: 0; } .contacts { margin-bottom: 30px; } .scheme h2 { margin-bottom: 17px; font-size: 22px; } .scheme li { font-size: 14px; } .scheme__wr ul { padding-left: 19px; } .map iframe { width: 100%; height: 383px; } .map { margin-bottom: 45px; } .connection__img img { display: none; } .connection .container { padding: 34px 25px 38px 26px; } .connection__btn { width: 100%; height: 46px; font-size: 14px; } .connection h1 { font-size: 20px; margin-bottom: 24px; } .connection { margin-bottom: 29px; } .company h1 { margin-bottom: 22px; font-size: 24px; } .company__bg { width: 100%; height: 350px; margin-bottom: 17px; } .company__main-text { font-size: 14px; } .company { margin-bottom: 27px; } .our_partners h2 { margin-bottom: 21px; font-size: 27px; } .our_partners-block { width: calc(50% - 6px); height: 111px; margin-bottom: 11px; } .our_partners h2 { margin-bottom: 19px; font-size: 23px; } .our_partners { margin-bottom: 26px; } .certificate h2 { font-size: 24px; margin-bottom: 21px; } .managers h2 { margin-bottom: 30px; font-size: 23px; } .managers__block { align-items: flex-start; flex-direction: column; } .managers__content { margin-left: 0; } .managers__content blockquote { position: static; width: 100%; padding: 19px 20px 19px 22px; } .managers__content blockquote img { margin-bottom: 17px; } .managers__content blockquote { font-size: 14px; } .managers__name h3 { font-size: 18px; } .managers__name span { font-size: 14px; } .managers__name { margin-bottom: 20px; } .managers__img { margin-bottom: 20px; } .managers__block { display: flex; margin-bottom: 30px; } .managers { margin-bottom: 34px; } .geography_works h2 { font-size: 22px; margin-bottom: 20px; } .geography_works-map { height: 451px; } .geography_works { margin-bottom: 33px; } .job h2 { margin-bottom: 25px; font-size: 24px; } .job__block { width: 100%; &:last-child { margin-bottom: 0; } } .job__name { font-size: 15px; } .job { margin-bottom: 21px; } .clientele__block { width: 100%; height: 164px; } .thanks h2 { margin-bottom: 21px; font-size: 26px; } .thanks__blocks { flex-direction: column; } .thanks__block { width: 100%; height: 397px; margin-bottom: 23px; } .thanks { margin-bottom: 15px; } .our_team h2 { margin-bottom: 22px; font-size: 24px; } .our_team-block { width: 100%; padding: 22px 22px 22px 24px; margin-bottom: 21px; } .our_team { margin-bottom: 16px; } .office h2 { margin-bottom: 19px; font-size: 26px; } .office { margin-bottom: 20px; } .product h1 { margin-bottom: 17px; font-size: 24px; } .product__bg { height: 283px; width: 100%; margin-bottom: 13px; } .product__img-block { width: 84px; height: auto; } .like { width: 46px; height: 46px; top: 12px; right: 16px; } .product__names { margin-bottom: 21px; flex-wrap: wrap; } .product-link { margin-top: 15px; } .product-link img { margin-right: 6px; width: 28px; } .product__sum { font-size: 24px; width: 107px; height: 40px; margin-right: 16px; } .product__btn { font-size: 15px; width: 182px; height: 46px; } .product__nav { margin-bottom: 16px; } .product__text { font-size: 15px; margin-bottom: 19px; } .product__prew .product__prew-head { font-size: 21px; } .product__block p { font-size: 14px; } .product__block span { font-size: 14px; } .product__prew { margin-bottom: 18px; } .product__share-link { font-size: 15px; } .description h3 { line-height: normal; font-size: 22px; margin-bottom: 14px; } .description h4 { margin-bottom: 10px; font-size: 18px; } .description p { font-size: 14px; } .description__content p { margin-bottom: 13px; } .description__content ul li { font-size: 15px; } .product { margin-bottom: 26px; } .goods h2 { font-size: 23px; margin-bottom: 25px; } .goods__img { height: 172px; } .goods { margin-bottom: 33px; } .production .container { padding: 49px 0px 48px 0px; } .production-item { position: absolute; top: -26px; z-index: 3; width: 79px; } .production__content h2 { margin-bottom: 9px; font-size: 20px; } .production__content p { font-size: 13px; margin-bottom: 22px; } .production__btn { width: 244px; height: 45px; font-size: 12px; } .production { margin-bottom: 32px; } .certificate h2 { font-size: 22px; margin-bottom: 17px; } .certificate__block { width: calc(50% - 8px); margin-bottom: 15px; } .production__content { width: 335px; } .provider h2 { margin-bottom: 23px; font-size: 22px; } .provider__block { width: 100%; margin-bottom: 23px; &:last-child { margin-bottom: 0; } } .provider__block img { width: 75px; } .provider { margin-bottom: 47px; } .goods__block { width: 100%; } .purchase h2 { margin-bottom: 28px; font-size: 26px; } .purchase__block { max-width: auto; margin-bottom: 27px; } .purchase__arr { display: none; } .purchase__block { max-width: initial; &:last-child { margin-bottom: 0; } } .purchase { margin-bottom: 42px; } .warranty h2 { font-size: 26px; margin-bottom: 28px; } .warranty__blocks { flex-direction: column; } .warranty__block { width: 100%; margin-bottom: 26px; &:last-child { margin-bottom: 0; } } .warranty__block img { margin-bottom: 7px; width: 120px; } .response h2 { margin-bottom: 17px; font-size: 25px; } .feedback__content { width: 187px; } .feedback__img { width: 88px; height: 88px; margin-right: 24px; margin-bottom: 0; } .feedback__info { margin-bottom: 19px; } .feedback__text { width: 100%; font-size: 13px; } .response__blocks { margin-bottom: 23px; padding-left: 0; } .response__btn { font-size: 12px; height: 46px; width: 276px; } .viewed h2 { margin-bottom: 18px; font-size: 23px; } .viewed2 { margin-bottom: 32px; } .doors h1 { font-size: 28px; margin-bottom: 8px; } .doors__text { font-size: 15px; margin-bottom: 22px; } .doors__navs { margin-bottom: 21px; } .doors__name h2 { font-size: 19px; } .doors { margin-bottom: 24px; } .parameters__info > span { margin-right: 16px; font-size: 15px; } .parameters__info { margin-bottom: 24px; } .parameters__btn { font-size: 12px; width: 100%; height: 45px; } .parameters__more { width: 100%; } .goods__block { &:last-child { margin-bottom: 0; } } .goods__block-head{ color: #333; text-align: center; font-family: "Montserrat"; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; } .parameters__blocks { margin-top: 41px; margin-bottom: 27px; } .parameters { margin-bottom: 27px; } .classification h2 { margin-bottom: 27px; font-size: 23px; } .classification__content { flex-direction: column; } .classification__block { width: 100%; } .classification__name { font-size: 16px; margin-bottom: 5px; } .classification__block a { font-size: 14px; } .experience h2 { font-size: 21px; } .job__product h2 { margin-bottom: 23px; font-size: 22px; } .job__product-blocks { flex-direction: column; } .job__product-block { width: 100%; margin-bottom: 20px; &:last-child { margin-bottom: 0; } } .job__product-img { margin-bottom: 12px; height: 227px; } .job__product-block p { font-size: 16px; } .job__product { margin-bottom: 33px; } .information__block { position: relative; width: 100%; top: auto; bottom: auto; left: auto !important; right: auto !important; } .information__text { top: 77px; } .information__block:nth-child(1) .information__text { right: auto; left: 22px; } .information__text { width: 325px; } .information .container { height: auto; } .information__block { height: 317px; margin-bottom: 20px; &:last-child { margin-bottom: 0; } } .interest .container { padding-top: 32px; padding-bottom: 145px; position: relative; z-index: 3; } .interest .container h2 { margin-bottom: 21px; font-size: 25px; } .interest__blocks { flex-direction: column; } .interest__block { width: 100%; position: relative; margin-bottom: 20px; } .interest__block-item { display: none; } .interest__text h3 { font-size: 18px; } .interest__img { height: 244px; } .share__img { display: none; } .share__btn { font-size: 14px; width: 100%; height: 47px; } .share__text h2 { font-size: 18px; } .share { margin-bottom: 27px; } .news-image-text { flex-direction: column; } .news-image-text img { margin-bottom: 10px; } .askquestion .container { width: 375px; } .deadlines__blocks { justify-content: center; } .director-top-block .container { padding: 10px; } .director .container { width: 375px; } .directorimage { position: static; } .director-appeal { margin-left: 0; font-size: 26px; text-align: center; } .director-text-block { padding: 25px; } .director-text-main::before { left: -21px; top: -23px; } .director-text-main { font-size: 14px; } .director-text-block .director-text-head { line-height: 100%; font-size: 19px; } .director-text-block { min-height: 260px; } .director-appeal { margin-bottom: 25px; width: auto; } .directorimage { margin-bottom: 20px; } .ask-block .arrow { right: 2px; bottom: 5px; width: 40px; height: 40px; } .ask-block .arrow svg { width: 16px; } .ask-block { padding: 15px 15px 15px 15px; } .ask-text { padding: 15px; } .news-block { padding: 25px 25px 25px 25px; } .news-text { font-size: 13px; } .news-name { width: auto; } .director-top-img { display: none; } .director-top-block .container { width: 375px; } .director-top-block { background: #1359AC; } .director-top-block { margin-top: 0; } .director-top-text h2 { font-size: 22px; } .director-list li { margin-bottom: 5px; } .director__num { margin-bottom: 45px; } .deadline-line { height: 93px; object-fit: cover; } .directorline { height: 133px; object-fit: cover; } .director__num span { top: -25px; } .askline { height: 134px; object-fit: cover; } .askquestion { padding: 40px 0px 40px 0px; } .news-company { margin-bottom: 40px; } .deadlines .container { padding-top: 40px; padding-bottom: 40px; } .deadline-line { top: 56px; } .news-title { font-size: 23px; } .news-block { width: 386px; } .directorimage { width: 100% } .modal-textarea { padding: 10px 10px 10px 10px; } .modal-textarea::placeholder { font-size: 12px; } .modal-fio input { font-size: 12px; padding: 0px 5px 8px 5px; } .callme { font-size: 22px; } .modal2 { padding: 40px 25px 40px 25px } .modal1 { padding: 40px 25px 40px 25px } .modal3 { padding: 40px 25px 40px 25px } .modal4 { padding: 40px 25px 40px 25px } .managermodal2 { margin: 0 auto; font-size: 13px; margin-bottom: 15px; } .managermodal { font-size: 13px; margin-bottom: 15px; } .modal-date { width: calc(50% - 10px); } .modal-time { width: calc(50% - 10px); } .callme { font-size: 20px; } .score-modal { font-size: 19px; } .ask-block.active .ask-block-head { font-size: 14px; } .doors__navs { justify-content: center; } .job2 .job__content-video { width: 100%; height: 284px; } .job2 { .feedback__content { flex-direction: column; } } .job2 .feedback__img { margin-right: 0px; margin-bottom: 15px; } .job2 .feedback__img { width: 110px; height: 110px; } .job2 .feedback__content p { font-size: 14px; } .purchase__blocks { justify-content: flex-start; } .popular__block { width: calc(50% - 10px); } .guest__info { flex-direction: column; } .control__block { width: 100%; margin-bottom: 20px; } .control__block:last-child { margin-bottom: 0; } .request__inputs { margin-bottom: 20px; } .request__content { display: block; } .request .container { display: block; } .request__num { display: block; position: static; } .request__num { display: flex; align-items: center; position: static; justify-content: space-between; } .request__num p { position: relative; top: 31px; } .request__num { position: static; bottom: 0; left: 0; right: 0; top: 0; } .successes .container { width: 375px; } .guest__info h2 { margin-bottom: 15px; } .technological__menu-block { flex-direction: column; } .technological__menu { flex-wrap: wrap; } .technological__menu-block { width: calc(50% - 10px); justify-content: end; margin-bottom: 20px; } .technological__menu-block { margin-bottom: 15px; align-items: start; } .technological__menu-block img { margin-right: 0; margin-bottom: 10px; } .modal-content { display: flex; justify-content: center; align-items: center; margin-bottom: 28px; flex-direction: column; } .modal-image { width: 100%; } .modal-image img { border-radius: 5px; width: 100%; height: 217px; object-fit: cover; } .modal-text { margin-top: 20px; } .modal5 { width: 375px; padding: 28px 60px 24px 28px; } .modal-fav { top: -16px; right: -47px; } .fast-view::before { position: absolute; content: ""; width: 375px; height: 1px; opacity: 0.1; background: #000; bottom: 0px; right: -60px; } .modal { width: 375px; } .modal-buy { font-size: 26px; } .techo__btn { position: static; } .techo__block__info { flex-direction: column; } .techo__block__info p { margin-bottom: 20px; } .requirements__block-img { position: absolute; width: 101px; right: -6px; } } @media only screen and(max-width: 375px) { } @media only screen and(max-width: 320px) { } /** * Owl Carousel * **/ .owl-carousel { 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-item img { display: block; width: 100%; } .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%; }