body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ scroll-behavior: smooth; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { background-color: #edf4fa; margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 1.4em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } :root { --main-color: #31B939; --main-color-darken: #1f9f27; /* для ховер эфектов */ --text-main-color: #1C1C1C; --quiz-hover: rgba(49, 185, 57, 0.5); --gradient-process-item: rgba(49, 185, 57, 0.9); /* зелёно-прозрачный градиент */ --gradient-articles-item: rgba(49, 185, 57, 0.44); --hit-status-color: #9747FF; --sale-status-color: #F63123; --new-status-color: #F2B644; --product-status-color: #1C1C1C; } @media(max-width:768px){ :root{ --brad-regular: 10px !important; } } @font-face { font-display: swap; font-family: "Inter"; src: url("../fonts/Inter-Regular.eot"); src: url("../fonts/Inter-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/Inter-Regular.woff") format("woff"), url("../fonts/Inter-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: "Inter"; src: url("../fonts/Inter-RegularItalic.eot"); src: url("../fonts/Inter-RegularItalic.eot#iefix") format("embedded-opentype"), url("../fonts/Inter-RegularItalic.woff") format("woff"), url("../fonts/Inter-RegularItalic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-display: swap; font-family: "Inter"; src: url("../fonts/Inter-Bold.eot"); src: url("../fonts/Inter-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/Inter-Bold.woff") format("woff"), url("../fonts/Inter-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-display: swap; font-family: "Inter"; src: url("../fonts/Inter-BoldItalic.eot"); src: url("../fonts/Inter-BoldItalic.eot#iefix") format("embedded-opentype"), url("../fonts/Inter-BoldItalic.woff") format("woff"), url("../fonts/Inter-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; } @-webkit-keyframes progress_bar { 0% { background-position: -52.0833333333vw center; } 50% { background-position: 0 center; } 100% { background-position: 52.0833333333vw center; } } @keyframes progress_bar { 0% { background-position: -52.0833333333vw center; } 50% { background-position: 0 center; } 100% { background-position: 52.0833333333vw center; } } @-webkit-keyframes pulse_1 { 0% { -webkit-transform: translateY(-50%) scale(0.8); transform: translateY(-50%) scale(0.8); opacity: 0.8; } 100% { -webkit-transform: translateY(-50%) scale(3.5); transform: translateY(-50%) scale(3.5); opacity: 0; } } @keyframes pulse_1 { 0% { -webkit-transform: translateY(-50%) scale(0.8); transform: translateY(-50%) scale(0.8); opacity: 0.8; } 100% { -webkit-transform: translateY(-50%) scale(3.5); transform: translateY(-50%) scale(3.5); opacity: 0; } } @-webkit-keyframes pulse_2 { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; } 100% { -webkit-transform: scale(3.5); transform: scale(3.5); opacity: 0; } } @keyframes pulse_2 { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; } 100% { -webkit-transform: scale(3.5); transform: scale(3.5); opacity: 0; } } @-webkit-keyframes pulse_2_small { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; } 100% { -webkit-transform: scale(1.7); transform: scale(1.7); opacity: 0; } } @keyframes pulse_2_small { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; } 100% { -webkit-transform: scale(1.7); transform: scale(1.7); opacity: 0; } } @-webkit-keyframes video_pulse_big { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; } 100% { -webkit-transform: scale(1.7); transform: scale(1.7); opacity: 0; } } @keyframes video_pulse_big { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; } 100% { -webkit-transform: scale(1.7); transform: scale(1.7); opacity: 0; } } @-webkit-keyframes video_pulse_small { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0.8; } 100% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; } } @keyframes video_pulse_small { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0.8; } 100% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; } } @-webkit-keyframes pulse_3 { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes pulse_3 { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @-webkit-keyframes wave_1 { 0% { opacity: 1; } 25% { opacity: 0.75; } 50% { opacity: 0.25; } 75% { opacity: 0.75; } 100% { opacity: 1; } } @keyframes wave_1 { 0% { opacity: 1; } 25% { opacity: 0.75; } 50% { opacity: 0.25; } 75% { opacity: 0.75; } 100% { opacity: 1; } } @-webkit-keyframes wave_2 { 0% { opacity: 0.75; } 25% { opacity: 1; } 50% { opacity: 0.75; } 75% { opacity: 0.5; } 100% { opacity: 0.75; } } @keyframes wave_2 { 0% { opacity: 0.75; } 25% { opacity: 1; } 50% { opacity: 0.75; } 75% { opacity: 0.5; } 100% { opacity: 0.75; } } @-webkit-keyframes wave_3 { 0% { opacity: 0.5; } 25% { opacity: 0.75; } 50% { opacity: 1; } 75% { opacity: 0.75; } 100% { opacity: 0.5; } } @keyframes wave_3 { 0% { opacity: 0.5; } 25% { opacity: 0.75; } 50% { opacity: 1; } 75% { opacity: 0.75; } 100% { opacity: 0.5; } } @-webkit-keyframes wave_4 { 0% { opacity: 0.5; } 25% { opacity: 0.75; } 50% { opacity: 1; } 75% { opacity: 0.75; } 100% { opacity: 0.5; } } @keyframes wave_4 { 0% { opacity: 0.5; } 25% { opacity: 0.75; } 50% { opacity: 1; } 75% { opacity: 0.75; } 100% { opacity: 0.5; } } @-webkit-keyframes blick { 0% { left: -80%; } 100% { left: 160%; } } @keyframes blick { 0% { left: -80%; } 100% { left: 160%; } } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } html { width: 100%; overflow-x: hidden; } .page { width: 100%; /* font-family: "Raleway", Arial, serif; */ color: var(--text-main-color); } .page * { -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; outline: none; margin: 0; padding: 0; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page * input { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .page.no-scroll { width: 100vw; height: 100vh; overflow: hidden; } .wrapper { width: 81.7708333333vw; margin: 0 auto; } * { outline: none !important; -webkit-tap-highlight-color: transparent; } body { -webkit-overflow-scrolling: touch; } input, select, input::placeholder{ color: #000 !important; } [onScrollDisplay_JS] { -webkit-transition: 0.5s; transition: 0.5s; -webkit-transform: translateY(5.2083333333vw) !important; transform: translateY(5.2083333333vw) !important; opacity: 0 !important; } [onScrollDisplay_JS].visible { -webkit-transform: translateY(0) !important; transform: translateY(0) !important; opacity: 1 !important; } .validate_error { border-color: red !important; color: red !important; } .validate_error::-webkit-input-placeholder { color: red !important; } .validate_error::-moz-placeholder { color: red !important; } .validate_error:-ms-input-placeholder { color: red !important; } .validate_error::-ms-input-placeholder { color: red !important; } .validate_error::placeholder { color: red !important; } .md-line-dashed, .md-line-dotted { position: relative; cursor: pointer; } .md-line-dashed:after, .md-line-dotted:after { content: ""; position: absolute; width: 100%; top: 100%; left: 0%; right: 0%; height: 0; border-bottom: 0.0520833333vw solid var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; } .md-line-dashed:hover::after, .md-line-dotted:hover::after { width: 60%; right: 40%; } .md-line-dotted::after { border-bottom: 0.0520833333vw solid var(--main-color); } .md-main-color-btn { background-color: var(--main-color); color: #fff; padding: 0 2.6041666667vw; border-radius: var(--brad-regular); height: 5.2083333333vw; width: 28.6458333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; overflow: hidden; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .md-main-color-btn:hover { padding: 0 2.8645833333vw; background-color: var(--main-color-darken); } .md-main-color-btn:hover::after { opacity: 0; } .md-main-color-btn span { font-size: 1.0416666667vw; font-weight: 400; letter-spacing: 0em; } .md-main-color-btn img, .md-main-color-btn svg { /* width: 1.0416666667vw; height: 1.0416666667vw; */ fill: #fff; } .md-main-color-btn img path, .md-main-color-btn svg path { fill: #fff; } .md-main-color-btn::after { content: ""; position: absolute; top: 0; left: 0; width: 2.8645833333vw; height: 300%; -webkit-transition: 0.3s; transition: 0.3s; background-color: #fff; -webkit-animation: blick 3s linear infinite; animation: blick 3s linear infinite; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); } .md-main-color-btn.disabled { pointer-events: none; opacity: 0.7; } .md-main-color-btn.disabled::after { display: none; } .md-main-title { font-weight: 400; font-size: 2.9169vw; line-height: 1.2; letter-spacing: 0em; text-align: center; } .md-main-title b { font-weight: 700; } .fancybox__thumbs.is-draggable, .carousel__button.fancybox__button--thumbs { display: none; } .fancybox__counter { font-family: "Inter", Arial, sans-serif; display: none; } .filters__slider { width: 100%; position: relative; margin-bottom: 3.3854166667vw; } .filters__slider .swiper-container { min-height: 4.1666666667vw; } .filters__slider .swiper-container .swiper-wrapper { min-height: 4.1666666667vw; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .filters__slider .swiper-container .swiper-wrapper .swiper-slide { height: auto; } .filters__slider .filters-item { width: 14.5833333333vw; height: 100%; padding: 1.0416666667vw 1.5625vw; background: #F5F8F9; border-radius: var(--brad-regular); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 0.9375vw; line-height: 1.09375vw; text-align: center; letter-spacing: 0em; color: #707070; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; } .filters__slider .filters-item.active { color: #fff; background-color: var(--main-color); } .filters__slider .slider-btn.swiper-button-disabled { opacity: 0; } .filters__content .portfolio__container { margin-bottom: 0; } .md-standart-slider { position: relative; } .md-standart-slider .slider-hint { display: none; } .md-standart-slider .swiper-container { width: 100%; height: 100%; } .md-standart-slider .swiper-container .swiper-wrapper { height: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .md-standart-slider .swiper-container .swiper-wrapper .swiper-slide { height: auto; overflow: hidden; } .md-standart-slider .slider-btn { width: 3.3333333333vw; height: 3.3333333333vw; border-radius: 50%; background-color: var(--main-color); position: absolute; top: 50%; left: -5.2083333333vw; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .md-standart-slider .slider-btn img, .md-standart-slider .slider-btn svg { width: 0.4708333333vw; height: 0.8234375vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .md-standart-slider .slider-btn img path, .md-standart-slider .slider-btn svg path { fill: #fff; } .md-standart-slider .slider-btn:hover { background-color: var(--main-color-darken); } .md-standart-slider .slider-btn.slider-next-btn { left: auto; right: -5.2083333333vw; } .md-standart-slider .slider-pagination { position: absolute; left: 0; right: 0; bottom: -4.1666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .md-standart-slider .slider-pagination .swiper-pagination-bullet { opacity: 1; -webkit-transition: 0.5s; transition: 0.5s; width: 0.78125vw; height: 0.78125vw; margin: 0 0.78125vw; background-color: #FFF; } .md-standart-slider .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--main-color); } .md-standart-form .form-text { font-size: 1.25vw; line-height: 1.9270833333vw; letter-spacing: 0em; margin-bottom: 1.3020833333vw; } .md-standart-form .form-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.0416666667vw; } .md-standart-form .form-select { width: 18.90625vw; height: 5.2083333333vw; border-radius: var(--brad-regular); color: var(--text-main-color); margin-right: 1.3020833333vw; padding: 0 2.34375vw; font-weight: 500; font-size: 0.9375vw; line-height: 1.25vw; letter-spacing: 0em; -webkit-box-shadow: none; box-shadow: none; border: none; } .md-standart-form .form-select::after { border: none; width: 0.46875vw; height: 0.46875vw; border-left: 0.0520833333vw solid var(--text-main-color); border-bottom: 0.0520833333vw solid var(--text-main-color); -webkit-transform: translate(-300%, -50%) rotate(-45deg); transform: translate(-300%, -50%) rotate(-45deg); -webkit-transition: 0.3s; transition: 0.3s; position: absolute; display: block; } .md-standart-form .form-select span.current { line-height: 5.2083333333vw; position: relative; } .md-standart-form .form-select .list { width: 100%; top: 90%; border: none; border-bottom-left-radius: 2.6041666667vw; border-bottom-right-radius: 2.6041666667vw; -webkit-box-shadow: none; box-shadow: none; } .md-standart-form .form-select .list .option { line-height: 5.2083333333vw; padding: 0 2.34375vw; } .md-standart-form .form-select.open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .md-standart-form .form-select.open::after { -webkit-transform: translate(-300%, -30%) rotate(-45deg); transform: translate(-300%, -30%) rotate(-45deg); } .md-standart-form .form-input { width: 18.90625vw; height: 5.2083333333vw; padding: 0 2.6041666667vw; font-weight: 500; font-size: 0.9375vw; line-height: 1.25vw; letter-spacing: 0em; color: var(--text-main-color); border-radius: var(--brad-regular); font-family: "Inter", Arial, sans-serif; margin-right: 1.0416666667vw; } .md-standart-form .form-input::-webkit-input-placeholder { color: var(--text-main-color); /* font-family: "Raleway", Arial, sans-serif; */ } .md-standart-form .form-input::-moz-placeholder { color: var(--text-main-color); /* font-family: "Raleway", Arial, sans-serif; */ } .md-standart-form .form-input:-ms-input-placeholder { color: var(--text-main-color); /* font-family: "Raleway", Arial, sans-serif; */ } .md-standart-form .form-input::-ms-input-placeholder { color: var(--text-main-color); /* font-family: "Raleway", Arial, sans-serif; */ } .md-standart-form .form-input::placeholder { color: var(--text-main-color); /* font-family: "Raleway", Arial, sans-serif; */ } .md-standart-form .form-textarea { width: 100%; height: 7.5520833333vw; border-radius: var(--brad-regular); padding: 1.5625vw 2.34375vw; font-weight: 500; font-size: 0.9375vw; line-height: 1.25vw; letter-spacing: 0em; resize: none; margin-bottom: 0.8854166667vw; } .md-standart-form .form-textarea::-webkit-input-placeholder { color: var(--text-main-color); } .md-standart-form .form-textarea::-moz-placeholder { color: var(--text-main-color); } .md-standart-form .form-textarea:-ms-input-placeholder { color: var(--text-main-color); } .md-standart-form .form-textarea::-ms-input-placeholder { color: var(--text-main-color); } .md-standart-form .form-textarea::placeholder { color: var(--text-main-color); } .md-standart-form .form-btn { width: 20.0520833333vw; } .md-standart-form .form-file { position: relative; cursor: pointer; } .md-standart-form .form-file input { position: absolute; top: 0; left: 0; pointer-events: none; opacity: 0; } .md-standart-form .form-file > div { width: 18.90625vw; height: 5.2083333333vw; padding: 0 2.6041666667vw; padding-right: 3.6458333333vw; font-weight: 500; font-size: 0.9375vw; line-height: 1.25vw; letter-spacing: 0em; color: var(--text-main-color); border-radius: var(--brad-regular); font-family: "Inter", Arial, sans-serif; margin-right: 1.0416666667vw; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .md-standart-form .form-file > div img, .md-standart-form .form-file > div svg { width: 1.1458333333vw; height: 1.1979166667vw; -o-object-fit: contain; object-fit: contain; fill: var(--text-main-color); position: absolute; top: 50%; right: 3.125vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .md-standart-form .form-file > div img path, .md-standart-form .form-file > div svg path { fill: var(--text-main-color); } .md-standart-form .form-file > div p { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 1.25vw; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .md-standart-form .form-stars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1.3020833333vw; } .md-standart-form .form-stars label { position: relative; width: 0.8333333333vw; height: 0.78125vw; margin-right: 0.4166666667vw; cursor: pointer; } .md-standart-form .form-stars label:last-child { margin-right: 0; } .md-standart-form .form-stars label input { position: absolute; top: 0; left: 0; pointer-events: none; opacity: 0; } .md-standart-form .form-stars label img, .md-standart-form .form-stars label svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; fill: var(--main-color); } .md-standart-form .form-stars label img path, .md-standart-form .form-stars label svg path { fill: var(--main-color); } .md-standart-form .form-stars label.disabled svg { fill: #AAAAAA; } .md-standart-form .form-stars label.disabled svg path { fill: #AAAAAA; } .md-standart-form .form-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .md-standart-form .form-checkbox > div { width: 1.0416666667vw; height: 1.0416666667vw; margin-right: 0.8333333333vw; border: 0.0520833333vw solid var(--main-color); border-radius: var(--brad-regular); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; } .md-standart-form .form-checkbox > div input { position: absolute; left: 0; bottom: 100%; display: none; } .md-standart-form .form-checkbox > div img, .md-standart-form .form-checkbox > div svg { width: 0.4166666667vw; height: 0.3125vw; fill: #fff; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .md-standart-form .form-checkbox > div img path, .md-standart-form .form-checkbox > div svg path { fill: #fff; } .md-standart-form .form-checkbox > div.checked { background-color: var(--main-color); } .md-standart-form .form-checkbox > div.checked img, .md-standart-form .form-checkbox > div.checked svg { opacity: 1; } .md-standart-form .form-checkbox p { font-weight: 500; font-size: 0.7291666667vw; line-height: 0.9895833333vw; letter-spacing: 0em; cursor: pointer; } .md-standart-form .form-checkbox p span { color: var(--main-color); } .md-standart-form .form-checkbox p span:hover { text-decoration: underline; } input.validate_error:-webkit-autofill, input.validate_error:-webkit-autofill:hover, input.validate_error:-webkit-autofill:focus { -webkit-text-fill-color: red !important; caret-color: red !important; } input[type=text], input[type=email], input[type=password] { outline: none; -webkit-appearance: none; -moz-appearance: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { background-color: #FFF; border: none; -webkit-text-fill-color: var(--text-main-color); -webkit-box-shadow: none; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; caret-color: var(--text-main-color); } .nice-select { color: #000 !important; -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: var(--brad-regular); border: solid 0.0520833333vw #e8e8e8; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 0.7291666667vw; font-weight: normal; height: 2.1875vw; line-height: 2.0833333333vw; outline: none; padding-left: 0.9375vw; padding-right: 1.5625vw; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select:after { border-bottom: 0.1041666667vw solid #999; border-right: 0.1041666667vw solid #999; content: ""; display: block; height: 0.2604166667vw; margin-top: -0.2083333333vw; pointer-events: none; position: absolute; right: 0.625vw; top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 0.2604166667vw; } .nice-select.open:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #edf4fa; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 0.625vw; height: 1.875vw; line-height: 1.7708333333vw; } .nice-select.small:after { height: 0.2083333333vw; width: 0.2083333333vw; } .nice-select.small .option { line-height: 1.7708333333vw; min-height: 1.7708333333vw; } .nice-select .list { background-color: #fff; border-radius: var(--brad-regular); -webkit-box-shadow: 0 0 0 0.0520833333vw rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 0.0520833333vw rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0.2083333333vw; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 2.0833333333vw; list-style: none; min-height: 2.0833333333vw; outline: none; padding-left: 0.9375vw; padding-right: 1.5104166667vw; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s top; transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s left; transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s right; transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--brad-regular); position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: var(--brad-regular); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: white; position: absolute; z-index: 30; -webkit-box-shadow: 0 0 0.625vw rgba(51, 51, 51, 0.5); box-shadow: 0 0 0.625vw rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 0.15625vw; height: 520.78125vw; left: 50%; margin-left: -0.078125vw; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 520.78125vw; height: 0.15625vw; top: 50%; margin-top: -0.078125vw; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 0.6770833333vw; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 1.9791666667vw; padding: 0 1.0416666667vw; border-radius: var(--brad-regular); } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -0.9895833333vw; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -2.34375vw; text-align: center; width: 4.6875vw; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 0.3125vw inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -0.3125vw; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -0.3125vw; } .twentytwenty-container { -webkit-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: attr(data-content); } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: attr(data-content); } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 0.5208333333vw; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 0.5208333333vw; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 0.5208333333vw; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 0.5208333333vw; } .twentytwenty-overlay { -webkit-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 1.9791666667vw; width: 1.9791666667vw; position: absolute; left: 50%; top: 50%; margin-left: -1.1458333333vw; margin-top: -1.1458333333vw; border: 0.15625vw solid white; border-radius: 50%; -webkit-box-shadow: 0 0 0.625vw rgba(51, 51, 51, 0.5); box-shadow: 0 0 0.625vw rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 1.1458333333vw; -webkit-box-shadow: 0 0.15625vw 0 white, 0 0 0.625vw rgba(51, 51, 51, 0.5); box-shadow: 0 0.15625vw 0 white, 0 0 0.625vw rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 1.1458333333vw; -webkit-box-shadow: 0 -0.15625vw 0 white, 0 0 0.625vw rgba(51, 51, 51, 0.5); box-shadow: 0 -0.15625vw 0 white, 0 0 0.625vw rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 1.1458333333vw; -webkit-box-shadow: 0.15625vw 0 0 white, 0 0 0.625vw rgba(51, 51, 51, 0.5); box-shadow: 0.15625vw 0 0 white, 0 0 0.625vw rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 1.1458333333vw; -webkit-box-shadow: -0.15625vw 0 0 white, 0 0 0.625vw rgba(51, 51, 51, 0.5); box-shadow: -0.15625vw 0 0 white, 0 0 0.625vw rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 0.3125vw solid white; left: 50%; margin-left: -0.8854166667vw; } .twentytwenty-right-arrow { border-left: 0.3125vw solid white; right: 50%; margin-right: -0.8854166667vw; } .twentytwenty-up-arrow { border-bottom: 0.3125vw solid white; top: 50%; margin-top: -0.8854166667vw; } .twentytwenty-down-arrow { border-top: 0.3125vw solid white; bottom: 50%; margin-bottom: -0.8854166667vw; } section{ background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .articles { margin-bottom: 4.1666666667vw; } .articles__title { margin-bottom: 1.0416666667vw; } .articles__text { font-weight: 500; font-size: 1.6666666667vw; line-height: 3.125vw; text-align: center; letter-spacing: 0em; margin-bottom: 2.0833333333vw; } .articles__container { width: 100%; } .articles__container .container-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1.0416666667vw -0.9114583333vw; } .articles__item { width: 25.0416666667vw; min-height: 20.8333333333vw; margin: 1.0416666667vw 0.9114583333vw; position: relative; border-radius: var(--brad-regular); padding: 2.6041666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; overflow: hidden; } .articles__item::after, .articles__item::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, color-stop(43.5%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.79))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 43.5%, rgba(0, 0, 0, 0.79) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.5%, rgba(0, 0, 0, 0.79) 100%); -webkit-transition: 0.3s; transition: 0.3s; border-radius: var(--brad-regular); } .articles__item::before { background: -webkit-gradient(linear, left top, left bottom, color-stop(22.13%, var(--gradient-articles-item)), to(rgba(0, 0, 0, 0.89))); background: -webkit-linear-gradient(top, var(--gradient-articles-item) 22.13%, rgba(0, 0, 0, 0.89) 100%); background: linear-gradient(180deg, var(--gradient-articles-item) 22.13%, rgba(0, 0, 0, 0.89) 100%); opacity: 0; } .articles__item:hover::after { opacity: 0; } .articles__item:hover::before { opacity: 0.6; } .articles__item .item-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .articles__item .item-title { font-weight: 700; font-size: 0.875vw; line-height: 1.6145833333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0em; color: #fff; position: relative; z-index: 5; margin-bottom: 0.78125vw; } .articles__item .item-link div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 5; font-weight: 600; font-size: 0.8333333333vw; line-height: 0.5208333333vw; letter-spacing: 0em; color: var(--main-color); } .articles__item .item-link div span { -webkit-transition: 0.3s; transition: 0.3s; margin-right: 0.5208333333vw; } .articles__item .item-link div img, .articles__item .item-link div svg { width: 0.9895833333vw; height: 0.9895833333vw; -o-object-fit: cover; object-fit: cover; fill: var(--main-color); } .articles__item .item-link div img path, .articles__item .item-link div svg path { fill: var(--main-color); } .articles__item .item-link div:hover span { margin-right: 0.78125vw; } .articles__slider { display: none; } .articles-typical { position: relative; } .articles-typical__bg { position: absolute; top: -14.3229166667vw; left: 0; right: 0; width: 100%; height: 67.03125vw; z-index: -1; background-size: cover; background-position: center center; background-repeat: no-repeat; } .articles-typical__title { width: 57.2916666667vw; margin-bottom: 2.6041666667vw; text-align: left; } .articles-typical__title.md-text-centered { width: 100%; text-align: center; } .articles-typical__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5.2083333333vw; } .articles-typical__side { width: 19.2708333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .articles-typical__content { width: 81.2916666667vw; } .articles-typical__content img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .articles-typical__content .is-style-rounded{ border-radius: var(--brad-regular); overflow: hidden; } .articles-typical__content .is-style-rounded img{ border-radius: var(--brad-regular); } .articles-typical__content hr{ background: #f1f1f1; margin: 3.125vw 0; height: 1px; } .articles-typical__content p{ line-height: 1.5; } .articles-typical__img { margin-bottom: 2.6041666667vw; } .articles-typical__img a { width: 100%; height: 33.8541666667vw; } .articles-typical__img a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--brad-regular); } .articles-typical__img img { width: 100%; height: 33.8541666667vw; -o-object-fit: cover; object-fit: cover; border-radius: var(--brad-regular); pointer-events: none; } .articles-typical__text { padding-bottom: 3.125vw; border-bottom: 0.0520833333vw solid #F1F1F1; margin-bottom: 3.125vw; } .articles-typical__text:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .articles-typical__text h2 { font-weight: 700; font-size: 1.3125vw; line-height: 2.1875vw; letter-spacing: 0em; margin-bottom: 1.0416666667vw; } .articles-typical__text h3 { font-weight: 700; font-size: 0.875vw; line-height: 1.4583333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0em; margin-bottom: 2.0833333333vw; } .articles-typical__text p { font-weight: 400; font-size: 1.0416666667vw; line-height: 1.5625vw; margin-bottom: 0.78125vw; } .articles-typical__text p:last-child { margin-bottom: 0; } .articles-typical__text .text-img-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2.0833333333vw; } .articles-typical__text .text-img-container a { width: 27.6041666667vw; height: 20.8333333333vw; margin-top: 2.0833333333vw; border-radius: var(--brad-regular); overflow: hidden; } .articles-typical__text .text-img-container a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .articles-typical__text .text-img-container a:first-child, .articles-typical__text .text-img-container a:nth-child(2) { margin-top: 0; } .articles-typical__text.md-with-img-container { border: none; padding-bottom: 0; } .articles-typical__text.md-with-img { border: none; padding-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .articles-typical__text.md-with-img > div { width: 28.125vw; } .articles-typical__text.md-with-img a { width: 27.6041666667vw; height: auto; border-radius: var(--brad-regular); overflow: hidden; } .articles-typical__text.md-with-img a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .articles-typical__back-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .articles-typical__back-link a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 0.8333333333vw; line-height: 0.5208333333vw; letter-spacing: 0em; color: var(--main-color); } .articles-typical__back-link a img, .articles-typical__back-link a svg { width: 0.9895833333vw; height: 0.9895833333vw; -o-object-fit: cover; object-fit: cover; fill: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; margin-right: 0.5208333333vw; } .articles-typical__back-link a img path, .articles-typical__back-link a svg path { fill: var(--main-color); } .articles-typical__back-link a:hover img, .articles-typical__back-link a:hover svg { margin-left: -0.2604166667vw; margin-right: 0.78125vw; } .about-company { /* padding-bottom: 6.25vw; */ padding-top: 3.25vw; position: relative; } .about-company__bg { position: absolute; /* top: -28.8020833333vw; */ top: 0; left: 0; right: 0; width: 100%; /* height: 77.2395833333vw; */ height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: -2; } .about-company__title { margin-bottom: 2.0833333333vw; text-align: left; } .about-company__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5.7291666667vw; } .about-company__main { width: 52.865vw; height: 41.667vw; color:#fff; margin-left: 1vw; border-radius: var(--brad-regular); } .about-company__main-content{ padding: 6.25vw 9vw; } .about-company__sub-title { font-size: 2vw; line-height: 3.3854166667vw; letter-spacing: 0em; font-weight: 400; margin-bottom: 2.0833333333vw; } .about-company__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-company__text p { font-weight: 300; font-size: 1.458vw; line-height: 2vw; letter-spacing: 0em; margin-bottom: 2.0833333333vw; } .about-company__text p:last-child { margin-bottom: 0; } .about-company__text span { font-weight: 300; font-size: 1vw; line-height: 1.56625vw; letter-spacing: 0em; margin-bottom: 2.0833333333vw; } .about-company__text span:last-child { margin-bottom: 0; } .about-company__img { width: 42.448vw; height: 41.667vw; margin-right: 1vw; border-radius: var(--brad-regular); overflow: hidden; } .about-company__img img { width: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .about-company__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about-company__numbers { width: 63.5416666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about-company__numbers > div { max-width: 17.1875vw; margin-right: 2.1875vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-company__numbers > div:last-child { max-width: 24.7395833333vw; margin-right: 0; } .about-company__numbers > div > p { font-weight: 700; font-size: 13.0208333333vw; line-height: 1; letter-spacing: -0.05em; font-family: "Inter", Arial, sans-serif; position: relative; } .about-company__numbers > div > p::after { content: ""; position: absolute; width: 1.0416666667vw; height: 1.0416666667vw; top: 2.34375vw; right: 3vw; border-radius: 50%; background-color: var(--main-color); } .about-company__numbers> div:nth-child(2) > p::after { top: auto; right: 1vw; bottom: 3.90625vw; } .about-company__numbers > div > span { font-weight: 400; font-size: 1.0416666667vw; line-height: 1.5625vw; letter-spacing: 0em; } .about-company__certificates { width: 9.8958333333vw; height: 13.8541666667vw; } .about-company__certificates .swiper-slide { border-radius: var(--brad-regular); overflow: hidden; } .about-company__certificates .swiper-slide a { display: block; width: 100%; height: 100%; } .about-company__certificates .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .about-company__certificates .slider-btn { width: 2.2916666667vw; height: 2.2916666667vw; left: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .about-company__certificates .slider-btn img, .about-company__certificates .slider-btn svg { width: 0.3208333333vw; height: 0.5609375vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .about-company__certificates .slider-btn img path, .about-company__certificates .slider-btn svg path { fill: #fff; } .about-company__certificates .slider-btn.slider-next-btn { left: auto; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .about-company__certificates .slider-pagination { bottom: -1.3541666667vw; } .about-company__certificates .slider-pagination .swiper-pagination-bullet { width: 0.4166666667vw; height: 0.4166666667vw; margin: 0 0.2604166667vw; } .company-video { margin-top: -6.25vw; margin-bottom: 3.3854166667vw; } .company-video.md-mt-0 { margin-top: auto; } .company-video__container { width: 100%; min-height: 46.875vw; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .company-video__container:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)); -webkit-transition: 0.3s; transition: 0.3s; z-index: 2; } .company-video__container.hovered::after { opacity: 0.5; } .company-video__img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .company-video__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .company-video__img img.mobile { display: none; } .company-video__content { width: 100%; height: auto; position: relative; z-index: 5; padding: 12.7604166667vw 17.7083333333vw 7.8125vw 44.7916666667vw; color: #fff; } .company-video__content .video-title { text-align: left; margin-bottom: 3.125vw; } .company-video__content .video-text { padding-left: 7.8125vw; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .company-video__content .video-text p { font-weight: 700; font-size: 1.3541666667vw; line-height: 1.8229166667vw; margin-bottom: 1.0416666667vw; } .company-video__content .video-text p:last-child { margin-bottom: 0; } .company-video__content .video-text span { font-weight: 500; font-size: 1.0416666667vw; line-height: 1.6666666667vw; margin-bottom: 1.0416666667vw; } .company-video__content .video-text span:last-child { margin-bottom: 0; } .company-video__content .video-text .video-btn { position: absolute; top: 0; left: 0; width: 5.7291666667vw; height: 5.7291666667vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; transition: 0.3s; } .company-video__content .video-text .video-btn img, .company-video__content .video-text .video-btn svg { width: 1.1005208333vw; height: 1.2208333333vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .company-video__content .video-text .video-btn img path, .company-video__content .video-text .video-btn svg path { fill: #fff; } .company-video__content .video-text .video-btn::after, .company-video__content .video-text .video-btn::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); z-index: -1; } .company-video__content .video-text .video-btn::before { -webkit-animation: video_pulse_big 2s linear infinite; animation: video_pulse_big 2s linear infinite; } .company-video__content .video-text .video-btn::after { -webkit-animation: video_pulse_small 2s linear infinite; animation: video_pulse_small 2s linear infinite; } .company-video__content .video-text .video-btn:hover { -webkit-transform: scale(1.3); transform: scale(1.3); } .company-video__content .video-text .video-btn:hover::after, .company-video__content .video-text .video-btn:hover::before { opacity: 0 !important; -webkit-animation-play-state: paused; animation-play-state: paused; } .before-after { padding-top: 4vw; padding-bottom: 9.375vw; } .before-after__title { margin-bottom: 3.6458333333vw; } .before-after__slide { width: 100%; height: 100%; } .before-after__slide img { width: 100%; height: 39.0625vw; pointer-events: none; } .before-after__slide .twentytwenty-handle { width: 4.6875vw; height: 4.6875vw; margin: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: none; -webkit-box-shadow: none; box-shadow: none; background: var(--main-color); z-index: 50; } .before-after__slide .twentytwenty-handle::before, .before-after__slide .twentytwenty-handle:after { z-index: -1; width: 0.3645833333vw; margin: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } .before-after__slide .twentytwenty-handle::after { top: 103%; } .before-after__slide .twentytwenty-handle::before { bottom: 103%; } .before-after__slide .twentytwenty-handle span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 50%; border: none; background-size: cover; background-position: center center; background-repeat: no-repeat; margin: 0; } .before-after__slide .twentytwenty-handle span.twentytwenty-left-arrow { z-index: 1; background-image: url("../fonts/before-after-handle-bg.svg"); } .before-after__slide .twentytwenty-handle span.twentytwenty-righr-arrow { display: none; } .before-after__slider { height: 39.0625vw; } .before-after__slider .swiper-slide { border-radius: var(--brad-regular); } .breadcrumbs { margin-bottom: 1.034375vw; height: 0.8333333333vw; position: relative; z-index: 10; } .breadcrumbs__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .breadcrumbs.md-white-text .breadcrumbs__item a { color: #fff; } .breadcrumbs.md-white-text .breadcrumbs__item::before { background-color: #fff; } .breadcrumbs.md-after-transparent-header { height: 2.34375vw; padding-top: 1.5104166667vw; margin-bottom: 1.8229166667vw; } .breadcrumbs__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs__item::before { content: ""; width: 0.0520833333vw; height: 0.6770833333vw; background-color: #8C8C8C; margin: 0 0.78125vw; } .breadcrumbs__item:first-child::before { display: none; } .breadcrumbs__item.active { pointer-events: none; } .breadcrumbs__item.active a { color: var(--text-main-color); font-weight: 800; } .breadcrumbs__item.active::before { background-color: var(--text-main-color); } .breadcrumbs a { font-weight: 500; font-size: 0.7291666667vw; line-height: 0.8333333333vw; letter-spacing: 0em; color: #8C8C8C; } .breadcrumbs a:hover { text-decoration: underline; } .calc-banner { margin-bottom: 4.1666666667vw; } .calc-banner__container { width: 100%; min-height: 31.25vw; position: relative; border-radius: var(--brad-regular); overflow: hidden; padding: 5.3645833333vw 41.6666666667vw 5.3645833333vw 8.59375vw; color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center center; } .calc-banner__img { width: 46.6666666667vw; height: 31.25vw; position: absolute; bottom: 0; right: 0; } .calc-banner__img img { position: absolute; top: -2.65625vw; left: -2.5vw; width: 52.4479166667vw; height: 38.28125vw; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .calc-banner__title { text-align: left; margin-bottom: 1.8229166667vw; } .calc-banner__text { font-weight: 500; font-size: 1.5625vw; line-height: 2.0833333333vw; letter-spacing: 0em; margin-bottom: 1.8229166667vw; } .calc-banner__link a { width: 13.0208333333vw; padding: 0 3.3854166667vw; } .calc-banner__link a:hover { padding: 0 3.6458333333vw; } .calc-banner__close { display: none; } .calc-banner.md-calc-banner-fixed { position: fixed; left: -26.0416666667vw; bottom: 1.5625vw; margin-bottom: 0; width: 23.4375vw; -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; z-index: 50; } .calc-banner.md-calc-banner-fixed.visible { left: 1.5625vw; opacity: 1; } .calc-banner.md-calc-banner-fixed .wrapper { width: 100%; } .calc-banner.md-calc-banner-fixed .calc-banner__title { width: 15.625vw; font-size: 0.729167vw; line-height: 0.9895833333vw; letter-spacing: 0em; margin-bottom: 0.78125vw; } .calc-banner.md-calc-banner-fixed .calc-banner__container { padding: 1.6145833333vw 6.7708333333vw 1.3020833333vw 2.0833333333vw; min-height: 10.4166666667vw; } .calc-banner.md-calc-banner-fixed .calc-banner__text { font-size: 0.8333333333vw; line-height: 0.9895833333vw; letter-spacing: 0em; margin-bottom: 0.78125vw; } .calc-banner.md-calc-banner-fixed .calc-banner__img { width: 13.9583333333vw; height: 10.2083333333vw; top: 0.9375vw; left: auto; right: -3.0208333333vw; } .calc-banner.md-calc-banner-fixed .calc-banner__img img { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .calc-banner.md-calc-banner-fixed .calc-banner__link a { width: 9.59375vw; height: 2.7604166667vw; padding: 0 1.3020833333vw; } .calc-banner.md-calc-banner-fixed .calc-banner__link a:hover { padding: 0 1.4583333333vw; } .calc-banner.md-calc-banner-fixed .calc-banner__link a span { font-size: 0.625vw; line-height: 1.25vw; letter-spacing: 0em; } .calc-banner.md-calc-banner-fixed .calc-banner__link a img, .calc-banner.md-calc-banner-fixed .calc-banner__link a svg { width: 0.5729166667vw; height: 0.5729166667vw; } .calc-banner.md-calc-banner-fixed .calc-banner__link a::after { width: 1.3020833333vw; } .calc-banner.md-calc-banner-fixed .calc-banner__close { position: absolute; display: block; width: 0.78125vw; height: 0.78125vw; top: 1.1458333333vw; right: 1.09375vw; cursor: pointer; } .calc-banner.md-calc-banner-fixed .calc-banner__close img, .calc-banner.md-calc-banner-fixed .calc-banner__close svg { width: 0.78125vw; height: 0.78125vw; -o-object-fit: cover; object-fit: cover; fill: #FFF; } .calc-banner.md-calc-banner-fixed .calc-banner__close img path, .calc-banner.md-calc-banner-fixed .calc-banner__close svg path { fill: #fff; } .calc-banner.md-calc-banner-small { width: 19.2708333333vw; border-radius: var(--brad-regular); } .calc-banner.md-calc-banner-small .wrapper { width: 100%; } .calc-banner.md-calc-banner-small .calc-banner__container { padding: 0; padding: 2.34375vw; padding-bottom: 15.625vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calc-banner.md-calc-banner-small .calc-banner__title { font-weight: 700; font-size: 1.3125vw; line-height: 2.1875vw; text-align: center; margin-bottom: 0.78125vw; } .calc-banner.md-calc-banner-small .calc-banner__text { font-weight: 500; font-size: 1.0416666667vw; line-height: 1.5625vw; text-align: center; margin-bottom: 1.3020833333vw; letter-spacing: normal; } .calc-banner.md-calc-banner-small .calc-banner__link a { width: 13.0208333333vw; padding: 0 3.3854166667vw; } .calc-banner.md-calc-banner-small .calc-banner__link a:hover { padding: 0 3.6458333333vw; } .calc-banner.md-calc-banner-small .calc-banner__img { width: 100%; height: 15.625vw; position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; } .calc-banner.md-calc-banner-small .calc-banner__img img { position: absolute; top: -1.25vw; left: -1.9791666667vw; width: 22.8125vw; height: 16.875vw; -o-object-fit: cover; object-fit: cover; } .calc-price { padding-bottom: 5.46875vw; padding-top: 4vw; } .calc-price__title { margin-bottom: 1.0416666667vw; } .calc-price__text { font-size: 1.6666666667vw; line-height: 4.1666666667vw; letter-spacing: 0em; font-weight: 500; text-align: center; margin-bottom: 2.6041666667vw; } .calc-price__container { color: #000; min-height: 44.2708333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .calc-price__container.md-final-step .calc-price__info { display: none; } .calc-price__container.md-final-step .calc-price__quiz { width: 100%; } .calc-price__preloader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 20; background-color: #FBFBFB; border-radius: var(--brad-regular); -webkit-box-shadow: 0 0 1.0416666667vw rgba(0, 0, 0, 0.25); box-shadow: 0 0 1.0416666667vw rgba(0, 0, 0, 0.25); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .calc-price__preloader.active { opacity: 1; } .calc-price__preloader .circle { width: 10.4166666667vw; height: 10.4166666667vw; border-radius: 50%; margin-bottom: 2.6041666667vw; border: 0.5208333333vw solid var(--main-color); border-top: 0.5208333333vw solid transparent; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; } .calc-price__preloader p { font-size: 1.25vw; line-height: 1.4583333333vw; font-weight: 700; } .calc-price__quiz { width: 57.2916666667vw; height: auto; border-radius: var(--brad-regular); background-color: #FBFBFB; padding: 2.0833333333vw 4.6875vw 2.6041666667vw 4.6875vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .calc-price__quiz .quiz-progress { width: 100%; height: 2.0833333333vw; padding: 0.2604166667vw 0.3125vw; border-radius: var(--brad-regular); background-color: #fff; position: relative; margin-bottom: 2.34375vw; } .calc-price__quiz .quiz-progress .progress-text { position: absolute; top: 50%; left: 50%; font-weight: 400; font-size: 0.8333333333vw; line-height: 0.9375vw; letter-spacing: 0em; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5; } .calc-price__quiz .quiz-progress .progress-text span { font-family: "Inter", Arial, sans-serif; } .calc-price__quiz .quiz-progress .progress-text.md-white-text { color: #fff; } .calc-price__quiz .quiz-progress .progress-bar { width: 0%; height: 100%; border-radius: var(--brad-regular); background-color: var(--main-color); position: relative; z-index: 1; overflow: hidden; -webkit-transition: 0.5s; transition: 0.5s; } .calc-price__quiz .quiz-progress .progress-bar::after { content: ""; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; background-image: url("../fonts/progress-bar.svg"); background-position: center left; background-size: contain; background-repeat: repeat-x; z-index: 2; -webkit-animation: progress_bar 40s linear infinite; animation: progress_bar 40s linear infinite; } .calc-price__quiz .quiz-progress .progress-bar.md-100-width::after { -webkit-animation: progress_bar 80s linear infinite; animation: progress_bar 80s linear infinite; } .calc-price__info { width: 23.4375vw; height: auto; border-radius: var(--brad-regular); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 1.3541666667vw 1.3020833333vw 1.40625vw 1.3020833333vw; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .calc-price__info .info-status { padding: 0 1.0416666667vw; height: 2.34375vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.78125vw; line-height: 1.3541666667vw; letter-spacing: 0em; color: #fff; background-color: var(--main-color); border-radius: var(--brad-regular); position: absolute; top: 1.3541666667vw; left: 1.6145833333vw; } .calc-price__info .info-status.md-always-green { background-color: #31B939 !important; } .calc-price__info .info-status::before { content: ""; width: 0.3645833333vw; height: 0.3645833333vw; border-radius: 50%; background-color: #fff; margin-right: 0.4166666667vw; -webkit-animation: pulse_3 2.5s linear infinite; animation: pulse_3 2.5s linear infinite; } .calc-price__info .info-person { width: 14.5833333333vw; margin: 0 auto; margin-bottom: 2.3958333333vw; } .calc-price__info .info-person__img { width: 100%; height: 15.4166666667vw; } .calc-price__info .info-person__img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; pointer-events: none; } .calc-price__info .info-person__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1.0416666667vw 1.5625vw; background: #FFFFFF; border-radius: var(--brad-regular); font-weight: 600; font-size: 1.0416666667vw; line-height: 1.3541666667vw; text-align: center; letter-spacing: 0em; } .calc-price__info .info-text { font-size: 0.9375vw; line-height: 1.3020833333vw; text-align: center; letter-spacing: 0em; margin-bottom: 3.0729166667vw; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 3.125vw; } .calc-price__info .info-text p { display: none; } .calc-price__info .info-text p.active { display: block; } .calc-price__info .info-bottom { margin-top: auto; margin-bottom: 0; } .calc-price__info .info-bottom__text { font-weight: 600; font-size: 1.0416666667vw; line-height: 1.3541666667vw; text-align: center; letter-spacing: 0em; text-transform: uppercase; margin-bottom: 1.1979166667vw; } .calc-price__info .info-bottom__item { width: 100%; height: 4.4270833333vw; position: relative; padding: 0 1.5625vw 0 2.03125vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.78125vw; border-radius: var(--brad-regular); overflow: hidden; } .calc-price__info .info-bottom__item:first-child { margin-top: 0; } .calc-price__info .info-bottom__item .item-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border-radius: var(--brad-regular); } .calc-price__info .info-bottom__item .item-img img { max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; display: block; margin-left: auto; margin-right: 1vw; } .calc-price__info .info-bottom__item .item-img::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 15, 15, 0.6); border-radius: var(--brad-regular); z-index: 2; } .calc-price__info .info-bottom__item .item-text { position: relative; z-index: 3; width: 10.4166666667vw; font-weight: 500; font-size: 0.9375vw; line-height: 1.3020833333vw; letter-spacing: 0em; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 2.6041666667vw; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .calc-price__info .info-bottom__item .item-icon { width: 1.8229166667vw; height: 1.8229166667vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 3; } .calc-price__info .info-bottom__item .item-icon img, .calc-price__info .info-bottom__item .item-icon svg { width: 0.5208333333vw; height: 0.7291666667vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .calc-price__info .info-bottom__item .item-icon img path, .calc-price__info .info-bottom__item .item-icon svg path { fill: #fff; } .quiz-questions-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .quiz-questions-container .quiz-question { display: none; } .quiz-questions-container .quiz-question.active { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .quiz-questions-container .quiz-question[data-question-id="1"] .question-control .prev-btn { opacity: 0; pointer-events: none; } .quiz-questions-container .question-title { margin: 0 auto; margin-bottom: 2.0833333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .quiz-questions-container .question-title span { padding: 0 1.5625vw; height: 2.34375vw; border-radius: var(--brad-regular); background-color: var(--main-color); font-weight: 600; font-size: 0.546875vw; line-height: 2.34375vw; letter-spacing: 0em; color: #fff; margin-right: 1.1458333333vw; -ms-flex-negative: 0; flex-shrink: 0; } .quiz-questions-container .question-title p { font-weight: 700; font-size: 1.3125vw; line-height: 2.1875vw; letter-spacing: 0em; } .quiz-questions-container .answers-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 0; margin-bottom: auto; height: 26.0416666667vw; overflow-x: hidden; overflow-y: auto; margin-right: -1.5625vw; padding-right: 0.5208333333vw; } .quiz-questions-container .answers-container .container-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -0.9114583333vw -1.4322916667vw; } .quiz-questions-container .answers-container .answers-wrap { margin: 0.9114583333vw 1.4322916667vw; position: relative; } .quiz-questions-container .answers-container .answers-wrap__video { position: absolute; top: 0.5208333333vw; right: 0.5208333333vw; width: 1.5625vw; height: 1.5625vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 5; } .quiz-questions-container .answers-container .answers-wrap__video img, .quiz-questions-container .answers-container .answers-wrap__video svg { width: 0.3645833333vw; height: 0.4166666667vw; fill: #fff; } .quiz-questions-container .answers-container .answers-wrap__video img path, .quiz-questions-container .answers-container .answers-wrap__video svg path { fill: #fff; } .quiz-questions-container .answers-container .answers-wrap__video::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; border-radius: 50%; background-color: var(--main-color); -webkit-animation: video_pulse_big 2s linear infinite; animation: video_pulse_big 2s linear infinite; } .quiz-questions-container .answers-container .answers-wrap__hint { position: absolute; top: 0.5208333333vw; right: 0.5208333333vw; width: 1.5625vw; height: 1.5625vw; z-index: 5; cursor: pointer; } .quiz-questions-container .answers-container .answers-wrap__hint:hover span::after { display: none; } .quiz-questions-container .answers-container .answers-wrap__hint:hover p { opacity: 1; pointer-events: all; } .quiz-questions-container .answers-container .answers-wrap__hint span { width: 100%; height: 100%; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.7291666667vw; font-weight: 600; position: relative; z-index: 5; color: #fff; } .quiz-questions-container .answers-container .answers-wrap__hint span::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; border-radius: 50%; background-color: var(--main-color); -webkit-animation: video_pulse_big 2s linear infinite; animation: video_pulse_big 2s linear infinite; } .quiz-questions-container .answers-container .answers-wrap__hint p { position: absolute; top: -0.5208333333vw; right: -0.5208333333vw; z-index: 3; padding: 1.3020833333vw; padding-right: 2.6041666667vw; width: 14.0625vw; background-color: #fff; font-size: 0.7291666667vw; line-height: 0.8333333333vw; border-radius: var(--brad-regular); -webkit-box-shadow: 0 0.2604166667vw 0.5208333333vw rgba(0, 0, 0, 0.25); box-shadow: 0 0.2604166667vw 0.5208333333vw rgba(0, 0, 0, 0.25); opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .quiz-questions-container .answers-container .answers-item { width: 14.0625vw; position: relative; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .quiz-questions-container .answers-container .answers-item input { position: absolute; top: 0; left: 0; z-index: 5; pointer-events: none; opacity: 0; } .quiz-questions-container .answers-container .answers-item__img { width: 100%; height: 9.1145833333vw; border-radius: var(--brad-regular); overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; border: 0.1041666667vw solid transparent; -webkit-transition: 0.3s; transition: 0.3s; } .quiz-questions-container .answers-container .answers-item__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .quiz-questions-container .answers-container .answers-item__icon { width: 1.7708333333vw; height: 1.7708333333vw; margin: 0 auto; margin-top: -0.8854166667vw; border-radius: 50%; background-color: #fff; border: 0.2083333333vw solid #FBFBFB; margin-bottom: 0.5208333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; transition: 0.3s; } .quiz-questions-container .answers-container .answers-item__icon img, .quiz-questions-container .answers-container .answers-item__icon svg { width: 0.5208333333vw; height: 0.4166666667vw; fill: #AEAEAE; -webkit-transition: 0.3s; transition: 0.3s; } .quiz-questions-container .answers-container .answers-item__icon img path, .quiz-questions-container .answers-container .answers-item__icon svg path { fill: #AEAEAE; } .quiz-questions-container .answers-container .answers-item__text { font-weight: 500; font-size: 0.9375vw; line-height: 1.09375vw; text-align: center; letter-spacing: 0em; } .quiz-questions-container .answers-container .answers-item__bottom { width: 100%; padding: 0 0.78125vw; } .quiz-questions-container .answers-container .answers-item__bottom > p { font-size: 0.9375vw; line-height: 1.0416666667vw; margin-bottom: 0.5208333333vw; font-weight: 700; } .quiz-questions-container .answers-container .answers-item__bottom ul { list-style: none; padding: 0; } .quiz-questions-container .answers-container .answers-item__bottom ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .quiz-questions-container .answers-container .answers-item__bottom ul li span { font-size: 0.7291666667vw; line-height: 0.8333333333vw; max-width: 60%; } .quiz-questions-container .answers-container .answers-item__bottom ul li p { font-size: 0.8333333333vw; line-height: 0.9375vw; max-width: 40%; color: var(--main-color); font-weight: 700; text-align: right; font-family: "Inter", Arial, sans-serif; } .quiz-questions-container .answers-container .answers-item:hover .answers-item__img { border-color: var(--quiz-hover); } .quiz-questions-container .answers-container .answers-item:hover .answers-item__icon svg { fill: var(--main-color); } .quiz-questions-container .answers-container .answers-item:hover .answers-item__icon svg path { fill: var(--main-color); } .quiz-questions-container .answers-container .answers-item.checked .answers-item__img { border-color: var(--main-color); } .quiz-questions-container .answers-container .answers-item.checked .answers-item__icon { background-color: var(--main-color); } .quiz-questions-container .answers-container .answers-item.checked .answers-item__icon svg { fill: #fff; } .quiz-questions-container .answers-container .answers-item.checked .answers-item__icon svg path { fill: #fff; } .quiz-questions-container .answers-container .answers-inputs-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .quiz-questions-container .answers-container.md-no-img-item { height: auto; overflow: visible; margin-right: 0; padding-right: 0; } .quiz-questions-container .answers-container.md-no-img-item .container-flex { margin: -0.78125vw -1.0416666667vw; } .quiz-questions-container .answers-container.md-no-img-item .answers-wrap { margin: 0.78125vw 1.0416666667vw; position: relative; } .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__video { position: absolute; top: 50%; right: 1.0416666667vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1.5625vw; height: 1.5625vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__video img, .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__video svg { width: 0.3645833333vw; height: 0.4166666667vw; fill: #fff; } .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__video img path, .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__video svg path { fill: #fff; } .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__video::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; border-radius: 50%; background-color: var(--main-color); -webkit-animation: video_pulse_big 2s linear infinite; animation: video_pulse_big 2s linear infinite; } .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__hint { display: block; position: absolute; top: 50%; right: 1.0416666667vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1.5625vw; height: 1.5625vw; } .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__hint:hover { z-index: 10; } .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__hint:hover p { opacity: 1; pointer-events: all; } .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__hint:hover span::after { display: none; } .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__hint span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 1.5625vw; height: 1.5625vw; border-radius: 50%; background-color: var(--main-color); color: #fff; font-size: 0.7291666667vw; font-weight: 700; cursor: help; position: relative; z-index: 2; } .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__hint span::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; border-radius: 50%; background-color: var(--main-color); -webkit-animation: video_pulse_big 2s linear infinite; animation: video_pulse_big 2s linear infinite; } .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__hint p { position: absolute; width: 14.0625vw; padding: 1.3020833333vw; padding-right: 1.5625vw; border-radius: var(--brad-regular); top: 50%; right: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; transition: 0.3s; z-index: 1; background-color: #fff; -webkit-box-shadow: 0 0 0.5208333333vw rgba(0, 0, 0, 0.25); box-shadow: 0 0 0.5208333333vw rgba(0, 0, 0, 0.25); font-size: 0.8333333333vw; line-height: 0.9375vw; opacity: 0; pointer-events: none; } .quiz-questions-container .answers-container.md-no-img-item .answers-item { width: 22.9166666667vw; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 1.1458333333vw 1.0416666667vw; padding-right: 3.6458333333vw; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: var(--brad-regular); border: 0.0520833333vw solid #fff; -webkit-transition: 0.3s; transition: 0.3s; } .quiz-questions-container .answers-container.md-no-img-item .answers-item__icon { margin: 0; background-color: #FBFBFB; margin-right: 0.7291666667vw; border: none; width: 1.5625vw; height: 1.5625vw; } .quiz-questions-container .answers-container.md-no-img-item .answers-item__text { text-align: left; } .quiz-questions-container .answers-container.md-no-img-item .answers-item:hover { border: 0.0520833333vw solid var(--quiz-hover); } .quiz-questions-container .answers-container.md-no-img-item .answers-item:hover .answers-item__icon svg { fill: var(--main-color); } .quiz-questions-container .answers-container.md-no-img-item .answers-item:hover .answers-item__icon svg path { fill: var(--main-color); } .quiz-questions-container .answers-container.md-no-img-item .answers-item.checked { border: 0.0520833333vw solid var(--main-color); } .quiz-questions-container .answers-container.md-no-img-item .answers-item.checked .answers-item__icon { background-color: var(--main-color); } .quiz-questions-container .answers-container.md-no-img-item .answers-item.checked .answers-item__icon svg { fill: #fff; } .quiz-questions-container .answers-container.md-no-img-item .answers-item.checked .answers-item__icon svg path { fill: #fff; } .quiz-questions-container .answers-container.md-multiple-selection .answers-item__icon { border-radius: var(--brad-regular); } .quiz-questions-container .answers-container.md-large-img .answers-item__img { height: 15.625vw; } .quiz-questions-container .answers-container.md-answers-with-image { margin-right: 0; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: auto; height: auto; overflow: visible; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content { width: 20.8333333333vw; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: flex-start; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answers-wrap { width: 20.8333333333vw; margin: 0; margin-bottom: 0.5208333333vw; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answers-wrap:last-child { margin-bottom: 0; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answers-item { width: 20.8333333333vw; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap { margin-bottom: 1.0416666667vw; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap:last-child { margin-bottom: 0; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap p { font-size: 0.8333333333vw; margin-bottom: 0.5208333333vw; font-weight: 600; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap label { position: relative; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap label input { width: 20.8333333333vw; height: 3.90625vw; border-radius: var(--brad-regular); padding: 0 1.5625vw; font-size: 0.8333333333vw; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap label span { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 100%; font-size: 0.8333333333vw; padding-left: 0.5208333333vw; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input { position: relative; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input input { width: 100%; position: absolute; opacity: 0; z-index: 10; pointer-events: none; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div { width: 20.8333333333vw; height: 3.90625vw; border-radius: var(--brad-regular); background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1.5625vw; padding-right: 3.6458333333vw; position: relative; cursor: pointer; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div:hover svg, .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div.active svg { fill: var(--main-color); } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div:hover svg path, .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div.active svg path { fill: var(--main-color); } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div p { margin: 0; width: 100%; font-size: 0.8333333333vw; line-height: 0.9375vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 0.9375vw; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div img, .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div svg { width: 1.3020833333vw; height: 1.3020833333vw; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.5625vw; fill: var(--text-main-color); } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div img path, .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div svg path { -webkit-transition: 0.3s; transition: 0.3s; fill: var(--text-main-color); } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip.checked span { background-color: var(--main-color); } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip.checked span img, .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip.checked span svg { opacity: 1; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip input { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip span { width: 1.0416666667vw; height: 1.0416666667vw; border-radius: var(--brad-regular); border: 0.1041666667vw solid var(--main-color); background-color: transparent; margin-right: 0.5208333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; transition: 0.3s; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip span img, .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip span svg { width: 0.4166666667vw; height: 0.3125vw; fill: #fff; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip span img path, .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip span svg path { fill: #fff; } .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip p { font-size: 0.8333333333vw; line-height: 0.9375vw; font-weight: 600; } .quiz-questions-container .answers-container.md-answers-with-image .img-container { margin-left: 3.6458333333vw; max-width: 23.4375vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .quiz-questions-container .answers-container.md-answers-with-image .img-container img { width: 23.4375vw; } .quiz-questions-container .question-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 1.5625vw; position: relative; z-index: 15; } .quiz-questions-container .question-control .btn-wrap { position: relative; border-radius: var(--brad-regular); } .quiz-questions-container .question-control .btn-wrap:hover .btn-wrap__hint { opacity: 1; pointer-events: all; } .quiz-questions-container .question-control .btn-wrap.active { cursor: not-allowed; } .quiz-questions-container .question-control .btn-wrap.active .btn-wrap__hint { display: block; } .quiz-questions-container .question-control .btn-wrap__hint { position: absolute; width: 130%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 110%; padding: 0.78125vw; border-radius: var(--brad-regular); background-color: #fff; -webkit-box-shadow: 0 0 0.5208333333vw rgba(0, 0, 0, 0.25); box-shadow: 0 0 0.5208333333vw rgba(0, 0, 0, 0.25); font-size: 0.8333333333vw; line-height: 0.9375vw; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; pointer-events: none; display: none; text-align: center; } .quiz-questions-container .question-control__btn { width: 9.1145833333vw; height: 3.90625vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 1.5625vw; } .quiz-questions-container .question-control__btn:hover { padding: 0 1.5625vw; } .quiz-questions-container .question-control__btn span::after { content: ""; display: inline-block; margin-top: -0.1041666667vw; margin-left: 0.2604166667vw; width: 0.5208333333vw; height: 0.5208333333vw; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center center; transform-origin: center center; border-right: 0.1041666667vw solid #fff; border-bottom: 0.1041666667vw solid #fff; } .quiz-questions-container .question-control .prev-btn { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: var(--brad-regular); cursor: pointer; } .quiz-questions-container .question-control .prev-btn span { font-weight: 600; font-size: 1.0416666667vw; line-height: 1.25vw; text-align: center; letter-spacing: 0em; color: var(--text-main-color); } .quiz-questions-container .question-control .prev-btn span::after { display: none; } .quiz-questions-container .question-control .prev-btn span::before { content: ""; display: inline-block; margin-top: -0.1041666667vw; margin-right: 0.2604166667vw; width: 0.5208333333vw; height: 0.5208333333vw; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; border-left: 0.1041666667vw solid var(--text-main-color); border-bottom: 0.1041666667vw solid var(--text-main-color); } @media only screen and (min-width: 769px) { .answers-container::-webkit-scrollbar { width: 0.78125vw; background-color: #FFFFFF; } .answers-container::-webkit-scrollbar-button { display: none; } .answers-container::-webkit-scrollbar-thumb { border-radius: var(--brad-regular); background-color: var(--main-color); } } .quiz-final { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .quiz-final__content { width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .quiz-final__img { width: 60%; min-height: 47.65625vw; } .quiz-final__img img { width: 35.9375vw; position: absolute; right: 0; bottom: 0; pointer-events: none; } .quiz-final__img .circle { width: 7.8125vw; height: 7.8125vw; border-radius: 50%; background-color: var(--main-color); position: absolute; bottom: 50%; right: 50%; -webkit-transform: translate(50%, 0%); transform: translate(50%, 0%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; cursor: pointer; } .quiz-final__img .circle:hover img { -webkit-animation-play-state: paused; animation-play-state: paused; } .quiz-final__img .circle img { position: absolute; top: 0.2604166667vw; left: 0.2604166667vw; right: 0.2604166667vw; bottom: 0.2604166667vw; width: 7.2916666667vw; height: 7.2916666667vw; border-radius: 50%; z-index: 1; -webkit-animation: rotation 10s linear infinite; animation: rotation 10s linear infinite; } .quiz-final__img .circle p { position: relative; z-index: 2; font-size: 0.7291666667vw; line-height: 0.9375vw; font-weight: 700; text-align: center; } .quiz-final__img .circle p span { display: block; margin: 0 auto; font-size: 1.3541666667vw; line-height: 1.5625vw; font-family: "Inter", Arial, sans-serif; } .quiz-final__text { padding: 0.5208333333vw 1.5625vw; min-height: 2.34375vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; font-size: 0.78125vw; line-height: 1.3541666667vw; letter-spacing: 0em; margin-bottom: 0.78125vw; font-weight: 600; background-color: var(--main-color); border-radius: var(--brad-regular); color: #fff; } .quiz-final__title { font-weight: 700; font-size: 1.3125vw; line-height: 2.1875vw; text-align: center; letter-spacing: 0em; margin-bottom: 1.8229166667vw; } .quiz-final__form { width: 100%; } .quiz-final__form .form-container { width: 22.3958333333vw; margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0.78125vw; } .quiz-final__form .form-container .hidden { display: none; } .quiz-final__form .form-container .form-input { width: 100%; margin: 0; margin-bottom: 0.5208333333vw; } .quiz-final__form .form-container .form-btn { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .quiz-final__form .form-checkbox { width: 20.8333333333vw; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1.0416666667vw; } .quiz-final__form .form-checkbox p { width: 12.5vw; } .quiz-final__form .form-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1.8229166667vw; } .quiz-final__form .form-top__item { width: 5.2083333333vw; margin: 0 0.1041666667vw; padding: 0.3645833333vw; background-color: transparent; border-radius: var(--brad-regular); border: 0.0520833333vw solid transparent; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .quiz-final__form .form-top__item input { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; } .quiz-final__form .form-top__item span { width: 3.125vw; height: 3.125vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0.78125vw; } .quiz-final__form .form-top__item span img, .quiz-final__form .form-top__item span svg { width: 1.3020833333vw; fill: #fff; pointer-events: none; } .quiz-final__form .form-top__item span img path, .quiz-final__form .form-top__item span svg path { fill: #fff; } .quiz-final__form .form-top__item span.whats-app { background-color: #31B939; } .quiz-final__form .form-top__item span.viber { background-color: #746FBB; } .quiz-final__form .form-top__item span.telegram { background-color: #05A0EB; } .quiz-final__form .form-top__item span.zvonok { background-color: #f44336; } .quiz-final__form .form-top__item p { font-size: 0.8333333333vw; font-weight: 600; line-height: 0.9375vw; } .quiz-final__form .form-top__item:hover { background-color: #fff; border-color: var(--main-color); } .quiz-final__form .form-top__item.active { background-color: #fff; border-color: var(--main-color); } .quiz-final__form .form-bottom { width: 20.8333333333vw; margin: 0 auto; } .quiz-final__form .form-bottom__title { font-weight: 600; font-size: 0.729167vw; line-height: 1.3541666667vw; text-align: center; letter-spacing: 0em; text-transform: uppercase; margin-bottom: 1.1979166667vw; } .quiz-final__form .form-bottom__item { width: 100%; height: 4.4270833333vw; position: relative; padding: 0 1.5625vw 0 2.03125vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.78125vw; border-radius: var(--brad-regular); overflow: hidden; } .quiz-final__form .form-bottom__item:first-child { margin-top: 0; } .quiz-final__form .form-bottom__item .item-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border-radius: var(--brad-regular); } .quiz-final__form .form-bottom__item .item-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .quiz-final__form .form-bottom__item .item-img::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 15, 15, 0.6); border-radius: var(--brad-regular); z-index: 2; } .quiz-final__form .form-bottom__item .item-text { position: relative; z-index: 3; width: 10.4166666667vw; font-weight: 500; font-size: 0.9375vw; line-height: 1.3020833333vw; letter-spacing: 0em; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 2.6041666667vw; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .quiz-final__form .form-bottom__item .item-icon { width: 1.8229166667vw; height: 1.8229166667vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 3; } .quiz-final__form .form-bottom__item .item-icon img, .quiz-final__form .form-bottom__item .item-icon svg { width: 0.5208333333vw; height: 0.7291666667vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .quiz-final__form .form-bottom__item .item-icon img path, .quiz-final__form .form-bottom__item .item-icon svg path { fill: #fff; } .calc-price__quiz.full{ width: 100%; } /* .calc-price__quiz.full .quiz-questions-container .answers-container.md-no-img-item .answers-item{ width: 22vw; } */ .catalog { padding-top: 4vw; padding-bottom: 4.9479166667vw; position: relative; } .catalog__title { margin-bottom: 2.6041666667vw; } .catalog__load-more { display: none; } .catalog__bg { width: 100%; /* height: 126.875vw; */ height: 100%; position: absolute; /* top: -27.96875vw; */ top: 0; left: 0; right: 0; z-index: -1; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .catalog__container { width: 100%; } .catalog__container .container-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1.3020833333vw -0.78125vw; } .catalog__item { color: #000; width: 17.2708333333vw; margin: 1.3020833333vw 0.78125vw; border-radius: var(--brad-regular); overflow: hidden; background-color: #fff; position: relative; padding: 1.0833333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-shadow: 0 0 100px rgb(198 198 198 / 37%); } .catalog__item .video { width: 3.125vw; height: 3.125vw; position: absolute; z-index: 6; top: 1.1979166667vw; right: 1.1979166667vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog__item .video::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); -webkit-animation: pulse_2_small 2s linear infinite; animation: pulse_2_small 2s linear infinite; z-index: -1; } .catalog__item .video img, .catalog__item .video svg { width: 0.6088541667vw; height: 0.6755208333vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .catalog__item .video img path, .catalog__item .video svg path { fill: #fff; } @media only screen and (max-width: 768px){ .catalog__item .video { width: 8vw; height: 8vw; top: 3.625vw; right: 2.625vw; } .catalog__item .video img, .catalog__item .video svg { width: 1.6vw; height: auto; } } .catalog__item .item-status { position: absolute; z-index: 5; top: 1.25vw; left: 1.25vw; right: 1.25vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__item .item-status > div { padding: 0 0.625vw; height: 1.5625vw; border-radius: var(--brad-regular); font-weight: 600; font-size: 0.625vw; line-height: 1.5625vw; letter-spacing: 0em; color: #FFFFFF; margin-right: 0.5208333333vw; display: none; } .catalog__item .item-status > div:last-child { margin-right: 0; } .catalog__item .item-status > div img, .catalog__item .item-status > div svg { -o-object-fit: contain; object-fit: contain; fill: #fff; margin-right: 0.2604166667vw; } .catalog__item .item-status > div img path, .catalog__item .item-status > div svg path { fill: #fff; } .catalog__item .item-status .hit { background-color: var(--hit-status-color); } .catalog__item .item-status .hit img, .catalog__item .item-status .hit svg { width: 0.2604166667vw; height: 0.5208333333vw; } .catalog__item .item-status .sale { background-color: var(--sale-status-color); } .catalog__item .item-status .sale img, .catalog__item .item-status .sale svg { width: 0.63125vw; height: 0.5208333333vw; } .catalog__item .item-status .new { background-color: var(--new-status-color); } .catalog__item .item-status .new img, .catalog__item .item-status .new svg { width: 0.78125vw; height: 0.7848958333vw; } .catalog__item .item-status.md-hit .hit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__item .item-status.md-sale .sale { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__item .item-status.md-new .new { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__item .item-slider { width: 100%; height: 13.0416666667vw; position: relative; margin-bottom: 4.9479166667vw; } .catalog__item .item-slider .swiper-container { width: 100%; height: 100%; } .catalog__item .item-slider .swiper-container .swiper-wrapper { height: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .catalog__item .item-slider .swiper-container .swiper-slide { height: auto; } .catalog__item .item-slider .swiper-container .swiper-slide img { width: 100%; cursor: pointer; height: 100%; -o-object-fit: cover; border-radius: 0.3rem; object-fit: cover; } .catalog__item .item-slider .slider-btn { position: absolute; width: 0.5729166667vw; height: 0.9895833333vw; top: 6.1979166667vw; left: 0; z-index: 3; opacity: 0.25; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; } .catalog__item .item-slider .slider-btn.slider-next-btn { left: auto; right: 0; } .catalog__item .item-slider .slider-btn img, .catalog__item .item-slider .slider-btn svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; fill: #1C1C1C; } .catalog__item .item-slider .slider-btn img path, .catalog__item .item-slider .slider-btn svg path { fill: #1C1C1C; } .catalog__item .item-slider .slider-btn:hover { opacity: 0.7; } .catalog__item .item-slider .slider-pagination { position: absolute; left: 0; right: 0; bottom: -2.6041666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog__item .item-slider .slider-pagination .swiper-pagination-bullet { opacity: 1; -webkit-transition: 0.5s; transition: 0.5s; width: 0.5208333333vw; height: 0.5208333333vw; margin: 0 0.2604166667vw; background-color: #ECECEC; } .catalog__item .item-slider .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--main-color); } .catalog__item .item-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.8229166667vw; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog__item .item-price .current-price { font-weight: 700; font-size: 1.0416666667vw; line-height: 1.5625vw; letter-spacing: 0.01em; } .catalog__item .item-price .current-price span { font-size: 2.5vw; } .catalog__item .item-price .old-price { font-weight: 500; font-size: 0.7291666667vw; line-height: 1.5625vw; letter-spacing: 0.01em; color: #C9C9C9; } .catalog__item .item-price .old-price span { font-size: 1.25vw; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .catalog__item .item-name { font-weight: 700; font-size: 1.0416666667vw; line-height: 1.5625vw; letter-spacing: 0em; color: #000; transition: 0.4s; } .catalog__item a.item-name:hover{ color: var(--main-color); } .catalog__item .item-text { padding-top: 0.78125vw; padding-bottom: 1.0416666667vw; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-weight: 400; font-size: 0.9375vw; line-height: 1.3541666667vw; letter-spacing: 0em; color: #B1B1B1; } .catalog__item .item-order { width: 9.375vw; height: 3.3854166667vw; text-align: center; border-radius: var(--brad-regular); font-weight: 600; font-size: 0.7291666667vw; line-height: 1.5625vw; letter-spacing: 0em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0.0520833333vw solid var(--main-color); color: var(--main-color); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .catalog__item .item-order:hover { background-color: var(--main-color); color: #fff; } .certificates { margin-bottom: 5.7291666667vw; } .certificates__bg { position: absolute; top: -14.3229166667vw; left: 0; right: 0; width: 100%; height: 67.03125vw; z-index: -1; background-size: cover; background-position: center center; background-repeat: no-repeat; } .certificates__load-more { display: none; } .certificates__title { margin-bottom: 3.125vw; } .certificates__container { width: 100%; } .certificates__container .container-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1.5625vw -0.78125vw; } .certificates__item { width: 19.2708333333vw; height: 27.34375vw; position: relative; border-radius: var(--brad-regular); overflow: hidden; margin: 1.5625vw 0.78125vw; } .certificates__item:hover span, .certificates__item:hover::after { opacity: 1; } .certificates__item::after { content: ""; position: absolute; top: 0; left: 0; right: 0; z-index: 2; bottom: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(26.86%, rgba(49, 185, 57, 0)), color-stop(112.95%, var(--main-color))); background: -webkit-linear-gradient(top, rgba(49, 185, 57, 0) 26.86%, var(--main-color) 112.95%); background: linear-gradient(180deg, rgba(49, 185, 57, 0) 26.86%, var(--main-color) 112.95%); -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; border-radius: var(--brad-regular); } .certificates__item img { position: relative; z-index: 1; width: 100%; height: 100%; border-radius: var(--brad-regular); -o-object-fit: cover; object-fit: cover; } .certificates__item span { position: absolute; z-index: 3; width: 3.125vw; height: 3.125vw; border-radius: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; } .certificates__item span img, .certificates__item span svg { width: 1.4583333333vw; height: 1.4583333333vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .certificates__item span img path, .certificates__item span svg path { fill: #fff; } .certificates__item span:hover { -webkit-transform: translate(-50%, -50%) scale(1.3); transform: translate(-50%, -50%) scale(1.3); } .clear-talk { margin-bottom: 3.90625vw; margin-top: 3.90625vw; } .clear-talk__container { color: #000; width: 100%; min-height: 31.25vw; padding: 5.3645833333vw 8.75vw 5.3645833333vw 40.625vw; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; border-radius: var(--brad-regular); } .clear-talk__container.md-black-style { color: #fff; } .clear-talk__img { width: 19.5833333333vw; height: 33.3854166667vw; position: absolute; left: 10.15625vw; bottom: 0; overflow: hidden; } .clear-talk__img img { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 51.9270833333vw; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .clear-talk__title { text-align: left; margin-bottom: 2.0833333333vw; } .clear-talk__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .clear-talk__text p { font-weight: 500; font-size: 1.5625vw; line-height: 2.0833333333vw; letter-spacing: 0em; margin-bottom: 1.8229166667vw; } .clear-talk__text span { font-weight: 400; font-size: 0.9375vw; line-height: 1.4583333333vw; letter-spacing: 0em; margin-bottom: 2.0833333333vw; } .clear-talk__link a { width: 19.2708333333vw; } .clients-choose { /* margin-bottom: 5.7291666667vw; */ position: relative; margin-bottom: 2.865vw; /* z-index: -1; */ } .clients-choose__title { padding-bottom: 70.3125vw; } .clients-choose__container { position: relative; } .clients-choose__slider { display: none; } .clients-choose__bg { border-radius: var(--brad-regular); position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 110%; background-size: cover; background-position: center bottom; background-repeat: no-repeat; z-index: -1; } .clients-choose__bullets { position: absolute; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: #fff; margin: 0 -2.6041666667vw; overflow: hidden; } .clients-choose__bullets .bullets-item { width: 20%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 20%; padding: 0 2.6041666667vw; padding-bottom: 3.125vw; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-left: 0.0520833333vw solid rgba(255, 255, 255, 0.25); -webkit-transform: translateY(25%); transform: translateY(25%); -webkit-transition: 0.3s; transition: 0.3s; } .clients-choose__bullets .bullets-item:hover { -webkit-transform: translateY(0%); transform: translateY(0%); } .clients-choose__bullets .bullets-item:hover .bullets-item__text { opacity: 1; } .clients-choose__bullets .bullets-item:first-child { border-left: none; } .clients-choose__bullets .bullets-item__number { width: 2.0833333333vw; height: 2.0833333333vw; border-radius: 5px; background-color: var(--main-color); font-weight: 500; font-size: 0.8333333333vw; line-height: 1.7708333333vw; letter-spacing: 0em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1.0416666667vw; position: relative; z-index: 3; } .clients-choose__bullets .bullets-item__number::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 5px; background-color: var(--main-color); -webkit-animation: pulse_2_small 2s linear infinite; animation: pulse_2_small 2s linear infinite; z-index: -1; } .clients-choose__bullets .bullets-item__title { font-weight: 400; text-transform: uppercase; font-size: 1.0206vw; line-height: 1.3; letter-spacing: 0em; } .clients-choose__bullets .bullets-item__text { padding-top: 0.78125vw; font-weight: 400; font-size: 0.833vw; line-height: 1.3; letter-spacing: 0em; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; opacity: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .contacts { padding-top: 4vw; padding-bottom: 4vw; position: relative; } .contacts__bg { position: absolute; top: -10.15625vw; left: 0; right: 0; width: 100%; height: 66.6666666667vw; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } .contacts__title { margin-bottom: 3.125vw; } .contacts__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 8.3333333333vw; } .contacts__container:last-child { margin-bottom: 0; } .contacts__container.md-container-with-form .contacts__images { width: 30.46875vw; } .contacts__container.md-container-with-form .contacts__images-item > div { height: 16.0416666667vw; } .contacts__container.md-container-with-form .contacts__images-item > div a { width: 9.1145833333vw; height: 7.6041666667vw; } .contacts__container.md-container-with-form .contacts__images-item > div a:first-child { width: 20.5729166667vw; height: 47.03125vw; } .contacts__info { width: 14.0625vw; height: auto; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contacts__info-title { font-weight: 400; font-size: 1.458333vw; line-height: 2.6041666667vw; margin-bottom: 1.1979166667vw; } .contacts__info-container { margin-bottom: 1.1979166667vw; } .contacts__info-container > div { margin-bottom: 1.1979166667vw; } .contacts__info-container > div:last-child { margin-bottom: 0; } .contacts__info-address, .contacts__info-work-time, .contacts__info-phones, .contacts__info-email { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__info-address p, .contacts__info-work-time p, .contacts__info-phones p, .contacts__info-email p { font-weight: 400; font-size: 0.7291666667vw; line-height: 1.09375vw; } .contacts__info-address p a, .contacts__info-work-time p a, .contacts__info-phones p a, .contacts__info-email p a { color: var(--text-main-color); -webkit-transition: 0.3s; transition: 0.3s; } .contacts__info-address p a:hover, .contacts__info-work-time p a:hover, .contacts__info-phones p a:hover, .contacts__info-email p a:hover { color: var(--main-color); } .contacts__info-address img, .contacts__info-address svg, .contacts__info-work-time img, .contacts__info-work-time svg, .contacts__info-phones img, .contacts__info-phones svg, .contacts__info-email img, .contacts__info-email svg { width: 1.0416666667vw; height: 1.25vw; margin-right: 0.8333333333vw; -o-object-fit: cover; object-fit: cover; fill: var(--main-color); -ms-flex-negative: 0; flex-shrink: 0; } .contacts__info-address img path, .contacts__info-address svg path, .contacts__info-work-time img path, .contacts__info-work-time svg path, .contacts__info-phones img path, .contacts__info-phones svg path, .contacts__info-email img path, .contacts__info-email svg path { fill: var(--main-color); } .contacts__info-phones p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 700; font-size: 1.0416666667vw; line-height: 1.25vw; letter-spacing: 0em; } .contacts__info-phones p a { font-family: "Inter", Arial, sans-serif; margin-bottom: 0.2604166667vw; } .contacts__info-phones p a:last-child { margin-bottom: 0; } .contacts__info-social { margin-bottom: 1.1979166667vw; } .contacts__info-social p { font-weight: 400; font-size: 0.7291666667vw; line-height: 1.25vw; letter-spacing: 0em; margin-bottom: 0.8333333333vw; } .contacts__info-social > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__info-social > div a { width: 2.1875vw; height: 2.1875vw; border-radius: 50%; overflow: hidden; margin-right: 0.5208333333vw; -webkit-transition: 0.3s; transition: 0.3s; position: relative; } .contacts__info-social > div a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .contacts__info-social > div a:last-child { margin-right: 0; } .contacts__info-social > div a:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .contacts__info-links { display: -webkit-box; display: -ms-flexbox; display: flex; } .contacts__info-links a { font-weight: 700; font-size: 0.8333333333vw; line-height: 1.25vw; letter-spacing: 0em; color: var(--main-color); } .contacts__images { width: 24.4791666667vw; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contacts__images-item { margin-bottom: 1.0416666667vw; } .contacts__images-item:last-child { margin-bottom: 0; } .contacts__images-item p { font-weight: 700; font-size: 1.25vw; line-height: 1.5625vw; letter-spacing: 0em; margin-bottom: 1.0416666667vw; } .contacts__images-item > div { width: 100%; height: 12.9166666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contacts__images-item > div a { width: 7.34375vw; height: 6.09375vw; border-radius: var(--brad-regular); overflow: hidden; } .contacts__images-item > div a img { width: 100%; height: 100%; border-radius: var(--brad-regular); -o-object-fit: cover; object-fit: cover; } .contacts__images-item > div a:first-child { width: 16.5104166667vw; height: 12.9166666667vw; margin-right: 0.625vw; } .contacts__images-item > div a:nth-child(1n+4) { display: none; } .contacts__address { width: 37.6041666667vw; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__address p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 400; font-size: 1.25vw; line-height: 1.5625vw; letter-spacing: 0em; margin-bottom: 0.8333333333vw; -ms-flex-negative: 0; flex-shrink: 0; } .contacts__address p b { font-weight: 700; } .contacts__address p a { font-weight: 700; font-size: 0.8333333333vw; line-height: 1.25vw; letter-spacing: 0em; color: var(--main-color); } .contacts__address .map-container { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: var(--brad-regular); } .contacts__address .map-container iframe { width: 100%; height: 100%; } .contacts__form { width: 23.4375vw; border-radius: var(--brad-regular); padding: 2.1875vw 2.2916666667vw; background-size: cover; background-repeat: no-repeat; background-position: center center; } .contacts__form .form-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__form .form-container .form-input { margin: 0; margin-bottom: 0.8854166667vw; width: 100%; height: 3.90625vw; padding: 0 2.34375vw; font-size: 0.8333333333vw; line-height: 1.25vw; } .contacts__form .form-container .form-textarea { font-size: 0.8333333333vw; } .contacts__form .form-container .form-btn { width: 100%; padding: 0 3.90625vw; } .contacts__form .form-container .form-btn:hover { padding: 0 4.1666666667vw; } .contacts__form .form-checkbox { padding: 0 2.34375vw; } .contacts__form .form-title { font-weight: 700; font-size: 0.875vw; line-height: 1.5625vw; text-align: center; letter-spacing: 0em; margin-bottom: 1.0416666667vw; } .contacts__map-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 400; font-size: 1.458333vw; line-height: 2.6041666667vw; letter-spacing: 0em; margin-bottom: 1.5625vw; -ms-flex-negative: 0; flex-shrink: 0; } .contacts__map-title b { font-weight: 700; } .contacts__map-title a { font-weight: 700; font-size: 0.583333vw; line-height: 1.25vw; letter-spacing: 0em; color: var(--main-color); } .contacts__map .map-container { width: 100%; height: 36.4583333333vw; border-radius: var(--brad-regular); overflow: hidden; } .contacts__map .map-container iframe { width: 100%; height: 100%; } .delivery { padding-top: 6.25vw; position: relative; z-index: 3; margin-bottom: 6.25vw; } .delivery__title { width: 42.7083333333vw; margin: 0 auto; margin-bottom: 3.6458333333vw; } .delivery__container { display: -webkit-box; display: -ms-flexbox; display: flex; } .delivery__container .container-item { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .delivery__item { width: 50%; } .delivery__item.md-img-item { width: 20.46875vw; height: 20.46875vw; background-size: cover; background-position: center center; background-repeat: no-repeat; } .delivery__item.md-img-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .delivery__item.md-info-item { background-color: var(--main-color); color: #fff; position: relative; padding: 4.53125vw 3.90625vw 1.8229166667vw 3.90625vw; border-top-left-radius: 1.8229166667vw; border-top-right-radius: 1.8229166667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .delivery__item.md-info-item p { font-weight: 600; font-size: 1.6666666667vw; line-height: 1.875vw; letter-spacing: 0em; margin-bottom: 1.5625vw; } .delivery__item.md-info-item span { font-weight: 400; font-size: 0.8333333333vw; line-height: 1.1458333333vw; letter-spacing: 0em; margin-bottom: 1.3020833333vw; } .delivery__item.md-info-item span b { font-weight: 600; } .delivery__item.md-info-item span:last-child { margin-bottom: 0; } .delivery__item.md-info-item .icon { width: 3.6458333333vw; height: 3.6458333333vw; border-radius: 50%; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .delivery__item.md-info-item .icon img, .delivery__item.md-info-item .icon svg { margin: auto; max-width: 2.3958333333vw; max-height: 1.5104166667vw; fill: var(--main-color); } .delivery__item.md-info-item .icon img path, .delivery__item.md-info-item .icon svg path { fill: var(--main-color); } .download-price { margin-bottom: 6.7708333333vw; margin-top: 6.7708333333vw; } .download-price__container { width: 100%; min-height: 36.4583333333vw; border-radius: var(--brad-regular); position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 4.7916666667vw 15.6770833333vw 4.84375vw 5.2083333333vw; } .download-price__container::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, right top, left top, color-stop(12.21%, rgba(0, 0, 0, 0.35)), color-stop(46.43%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.35) 12.21%, rgba(0, 0, 0, 0) 46.43%); background: linear-gradient(270deg, rgba(0, 0, 0, 0.35) 12.21%, rgba(0, 0, 0, 0) 46.43%); border-radius: var(--brad-regular); z-index: 2; } .download-price__img-large { position: absolute; width: 100%; height: 36.4583333333vw; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1; } .download-price__img-large img { position: absolute; width: 72.1875vw; height: 49.9479166667vw; top: -0.625vw; right: -20.7291666667vw; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .download-price__img-small { position: absolute; width: 28.28125vw; height: 36.875vw; right: -9.1145833333vw; bottom: -12.0833333333vw; z-index: 3; } .download-price__img-small img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .download-price__title { text-align: left; margin-bottom: 2.6041666667vw; } .download-price__circle { position: absolute; width: 7.8125vw; height: 7.8125vw; background-color: #fff; top: 3.0208333333vw; left: 41.71875vw; border-radius: 50%; z-index: 5; -webkit-box-shadow: 0 0 13.0208333333vw rgba(0, 0, 0, 0.25); box-shadow: 0 0 13.0208333333vw rgba(0, 0, 0, 0.25); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; } .download-price__circle:hover .pdf-circle { -webkit-animation-play-state: paused; animation-play-state: paused; } .download-price__circle .pdf-circle { position: absolute; top: 0.5208333333vw; left: 0.5208333333vw; right: 0.5208333333vw; bottom: 0.5208333333vw; width: 6.7708333333vw; height: 6.7708333333vw; -webkit-animation: rotation 15s linear infinite; animation: rotation 15s linear infinite; } .download-price__circle .circle-arrow { width: 0.8854166667vw; height: 1.0416666667vw; fill: var(--main-color); margin-bottom: 0.3125vw; } .download-price__circle .circle-arrow path { fill: var(--main-color); } .download-price__circle p { color: var(--main-color); font-weight: 600; font-size: 0.7291666667vw; line-height: 1.0416666667vw; text-align: center; letter-spacing: 0em; } .download-price__circle p span { /* font-family: "Inter", Arial, sans-serif; */ } .download-price__content { position: relative; z-index: 4; color: #fff; } .first { position: relative; min-height: 48.177vw; padding-top: 0; margin-top: 0; margin: 0 1vw; margin-bottom: 5.208vw; border-radius: 1vw; } .first__bg { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; } .first__bg .main-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; border-radius: var(--brad-regular); } .first__bg .second-bg { /* width: 59.21875vw; */ /* height: 50.4166666667vw; */ max-width: 95%; max-height: 95%; position: absolute; right: 0; bottom: 0; z-index: 2; pointer-events: none; } .first__content { padding-top: 9.375vw; /* padding-bottom: 2.6041666667vw; */ } .first__title { width: 56.7708333333vw; font-weight: 400; font-size: 3.2816vw; line-height: 1.4; letter-spacing: 0em; margin-bottom: 1.563vw; } .first__title b { font-weight: 700; } .first__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 2.2395833333vw; } .first__text .dots { margin-top: 0.78125vw; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0.88vw; } .first__text .dots span { width: 0.46875vw; height: 0.46875vw; border-radius: 50%; border: 0.0520833333vw solid var(--main-color); margin-right: 0.3645833333vw; opacity: 0.5s; } .first__text .dots span:first-child { -webkit-animation: wave_1 2s linear infinite; animation: wave_1 2s linear infinite; } .first__text .dots span:nth-child(2) { -webkit-animation: wave_2 2s linear infinite; animation: wave_2 2s linear infinite; } .first__text .dots span:nth-child(3) { -webkit-animation: wave_3 2s linear infinite; animation: wave_3 2s linear infinite; } .first__text .dots span:nth-child(4) { -webkit-animation: wave_4 2s linear infinite; animation: wave_4 2s linear infinite; } .first__text .dots span:last-child { margin-right: 0; } .first__text p { width: 42.344vw; font-weight: 400; font-size: 1.458vw; line-height: 1.5; letter-spacing: 0em; /* margin-left: 0.8854166667vw;8*/ /* margin-right: 0.8854166667vw; */ } .first__bullets { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 3.5416666667vw; max-width: 49%; } .md-first-with-form .first__bullets{ max-width: 100%; } .first__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } .first__buttons-btn { /* margin-right: 1.8229166667vw; */ width: auto; min-width: 280px; justify-content: center; padding: 0 1vw; } .first__buttons-btn:hover{ padding: 0 1vw; } .first__buttons-text { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .first__buttons-text::before, .first__buttons-text::after { content: ""; width: 0.3302083333vw; height: 0.3302083333vw; border-radius: 50%; position: absolute; top: 0; left: -0.1041666667vw; background-color: var(--main-color); z-index: 2; } .first__buttons-text::after { z-index: 1; -webkit-animation: pulse_2 2s linear infinite; animation: pulse_2 2s linear infinite; } .first__buttons-text img, .first__buttons-text svg { width: 1.1265625vw; height: 0.9125vw; fill: #1C1C1C; margin-bottom: 0.6770833333vw; position: relative; z-index: 3; } .first__buttons-text img path, .first__buttons-text svg path { fill: #1C1C1C; } .first__buttons-text p { font-size: 0.8333333333vw; line-height: 1.3020833333vw; letter-spacing: 0em; } .first.md-mb-0 { margin-bottom: 0; } .first.md-dark-bg { color: #fff; } .first.md-dark-bg .first__buttons-text svg { fill: #fff; } .first.md-dark-bg .first__buttons-text svg path { fill: #fff; } .first.md-first-with-form .wrapper { padding-top: 3.0208333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .first.md-first-with-form .first__title { width: 100%; } .first.md-first-with-form .first__content { width: 44.53125vw; } .first__form { width: 23.8541666667vw; border: 0.2083333333vw solid rgba(255, 255, 255, 0.35); border-radius: var(--brad-regular); background-color: #fff; padding: 1.7708333333vw 2.2916666667vw; position: relative; color: var(--text-main-color); } .first__form .form-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.0416666667vw; } .first__form .form-title p { width: 8.0729166667vw; font-weight: 700; font-size: 1.09375vw; line-height: 1.8229166667vw; letter-spacing: 0em; } .first__form .form-img { width: 7.2916666667vw; height: 9.8958333333vw; -ms-flex-negative: 0; flex-shrink: 0; } .first__form .form-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .first__form .form-text { font-weight: 500; font-size: 0.9375vw; line-height: 1.9270833333vw; letter-spacing: 0em; text-align: center; margin-bottom: 0.4166666667vw; } .first__form .form-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .first__form .form-container .form-select, .first__form .form-container .form-input { margin: 0; margin-bottom: 0.78125vw; background-color: #F8F8F8; } .first__form .form-container .form-btn { width: 100%; padding: 0 3.90625vw; } .first__form .form-container .form-btn:hover { padding: 0 4.1666666667vw; } .first.md-first-style-2 .first__title { width: 56.25vw; text-align: center; margin: 0 auto; margin-bottom: 2.34375vw; } .first.md-first-style-2 .first__text { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .first.md-first-style-2 .first__text p { width: auto; max-width: 67.7083333333vw; } .first.md-first-style-2 .first__bullets { width: 55.7291666667vw; margin: 0 auto; margin-bottom: 3.6458333333vw; justify-content: center; } .first.md-first-style-2 .first__bullets .bullets-item { max-width: 17.7083333333vw; } .first.md-first-style-2 .first__buttons { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .first.md-error-page { min-height: 39.53125vw; margin-bottom: 0; padding-top: 0; margin-top: -3.0729166667vw; } .first.md-error-page .first__content { padding-top: 7.2916666667vw; color: #fff; } .first.md-error-page .first__bg { top: 0; bottom: 0; height: auto; } .first.md-error-page .first__title { width: 31.25vw; margin-bottom: 3.125vw; } .first.md-error-page .first__text { margin-bottom: 3.125vw; } .first.md-error-page .first__buttons-btn { width: 15.625vw; padding: 0 3.6458333333vw; } .first.md-error-page .first__buttons-btn:hover { padding: 0 3.90625vw; } .first.md-thanx-page { margin-bottom: 1vw; min-height: 51.0416666667vw; } .first.md-thanx-page .first__bg { height: auto; bottom: 0; } .first.md-thanx-page .first__bg .second-bg { width: 32.9166666667vw; height: 39.0104166667vw; right: 10.78125vw; } .first.md-thanx-page .first__content { padding-top: 6.7708333333vw; } .first.md-thanx-page .first__title { width: 41.6666666667vw; margin-bottom: 3.125vw; } .first.md-thanx-page .first__text { margin-bottom: 3.125vw; } .first.md-thanx-page .first__buttons-btn { width: 15.625vw; padding: 0 3.6458333333vw; } .first.md-thanx-page .first__buttons-btn:hover { padding: 0 3.90625vw; } .first.md-after-breadcrumbs { margin-top: -15.9375vw; padding-top: 15.9375vw; } .first.md-lid-magnit { margin-bottom: 0; min-height: 51.0416666667vw; } .first.md-lid-magnit .first__content { padding-top: 8vw; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.65) 60%, rgba(255, 255, 255, 0) 100%); padding-left: 4vw; padding-right: 4vw; padding-bottom: 4vw; border-radius: 1vw; padding-bottom: 5.2083333333vw; } .first.md-lid-magnit .first__text { margin-bottom: 1.3020833333vw; } .first.md-lid-magnit .first__title { margin-bottom: 1.3020833333vw; font-weight: 700; font-size: 2.005208vw; line-height: 3.90625vw; letter-spacing: 0em; } .first.md-lid-magnit .first__bottom-form .form-text { font-weight: 500; font-size: 1.25vw; line-height: 1.9270833333vw; } .first.md-lid-magnit .first__bg { height: auto; bottom: 0; } .first.md-lid-magnit .first__bg .second-bg { width: 100vw; height: 51.0416666667vw; top: auto; left: 30.0520833333vw; right: auto; bottom: 0; -o-object-fit: cover; object-fit: cover; } .bullets-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* max-width: 11.9791666667vw; */ margin-left: 3.6458333333vw; cursor: pointer; align-items: flex-start; } .bullets-item:first-child { margin-left: 0; } .bullets-item:hover > img { -webkit-transform: scale(1.2); transform: scale(1.2); } .bullets-item > img { /* width: 2.0833333333vw; */ /* height: 2.0833333333vw; */ margin-bottom: 0.8333333333vw; -webkit-transition: 0.3s; transition: 0.3s; } .bullets-item p { font-size: 0.9375vw; line-height: 1.3020833333vw; letter-spacing: 0em; } .bullets-item p b { font-weight: 700; } .footer { background: #09253f; color: #fff; } .footer.md-bottom-only .footer__top { display: none; } .footer.md-bottom-only .footer__bottom { padding-bottom: 1.3020833333vw; } .footer__logo { width: 9.8958333333vw; padding-bottom: 3.90625vw; border-bottom: 0.0520833333vw solid rgba(255, 255, 255, 0.35); display: -webkit-box; display: -ms-flexbox; display: flex; } .footer__logo a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__logo a img, .footer__logo a svg { width: 2.8645833333vw; height: 2.2114583333vw; -o-object-fit: cover; object-fit: cover; fill: var(--main-color); } .footer__logo a img path, .footer__logo a svg path { fill: var(--main-color); } .footer__logo a p { font-size: 2.0833333333vw; font-weight: 400; letter-spacing: 0em; } .footer__logo a p b { font-weight: 700; } .footer__social { padding-top: 3.8541666667vw; } .footer__social p { font-weight: 400; font-size: 1.0416666667vw; line-height: 1.25vw; letter-spacing: 0em; margin-bottom: 0.8333333333vw; } .footer__social p b { font-weight: 700; } .footer__social > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__social > div a { width: 2.1354166667vw; height: 2.1354166667vw; border-radius: 50%; position: relative; overflow: hidden; margin-right: 0.4166666667vw; -webkit-transition: 0.3s; transition: 0.3s; } .footer__social > div a:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .footer__social > div a:last-child { margin-right: 0; } .footer__social > div a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .footer__top { padding-top: 3.125vw; padding-bottom: 4.1666666667vw; border-bottom: 0.0520833333vw solid rgba(255, 255, 255, 0.35); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__top-main { width: 19.1666666667vw; padding-right: 9.1145833333vw; -ms-flex-negative: 0; flex-shrink: 0; } .footer__top-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__top-item { width: 10.0520833333vw; -ms-flex-negative: 0; flex-shrink: 0; } .footer__top-item:nth-child(3) { width: 18.75vw; } .footer__top-item:last-child { width: 14.1666666667vw; } .footer-title { font-weight: 700; font-size: 0.729167vw; line-height: 1.1979166667vw; letter-spacing: 0em; margin-bottom: 0.7291666667vw; } .footer-text { color: #CACACA; } .footer-text p { font-weight: 500; font-size: 0.8333333333vw; line-height: 1.25vw; letter-spacing: 0em; margin-bottom: 1.0416666667vw; } .footer-text p:last-child { margin-bottom: 0; } .footer-list { list-style: none; } .footer-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer-list li img, .footer-list li svg { width: 0.625vw; height: 0.46875vw; margin-top: 0.5729166667vw; margin-right: 0.5729166667vw; -o-object-fit: cover; object-fit: cover; fill: var(--main-color); -ms-flex-negative: 0; flex-shrink: 0; } .footer-list li img path, .footer-list li svg path { fill: var(--main-color); } .footer-list li span { text-decoration: none !important; } .footer-list a, .footer-list span { font-weight: 500; font-size: 0.8333333333vw; line-height: 1.5625vw; letter-spacing: 0em; color: #CACACA; } .footer-list a:hover, .footer-list span:hover { text-decoration: underline; } .footer__bottom { padding-top: 2vw; padding-bottom: 2vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__bottom-item:first-child, .footer__bottom-item:last-child { /* width: 7.5520833333vw; */ } .footer__bottom-item:last-child p { text-align: right; } .footer__bottom-item p { font-weight: 400; font-size: 0.833vw; line-height: 1.25vw; letter-spacing: 0em; } .footer__bottom-item p span, .footer__bottom-item p a { color: #fff; } .footer__bottom-item p span::after, .footer__bottom-item p a::after{ border-color: #fff; } .geography { position: relative; margin-bottom: 5.2083333333vw; } .geography__bg { position: absolute; top: -26.5625vw; left: 0; right: 0; width: 100%; height: 80.78125vw; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: -1; } .geography__title { margin-bottom: 2.6041666667vw; } .geography__map { border-radius: var(--brad-regular); overflow: hidden; margin-bottom: 4.1666666667vw; } .geography__map img { width: 100%; pointer-events: none; } .geography__container { width: 100%; } .geography__container .container-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1.0416666667vw -1.8229166667vw; } .geography__item { width: 39.0625vw; margin: 1.0416666667vw 1.8229166667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .geography__item .item-title { font-weight: 700; font-size: 1.3125vw; line-height: 2.1875vw; letter-spacing: 0em; margin-bottom: 1.3020833333vw; -ms-flex-negative: 0; flex-shrink: 0; } .geography__item .item-text { font-weight: 400; font-size: 0.7291666667vw; line-height: 1.1458333333vw; letter-spacing: 0em; color: #8A8A8A; margin-bottom: 1.8229166667vw; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .geography__item .item-text:last-child { margin-bottom: 0; } .geography__item .item-slider { width: 100%; height: 26.0416666667vw; padding-bottom: 3.125vw; -ms-flex-negative: 0; flex-shrink: 0; } .geography__item .item-slider .slider-container, .geography__item .item-slider .swiper-container { height: 100%; position: relative; } .geography__item .item-slider .slider-container .swiper-slide, .geography__item .item-slider .swiper-container .swiper-slide { border-radius: var(--brad-regular); } .geography__item .item-slider .slider-btn { top: 50%; left: 2.2916666667vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; -webkit-box-shadow: 0 0 13.0208333333vw rgba(0, 0, 0, 0.25); box-shadow: 0 0 13.0208333333vw rgba(0, 0, 0, 0.25); } .geography__item .item-slider .slider-btn img, .geography__item .item-slider .slider-btn svg { width: 0.4708333333vw; height: 0.8234375vw; -o-object-fit: cover; object-fit: cover; fill: #C7C7C7; -webkit-transition: 0.3s; transition: 0.3s; } .geography__item .item-slider .slider-btn img path, .geography__item .item-slider .slider-btn svg path { fill: #C7C7C7; } .geography__item .item-slider .slider-btn.slider-next-btn { left: auto; right: 2.2916666667vw; } .geography__item .item-slider .slider-btn:hover { background-color: var(--main-color-darken); } .geography__item .item-slider .slider-btn:hover img, .geography__item .item-slider .slider-btn:hover svg { fill: #fff; } .geography__item .item-slider .slider-btn:hover img path, .geography__item .item-slider .slider-btn:hover svg path { fill: #fff; } .geography__item .item-slider .slider-pagination { bottom: -2.0833333333vw; } .geography__slide { display: block; width: 100%; height: 100%; } .geography__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .get-consultation { margin-bottom: 2.865vw; } .get-consultation .form-checkbox p span{ color:#fff; text-decoration: underline; } .get-consultation__container { width: 100%; min-height: 36.4583333333vw; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; overflow: hidden; overflow: hidden; border-radius: var(--brad-regular); color: #fff; padding: 4.688vw 6.719vw 4.688vw 3.646vw; overflow: hidden; } .get-consultation__title { text-align: left; margin-bottom: 1.3020833333vw; max-width: 50vw; } .getcons__text{ margin-bottom: 2.135vw !important; } @media(min-width:768px){ .c_otkdua, .c_kuda{ width: 11.979vw !important; } .c_ves{ width: 10vw !important; } .c_phone{ width: 16.302vw !important; } } .get-consultation__content .form-input{ z-index: 1; padding-left: 1vw; padding-right: 1vw; } .get-consultation__form { margin-bottom: 1.0416666667vw; } .get-consultation__form .form-btn { width: 18.771vw; padding: 0 1.7vw; justify-content: center; text-transform: uppercase; } .get-consultation__form .form-btn:hover{ padding: 0; padding: 0 1.7vw; } .get-consultation__person { position: absolute; width: 35.2604166667vw; height: 36.458vw; right: 0; bottom: 0; } .get-consultation__person .person-info { width: 8.552083vw; position: absolute; top: 10.8125vw; left: 5.885417vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .get-consultation__person .person-info p { /* font-weight: 700; */ font-size: 1.25vw; line-height: 1.4583333333vw; text-align: right; letter-spacing: 0em; } .get-consultation__person .person-info span { font-weight: 400; font-size: 0.8333333333vw; line-height: 1.9270833333vw; text-align: right; letter-spacing: 0em; } .get-consultation__person .person-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .get-consultation__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2vw; } .get-consultation__links p { /* font-weight: 500; */ font-size: 1.25vw; line-height: 1.9270833333vw; letter-spacing: 0em; margin-right: 1.3020833333vw; } .get-consultation__links p b { font-weight: 700; } .get-consultation__links a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.0208333333vw; height: 3.0208333333vw; border-radius: 50%; margin-right: 0.625vw; -webkit-transition: 0.3s; transition: 0.3s; } .get-consultation__links a:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .get-consultation__links a img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .get-consultation.md-style-2 { margin-bottom: 4.6875vw; } .get-consultation.md-style-2 .get-consultation__container { padding: 3.5416666667vw 4.84375vw 3.5416666667vw 6.6666666667vw; } .get-consultation.md-style-2 .get-consultation__content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .get-consultation.md-style-2 .get-consultation__info { width: 23.1770833333vw; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .get-consultation.md-style-2 .get-consultation__text { font-weight: 500; font-size: 1.25vw; line-height: 1.4583333333vw; letter-spacing: 0em; margin-bottom: 3.125vw; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .get-consultation.md-style-2 .get-consultation__form { width: 20.8333333333vw; margin-bottom: 0; } .get-consultation.md-style-2 .get-consultation__form .form-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .get-consultation.md-style-2 .get-consultation__form .form-text { font-weight: 600; font-size: 2.0833333333vw; line-height: 2.6041666667vw; letter-spacing: 0em; margin-bottom: 0.78125vw; } .get-consultation.md-style-2 .get-consultation__form .form-list { list-style: disc; padding-left: 1.3020833333vw; margin-bottom: 1.4583333333vw; } .get-consultation.md-style-2 .get-consultation__form .form-list li { font-weight: 500; font-size: 0.8333333333vw; line-height: 1.4583333333vw; letter-spacing: 0em; position: relative; } .get-consultation.md-style-2 .get-consultation__form .form-input { width: 100%; margin-right: 0; margin-bottom: 1.0416666667vw; } .get-consultation.md-style-2 .get-consultation__form .form-btn { width: 100%; } .get-consultation.md-style-2 .get-consultation__person { width: 26.6145833333vw; height: 36.4583333333vw; position: absolute; left: 29.7916666667vw; bottom: 0; } .get-consultation.md-style-2 .get-consultation__person .person-info { top: 19.0625vw; left: 1.5625vw; right: auto; bottom: auto; } .get-consultation.md-style-2 .get-consultation__person .person-info p, .get-consultation.md-style-2 .get-consultation__person .person-info span { text-align: left; } .get-consultation.md-style-2 .get-consultation__contacts { margin-bottom: 3.125vw; } .get-consultation.md-style-2 .get-consultation__contacts p { font-weight: 600; font-size: 1.25vw; line-height: 2.6041666667vw; letter-spacing: 0em; } .get-consultation.md-style-2 .get-consultation__contacts p span { font-family: "Inter", Arial, sans-serif; } .get-consultation.md-style-2 .get-consultation__contacts a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; font-size: 1.5625vw; line-height: 2.6041666667vw; letter-spacing: 0em; color: #fff; } .get-consultation.md-style-2 .get-consultation__contacts a:hover span { color: var(--main-color); } .get-consultation.md-style-2 .get-consultation__contacts a span { font-family: "Inter", Arial, sans-serif; -webkit-transition: 0.3s; transition: 0.3s; } .get-consultation.md-style-2 .get-consultation__contacts a img, .get-consultation.md-style-2 .get-consultation__contacts a svg { width: 1.09375vw; height: 1.09375vw; -o-object-fit: cover; object-fit: cover; fill: var(--main-color); margin-right: 0.5208333333vw; } .get-consultation.md-style-2 .get-consultation__contacts a img path, .get-consultation.md-style-2 .get-consultation__contacts a svg path { fill: var(--main-color); } .get-consultation.md-style-2 .get-consultation__links p { width: 8.8541666667vw; font-size: 1.25vw; line-height: 1.5625vw; } .search-form{ width: 15.05208vw; height: 2.86458vw; position: relative; } .search-form input{ width: 100%; height: 100%; font-size: 1vw; padding-left: 1.46vw; border-radius: var(--brad-regular); /* border: 1px solid #E3E3E3; */ background: #FFF; position: relative; z-index: 5; } .search-form input::placeholder{ opacity: 0.6; } .search-form button{ width: 2.8125vw; height: 100%; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; z-index: 5; cursor: pointer; background: transparent; } .search-form button svg path{ transition: 0.4s; } .search-form-results-wrap{ padding-top: 2.86458vw; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(2.86458vw + 2px); border-radius: var(--brad-regular); background: #fff; /* border: 1px solid #E3E3E3; */ transition: 0.4s; } .search-form-results-wrap.active{ height: auto; } .search-form-results{ padding: 0.521vw; max-height: 0; transition: 0.4s; overflow-y: auto; font-size: 1vw; } .search-form-results::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } .search-form-results::-webkit-scrollbar{ width: 6px; background-color: #F5F5F5; } .search-form-results::-webkit-scrollbar-thumb{ background-color: var(--main-color); border-radius: 20px; } .search-form-results-wrap.active .search-form-results{ max-height: 300px } .search-form-results a{ color: var(--text-main-color); padding: 0.26vw 0.521vw; margin: 0.26vw 0; display: flex; align-items: center; gap: 0.521vw; transition: 0.4s; } .search-form-results a:hover { color: var(--main-color); } .search-form-results a p{ font-size: 1vw; line-height: 115%; } .search-form-results a img{ --size: 1.563vw; width: var(--size); height: var(--size); object-fit: contain; } .search-header{ font-size: 3.125vw; font-weight: 500; text-align: center; margin-bottom: 2.08vw; } .search-header span{ text-decoration-line: underline; } .search .search-form{ width: 36.45833vw; height: 4.16667vw; margin: 0 auto 4.74vw; border: 1px solid #E3E3E3; border-radius: var(--brad-regular); } .search .search-form-results-wrap{ display: none; } .search .search-form input{ font-size: 0.9375vw; padding-left: 2.08vw; } .search .search-form button{ width: 4.16667vw; } .search .search-form button svg{ width: 1.01375vw; height: 1.01359vw; } .search-result{ margin-bottom: 5vw; } .search-count{ display: none; } @media only screen and (max-width: 768px){ .search-form{ width: 100%; height: 9vw; margin-bottom: 5vw; } .search-form input{ font-size: 3.5vw; padding-left: 3vw; } .search-form button{ width: 9vw; height: 9vw; } .search-form-results-wrap{ padding-top: 9vw; z-index: 2; } .search-form-results{ padding: 3.125vw; font-size: 3vw; } .search-form-results a{ gap: 0 3.125vw; padding: 1.563vw 3.125vw; margin: 1.563vw 0; } .search-form-results a img{ --size: 8vw; } .search-form-results a p{ font-size: 3.5vw; } .search-header{ font-size: 8vw; } .search .search-form{ width: 100%; height: 9vw; margin-bottom: 10vw; } .search .search-form input{ font-size: 3vw; padding-left: 4vw; } .search .search-form button{ height: 9vw; width: 9vw; } .search .search-form button svg{ width: 4vw; height: 4vw; } } .header { height: auto; padding-top: 1vw; background-color: #F5F8F9; position: relative; z-index: 30; margin: 1vw; border-radius: var(--brad-regular); } .header.md-bg-transparent { background-color: transparent; margin-bottom: 0; } .header.md-bg-transparent .nav-wrap { border-bottom: 0.0520833333vw solid rgba(28, 28, 28, 0.07); } .header.md-bg-transparent .header__download a:hover { border-color: var(--main-color); } .header.md-white-header { color: #fff; } .header.md-white-header .header__nav.fixed .nav-wrap .nav .nav-item a { color: var(--text-main-color); } .header.md-white-header .header__nav.fixed .nav-wrap .nav .nav-item.dropdown-item::after { border-color: var(--text-main-color); } .header.md-white-header .nav-wrap { border-color: rgba(255, 255, 255, 0.3); } .header.md-white-header .nav-wrap .nav .nav-item a { color: #fff; } .header.md-white-header .nav-wrap .nav .nav-item a:hover { color: var(--main-color); } .header.md-white-header .nav-wrap .nav .nav-item.dropdown-item::after { border-color: #fff; } .header.md-white-header .nav-wrap .nav .nav-item.dropdown-item:hover::after { border-color: var(--main-color); } .header.md-white-header .nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item a { color: var(--text-main-color); } .header.md-white-header .nav-wrap .nav .nav-item:first-child svg { opacity: 1; } .header.md-white-header .header__top .wrapper { border-color: rgba(255, 255, 255, 0.3); } .header.md-white-header .header__logo a, .header.md-white-header .header__download a, .header.md-white-header .header__contacts a { color: #fff; } .header.md-white-header .header__download a { border-color: #fff; } .header.md-white-header .header__download a span { color: #fff; } .header.md-white-header .header__contacts a:hover { color: var(--main-color); } .header__btn { display: none; } .header__btn-wrap{ display: flex; align-items: center; } .header__btn-wrap p{ width: 2.8229166667vw; font-size: 0.729vw; text-transform: uppercase; font-weight: 500; margin-right: 1vw; letter-spacing: 0em; } .header__btn { display: block; width: 2.7vw; height: 1.5vw; position: relative; cursor: pointer; z-index: 999 } .header__btn span { width: 100%; height: 0.2571428571vw; /* border-radius: var(--brad-regular); */ position: absolute; left: 0; background-color: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; } .header__btn span:first-child { top: 0; } .header__btn span:nth-child(2) { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header__btn span:last-child { bottom: 0; width: 1.2vw; } .header__btn.open span:first-child { top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); -webkit-transform-origin: center center; transform-origin: center center; } .header__btn.open span:nth-child(2) { opacity: 0; } .header__btn.open span:last-child { bottom: 50%; -webkit-transform: translateY(50%) rotate(45deg); transform: translateY(50%) rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; width: 2.7vw; } .header__top .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 1vw; border-bottom: 0.0520833333vw solid rgba(28, 28, 28, 0.07); } .header__logo { /* width: 9.8958333333vw; */ } .header__logo a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--text-main-color); } .header__logo a img, .header__logo a svg { width: auto; height: 3.125vw; fill: var(--main-color); } .header__logo a img path, .header__logo a svg path { fill: var(--main-color); } .header__logo a p { font-size: 2.0833333333vw; font-weight: 400; margin-left: 1vw; } .header__logo a p b { font-weight: 700; } .header__text { width: 10.4166666667vw; font-size: 0.7291666667vw; line-height: 1.0416666667vw; letter-spacing: 0em; } .header__address { width: 13.28125vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__address img, .header__address svg { width: 1.0416666667vw; height: 1.25vw; margin-right: 0.78125vw; fill: var(--main-color); } .header__address img path, .header__address svg path { fill: var(--main-color); } .header__address p { font-size: 0.8333333333vw; line-height: 1.3020833333vw; letter-spacing: 0em; } .header__address p b { font-weight: 700; } .header__download { width: 16.1458333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__download a { width: 100%; height: 3.90625vw; border-radius: var(--brad-regular); border: 0.0520833333vw solid var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 1.5625vw; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; } .header__download a img, .header__download a svg { width: 1.0416666667vw; height: 1.0416666667vw; fill: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; } .header__download a img path, .header__download a svg path { fill: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; } .header__download a span { font-size: 0.8333333333vw; line-height: 0.9895833333vw; letter-spacing: 0em; color: var(--main-color); font-weight: 600; -webkit-transition: 0.3s; transition: 0.3s; } .header__download a:hover { background-color: var(--main-color); } .header__download a:hover img{ filter: brightness(0) invert(1) } .header__download a:hover img, .header__download a:hover svg { fill: white; } .header__download a:hover img path, .header__download a:hover svg path { fill: white; } .header__download a:hover span { color: white; } .header__social, .header__contacts { width: 12.7604166667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1vw; } .header__social p, .header__contacts p { font-size: 0.8333333333vw; line-height: 0.9895833333vw; letter-spacing: 0em; margin-bottom: 0.78125vw; position: relative; } .header__social p b, .header__contacts p b { font-weight: 600; } .header__social p b span, .header__contacts p b span { font-family: "Inter", Arial, serif; } .header__social p::before, .header__contacts p::before { content: ""; position: absolute; width: 0.2083333333vw; height: 0.2083333333vw; border-radius: 50%; background-color: #3FBD7F; top: 50%; left: -0.5208333333vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .header__social p::after, .header__contacts p::after { content: ""; position: absolute; width: 0.2083333333vw; height: 0.2083333333vw; border-radius: 50%; background-color: #3FBD7F; top: 50%; left: -0.5208333333vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; -webkit-transition: 0.3s; transition: 0.3s; -webkit-animation: pulse_1 3s linear infinite; animation: pulse_1 3s linear infinite; } .header__contacts { width: 12.7604166667vw; } .header__contacts p { margin-bottom: 0.5208333333vw; font-weight: 500; } .header__contacts a { font-family: "Inter", Arial, serif; font-weight: 600; font-size: 1.0416666667vw; line-height: 1.3541666667vw; color: var(--text-main-color); margin-bottom: 0.15625vw; -webkit-transition: 0.3s; transition: 0.3s; } .header__right{ display: flex; gap: 6.25vw; } .header__contacts a:hover { color: var(--main-color); } .header__contacts .call-back { color: var(--main-color); font-size: 0.8333333333vw; line-height: 0.9895833333vw; letter-spacing: 0em; font-weight: 400; } .header__nav { -webkit-transition: 0.3s; transition: 0.3s; } .header__nav.fixed { position: fixed; top: 0; left: 0; right: 0; background-color: #F5F8F9; } .header__nav.fixed .nav-wrap { border-bottom: none; } .header__nav .search-form{ display: none; } .nav-wrap ul { list-style: none; } .nav-wrap .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nav-wrap .nav .nav-item { /* display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; */ padding: 1.3541666667vw 0.8vw; -webkit-transition: 0.3s; transition: 0.3s; min-width: max-content; } /* .nav-wrap .nav .nav-item:first-child { padding-top: 0; padding-left: 0; padding-bottom: 0; }*/ .nav-wrap .nav .nav-item:first-child img, .nav-wrap .nav .nav-item:first-child svg { width: 1.1979166667vw; height: 1.1458333333vw; fill: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; } .nav-wrap .nav-item--home a { font-size: 0px !important; } .nav-wrap .nav-item--home a img, .nav-wrap .nav-item--home a svg { width: 1.1979166667vw; height: 1.1458333333vw; fill: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; } .nav-wrap .nav .nav-item:first-child img path, .nav-wrap .nav .nav-item:first-child svg path { fill: var(--main-color); } .nav-wrap .nav .nav-item:first-child img:hover, .nav-wrap .nav .nav-item:first-child svg:hover { opacity: 1; } .nav-wrap .nav .nav-item:last-child { padding-right: 0; } .nav-wrap .nav .nav-item a { text-transform: uppercase; font-size: 0.9375vw; color: var(--text-main-color); font-weight: 600; -webkit-transition: 0.3s; transition: 0.3s; } .nav-wrap .nav .nav-item a:hover { color: var(--main-color); } .nav-wrap .nav .nav-item.dropdown-item { position: relative; } .nav-wrap .nav .nav-item.dropdown-item .nav-menu { min-width: 100%; position: absolute; top: 100%; left: 0; padding: 1.5625vw 2.34375vw; background-color: #F5F8F9; pointer-events: none; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; border-top: 0.0520833333vw solid rgba(28, 28, 28, 0.07); } .nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-menu--level-2 { top: -100%; left: 100%; border-top: 0; } .nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item { padding: 0; padding-bottom: 0.78125vw; /* margin-bottom: 0.78125vw; */ } .nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item:last-child { /* margin-bottom: 0; */ padding-bottom: 0; } .nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item a { font-weight: 400; white-space: nowrap; font-size: 0.8333333333vw; line-height: 0.8333333333vw; text-transform: none; } .nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item a.active { font-weight: 700; text-decoration: none !important; } .nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item a:hover { color: var(--text-main-color); text-decoration: underline; } .nav-wrap .nav .nav-item.dropdown-item::after { content: ""; display: inline-flex; width: 0.46875vw; height: 0.46875vw; margin-left: 0.6770833333vw; border-left: 0.0520833333vw solid var(--text-main-color); border-bottom: 0.0520833333vw solid var(--text-main-color); -webkit-transform: translateY(-33%) rotate(-45deg); transform: translateY(-33%) rotate(-45deg); -webkit-transition: 0.3s; transition: 0.3s; } .nav-wrap .nav .nav-menu--level-1 .nav-item.dropdown-item::after { -webkit-transform: translateY(0%) rotate(-135deg); transform: translateY(0%) rotate(-135deg); } /* .nav-wrap .nav .nav-menu--level-1 .nav-item.dropdown-item::after, .nav-wrap .nav .nav-menu--level-2 .nav-item.dropdown-item::after { content: none; } */ /* @media only screen and (max-width: 768px) { .nav-wrap .nav .nav-menu--level-1 .nav-item.dropdown-item::after { content: none; } } */ .nav-wrap .nav .nav-item.dropdown-item:hover { background-color: #F5F8F9; } .nav-wrap .nav .nav-item.dropdown-item:hover > .nav-menu { pointer-events: all; opacity: 1; } .nav-wrap .nav .nav-item.dropdown-item:hover > a { color: var(--main-color); } .nav-wrap .nav .nav-item.dropdown-item:hover::after { border-color: var(--main-color); } .social-links { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .social-links a { width: 2.2916666667vw; height: 2.2916666667vw; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* background-color: var(--main-color); */ margin: 0 0.2604166667vw; -webkit-transition: 0.3s; transition: 0.3s; } .social-links a:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .social-links a img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .navigator { position: fixed; top: 0; left: -14.5833333333vw; width: 14.5833333333vw; height: 26.0416666667vw; background-color: black; z-index: 100; -webkit-transition: 0.3s; transition: 0.3s; } .navigator .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; padding: 1.5625vw 1.0416666667vw; overflow-y: scroll; } .navigator a { color: #fff; font-size: 1.0416666667vw; margin-bottom: 0.5208333333vw; } .navigator a:last-child { margin-bottom: 0; } .navigator a:hover { text-decoration: underline; } .navigator:hover { left: 0; } .navigator::after { content: "NAV"; width: 4.1666666667vw; height: 2.0833333333vw; font-size: 1.0416666667vw; line-height: 2.0833333333vw; text-align: center; position: absolute; top: 0; left: 100%; background-color: black; color: yellow; } @media only screen and (max-width: 768px) { .navigator { left: -62.5vw; width: 62.5vw; height: 93.75vw; } .navigator .container { padding: 3.125vw 1.5625vw; } .navigator a { font-size: 3.75vw; margin-bottom: 2.5vw; } .navigator::after { width: 9.375vw; height: 6.25vw; font-size: 3.75vw; line-height: 6.25vw; } } .our-values { margin-bottom: 4.4270833333vw; } .our-values__title { margin-bottom: 2.34375vw; } .our-values__container { width: 100%; } .our-values__container .container-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -0.9114583333vw; } .our-values__slider { display: none; } .our-values__item { width: 26.0416666667vw; margin: 0.9114583333vw; position: relative; padding: 2.8645833333vw 7.8125vw 2.6041666667vw 2.8645833333vw; border-radius: var(--brad-regular); background-color: var(--main-color); color: #fff; } .our-values__item .item-number { width: 2.8645833333vw; height: 2.8645833333vw; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--main-color); position: absolute; top: 1.5625vw; right: 1.5625vw; z-index: 5; background-color: #fff; font-weight: 600; font-size: 1.0416666667vw; text-align: center; letter-spacing: 0em; } .our-values__item .item-title { font-weight: 700; font-size: 1.09375vw; line-height: 1.71875vw; letter-spacing: 0em; margin-bottom: 0.78125vw; position: relative; z-index: 3; } .our-values__item .item-title:last-child { margin-bottom: 0; } .our-values__item .item-text { font-weight: 500; font-size: 0.9375vw; line-height: 1.25vw; letter-spacing: 0em; position: relative; z-index: 3; } .our-values__item.md-black-item { background-color: #1C1C1C; } .our-values__item.md-black-item::after { content: ""; width: 10.4166666667vw; height: 10.4166666667vw; position: absolute; top: 0.8333333333vw; left: 2.1875vw; background: #FFFFFF; opacity: 0.5; -webkit-filter: blur(5.2083333333vw); filter: blur(5.2083333333vw); z-index: 1; } .our-works { padding-top: 4vw; padding-bottom: 4vw; position: relative; } .our-works__bg { position: absolute; z-index: -1; /* top: -11.71875vw; */ top: 0; left: 0; right: 0; width: 100%; /* height: 57.2916666667vw; */ height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .our-works__title { margin-bottom: 1.3020833333vw; } .our-works__text { font-weight: 500; font-size: 1.6666666667vw; line-height: 4.1666666667vw; text-align: center; letter-spacing: 0em; margin-bottom: 2.6041666667vw; } .our-works__slider { height: 20.8333333333vw; margin-bottom: 5.9895833333vw; } .our-works__slider .swiper-slide { border-radius: var(--brad-regular); overflow: hidden; } .our-works__slide { display: block; width: 26.0416666667vw; height: 20.8333333333vw; border-radius: var(--brad-regular); overflow: hidden; position: relative; } .our-works__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .our-works__slide::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); -webkit-transition: 0.3s; transition: 0.3s; z-index: 2; } .our-works__slide .video-btn { position: absolute; z-index: 5; width: 4.6875vw; height: 4.6875vw; border-radius: 50%; background-color: var(--main-color); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; transition: 0.3s; } .our-works__slide .video-btn img, .our-works__slide .video-btn svg { margin: auto; width: 0.9234375vw; height: 1.0244791667vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .our-works__slide .video-btn img path, .our-works__slide .video-btn svg path { fill: #fff; } .our-works__slide .video-btn::after, .our-works__slide .video-btn::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); z-index: -1; } .our-works__slide .video-btn::before { -webkit-animation: video_pulse_big 2s linear infinite; animation: video_pulse_big 2s linear infinite; } .our-works__slide .video-btn::after { -webkit-animation: video_pulse_small 2s linear infinite; animation: video_pulse_small 2s linear infinite; } .our-works__slide:hover::after { opacity: 0.3; } .our-works__slide:hover .video-btn { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } .our-works__slide:hover .video-btn::after, .our-works__slide:hover .video-btn::before { display: none; } .our-works__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .our-works__link a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 0.8333333333vw; line-height: 0.5208333333vw; letter-spacing: 0em; color: var(--main-color); } .our-works__link a:hover span { margin-right: 0.78125vw; } .our-works__link a span { -webkit-transition: 0.3s; transition: 0.3s; margin-right: 0.5208333333vw; } .our-works__link a img, .our-works__link a svg { width: 0.9895833333vw; height: 0.9895833333vw; -o-object-fit: cover; object-fit: cover; fill: var(--main-color); } .our-works__link a img path, .our-works__link a svg path { fill: var(--main-color); } .page-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 4.1666666667vw; } .page-pagination .navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; } .page-pagination .navigation .screen-reader-text { font-size: 0.0520833333vw; height: 0.0520833333vw; overflow: hidden; position: absolute; top: -0.0520833333vw; } .page-pagination .navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-pagination .navigation .page-numbers { font-weight: 400; font-size: 0.8333333333vw; line-height: 0.9895833333vw; color: var(--text-main-color); font-family: "Inter", Arial, sans-serif; margin: 0 0.78125vw; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: 0.3s; transition: 0.3s; } .page-pagination .navigation .page-numbers:hover { color: var(--main-color); } .page-pagination .navigation .page-numbers.current { width: 1.8229166667vw; height: 1.8229166667vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-weight: 700; pointer-events: none; } .page-pagination .navigation .page-numbers.dots { pointer-events: none; } .page-pagination .navigation .page-numbers.prev, .page-pagination .navigation .page-numbers.next { font-size: 0; margin: 0; width: 1.0416666667vw; height: 1.0416666667vw; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-pagination .navigation .page-numbers.prev::before, .page-pagination .navigation .page-numbers.next::before { content: ""; width: 0.5208333333vw; height: 0.5208333333vw; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: 0.0520833333vw solid var(--text-main-color); border-bottom: 0.0520833333vw solid var(--text-main-color); -webkit-transition: 0.3s; transition: 0.3s; } .page-pagination .navigation .page-numbers.prev:hover::before, .page-pagination .navigation .page-numbers.next:hover::before { border-color: var(--main-color); } .page-pagination .navigation .page-numbers.next { -webkit-transform: scale(-1); transform: scale(-1); } .partners { padding-top: 4vw; padding-bottom: 6vw; } .partners__title { margin-bottom: 3.125vw; } .partners__slider { position: relative; height: 8.75vw; } .partners__slide { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0.0260416667vw solid #E1E1E1; position: relative; cursor: pointer; } .partners__slide:hover .slide-content { opacity: 1; } .partners__slide img { max-width: 8.2291666667vw; max-height: 4.5833333333vw; } .partners__slide .slide-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; z-index: 3; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .partners__slide .slide-content::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--main-color); opacity: 0.9; z-index: -1; } .partners__slide .slide-content p { font-weight: 700; font-size: 0.7291666667vw; line-height: 1.1979166667vw; } .partners__slide .slide-content span { font-weight: 500; font-size: 0.625vw; line-height: 1.1979166667vw; } .popup { color: #000; position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; padding-top: 2.6041666667vw; padding-bottom: 2.6041666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; /* font-family: "Gilroy", Arial, sans-serif; */ } .popup.open { opacity: 1; pointer-events: all; visibility: visible; } .popup.open .popup__blur { overflow-y: scroll; } .popup__blur { background-color: #000; opacity: 0.7; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; cursor: pointer; } .popup__container { margin: auto; z-index: 2; } .popup__block { position: relative; z-index: 2; -webkit-transition: 0.3s; transition: 0.3s; margin: auto; position: relative; background-color: #fff; } .popup__close { position: absolute; z-index: 5; top: 1.3020833333vw; right: 1.5625vw; width: 1.3020833333vw; height: 1.3020833333vw; cursor: pointer; } .popup__close img, .popup__close svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 1.0416666667vw; height: 1.0416666667vw; -o-object-fit: contain; object-fit: contain; fill: #A0A0A0; } .popup__close img path, .popup__close svg path { fill: #A0A0A0; } .politika-popup { width: 81.7708333333vw; height: 100%; padding: 2.0833333333vw; background-color: #fff; border-radius: var(--brad-regular); } .politika-popup .politika-popup__title { font-weight: 500; font-size: 1.458333vw; margin-bottom: 1.3020833333vw; } .politika-popup h2 { font-weight: 500; font-size: 1.458333vw; margin-bottom: 1.3020833333vw; } .politika-popup .politika-title { font-weight: 500; font-size: 0.875vw; line-height: 1.25vw; margin-bottom: 0.78125vw; } .politika-popup .h3 { font-weight: 500; font-size: 0.875vw; line-height: 1.25vw; margin-bottom: 0.78125vw; } .politika-popup p { font-weight: 400; font-size: 0.8333333333vw; line-height: 1.1979166667vw; margin-bottom: 0.78125vw; } .download-popup-trigger { width: 100%; height: 0.15625vw; position: fixed; top: 0; left: 0; right: 0; z-index: 2000; } .download-popup { width: 49.4791666667vw; border-radius: var(--brad-regular); position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .download-popup__img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; } .download-popup__img img { width: 100%; height: 100%; border-radius: var(--brad-regular); -o-object-fit: cover; object-fit: cover; } .download-popup__content { position: relative; z-index: 2; padding: 4.1666666667vw 15.625vw 4.1666666667vw 4.9479166667vw; } .download-popup__title { font-weight: 700; font-size: 1.75vw; line-height: 3.3854166667vw; letter-spacing: 0em; margin-bottom: 1.0416666667vw; } .download-popup__text { font-weight: 400; font-size: 0.9375vw; line-height: 1.09375vw; letter-spacing: 0em; margin-bottom: 1.5625vw; } .price-popup{ background: transparent; } .main-popup { width: 26.0416666667vw; border-radius: var(--brad-regular); background-size: cover; background-repeat: no-repeat; background-position: center center; } .main-popup__content { padding: 2.8645833333vw 2.0833333333vw 2.8645833333vw 2.0833333333vw; } .main-popup__title { font-weight: 700; font-size: 1.276042vw; line-height: 2.1354166667vw; text-align: center; letter-spacing: 0em; margin-bottom: 1.3020833333vw; } .main-popup__text { font-weight: 400; font-size: 0.9375vw; line-height: 1.09375vw; text-align: center; letter-spacing: 0em; margin-bottom: 2.0833333333vw; } .main-popup__form .form-checkbox { margin: 0 auto; } .main-popup.md-review-popup { width: 48.9583333333vw; } .main-popup.md-review-popup .md-standart-form.md-popup-form .form-container { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-popup.md-review-popup .md-standart-form.md-popup-form .form-stars { width: 100%; } .main-popup.md-review-popup .md-standart-form.md-popup-form .form-checkbox { width: auto; } .main-popup.md-review-popup .md-standart-form.md-popup-form .form-input, .main-popup.md-review-popup .md-standart-form.md-popup-form .form-select { width: 21.875vw; } .main-popup.md-review-popup .md-standart-form.md-popup-form .form-file{ width: 100%; } .md-standart-form.md-popup-form .form-title { font-weight: 700; font-size: 1.276042vw; line-height: 2.1354166667vw; letter-spacing: 0em; margin-bottom: 1.0416666667vw; padding-right: 2.6041666667vw; } .md-standart-form.md-popup-form .form-text { padding-left: 2.0833333333vw; font-weight: 500; font-size: 0.8333333333vw; line-height: 1.25vw; letter-spacing: 0em; margin-bottom: 0.5208333333vw; } .md-standart-form.md-popup-form .form-container { width: 21.875vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .md-standart-form.md-popup-form .form-select { margin: 0; width: 100%; height: 4.1666666667vw; margin-bottom: 0.5208333333vw; } .md-standart-form.md-popup-form .form-select span.current { line-height: 4.1666666667vw; } .md-standart-form.md-popup-form .form-select .list .option { line-height: 4.1666666667vw; min-height: 4.1666666667vw; } .md-standart-form.md-popup-form .form-select.open { border-top-left-radius: 2.0833333333vw; border-top-right-radius: 2.0833333333vw; } .md-standart-form.md-popup-form .form-select.open .list { border-bottom-left-radius: 2.0833333333vw; border-bottom-right-radius: 2.0833333333vw; } .md-standart-form.md-popup-form .form-input { margin: 0; width: 100%; height: 4.1666666667vw; margin-bottom: 0.5208333333vw; } .md-standart-form.md-popup-form .form-btn { width: 100%; height: 4.1666666667vw; padding: 0 1.5625vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .md-standart-form.md-popup-form .form-btn span { font-size: 0.9375vw; line-height: 1.25vw; } .md-standart-form.md-popup-form .form-checkbox { width: 14.0625vw; } .md-standart-form.md-popup-form .form-file { width: 100%; margin: 0; margin-bottom: 0.5208333333vw; } .md-standart-form.md-popup-form .form-file > div { width: 100%; height: 4.1666666667vw; } .md-standart-form.md-popup-form .form-file > div img, .md-standart-form.md-popup-form .form-file > div svg { right: 1.5625vw; } .portfolio { position: relative; padding-bottom: 4vw; padding-top: 4vw; } .portfolio200 { position: relative; padding-bottom: 2vw; padding-top: 0vw; } .portfolio__bg { position: absolute; /* top: -25.9895833333vw; */ top: 0; left: 0; right: 0; /* height: 57.2916666667vw; */ height: 100%; z-index: -1; background-size: cover; background-position: center center; background-repeat: no-repeat; } .portfolio__title { margin-bottom: 1.0416666667vw; } .portfolio__slider { display: none; } .portfolio__text { font-weight: 500; font-size: 1.6666666667vw; line-height: 3.125vw; text-align: center; letter-spacing: 0em; margin-bottom: 2.0833333333vw; } .portfolio__container { margin-bottom: 3.90625vw; } .portfolio__container .container-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 0.3020833333vw 0.823vw; } .catalogs__container .container-flex { gap: 0.3020833333vw 0.021vw; } .portfolio-sort { display: flex; align-items: center; justify-content: space-between; font-size: 0.9375vw; margin-bottom: 2.08vw; max-width: 80vw; } .portfolio-sort__title{ font-weight: 500; position: relative; } .portfolio-sort__item{ transition: 0.4s; padding: 1.3vw 2vw; cursor: pointer; } .portfolio-sort__item.active{ font-weight: 500; border-radius: var(--brad-regular); background: var(--main-color); color: #fff; } .filters__content .portfolio__container { display: flex; align-items: flex-start; margin-bottom: 0; gap: 1.56vw; } .portfolio-filters { border-radius: 1.82292vw; border: 1px solid #E1E1E1; width: 19.27083vw; min-width: 19.27083vw; padding: 1.87vw 1.72vw; color: #1C1C1C; margin-top: 1.5vw; } .portfolio-filters__close{ display: none; } .portfolio-filters__header{ font-size: 1.25vw; font-weight: 600; margin-bottom: 1.15vw; } .portfolio-filters-block{ margin-bottom: 1.15vw; } .portfolio-filters-block__title{ font-size: 0.729169vw; font-weight: 600; margin-bottom: 0.52vw; } .portfolio-filters-checkbox{ display: flex; align-items: center; cursor: pointer; margin-bottom: 0.68vw; } .portfolio-filters-checkbox p{ font-size: 0.88542vw; transition: 0.4s; } .portfolio-filters-checkbox__check{ width: 0.83333vw; height: 0.83333vw; display: flex; align-items: center; justify-content: center; background: #F5F5F5; border-radius: 5px; margin-right: 0.42vw; transition: 0.4s; } .portfolio-filters-checkbox__check svg{ margin-left: 2px; } .portfolio-filters-checkbox input{ display: none; } .portfolio-filters-checkbox input:checked~.portfolio-filters-checkbox__check{ background: var(--main-color); } .portfolio-filters-checkbox input:checked~p{ font-weight: 600; } .portfolio-filters__wrap{ display: flex; align-items: center; justify-content: space-between; } .portfolio-filters-input{ border-radius: var(--brad-regular); border: 1px solid #F5F5F5; background: #FFF; width: 6.5104vw; position: relative; height: 2.60417rem; display: flex; align-items: center; justify-content: center; overflow: hidden; } .portfolio-filters-input p{ color: #C9C9C9; font-size: 0.88542vw; font-weight: 500; position: absolute; top: 50%; transform: translateY(-50%); left: 0.8vw; } .portfolio-filters-input input{ width: 100%; height: 100%; padding-left: 2vw; padding-right: 0.8vw; font-size: 0.88542vw; font-weight: 500; } .portfolio-filters-input input::placeholder{ opacity: 0.7; } .portfolio-filters-input input[type='number'] { -moz-appearance:textfield; } .portfolio-filters-input input::-webkit-outer-spin-button, .portfolio-filters-input input::-webkit-inner-spin-button { -webkit-appearance: none; } .portfolio-filters__btn{ width: 100%; height: 3.38542vw; text-align: center; justify-content: center; font-size: 0.88542vw; font-weight: 700; margin-bottom: 0.83vw; } .portfolio-filters__btn-reset{ background: #F5F5F5; color: #CECECE; } .portfolio-filters__btn-reset:hover{ background: #dddddd; } .portfolio-filters__open{ display: none; } .portfolio-maxpages{ display: none; } @media only screen and (max-width: 768px) { .portfolio-sort{ font-size: 3vw; overflow-y: scroll; text-align: center; gap: 3vw; } .portfolio-sort__item{ min-width: 30vw; width: 30vw; padding: 2vw 3vw; } .portfolio-filters__open{ display: block; width: 100%; height: 10vw !important; margin-bottom: 5vw; font-size: 3.5vw; } .portfolio__container{ flex-direction: column; } .portfolio-filters{ position: fixed; width: 100%; height: 100%; top: 0; left: -100%; z-index: 100; background: #fff; padding: 4vw; overflow-y: auto; transition: 0.4s; } .portfolio-filters.active{ left: 0; } .portfolio-filters__close{ display: block; position: absolute; top: 2vw; right: 2vw; width: 10vw; height: 10vw; } .portfolio-filters__header{ font-size: 8vw; margin-bottom: 6vw; } .portfolio-filters-block{ margin-bottom: 3vw; } .portfolio-filters-block__title{ font-size: 3.5vw; margin-bottom: 2vw; } .portfolio-filters-checkbox{ margin-bottom: 1vw; } .portfolio-filters-checkbox p{ font-size: 4vw; } .portfolio-filters-checkbox__check{ width: 3.5vw; height: 3.5vw; margin-right: 2vw; } .portfolio-filters-input{ width: 40%; height: 12vw; } .portfolio-filters-input p{ font-size: 4vw; left: 3vw; } .portfolio-filters-input input{ font-size: 4vw; padding-left: 10vw; } .portfolio-filters__btn-wrap{ display: flex; align-items: center; justify-content: space-between; } .portfolio-filters__btn{ height: 15vw !important; font-size: 4vw; display: inline-block; width: 45%; margin: 0; padding: 0 !important; } .portfolio-filters__btn:hover{ padding: 0; } } .portfolio__item { width: 26.0416666667vw; margin-top: 3.3854166667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .portfolio__item:nth-child(1), .portfolio__item:nth-child(2), .portfolio__item:nth-child(3) { margin-top: 0; } .portfolio__item:nth-child(3n+3) { margin-right: 0; } .portfolio__item .item-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.8229166667vw; position: relative; } .portfolio__item .item-gallery a { width: 5.9895833333vw; height: 5.0520833333vw; border-radius: var(--brad-regular); margin-right: 0.625vw; overflow: hidden; } .portfolio__item .item-gallery a .video { display: none; } .portfolio__item .item-gallery a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .portfolio__item .item-gallery a:first-child { width: 26.0416666667vw; height: 20.8333333333vw; border-radius: var(--brad-regular); overflow: hidden; margin-right: 0; margin-bottom: 0.8333333333vw; position: relative; } .portfolio__item .item-gallery a:first-child .video { width: 3.125vw; height: 3.125vw; position: absolute; z-index: 2; top: 1.1979166667vw; right: 1.1979166667vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .portfolio__item .item-gallery a:first-child .video::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); -webkit-animation: pulse_2_small 2s linear infinite; animation: pulse_2_small 2s linear infinite; z-index: -1; } .portfolio__item .item-gallery a:first-child .video img, .portfolio__item .item-gallery a:first-child .video svg { width: 0.6088541667vw; height: 0.6755208333vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .portfolio__item .item-gallery a:first-child .video img path, .portfolio__item .item-gallery a:first-child .video svg path { fill: #fff; } .portfolio__item .item-gallery a:nth-child(1n+6) { display: none; } .portfolio__item .item-gallery a:nth-child(3) { margin-right: 0.6770833333vw; } .portfolio__item .item-gallery a:nth-child(5) { margin-right: 0; } .portfolio__item .item-gallery__hint { position: absolute; top: 1.1979166667vw; left: 1.1979166667vw; font-weight: 600; font-size: 0.8333333333vw; line-height: 1.7708333333vw; letter-spacing: 0em; color: #fff; background-color: var(--main-color); height: 1.7708333333vw; padding: 0 0.625vw; border-radius: var(--brad-regular); z-index: 5; } .portfolio__item .item-gallery__hint span { font-family: "inter", Arial, sans-serif; } .portfolio__item .item-gallery__hint.hidden { opacity: 0; pointer-events: none; visibility: hidden; } .portfolio__item .item-title { font-weight: 700; font-size: 1.09375vw; line-height: 2.1875vw; letter-spacing: 0em; margin-bottom: 0.7291666667vw; color: var(--text-main-color); -webkit-transition: 0.3s; transition: 0.3s; } .portfolio__item .item-title:hover { color: var(--main-color); } .portfolio__item .item-text { font-weight: 400; font-size: 0.7291666667vw; line-height: 1.1458333333vw; letter-spacing: 0em; color: #8A8A8A; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 0.78125vw; } .portfolio__item .item-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .portfolio__item .item-btn span { font-weight: 600; font-size: 0.8333333333vw; line-height: 0.5208333333vw; letter-spacing: 0em; color: var(--main-color); margin-right: 0.2604166667vw; -webkit-transition: 0.3s; transition: 0.3s; } .portfolio__item .item-btn img, .portfolio__item .item-btn svg { width: 0.9895833333vw; height: 0.9895833333vw; -o-object-fit: cover; object-fit: cover; fill: var(--main-color); } .portfolio__item .item-btn img path, .portfolio__item .item-btn svg path { fill: var(--main-color); } .portfolio__item .item-btn:hover span { margin-right: 0.5208333333vw; } .portfolio__link { width: 19.2708333333vw; margin: 0 auto; } .portfolio-typical__title { margin-bottom: 3.125vw; } .portfolio-typical__gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2.34375vw; } .portfolio-typical__gallery a { width: 19.2708333333vw; height: 9.2708333333vw; border-radius: var(--brad-regular); overflow: hidden; margin-left: 1.5625vw; } .portfolio-typical__gallery a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .portfolio-typical__gallery a:first-child { width: 100%; height: 39.0625vw; margin-left: 0; margin-bottom: 1.6666666667vw; } .portfolio-typical__gallery a:nth-child(2) { margin-left: 0; } .portfolio-typical__gallery a:nth-child(1n+6) { display: none; } .portfolio-typical__description { padding: 3.6458333333vw 4.1666666667vw; background: #F5F8F9; border-radius: var(--brad-regular); margin-bottom: 3.90625vw; } .portfolio-typical__description .description-title { font-weight: 700; font-size: 1.3125vw; line-height: 2.1875vw; letter-spacing: 0em; margin-bottom: 0.78125vw; } .portfolio-typical__description .description-text { font-weight: 400; font-size: 1.0416666667vw; line-height: 1.5625vw; margin-bottom: 1.0416666667vw; } .portfolio-typical__description .description-text:last-child { margin-bottom: 0; } .portfolio-typical__description .description-bottom { display: none; } .portfolio-typical__editor{ margin-bottom: 3.90625vw; } .portfolio-typical__editor p{ font-weight: 400; font-size: 1.0416666667vw; line-height: 1.5625vw; } .portfolio-typical__editor h2{ font-weight: 700; font-size: 1.3125vw; line-height: 2.1875vw; letter-spacing: 0em; } .portfolio-typical__editor img{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; border-radius: var(--brad-regular); } .portfolio-typical__text { margin-bottom: 3.90625vw; } .portfolio-typical__text .text-title { font-weight: 700; font-size: 1.3125vw; line-height: 2.1875vw; letter-spacing: 0em; margin-bottom: 1.0416666667vw; } .portfolio-typical__text .text-content { font-weight: 400; font-size: 1.0416666667vw; line-height: 1.5625vw; margin-bottom: 1.0416666667vw; } .portfolio-typical__text .text-content:last-child { margin-bottom: 0; } .portfolio-typical__img { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 3.90625vw; } .portfolio-typical__img-slider { display: none; } .portfolio-typical__img a { border-radius: var(--brad-regular); overflow: hidden; } .portfolio-typical__img a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .portfolio-typical__img.md-1-col-img a { width: 100%; height: 39.0625vw; margin-bottom: 1.5625vw; } .portfolio-typical__img.md-1-col-img a:last-child { margin-bottom: 0; } .portfolio-typical__img.md-2-col-img { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .portfolio-typical__img.md-2-col-img a { width: 39.0625vw; height: 31.25vw; margin-top: 3.125vw; } .portfolio-typical__img.md-2-col-img a:first-child, .portfolio-typical__img.md-2-col-img a:nth-child(2) { margin-top: 0; } .portfolio-typical__img.md-3-col-img a { width: 26.0416666667vw; height: 20.8333333333vw; margin-top: 1.8229166667vw; margin-left: 1.8229166667vw; } .portfolio-typical__img.md-3-col-img a:first-child, .portfolio-typical__img.md-3-col-img a:nth-child(2), .portfolio-typical__img.md-3-col-img a:nth-child(3) { margin-top: 0; } .portfolio-typical__img.md-3-col-img a:nth-child(3n+1) { margin-left: 0; } .portfolio-typical__video { margin-bottom: 3.90625vw; } .portfolio-typical__video-container { width: 100%; height: 44.2708333333vw; position: relative; padding: 5.2083333333vw; display: block; } .portfolio-typical__video-container.hovered::after { opacity: 0.5; } .portfolio-typical__video-container::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.45))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)); -webkit-transition: 0.3s; transition: 0.3s; } .portfolio-typical__video .video-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1; } .portfolio-typical__video .video-title { font-weight: 700; font-size: 2.1875vw; line-height: 3.6458333333vw; text-align: center; letter-spacing: 0em; position: relative; z-index: 3; color: #fff; } .portfolio-typical__video .video-btn { width: 7.2916666667vw; height: 7.2916666667vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 4; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .portfolio-typical__video .video-btn img, .portfolio-typical__video .video-btn svg { width: 1.4390625vw; height: 1.5963541667vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .portfolio-typical__video .video-btn img path, .portfolio-typical__video .video-btn svg path { fill: #fff; } .portfolio-typical__video .video-btn:hover { -webkit-transform: translate(-50%, -50%) scale(1.3); transform: translate(-50%, -50%) scale(1.3); } .portfolio-typical__video .video-btn:hover::after, .portfolio-typical__video .video-btn:hover::before { opacity: 0 !important; -webkit-animation-play-state: paused; animation-play-state: paused; } .portfolio-typical__video .video-btn::after, .portfolio-typical__video .video-btn::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); z-index: -1; } .portfolio-typical__video .video-btn::before { -webkit-animation: video_pulse_big 2s linear infinite; animation: video_pulse_big 2s linear infinite; } .portfolio-typical__video .video-btn::after { -webkit-animation: video_pulse_small 2s linear infinite; animation: video_pulse_small 2s linear infinite; } .portfolio-typical__back-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 4.1666666667vw; } .portfolio-typical__back-link a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 0.8333333333vw; line-height: 0.5208333333vw; letter-spacing: 0em; color: var(--main-color); } .portfolio-typical__back-link a img, .portfolio-typical__back-link a svg { width: 0.9895833333vw; height: 0.9895833333vw; margin-right: 0.5208333333vw; -webkit-transition: 0.3s; transition: 0.3s; } .portfolio-typical__back-link a:hover img, .portfolio-typical__back-link a:hover svg { margin-right: 0.78125vw; } .price { margin-bottom: 5.2083333333vw; } .price__title { margin-bottom: 2.8645833333vw; } .price__table { border-radius: var(--brad-regular); margin-bottom: 3.125vw; overflow: hidden; } .price__table .table-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 2.0833333333vw 4.1666666667vw 2.0833333333vw 3.59375vw; background-color: #1C1C1C; color: #fff; font-weight: 600; font-size: 1.25vw; line-height: 1.6666666667vw; letter-spacing: 0em; } .price__table .table-header .header-item:first-child { width: 33.3333333333vw; text-align: left; } .price__table .table-header .header-item:nth-child(2), .price__table .table-header .header-item:nth-child(3) { width: 13.0208333333vw; } .price__table .table-header .header-item:last-child { width: 14.5833333333vw; } .price__table .table-item { padding: 1.6666666667vw 4.1666666667vw 1.6666666667vw 3.5416666667vw; position: relative; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .price__table .table-item:nth-child(odd) { background-color: #F8FAFB; } .price__table .table-item:nth-child(even) .item-btn.open { background-color: #F8FAFB; } .price__table .table-item:nth-child(even) .item-btn.open svg { fill: #fff; } .price__table .table-item:nth-child(even) .item-btn.open svg path { fill: #fff; } .price__table .table-item .item-header { font-weight: 700; font-size: 1.25vw; line-height: 1.6666666667vw; letter-spacing: 0em; cursor: pointer; } .price__table .table-item .item-content { width: 100%; padding-top: 1.9791666667vw; display: none; } .price__table .table-item .item-row { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; font-size: 0.9375vw; line-height: 1.6666666667vw; letter-spacing: 0em; text-align: center; margin-bottom: 0.5208333333vw; } .price__table .table-item .item-row:last-child { margin-bottom: 0; } .price__table .table-item .item-row .item-col p:first-child { display: none; } .price__table .table-item .item-row .item-col:first-child { width: 33.3333333333vw; text-align: left; padding-left: 1.9270833333vw; } .price__table .table-item .item-row .item-col:nth-child(2), .price__table .table-item .item-row .item-col:nth-child(3) { width: 13.0208333333vw; } .price__table .table-item .item-row .item-col:nth-child(2) p span { font-family: "Inter", Arial, sans-serif; } .price__table .table-item .item-row .item-col:last-child { width: 14.5833333333vw; } .price__table .table-item .item-btn { position: absolute; z-index: 5; width: 1.6666666667vw; height: 1.6666666667vw; top: 1.6666666667vw; right: 1.71875vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; transition: 0.3s; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .price__table .table-item .item-btn img, .price__table .table-item .item-btn svg { width: 0.5208333333vw; height: 0.5208333333vw; -o-object-fit: contain; object-fit: contain; fill: #fff; } .price__table .table-item .item-btn img path, .price__table .table-item .item-btn svg path { fill: #fff; } .price__table .table-item .item-btn::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); -webkit-animation: pulse_2_small 2s linear infinite; animation: pulse_2_small 2s linear infinite; z-index: -1; } .price__table .table-item .item-btn.open { -webkit-transform: rotate(45deg) scale(1.3); transform: rotate(45deg) scale(1.3); background-color: #fff; -webkit-filter: drop-shadow(0 0 2.6041666667vw rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 0 2.6041666667vw rgba(0, 0, 0, 0.05)); } .price__table .table-item .item-btn.open::after { display: none; } .price__table .table-item .item-btn.open img, .price__table .table-item .item-btn.open svg { fill: var(--main-color); } .price__table .table-item .item-btn.open img path, .price__table .table-item .item-btn.open svg path { fill: var(--main-color); } .price__table-after-text { text-align: center; font-weight: 500; font-size: 1.0416666667vw; line-height: 1.5625vw; letter-spacing: 0em; } .process { position: relative; padding-top: 4vw; padding-bottom: 5.2083333333vw; } .process__bg { position: absolute; /* top: -26.5625vw; */ top: 0; left: 0; right: 0; width: 100%; /* height: 77.2395833333vw; */ height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: -1; } .process__load-more { display: none; } .process__title { margin-bottom: 3.3854166667vw; } .process__content{ display: none; } .process__content.active{ display: block; } .process__container { width: 100%; } .process__container .container-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -0.9375vw -0.78125vw; } .process__item { width: 19.2708333333vw; height: 15.625vw; margin: 0.9375vw 0.78125vw; position: relative; border-radius: var(--brad-regular); overflow: hidden; } .process__item:hover::after { opacity: 1; } .process__item:hover span { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .process__item::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(29.64%, rgba(49, 185, 57, 0)), to(var(--gradient-process-item))); background: -webkit-linear-gradient(top, rgba(49, 185, 57, 0) 29.64%, var(--gradient-process-item) 100%); background: linear-gradient(180deg, rgba(49, 185, 57, 0) 29.64%, var(--gradient-process-item) 100%); -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; border-radius: var(--brad-regular); } .process__item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--brad-regular); } .process__item span { width: 2.34375vw; height: 2.34375vw; position: absolute; border-radius: 50%; background-color: var(--main-color); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; } .process__item span img, .process__item span svg { width: 0.9895833333vw; height: 0.9895833333vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .process__item span img path, .process__item span svg path { fill: #fff; } .process__item span:hover { -webkit-transform: translate(-50%, -50%) scale(1.3); transform: translate(-50%, -50%) scale(1.3); } .products { padding-top: 4vw; padding-bottom: 4vw; position: relative; } .products__bg { position: absolute; z-index: -1; /* top: -9.1145833333vw; */ top: 0; left: 0; right: 0; width: 100%; /* height: 57.2916666667vw; */ height: 100%; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .products__title { margin-bottom: 3.125vw; } .products__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 1.0416666667vw; display: none; position: relative; } .products__item.active{ display: flex; } .products__item:last-child { margin-bottom: 0; } .products__item .item-status { position: absolute; z-index: 5; top: 1.25vw; left: 1.25vw; right: 1.25vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .products__item .item-status > div { padding: 0 0.625vw; height: 1.5625vw; border-radius: var(--brad-regular); font-weight: 600; font-size: 0.625vw; line-height: 1.5625vw; letter-spacing: 0em; color: #FFFFFF; margin-right: 0.5208333333vw; display: none; } .products__item .item-status > div:last-child { margin-right: 0; } .products__item .item-status > div img, .products__item .item-status > div svg { -o-object-fit: contain; object-fit: contain; fill: #fff; margin-right: 0.2604166667vw; } .products__item .item-status > div img path, .products__item .item-status > div svg path { fill: #fff; } .products__item .item-status .hit { background-color: var(--hit-status-color); } .products__item .item-status .hit img, .products__item .item-status .hit svg { width: 0.2604166667vw; height: 0.5208333333vw; } .products__item .item-status .sale { background-color: var(--sale-status-color); } .products__item .item-status .sale img, .products__item .item-status .sale svg { width: 0.63125vw; height: 0.5208333333vw; } .products__item .item-status .new { background-color: var(--new-status-color); } .products__item .item-status .new img, .products__item .item-status .new svg { width: 0.78125vw; height: 0.7848958333vw; } .products__item .item-status.md-hit .hit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .products__item .item-status.md-sale .sale { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .products__item .item-status.md-new .new { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 768px){ .products__item .item-status { top: 5.625vw; left: 5.625vw; } .products__item .item-status > div { padding: 0 2.8125vw; height: 7.1875vw; margin-right: 1.5625vw; } .products__item .item-status > div:last-child { margin-right: 0; } .products__item .item-status > div span { font-size: 2.5vw; line-height: 1; } .products__item .item-status > div img, .products__item .item-status > div svg { margin-right: 0.625vw; } .products__item .item-status .hit img, .products__item .item-status .hit svg { width: 1.25vw; height: 2.5vw; } .products__item .item-status .new img, .products__item .item-status .new svg { width: 2.8125vw; height: 2.8125vw; } .products__item .item-status .sale img, .products__item .item-status .sale svg { width: 2.5vw; height: 2.1875vw; } } .products__item .item-img-block { width: 40.1041666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .products__item .item-img-block a { width: 9.21875vw; height: 7.7604166667vw; margin-right: 1.0416666667vw; border-radius: var(--brad-regular); overflow: hidden; } .products__item .item-img-block a .video { display: none; } .products__item .item-img-block a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--brad-regular); } .products__item .item-img-block a:first-child { width: 100%; height: 28.6458333333vw; margin-right: 0; margin-bottom: 1.0416666667vw; border-radius: var(--brad-regular); } .products__item .item-img-block a:first-child img { border-radius: var(--brad-regular); } .products__item .item-img-block a:first-child .video { width: 3.125vw; height: 3.125vw; position: absolute; z-index: 2; top: 1.1979166667vw; right: 1.1979166667vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .products__item .item-img-block a:first-child .video::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); -webkit-animation: pulse_2_small 2s linear infinite; animation: pulse_2_small 2s linear infinite; z-index: -1; } .products__item .item-img-block a:first-child .video img, .products__item .item-img-block a:first-child .video svg { width: 0.6088541667vw; height: 0.6755208333vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .products__item .item-img-block a:first-child .video img path, .products__item .item-img-block a:first-child .video svg path { fill: #fff; } .products__item .item-img-block a:nth-child(3) { margin-right: 1.1458333333vw; } .products__item .item-img-block a:nth-child(5) { margin-right: 0; } .products__item .item-img-block a:nth-child(1n+6) { display: none; } .products__item .item-img-block__hint { position: absolute; top: 1.1979166667vw; left: 33.1979166667vw; font-weight: 600; font-size: 0.8333333333vw; line-height: 1.7708333333vw; letter-spacing: 0em; color: #fff; background-color: var(--main-color); height: 1.7708333333vw; padding: 0 0.625vw; border-radius: var(--brad-regular); z-index: 5; } .products__item .item-img-block__hint span { font-family: "inter", Arial, sans-serif; } .products__item .item-img-block__hint.hidden { opacity: 0; pointer-events: none; visibility: hidden; } .products__item .item-info-block { width: 36.71875vw; position: relative; } .products__item .item-info-block .info-status { position: absolute; z-index: 3; top: 0; right: 0; padding: 0.625vw 1.0416666667vw; border-radius: var(--brad-regular); background-color: var(--product-status-color); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 0.78125vw; letter-spacing: 0em; } .products__item .item-info-block .info-status img, .products__item .item-info-block .info-status svg { width: 0.625vw; max-height: 0.625vw; fill: var(--main-color); -o-object-fit: cover; object-fit: cover; margin-right: 0.3645833333vw; } .products__item .item-info-block .info-status img path, .products__item .item-info-block .info-status svg path { fill: var(--main-color); } .products__item .item-info-block .info-title { padding-right: 8.8541666667vw; font-weight: 600; font-size: 1.458333vw; line-height: 3.125vw; letter-spacing: 0em; margin-bottom: 2.8645833333vw; } .products__item .item-info-block .info-list { list-style: none; margin-bottom: 2.8645833333vw; } .products__item .item-info-block .info-list li { font-weight: 400; font-size: 1.0416666667vw; line-height: 1.5625vw; letter-spacing: 0em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 1.1458333333vw; } .products__item .item-info-block .info-list li:last-child { margin-bottom: 0; } .products__item .item-info-block .info-list li span { width: 2.0833333333vw; height: 2.0833333333vw; border-radius: 50%; background-color: #F5F8F9; margin-right: 0.78125vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; } .products__item .item-info-block .info-list li span img, .products__item .item-info-block .info-list li span svg { width: 0.625vw; height: 0.4166666667vw; -o-object-fit: cover; object-fit: cover; fill: var(--main-color); } .products__item .item-info-block .info-list li span img path, .products__item .item-info-block .info-list li span svg path { fill: var(--main-color); } .products__item .item-info-block .info-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2.025vw; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5vw 0; } .products__item .item-info-block .info-price .price { font-weight: 400; font-size: 1.25vw; letter-spacing: 0em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0; margin-right: 0.5208333333vw; } .products__item .item-info-block .info-price .price .price-old{ font-weight: 500; font-size: 1.25vw; line-height: 1.5625vw; letter-spacing: 0.01em; color: #C9C9C9; } .products__item .item-info-block .info-price .price .price-old span{ line-height: 1.5625vw; text-decoration-line: line-through; font-size: 1.25vw; } .products__item .item-info-block .info-price .price > div { font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0 0.5208333333vw; } .products__item .item-info-block .info-price .price > div .hidden-text { font-size: 3.3333333333vw; line-height: 3.125vw; position: relative; margin-right: 0.2604166667vw; letter-spacing: -0.02em; } .products__item .item-info-block .info-price .price > div span { font-size: 3.3333333333vw; line-height: 3.125vw; position: relative; margin-right: 0.2604166667vw; letter-spacing: -0.02em; } .products__item .item-info-block .info-price .price > div .hidden-text > div { position: absolute; left: 90%; bottom: 80%; } .products__item .item-info-block .info-price .price > div .hidden-text > div:hover p { opacity: 1; pointer-events: all; } .products__item .item-info-block .info-price .price > div .hidden-text > div:hover span::after { display: none; } .products__item .item-info-block .info-price .price > div .hidden-text > div span { width: 1.0416666667vw; height: 1.0416666667vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0.4166666667vw; position: absolute; left: 0.3645833333vw; bottom: 0.2604166667vw; z-index: 5; cursor: pointer; } .products__item .item-info-block .info-price .price > div .hidden-text > div span img, .products__item .item-info-block .info-price .price > div .hidden-text > div span svg { width: 0.2083333333vw; height: 0.5208333333vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .products__item .item-info-block .info-price .price > div .hidden-text > div span img path, .products__item .item-info-block .info-price .price > div .hidden-text > div span svg path { fill: #fff; } .products__item .item-info-block .info-price .price > div .hidden-text > div span::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; -webkit-animation: pulse_2_small 2s linear infinite; animation: pulse_2_small 2s linear infinite; z-index: -1; } .products__item .item-info-block .info-price .price > div .hidden-text > div p { width: 8.8541666667vw; min-height: 1.5625vw; font-weight: 500; font-size: 0.5208333333vw; letter-spacing: 0em; position: absolute; z-index: 2; left: 0; bottom: 0; line-height: 0.8333333333vw; padding: 0.2604166667vw 0.3645833333vw; padding-left: 1.8229166667vw; border-radius: var(--brad-regular); background-color: #F5F8F9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; pointer-events: none; } .products__item .item-info-block .info-price .link { font-weight: 600; font-size: 0.8333333333vw; line-height: 0.9375vw; letter-spacing: 0em; color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1.5208333333vw; } .products__item .item-info-block .info-price .link span { -webkit-transition: 0.3s; transition: 0.3s; margin-right: 0.5208333333vw; } .products__item .item-info-block .info-price .link img, .products__item .item-info-block .info-price .link svg { -webkit-transition: 0.3s; transition: 0.3s; width: 0.9895833333vw; height: 0.9895833333vw; -o-object-fit: cover; object-fit: cover; fill: var(--main-color); } .products__item .item-info-block .info-price .link img path, .products__item .item-info-block .info-price .link svg path { fill: var(--main-color); } .products__item .item-info-block .info-price .link:hover span { margin-right: 0.78125vw; } .products__item .item-info-block .info-price .link:hover img, .products__item .item-info-block .info-price .link:hover svg { margin-right: -0.2604166667vw; } .products__item .item-info-block .info-btn-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-direction: row; } .products__item .item-info-block .info-btn-container .order-btn { width: 15.625vw; padding: 0 4.4270833333vw; } .products__item .item-info-block .info-btn-container .order-btn:hover { padding: 0 4.6875vw; } .products__item .item-info-block .info-btn-container .free-call-btn { cursor: pointer; width: 19.53125vw; height: 5.2083333333vw; border-radius: var(--brad-regular); border: 0.0520833333vw solid var(--main-color); padding: 0 3.125vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: 0.3s; transition: 0.3s; } .products__item .item-info-block .info-btn-container .free-call-btn span { width: 11.4583333333vw; font-weight: 700; font-size: 1.09375vw; line-height: 1.25vw; text-align: center; letter-spacing: 0em; color: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; } .products__item .item-info-block .info-btn-container .free-call-btn img, .products__item .item-info-block .info-btn-container .free-call-btn svg { width: 0.9895833333vw; height: 0.9895833333vw; -o-object-fit: cover; object-fit: cover; fill: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; } .products__item .item-info-block .info-btn-container .free-call-btn img path, .products__item .item-info-block .info-btn-container .free-call-btn svg path { fill: var(--main-color); } .products__item .item-info-block .info-btn-container .free-call-btn:hover { background-color: var(--main-color-darken); border-color: var(--main-color-darken); } .products__item .item-info-block .info-btn-container .free-call-btn:hover span { color: #fff; } .products__item .item-info-block .info-btn-container .free-call-btn:hover img, .products__item .item-info-block .info-btn-container .free-call-btn:hover svg { fill: #fff; } .products__item .item-info-block .info-btn-container .free-call-btn:hover img path, .products__item .item-info-block .info-btn-container .free-call-btn:hover svg path { fill: #fff; } .promotions { padding-top: 4vw; padding-bottom: 5.8541666667vw; position: relative; } .promotions__bg { position: absolute; /* top: -22.5vw; */ top:0; left: 0; right: 0; width: 100%; /* height: 77.2395833333vw; */ height: 100%; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; z-index: -1; } .promotions .wrapper { position: relative; } .promotions__title { margin-bottom: 2.6041666667vw; } .promotions__slider .promotions__item { height: 100%; } .promotions__item { width: 26.0416666667vw; min-height: 19.53125vw; padding: 2.8645833333vw; padding-bottom: 3.125vw; position: relative; border-radius: var(--brad-regular); overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; } .promotions__item:hover .promotions__item-blur { opacity: 1; } .promotions__item.md-black-item { background-color: #292929; color: #fff; } .promotions__item.md-black-item .md-line-dotted span { color: var(--main-color); } .promotions__item.md-black-item .md-line-dotted img, .promotions__item.md-black-item .md-line-dotted svg { fill: var(--main-color); } .promotions__item.md-black-item .md-line-dotted img path, .promotions__item.md-black-item .md-line-dotted svg path { fill: var(--main-color); } .promotions__item.md-black-item .promotions__item-blur { top: 0.46875vw; right: 1.9791666667vw; } .promotions__item.md-default-item { background-color: #09253F; color: #fff; } .promotions__item.md-default-item .md-line-dotted::after { border-bottom: 0.0520833333vw solid #fff; } .promotions__item.md-default-item .md-line-dotted span { color: #fff; } .promotions__item.md-default-item .md-line-dotted img, .promotions__item.md-default-item .md-line-dotted svg { fill: #fff; } .promotions__item.md-default-item .md-line-dotted img path, .promotions__item.md-default-item .md-line-dotted svg path { fill: #fff; } .promotions__item.md-default-item .promotions__item-blur { top: 2.9166666667vw; right: -1.5625vw; } .promotions__item.md-white-item { color: var(--text-main-color); background-size: cover; background-position: center center; background-repeat: no-repeat; } .promotions__item.md-white-item .md-line-dotted span { color: #09253F; } .promotions__item.md-white-item .content-btn::after { border-color: #09253F; } .promotions__item.md-white-item .md-line-dotted img, .promotions__item.md-white-item .md-line-dotted svg { fill: #09253F; } .promotions__item.md-white-item .md-line-dotted img path, .promotions__item.md-white-item .md-line-dotted svg path { fill: #09253F; } .promotions__item.md-white-item .promotions__item-blur { display: none; } .promotions__item-img { position: absolute; bottom: 0; bottom: 0; z-index: 3; bottom: 0; left: auto; right: 0; width: 10vw; height: 19.53125vw; -o-object-fit: cover; object-fit: cover; } .promotions__item-content { position: relative; z-index: 5; width: 14.5vw; height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .promotions__item-content p { font-size: 1.1664vw; line-height: 1.4; font-weight: 400; text-transform: uppercase; letter-spacing: 0em; } .promotions__item-content > span { padding: 1.0416666667vw 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-weight: 400; font-size: 0.8375vw; line-height: 1.25vw; letter-spacing: 0em; } .promotions__item-content .content-btn { margin-top: auto; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .promotions__item-content .content-btn:hover span { margin-right: 0.5208333333vw; } .promotions__item-content .content-btn span { font-weight: 600; font-size: 1vw; line-height: 0.5208333333vw; letter-spacing: 0em; margin-right: 0.2604166667vw; -webkit-transition: 0.3s; transition: 0.3s; } .promotions__item-content .content-btn img, .promotions__item-content .content-btn svg { width: 0.9895833333vw; height: 0.9895833333vw; -o-object-fit: cover; object-fit: cover; } .promotions__item-blur { position: absolute; z-index: 1; width: 10.4166666667vw; height: 10.4166666667vw; background: #FFFFFF; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; -webkit-filter: blur(10.4166666667vw); filter: blur(10.4166666667vw); } .promotions__container { width: 100%; } .promotions__container .container-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1.3020833333vw -0.9114583333vw; } .promotions__container .promotions__item { margin: 1.3020833333vw 0.9114583333vw; } .promotions.md-mb-80 { margin-bottom: 4.1666666667vw; } .questions { padding-bottom: 4vw; padding-top: 3.25vw; } .questions__title { margin-bottom: 2.8645833333vw; } .questions__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2.8645833333vw; } .questions__container .container-item { width: 39.53125vw; } .questions__load-more { display: none; } .questions__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .questions__link a { width: 26.0416666667vw; height: 5.2083333333vw; border-radius: var(--brad-regular); border: 0.1041666667vw solid var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 2.6041666667vw; font-weight: 700; font-size: 1.0416666667vw; line-height: 1.25vw; letter-spacing: 0em; color: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; } .questions__link a img, .questions__link a svg { width: 1.9791666667vw; height: 1.9791666667vw; -o-object-fit: cover; object-fit: cover; fill: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; } .questions__link a img path, .questions__link a svg path { fill: var(--main-color); } .questions__link a:hover { background-color: var(--main-color); color: #fff; } .questions__link a:hover img, .questions__link a:hover svg { fill: #fff; } .questions__link a:hover img path, .questions__link a:hover svg path { fill: #fff; } .questions__item { background: #F8FAFB; border-radius: var(--brad-regular); width: 100%; padding: 1.3020833333vw 8.8541666667vw 1.3020833333vw 2.8645833333vw; position: relative; margin-top: 1.3020833333vw; } .questions__item:first-child { margin-top: 0; } .questions__item .item-title { color: #000; font-weight: 700; font-size: 0.802083vw; line-height: 1.6666666667vw; letter-spacing: 0em; cursor: pointer; } .questions__item .item-content { padding-top: 1.0416666667vw; font-weight: 500; font-size: 0.8333333333vw; line-height: 1.3020833333vw; letter-spacing: 0em; color: #939393; display: none; } .questions__item .item-btn { position: absolute; z-index: 5; width: 1.6666666667vw; height: 1.6666666667vw; top: 1.3020833333vw; right: 1.7708333333vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; transition: 0.3s; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .questions__item .item-btn img, .questions__item .item-btn svg { width: 0.5208333333vw; height: 0.5208333333vw; -o-object-fit: contain; object-fit: contain; fill: #fff; } .questions__item .item-btn img path, .questions__item .item-btn svg path { fill: #fff; } .questions__item .item-btn::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); -webkit-animation: pulse_2_small 2s linear infinite; animation: pulse_2_small 2s linear infinite; z-index: -1; } .questions__item .item-btn.open { -webkit-transform: rotate(45deg) scale(1.3); transform: rotate(45deg) scale(1.3); background-color: #fff; -webkit-filter: drop-shadow(0 0 2.6041666667vw rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 0 2.6041666667vw rgba(0, 0, 0, 0.05)); } .questions__item .item-btn.open::after { display: none; } .questions__item .item-btn.open img, .questions__item .item-btn.open svg { fill: var(--main-color); } .questions__item .item-btn.open img path, .questions__item .item-btn.open svg path { fill: var(--main-color); } .reviews { padding-top: 4vw; padding-bottom: 4vw; /* margin-bottom: 6.25vw; */ position: relative; } .reviews__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: -1; } .reviews__title { color: #fff; margin-bottom: 3.90625vw; } .reviews__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .reviews .slider-btn { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 0 0 13.0208333333vw rgba(0, 0, 0, 0.25); box-shadow: 0 0 13.0208333333vw rgba(0, 0, 0, 0.25); } .reviews .slider-btn.slider-prev-btn { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .reviews .slider-btn.slider-next-btn { left: auto; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .reviews .slider-btn:hover { background-color: var(--main-color-darken); } .reviews .slider-pagination { bottom: -2.8645833333vw; } .reviews__video-slider { width: 33.8541666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews__video-slider .video-slider__container { width: 33.8541666667vw; height: 26.0416666667vw; margin-bottom: 4.9479166667vw; } .reviews__video-slider .video-slider__link { font-weight: 600; font-size: 0.8333333333vw; line-height: 0.5208333333vw; letter-spacing: 0em; color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews__video-slider .video-slider__link:hover span { margin-right: 0.78125vw; } .reviews__video-slider .video-slider__link span { -webkit-transition: 0.3s; transition: 0.3s; margin-right: 0.5208333333vw; } .reviews__video-slider .video-slider__link img, .reviews__video-slider .video-slider__link svg { width: 0.9895833333vw; height: 0.9895833333vw; -o-object-fit: cover; object-fit: cover; fill: var(--main-color); } .reviews__video-slider .video-slider__link img path, .reviews__video-slider .video-slider__link svg path { fill: var(--main-color); } .reviews__video-slider .swiper-container { width: 33.8541666667vw; height: 100%; } .reviews__video-slider .swiper-container .swiper-slide { width: 33.8541666667vw; height: 100%; border-radius: var(--brad-regular); } .reviews__video-slider .slider-btn { background-color: transparent; border: 0.0520833333vw solid #FFFFFF; -webkit-box-shadow: none; box-shadow: none; } .reviews__video-slider .slider-btn.slider-prev-btn { left: 1.71875vw; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); } .reviews__video-slider .slider-btn.slider-next-btn { left: auto; right: 1.71875vw; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); } .reviews__video-slider .slider-btn:hover { background-color: var(--main-color-darken); border-color: var(--main-color-darken); } .reviews__video-slider .video-slider__slide { position: relative; width: 33.8541666667vw; height: 100%; display: block; } .reviews__video-slider .video-slider__slide:hover::after { opacity: 0.3; } .reviews__video-slider .video-slider__slide:hover .video { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } .reviews__video-slider .video-slider__slide:hover .video::after, .reviews__video-slider .video-slider__slide:hover .video::before { display: none; } .reviews__video-slider .video-slider__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .reviews__video-slider .video-slider__slide::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: 0.3s; transition: 0.3s; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); } .reviews__video-slider .video-slider__slide .video { width: 5.1338541667vw; height: 5.1338541667vw; position: absolute; top: 50%; left: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--main-color); border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; } .reviews__video-slider .video-slider__slide .video img, .reviews__video-slider .video-slider__slide .video svg { width: 1.0005208333vw; height: 1.1098958333vw; } .reviews__video-slider .video-slider__slide .video::after, .reviews__video-slider .video-slider__slide .video::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); z-index: -1; } .reviews__video-slider .video-slider__slide .video::before { -webkit-animation: video_pulse_big 2s linear infinite; animation: video_pulse_big 2s linear infinite; } .reviews__video-slider .video-slider__slide .video::after { -webkit-animation: video_pulse_small 2s linear infinite; animation: video_pulse_small 2s linear infinite; } .reviews__img-slider { width: 16.9270833333vw; } .reviews__img-slider .img-slider__container { width: 100%; height: 28.90625vw; } .reviews__img-slider .img-slider__container .swiper-container { height: 100%; } .reviews__img-slider .img-slider__container .swiper-slide { border-radius: var(--brad-regular); } .reviews__img-slider .img-slider__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .reviews__phone-slider { width: 14.2708333333vw; } .reviews__phone-slider .phone-slider__container { width: 100%; height: 28.90625vw; padding: 2.1354166667vw 0.78125vw 0.6770833333vw 0.78125vw; background-position: center center; background-size: cover; background-repeat: no-repeat; } .reviews__phone-slider .phone-slider__container .swiper-container { width: 100%; height: 100%; border-bottom-right-radius: 1.5625vw; border-bottom-left-radius: 1.5625vw; } .reviews__phone-slider .phone-slider__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .reviews__phone-slider .phone-slider__link-1, .reviews__phone-slider .phone-slider__link-2 { position: absolute; width: 3.125vw; height: 3.125vw; border-radius: var(--brad-regular); top: 2.6041666667vw; left: -1.0416666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 3; } .reviews__phone-slider .phone-slider__link-1::before, .reviews__phone-slider .phone-slider__link-2::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.41; border-radius: var(--brad-regular); z-index: -1; } .reviews__phone-slider .phone-slider__link-1 img, .reviews__phone-slider .phone-slider__link-1 svg, .reviews__phone-slider .phone-slider__link-2 img, .reviews__phone-slider .phone-slider__link-2 svg { width: 1.9270833333vw; height: 1.9791666667vw; } .reviews__phone-slider .phone-slider__link-2 { top: auto; left: auto; right: -1.1979166667vw; bottom: 5.5729166667vw; } .reviews__phone-slider .phone-slider__link-2 img, .reviews__phone-slider .phone-slider__link-2 svg { width: 1.8229166667vw; height: 1.8229166667vw; } .reviews.md-style-2 { padding: 0; margin-bottom: 7.03125vw; } .reviews.md-style-2 .reviews__bg { top: -14.5833333333vw; bottom: auto; height: 70.3125vw; } .reviews.md-style-2 .reviews__title { color: var(--text-main-color); } .reviews.md-style-2 .reviews__img-slider .swiper-container { -webkit-filter: drop-shadow(0 0 5.2083333333vw rgba(0, 0, 0, 0.1)); filter: drop-shadow(0 0 5.2083333333vw rgba(0, 0, 0, 0.1)); } .reviews.md-style-2 .reviews__img-slider .swiper-pagination-bullet { background-color: #fff; } .reviews.md-style-2 .reviews__img-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--main-color); } .other-reviews { margin-bottom: 4.6875vw; } .other-reviews__title { margin-bottom: 2.6041666667vw; } .other-reviews__container { margin-bottom: 2.0833333333vw; } .other-reviews__slider { display: none; } .other-reviews__item { padding: 3.90625vw 5.2083333333vw 3.125vw 3.6458333333vw; background: #F8FAFB; border-radius: var(--brad-regular); display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2.0833333333vw; } .other-reviews__item:last-child { margin-bottom: 0; } .other-reviews__item .review-info { width: 14.5833333333vw; padding-right: 5.7291666667vw; position: relative; } .other-reviews__item .review-info__img { width: 8.8541666667vw; height: 8.8541666667vw; border-radius: 50%; overflow: hidden; margin-bottom: 0.5208333333vw; } .other-reviews__item .review-info__img img { width: 100%; height: 100%; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .other-reviews__item .review-info__name { font-weight: 700; font-size: 0.9895833333vw; line-height: 1.3020833333vw; letter-spacing: 0em; margin-bottom: 0.5208333333vw; text-align: center; } .other-reviews__item .review-info__city { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 400; font-size: 0.7291666667vw; line-height: 1.0416666667vw; } .other-reviews__item .review-info__city img, .other-reviews__item .review-info__city svg { width: 0.625vw; height: 0.78125vw; margin-right: 0.46875vw; fill: var(--main-color); } .other-reviews__item .review-info__city img path, .other-reviews__item .review-info__city svg path { fill: var(--main-color); } .other-reviews__item .review-info__stars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 6.25vw; position: absolute; top: 0; left: 100%; z-index: 2; } .other-reviews__item .review-info__stars img, .other-reviews__item .review-info__stars svg { width: 0.8333333333vw; height: 0.78125vw; -o-object-fit: contain; object-fit: contain; fill: var(--main-color); margin-right: 0.3645833333vw; } .other-reviews__item .review-info__stars img path, .other-reviews__item .review-info__stars svg path { fill: var(--main-color); } .other-reviews__item .review-info__stars img:last-child, .other-reviews__item .review-info__stars svg:last-child { margin-right: 0; } .other-reviews__item .review-info__stars[data-stars-count="1"] svg:nth-child(1n+2) { fill: #AAAAAA; } .other-reviews__item .review-info__stars[data-stars-count="1"] svg:nth-child(1n+2) path { fill: #AAAAAA; } .other-reviews__item .review-info__stars[data-stars-count="2"] svg:nth-child(1n+3) { fill: #AAAAAA; } .other-reviews__item .review-info__stars[data-stars-count="2"] svg:nth-child(1n+3) path { fill: #AAAAAA; } .other-reviews__item .review-info__stars[data-stars-count="3"] svg:nth-child(1n+4) { fill: #AAAAAA; } .other-reviews__item .review-info__stars[data-stars-count="3"] svg:nth-child(1n+4) path { fill: #AAAAAA; } .other-reviews__item .review-info__stars[data-stars-count="4"] svg:nth-child(1n+5) { fill: #AAAAAA; } .other-reviews__item .review-info__stars[data-stars-count="4"] svg:nth-child(1n+5) path { fill: #AAAAAA; } .other-reviews__item .review-content { padding-top: 2.6041666667vw; } .other-reviews__item .review-content__title { font-weight: 700; font-size: 0.875vw; line-height: 1.6666666667vw; letter-spacing: 0em; margin-bottom: 1.6145833333vw; } .other-reviews__item .review-content__read-more, .other-reviews__item .review-content__slider { display: none; } .other-reviews__item .review-content__text { font-weight: 500; font-size: 0.9375vw; line-height: 1.4583333333vw; letter-spacing: 0em; margin-bottom: 1.5625vw; } .other-reviews__item .review-content__text:last-child { margin-bottom: 0; } .other-reviews__item .review-content__text-container { margin-bottom: 1.5625vw; } .other-reviews__item .review-content__img-container { width: 46.5104166667vw; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .other-reviews__item .review-content__img-container a { width: 14.3229166667vw; height: 9.8958333333vw; margin-left: 1.7708333333vw; border-radius: var(--brad-regular); position: relative; } .other-reviews__item .review-content__img-container a:first-child { margin-left: 0; } .other-reviews__item .review-content__img-container a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--brad-regular); } .other-reviews__item .review-content__img-container a:nth-child(1n+4) { display: none; } .other-reviews__item .review-content__img-container a:hover::after { opacity: 1; } .other-reviews__item .review-content__img-container a:hover span { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .other-reviews__item .review-content__img-container a::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(29.64%, rgba(49, 185, 57, 0)), to(var(--gradient-process-item))); background: -webkit-linear-gradient(top, rgba(49, 185, 57, 0) 29.64%, var(--gradient-process-item) 100%); background: linear-gradient(180deg, rgba(49, 185, 57, 0) 29.64%, var(--gradient-process-item) 100%); -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; border-radius: var(--brad-regular); } .other-reviews__item .review-content__img-container a span { width: 2.34375vw; height: 2.34375vw; position: absolute; border-radius: 50%; background-color: var(--main-color); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; } .other-reviews__item .review-content__img-container a span img, .other-reviews__item .review-content__img-container a span svg { width: 1.0416666667vw; height: 1.0416666667vw; -o-object-fit: cover; object-fit: cover; fill: #fff; } .other-reviews__item .review-content__img-container a span img path, .other-reviews__item .review-content__img-container a span svg path { fill: #fff; } .other-reviews__item .review-content__img-container a span:hover { -webkit-transform: translate(-50%, -50%) scale(1.3); transform: translate(-50%, -50%) scale(1.3); } .other-reviews__item .review-content__img-container .img-container-hint { display: block; width: 7.8125vw; position: absolute; top: 50%; left: 105%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 500; font-size: 1.0416666667vw; line-height: 1.4583333333vw; } .other-reviews__item .review-content__img-container .img-container-hint span { font-family: "inter", Arial, sans-serif; } .other-reviews__item .review-content__img-container .img-container-hint.hidden { pointer-events: none; opacity: 0; visibility: hidden; } .other-reviews__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .other-reviews__bottom .other-reviews__btn { width: 20.8333333333vw; padding: 0 4.9479166667vw; } .other-reviews__bottom .other-reviews__btn img, .other-reviews__bottom .other-reviews__btn svg { width: 1.3541666667vw; height: 1.3541666667vw; } .other-reviews__bottom .other-reviews__btn:hover { padding: 0 5.2083333333vw; } .services { padding-bottom: 2.865vw; padding-top: 2.865vw; position: relative; overflow: hidden; } .services__load-more { display: none; } .services__title { margin-bottom: 2.9166666667vw; } .services__title-shadow { position: absolute; top: -5.3645833333vw; left: -25.5208333333vw; width: 151.25vw; height: 12.4479166667vw; text-align: center; font-weight: 200; font-size: 9.114583vw; letter-spacing: 0.25em; background: -webkit-radial-gradient(49.99% 0%, 106.28% 106.28%, #F0F0F0 0%, rgba(240, 240, 240, 0) 100%); background: radial-gradient(106.28% 106.28% at 49.99% 0%, #F0F0F0 0%, rgba(240, 240, 240, 0) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; z-index: -1; } .services__container { width: 100%; } .services__container .container-flex { margin: -1.4583333333vw -0.78125vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .services__item { width: 19.2708333333vw; min-height: 27.53125vw; margin: 1.4583333333vw 0.78125vw; border-radius: var(--brad-regular); overflow: hidden; position: relative; padding: 2.5vw 1.9791666667vw 1.71875vw 1.9791666667vw; cursor: pointer; } .services__item:hover .item-img::after { opacity: 0.95; background: rgba(9, 37, 63, 0.95); } .services__item:hover .item-text { opacity: 1; } .services__item:hover .item-bottom__anchor { opacity: 1; } .services__item .item-img { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } .services__item .item-img::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.4; -webkit-transition: 0.3s; transition: 0.3s; border-radius: var(--brad-regular); } .services__item .item-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .services__item .item-content { position: relative; z-index: 5; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; } .services__item .item-title { width: 15.458333vw; font-weight: 400; font-size: 1.0206vw; text-transform: uppercase; line-height: 1.8229166667vw; letter-spacing: 0em; } .services__item .item-text { padding: 1vw 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-weight: 300; font-size: 0.833vw; line-height: 1.3; letter-spacing: 0em; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; } .services__item .item-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; justify-content: flex-start; } .services__item .item-bottom__btn { width: 10.4166666667vw; height: 3.125vw; padding: 0 1.3020833333vw !important; text-align: center; margin-right: 1.1979166667vw; } .services__item .item-bottom__btn::after { width: 1.5625vw; } .services__item .item-bottom__btn span { display: inline-block; font-weight: 600; font-size: 0.8333333333vw; line-height: 0.9895833333vw; letter-spacing: 0em; } .services__item .item-bottom__anchor { font-weight: 700; font-size: 0.8333333333vw; line-height: 1.1979166667vw; letter-spacing: 0em; color: var(--main-color); opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .services__item .item-bottom__anchor:hover .md-line-dotted::after { width: 60%; right: 40%; } .services__item .item-bottom__link { width: 100%; height: 4.167vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 1.0416666667vw; /* margin: 0 auto; */ } .services__item .item-bottom__link:hover { padding: 0 1.0416666667vw; } .services__item .item-bottom__link::after { width: 1.5625vw; } .services__item .item-bottom__link span { font-weight: 500; font-size: 0.833vw; text-transform: uppercase; line-height: 1.4; } .side-banner { width: 19.2708333333vw; padding: 1.8229166667vw; padding-bottom: 11.1979166667vw; position: sticky; top: 4.6875vw; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: var(--brad-regular); overflow: hidden; } .side-banner__img { width: 100%; height: 41.6666666667vw; position: absolute; left: 0; bottom: 0; right: 0; z-index: 1; } .side-banner__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .side-banner__img img.mobile { display: none; } .side-banner__text { font-weight: 500; font-size: 0.8333333333vw; line-height: 1.3541666667vw; text-align: center; letter-spacing: 0em; margin-bottom: 0.9375vw; position: relative; z-index: 2; } .side-banner__title { font-weight: 700; font-size: 0.875vw; line-height: 1.7708333333vw; text-align: center; margin-bottom: 0.9375vw; position: relative; z-index: 2; } .side-banner__form { position: relative; z-index: 2; } .side-banner__form .form-text { font-weight: 500; font-size: 0.8333333333vw; line-height: 1.25vw; letter-spacing: 0em; text-align: center; margin-bottom: 0.78125vw; } .side-banner__form .form-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .side-banner__form .form-container .form-select, .side-banner__form .form-container .form-input { width: 15.625vw; margin: 0; margin-bottom: 0.625vw; font-size: 0.8333333333vw; } .side-banner__form .form-container .form-btn { width: 15.625vw; padding: 0 1.5625vw; letter-spacing: 0em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .side-banner__form .form-container .form-btn span { font-size: 0.9375vw; line-height: 1.25vw; } .side-fixed-links { position: fixed; top: 50%; right: -7.8125vw; width: 5.2083333333vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 50; -webkit-transition: 0.3s; transition: 0.3s; } .side-fixed-links.visible { right: 0; } .side-fixed-links__close { width: 1.71875vw; height: 1.71875vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: -2.9166666667vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: var(--main-color); border-radius: 50%; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .side-fixed-links__close.closed { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .side-fixed-links__close img, .side-fixed-links__close svg { width: 0.46875vw; height: 0.46875vw; -o-object-fit: contain; object-fit: contain; fill: #fff; } .side-fixed-links__close img path, .side-fixed-links__close svg path { fill: #fff; } .side-fixed-links__container { width: 5.2083333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .side-fixed-links__container > div, .side-fixed-links__container > a { width: 100%; min-height: 5.2083333333vw; padding: 0.5208333333vw; padding-top: 1.0416666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--main-color); border-top-left-radius: 0.78125vw; border-bottom-left-radius: 0.78125vw; margin-bottom: 0.3125vw; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .side-fixed-links__container > div:last-child, .side-fixed-links__container > a:last-child { margin-bottom: 0; } .side-fixed-links__container > div img, .side-fixed-links__container > div svg, .side-fixed-links__container > a img, .side-fixed-links__container > a svg { width: 1.3020833333vw; height: 1.3020833333vw; -o-object-fit: contain; object-fit: contain; fill: #fff; margin-bottom: 0.2604166667vw; -webkit-transition: 0.3s; transition: 0.3s; } .side-fixed-links__container > div img path, .side-fixed-links__container > div svg path, .side-fixed-links__container > a img path, .side-fixed-links__container > a svg path { fill: #fff; } .side-fixed-links__container > div span, .side-fixed-links__container > a span { -webkit-transition: 0.3s; transition: 0.3s; text-align: center; font-weight: 500; font-size: 0.625vw; line-height: 0.8333333333vw; letter-spacing: 0em; color: #fff; } .side-fixed-links__container > div:hover, .side-fixed-links__container > a:hover { background-color: #fff; } .side-fixed-links__container > div:hover svg, .side-fixed-links__container > a:hover svg { fill: var(--main-color); } .side-fixed-links__container > div:hover svg path, .side-fixed-links__container > a:hover svg path { fill: var(--main-color); } .side-fixed-links__container > div:hover span, .side-fixed-links__container > a:hover span { color: var(--text-main-color); } .side-fixed-links__container > div:hover.whats-app svg, .side-fixed-links__container > a:hover.whats-app svg { fill: #31B939; } .side-fixed-links__container > div:hover.whats-app svg path, .side-fixed-links__container > a:hover.whats-app svg path { fill: #31B939; } .side-fixed-links__container > div:hover.viber svg, .side-fixed-links__container > a:hover.viber svg { fill: #976ECC; } .side-fixed-links__container > div:hover.viber svg path, .side-fixed-links__container > a:hover.viber svg path { fill: #976ECC; } .side-fixed-links__container > div:hover.telegram svg, .side-fixed-links__container > a:hover.telegram svg { fill: #05A0EB; } .side-fixed-links__container > div:hover.telegram svg path, .side-fixed-links__container > a:hover.telegram svg path { fill: #05A0EB; } .side-fixed-links__container > div:hover img, .side-fixed-links__container > a:hover img { filter: invert(1) } .simple-text { padding-bottom: 4vw; padding-top: 4vw; } .simple-text__title { text-align: center; font-weight: 400; font-size: 1.8228vw; line-height: 1.9791666667vw; letter-spacing: 0em; margin-bottom: 2.5vw; } .simple-text.open .simple-text__content { height: auto; background: transparent; -webkit-background-clip: text; -webkit-text-fill-color: var(--text-main-color); background-clip: text; text-fill-color: var(--text-main-color); } .simple-text.open .simple-text__bottom { display: none; } .simple-text__content { height: 12.84375vw; margin: 0 auto; font-weight: 400; font-size: 1.25vw; line-height: 1.4; letter-spacing: 0em; background: linear-gradient(180deg, #09253f 0%, #edf4fa 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 2.0833333333vw; overflow: hidden; } .simple-text__content ul{ padding-left: 2vw !important; } .simple-text__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; } .simple-text__content a{ color: var(--main-color); } .simple-text__content ul{ padding-left: 1vw; } .simple-text__content ol{ padding-left: 1vw; } .simple-text__content h1, .simple-text__content h2, .simple-text__content h3, .simple-text__content h4, .simple-text__content h5, .simple-text__content h6, .simple-text__content p, .simple-text__content ul, .simple-text__content ol { margin-bottom: 1.0416666667vw; } .simple-text__content h1:last-child, .simple-text__content h2:last-child, .simple-text__content h3:last-child, .simple-text__content h4:last-child, .simple-text__content h5:last-child, .simple-text__content h6:last-child, .simple-text__content p:last-child, .simple-text__content ul:last-child, .simple-text__content ol:last-child { margin-bottom: 0; } .simple-text__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 1vw; line-height: 0.5208333333vw; letter-spacing: 0em; color: #09253F; padding-bottom: 0.15625vw; } .simple-text__btn::after { border-color: #09253F !important; } .simple-text__btn:hover img, .simple-text__btn:hover svg { -webkit-transform: translateY(20%); transform: translateY(20%); } .simple-text__btn img, .simple-text__btn svg { width: 0.9895833333vw; height: 0.9895833333vw; -o-object-fit: cover; object-fit: cover; fill: #09253F; -webkit-transition: 0.3s; transition: 0.3s; } .simple-text__btn img path, .simple-text__btn svg path { fill: #09253F; } .team { padding-bottom: 4vw; padding-top: 3.49vw; border-radius: var(--brad-regular); margin: 0 1vw; } .team__title { width: 100%; margin: 0 auto; margin-bottom: 3.5vw; } .team__slide { width: 19.2708333333vw; height: 26.0416666667vw; border-radius: var(--brad-regular); overflow: hidden; position: relative; cursor: pointer; } .team__slide .slide-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .team .slider-pagination .swiper-pagination-bullet{ background-color: #edf4fa; } .team__slide .slide-info { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; /* background: -webkit-gradient(linear, left top, left bottom, color-stop(23.2%, rgba(0, 0, 0, 0.07)), color-stop(124.7%, #000000)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.07) 23.2%, #000000 124.7%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.07) 23.2%, #000000 124.7%); */ padding: 2.0833333333vw 2.6041666667vw; padding-right: 5.2083333333vw; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; } .team__slide .slide-info p { font-weight: 700; font-size: 1.25vw; line-height: 1.4583333333vw; letter-spacing: 0em; margin-bottom: 0.78125vw; } .team__slide .slide-info span { font-weight: 400; font-size: 0.8333333333vw; line-height: 0.9895833333vw; letter-spacing: 0em; } .team__slide .slide-icon { position: absolute; right: 1.4583333333vw; bottom: 1.4583333333vw; width: 2.0833333333vw; height: 2.0833333333vw; border-radius: 50%; background-color: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2; } .team__slide .slide-icon img, .team__slide .slide-icon svg { width: 0.5208333333vw; height: 0.5208333333vw; -o-object-fit: contain; object-fit: contain; fill: #fff; } .team__slide .slide-icon img path, .team__slide .slide-icon svg path { fill: #fff; } .team__slide .slide-icon::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); -webkit-animation: pulse_2_small 2s linear infinite; animation: pulse_2_small 2s linear infinite; z-index: -1; } .team__slide:hover .slide-info { opacity: 1; } .team__slide:hover .slide-icon { -webkit-transform: scale(1.3); transform: scale(1.3); } .team__slide:hover .slide-icon:after { display: none; } .team__slider { height: 26.0416666667vw; margin-bottom: 5.2083333333vw; } .team__slider .swiper-slide { border-radius: var(--brad-regular); overflow: hidden; } .our-team { margin-bottom: 8.8541666667vw; } .our-team__title { margin-bottom: 2.34375vw; } .our-team__slide { width: 100%; height: 100%; display: block; } .our-team__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .our-team__slider { height: 41.6666666667vw; margin-bottom: 5.2083333333vw; } .our-team__slider .swiper-slide { border-radius: var(--brad-regular); } .to-top { position: fixed; right: 1.5625vw; bottom: 1.5625vw; width: 3.3333333333vw; height: 3.3333333333vw; border-radius: 50%; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 50; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; pointer-events: none; cursor: pointer; } .to-top.visible { opacity: 1; pointer-events: all; } .to-top img, .to-top svg { width: 0.8234375vw; height: 0.4708333333vw; -o-object-fit: contain; object-fit: contain; fill: #fff; } .to-top img path, .to-top svg path { fill: #fff; } .to-top:hover { background-color: var(--main-color-darken); } .vacancy { margin-bottom: 3.125vw; } .vacancy__title { margin-bottom: 2.34375vw; } .vacancy__text { font-weight: 400; font-size: 1.5625vw; line-height: 1.8229166667vw; text-align: center; letter-spacing: 0em; margin-bottom: 2.34375vw; } .vacancy__text a { font-family: "Inter", Arial, sans-serif; font-weight: 700; color: var(--text-main-color); -webkit-transition: 0.3s; transition: 0.3s; } .vacancy__text a:hover { color: var(--main-color); } .vacancy__container { margin-bottom: 3.125vw; } .vacancy__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .vacancy__link .md-main-color-btn { width: 20.8333333333vw; padding: 0 4.1666666667vw; } .vacancy__link .md-main-color-btn:hover { padding: 0 4.4270833333vw; } .vacancy__item { position: relative; background: #F8FAFB; border-radius: var(--brad-regular); padding: 1.8229166667vw 5.7291666667vw 1.8229166667vw 2.6041666667vw; margin-bottom: 1.8229166667vw; } .vacancy__item:last-child { margin-bottom: 0; } .vacancy__item .item-btn { position: absolute; z-index: 5; width: 1.6666666667vw; height: 1.6666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: var(--main-color); top: 1.8229166667vw; right: 2.7083333333vw; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .vacancy__item .item-btn img, .vacancy__item .item-btn svg { width: 0.5208333333vw; height: 0.5208333333vw; -o-object-fit: contain; object-fit: contain; fill: #fff; } .vacancy__item .item-btn img path, .vacancy__item .item-btn svg path { fill: #fff; } .vacancy__item .item-btn::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); -webkit-animation: pulse_2_small 2s linear infinite; animation: pulse_2_small 2s linear infinite; z-index: -1; } .vacancy__item .item-btn.open { -webkit-transform: rotate(45deg) scale(1.3); transform: rotate(45deg) scale(1.3); background-color: #fff; -webkit-filter: drop-shadow(0 0 2.6041666667vw rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 0 2.6041666667vw rgba(0, 0, 0, 0.05)); } .vacancy__item .item-btn.open::after { display: none; } .vacancy__item .item-btn.open img, .vacancy__item .item-btn.open svg { fill: var(--main-color); } .vacancy__item .item-btn.open img path, .vacancy__item .item-btn.open svg path { fill: var(--main-color); } .vacancy__item .item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; } .vacancy__item .item-title > div { font-weight: 500; font-size: 0.729167vw; line-height: 1.6666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .vacancy__item .item-title > div .vacancy-name { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 2.0833333333vw; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 700; font-size: 1.3125vw; line-height: 2.0833333333vw; } .vacancy__item .item-title > div span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 1.6666666667vw; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .vacancy__item .item-title > div span::before { content: ""; display: inline-block; width: 0.5208333333vw; height: 0.5208333333vw; border-radius: 50%; background-color: var(--main-color); opacity: 0.6; margin-right: 0.5208333333vw; } .vacancy__item .item-title > div:first-child { width: 15.625vw; } .vacancy__item .item-title > div:nth-child(2) { width: 15.1041666667vw; } .vacancy__item .item-title > div:nth-child(3) { width: 19.2708333333vw; } .vacancy__item .item-title > div:nth-child(4) { width: 21.3541666667vw; } .vacancy__item .item-content { display: none; padding: 3.125vw 2.6041666667vw 2.34375vw 2.6041666667vw; } .vacancy__item .item-content .content-title { font-weight: 700; font-size: 0.875vw; line-height: 1.6666666667vw; letter-spacing: 0em; margin-bottom: 0.5208333333vw; } .vacancy__item .item-content > div { margin-bottom: 2.0833333333vw; } .vacancy__item .item-content ul { padding-left: 1.0416666667vw; margin-bottom: 0.78125vw; } .vacancy__item .item-content ul li { font-weight: 500; font-size: 0.9375vw; line-height: 1.40625vw; letter-spacing: 0em; } .vacancy__item .item-content ul:last-child { margin-bottom: 0; } .vacancy__item .item-content p { font-weight: 500; font-size: 0.9375vw; line-height: 1.40625vw; letter-spacing: 0em; margin-bottom: 0.78125vw; } .vacancy__item .item-content p:last-child { margin-bottom: 0; } .video-block { /* margin-bottom: 4.6875vw; */ } .video-block__container { width: 100%; height: 52.0833333333vw; position: relative; padding: 6.5104166667vw 9.1145833333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #fff; } .video-block__container img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .video-block__container::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)); -webkit-transition: 0.3s; transition: 0.3s; } .video-block__container.hovered::after { opacity: 0.5; } .video-block__content { position: relative; z-index: 5; } .video-block__title { width: 26.0416666667vw; text-align: left; } .video-block__btn { position: absolute; top: 50%; left: 50%; width: 7.2916666667vw; height: 7.2916666667vw; border-radius: 50%; background-color: var(--main-color); z-index: 7; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; transition: 0.3s; } .video-block__btn:hover { -webkit-transform: translate(-50%, -50%) scale(1.3); transform: translate(-50%, -50%) scale(1.3); } .video-block__btn:hover::after, .video-block__btn:hover::before { opacity: 0 !important; -webkit-animation-play-state: paused; animation-play-state: paused; } .video-block__btn img, .video-block__btn svg { display: block; margin: auto; width: 1.4390625vw; height: 1.5963541667vw; fill: #fff; } .video-block__btn img path, .video-block__btn svg path { fill: #fff; } .video-block__btn::after, .video-block__btn::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); z-index: -1; } .video-block__btn::before { -webkit-animation: video_pulse_big 2s linear infinite; animation: video_pulse_big 2s linear infinite; } .video-block__btn::after { -webkit-animation: video_pulse_small 2s linear infinite; animation: video_pulse_small 2s linear infinite; } .warranty { margin-bottom: 5.2083333333vw; margin-top: 5.2083333333vw; } .warranty__container { position: relative; border-radius: var(--brad-regular); overflow: hidden; padding: 5.2083333333vw; padding-right: 29.6875vw; color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat; } .warranty__title { text-align: left; margin-bottom: 2.8645833333vw; } .warranty__bullets { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .warranty__bullets .bullets-item { margin: 0; width: 12.5vw; margin-top: 2.6041666667vw; margin-right: 3.125vw; } .warranty__bullets .bullets-item:nth-child(3n+3) { margin-right: 0; } .warranty__bullets .bullets-item:nth-child(1), .warranty__bullets .bullets-item:nth-child(2), .warranty__bullets .bullets-item:nth-child(3) { margin-top: 0; } .warranty__text { position: absolute; right: 6.3541666667vw; bottom: 32.96875vw; width: 19.9479166667vw; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .warranty__text p { font-weight: 700; font-size: 1.25vw; line-height: 1.8229166667vw; letter-spacing: 0em; margin-bottom: 1.1979166667vw; } .warranty__text span { font-weight: 400; font-size: 0.8333333333vw; line-height: 1.25vw; letter-spacing: 0em; } .warranty__text span b { font-weight: 600; } .warranty__img { position: absolute; right: 2.4479166667vw; bottom: 0; width: 27.7604166667vw; height: 30.5208333333vw; overflow: hidden; } .warranty__img img { width: 100%; height: 39.3229166667vw; position: absolute; top: 0; left: 0; right: 0; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .work-steps { padding-bottom: 2.865vw; padding-top: 2.865vw; } .work-steps__title { width: 54.6875vw; margin: 0 auto; margin-bottom: 3.3854166667vw; } .work-steps__slide { width: 24.4791666667vw; min-height: 31.7708333333vw; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; border-radius: var(--brad-regular); overflow: hidden; } .md-style-dark-bg .slide-img{ left: auto !important; right: 0; bottom: 0; width: 18.854vw !important; height: 31.7708333333vw !important; } .work-steps__slide.md-light-text { color: #fff; } .work-steps__slide.md-style-dark-bg, .work-steps__slide.md-style-light-bg { color: #fff; } .work-steps__slide.md-style-dark-bg .slide-phones a, .work-steps__slide.md-style-light-bg .slide-phones a { color: #fff; } .work-steps__slide.md-style-dark-bg .slide-phones a::after, .work-steps__slide.md-style-light-bg .slide-phones a::after { background-color: #fff; } .work-steps__slide.md-style-dark-bg .slide-text, .work-steps__slide.md-style-light-bg .slide-text { padding-right: 4.8125vw; } .work-steps__slide.md-style-dark-bg .slide-content, .work-steps__slide.md-style-light-bg .slide-content { padding-bottom: 2.604vw; } .work-steps__slide.md-style-light-bg { color: var(--text-main-color); } .work-steps__slide.md-style-light-bg .slide-phones a { color: var(--text-main-color); } .work-steps__slide.md-style-light-bg .slide-phones a::after { background-color: var(--text-main-color); } .work-steps__slide .slide-img { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 31.7708333333vw; -o-object-fit: cover; object-fit: cover; z-index: 1; } .work-steps__slide .slide-content { padding: 2.0833333333vw 2.5vw 9.3020833333vw 2.5vw; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; z-index: 2; } .work-steps__slide .slide-step { padding: 0 1.5625vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.8645833333vw; border-radius: 10px; background-color: #fff; font-weight: 600; font-size: 1.0416666667vw; line-height: 2.6041666667vw; letter-spacing: 0em; color: #09253F; background-color: #edf4fa; margin-bottom: 2vw; } .work-steps__slide .slide-title { font-weight: 400; padding-right: 2vw; font-size: 1.2397vw; text-transform: uppercase; line-height: 1.3; letter-spacing: 0em; margin-bottom: 1.563vw; } .work-steps__slide .slide-text { font-weight: 400; font-size: 1.0vw; padding-right: 9vw; line-height: 1.5; letter-spacing: 0em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .work-steps__slide .slide-phones { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 0.8854166667vw; } .work-steps__slide .slide-phones span { font-weight: 700; font-size: 1.25vw; line-height: 2.0833333333vw; letter-spacing: 0em; } .work-steps__slide .slide-phones a { font-weight: 400; font-size: 1.771vw; line-height: 1.3; letter-spacing: 0em; /* font-family: "Inter", Arial, sans-serif; */ color: var(--main-text-color); -webkit-transition: 0.3s; transition: 0.3s; } .work-steps__slide .slide-phones a:hover { color: var(--main-color); } .work-steps__slide .slide-bottom { margin-top: 0.78125vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .work-steps__slide .slide-bottom p { font-weight: 700; font-size: 1.25vw; line-height: 1.8229166667vw; letter-spacing: 0em; margin-bottom: 1.1458333333vw; padding-right: 5.7291666667vw; } .work-steps__slide .slide-bottom span { width: 17.708vw; height: 4.167vw; font-weight: 500; font-size: 0.8vw; text-transform: uppercase; line-height: 1.25vw; letter-spacing: 0em; padding: 0 1.5625vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .work-steps__slide .slide-bottom span::after { width: 1.8229166667vw; } .work-steps__slide .slide-bottom span:hover { /* padding: 0 2.0833333333vw; */ } .work-steps__slider { margin-bottom: 5.9895833333vw; } .work-steps__slider .swiper-slide { width: 26.042vw; height: auto; } @media only screen and (max-width: 768px) { .wrapper { width: 86.25vw; } body { overflow-x: hidden; padding-top: 25vw; } .md-line-dotted::after { border-bottom: 0.3125vw dotted var(--main-color); } .md-main-color-btn { height: 18.75vw; padding: 0 14.6875vw; } .md-main-color-btn:hover { padding: 0 14.6875vw; } .md-main-color-btn span { font-size: 3.75vw; line-height: 1.5; letter-spacing: 0em; } .md-main-color-btn img, .md-main-color-btn svg { width: 4.0625vw; height: 4.0625vw; -o-object-fit: contain; object-fit: contain; } .md-main-color-btn::after { width: 7.8125vw; } .md-standart-form .form-text { font-size: 3.75vw; line-height: 5vw; margin-bottom: 3.125vw; } .md-standart-form .form-container { margin-bottom: 3.125vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .md-standart-form .form-file > div { width: 76.25vw; height: 18.75vw; border-radius: var(--brad-regular); padding: 0 9.375vw; padding-right: 15.625vw; font-size: 3.75vw; line-height: 4.375vw; } .md-standart-form .form-file > div img, .md-standart-form .form-file > div svg { width: 6.25vw; height: 6.25vw; right: 6.25vw !important; } .md-standart-form .form-file > div p { max-height: 4.375vw; } .md-standart-form .form-select { width: 76.25vw; height: 18.75vw; margin-bottom: 3.125vw; border-radius: var(--brad-regular); padding: 0 9.375vw; font-size: 3.75vw; } .md-standart-form .form-select span.current { line-height: 18.75vw; } .md-standart-form .form-select::after { width: 1.5625vw; height: 1.5625vw; } .md-standart-form .form-select .list { border-bottom-left-radius: 9.375vw; border-bottom-right-radius: 9.375vw; } .md-standart-form .form-select .list .option { line-height: 18.75vw; padding: 0 9.375vw; } .md-standart-form .form-input { width: 76.25vw; height: 18.75vw; font-size: 3.75vw; border-radius: var(--brad-regular); padding: 0 9.375vw; margin-bottom: 3.125vw; } .md-standart-form .form-textarea { width: 63.125vw; font-weight: 500; height: 34.6875vw; border-radius: var(--brad-regular); font-size: 3.125vw !important; padding: 6.25vw 7.8125vw; margin-bottom: 3.125vw; } .md-standart-form .form-checkbox div { width: 3.75vw; height: 3.75vw; margin-right: 1.875vw; border-radius: var(--brad-regular); } .md-standart-form .form-checkbox div img, .md-standart-form .form-checkbox div svg { width: 1.5625vw; height: 1.25vw; } .md-standart-form .form-checkbox p { font-size: 2.1875vw; line-height: 2.8125vw; } .price-popup .form-select, .price-popup .form-input, .price-popup .form-btn{ width: 100% } .md-main-title { font-size: 4.375vw; line-height: 9.375vw; } .md-standart-slider .slider-btn { display: none; } .md-standart-slider .slider-pagination { bottom: -6.25vw; } .md-standart-slider .slider-pagination .swiper-pagination-bullet { width: 2.5vw; height: 2.5vw; margin: 0 1.25vw; } .md-standart-slider .slider-hint { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 4.6875vw; } .md-standart-slider .slider-hint span { font-size: 2.5vw; line-height: 4.0625vw; letter-spacing: 0em; margin-right: 2.5vw; } .md-standart-slider .slider-hint svg { width: 4.0625vw; height: 4.375vw; } .md-standart-form.md-popup-form .form-text { padding-left: 0vw; font-size: 3.125vw; line-height: 3.75vw; margin-bottom: 3.125vw; text-align: center; } .md-standart-form.md-popup-form .form-container { width: 63.125vw; margin: 0 auto; margin-bottom: 3.125vw; } .md-standart-form.md-popup-form .form-select { height: 18.75vw; margin-bottom: 3.125vw; } .md-standart-form.md-popup-form .form-select span.current { line-height: 18.75vw; } .md-standart-form.md-popup-form .form-select .list .option { line-height: 18.75vw; min-height: 18.75vw; } .md-standart-form.md-popup-form .form-select.open { border-top-left-radius: 9.375vw; border-top-right-radius: 9.375vw; } .md-standart-form.md-popup-form .form-select.open .list { border-bottom-left-radius: 9.375vw; border-bottom-right-radius: 9.375vw; } .md-standart-form.md-popup-form .form-input { height: 18.75vw; margin-bottom: 3.125vw; } .md-standart-form.md-popup-form .form-btn { width: 100%; height: 18.75vw; padding: 0 9.375vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .md-standart-form.md-popup-form .form-btn span { font-size: 3.75vw; line-height: 4.375vw; } .md-standart-form.md-popup-form .form-checkbox { width: 43.75vw; } .md-standart-form.md-popup-form .form-file { width: 100%; margin: 0; margin-bottom: 3.125vw; } .md-standart-form.md-popup-form .form-file > div { width: 100%; height: 18.75vw; } .filters__slider { margin-bottom: 2.8125vw; } .filters__slider .swiper-container { overflow: visible; min-height: 9.375vw; } .filters__slider .swiper-container .swiper-wrapper { min-height: 9.375vw; } .filters__slider .filters-item { width: 29.5vw; padding: 1.5625vw 4.6875vw; font-size: 2.5vw; line-height: 2.8125vw; } .header { height: auto; padding-top: 2vw; padding-bottom: 2vw; margin: 1vw; position: fixed; z-index: 50; top: 0; left: 0; right: 0; -webkit-transition: 0.3s; transition: 0.3s; } .header.fixed { background-color: #F5F8F9; } .header.fixed .header__logo p, .header.fixed .header__contacts a, .header.fixed .header__contacts p { color: var(--text-main-color); } .header.fixed .nav-wrap .nav .nav-item a { color: var(--text-main-color); } .header.fixed .nav-wrap .nav .nav-item.dropdown-item::after { border-color: var(--text-main-color); } .header.open { z-index: 100; } .header.open .header__nav { opacity: 1; pointer-events: all; } .header.open .header__logo p, .header.open .header__contacts a, .header.open .header__contacts p { color: var(--text-main-color); } .header.open .nav-wrap .nav .nav-item a { color: var(--text-main-color); } .header.open .nav-wrap .nav .nav-item.dropdown-item::after { border-color: var(--text-main-color); } .header__top { position: relative; z-index: 3; } .header__top .wrapper { border-bottom: none; } .header__top .search-form{ display: none; } .header__btn-wrap p{ display: none; } .header__btn { display: block; width: 6.25vw; height: 5.6875vw; position: relative; } .header__btn span { width: 6.25vw; height: 0.625vw; border-radius: var(--brad-regular); position: absolute; left: 0; background-color: var(--main-color); -webkit-transition: 0.3s; transition: 0.3s; } .header__btn span:first-child { top: 0; } .header__btn span:nth-child(2) { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header__btn span:last-child { bottom: 0; width: 6.25vw; } .header__btn.open span:last-child{ width: 6.25vw; } .header__btn.open span:first-child { top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); -webkit-transform-origin: center center; transform-origin: center center; } .header__btn.open span:nth-child(2) { opacity: 0; } .header__btn.open span:last-child { bottom: 50%; -webkit-transform: translateY(50%) rotate(45deg); transform: translateY(50%) rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } .header__text, .header__address, .header__download, .header__social { display: none; } .header__logo { width: 23.4375vw; } .header__logo a img, .header__logo a svg { width: 20.5vw; height: 7.625vw; } .header__logo a p { font-size: 5.3125vw; line-height: 1; } .header__contacts { width: 37.5vw; } .header__contacts p { width: auto; font-size: 2.1875vw; line-height: 2.5vw; } .header__contacts p:before, .header__contacts p::after { width: 0.9375vw; height: 0.9375vw; left: -1.875vw; } .header__contacts a { font-size: 3.125vw; line-height: 4.0625vw; } .header__contacts .call-back { font-size: 2.8125vw; line-height: 3.4375vw; padding-bottom: 0.3125vw; } .header__nav { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding-top: 25vw; background-color: #F5F8F9; z-index: 2; padding-bottom: 6.25vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; pointer-events: none; } .header__nav .wrapper { overflow-x: hidden; overflow-y: auto; } .header__nav .nav-wrap { width: 100%; height: 100%; border-bottom: none !important; } .header__nav .nav-wrap .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header__nav .nav-wrap .nav > .nav-item { padding: 0; margin: 0; margin-bottom: 4.6875vw; } .header__nav .nav-wrap .nav > .nav-item:last-child { margin-bottom: 0; } .header__nav .nav-wrap .nav > .nav-item:first-child { /* display: none; */ } .header__nav .nav-wrap .nav > .nav-item a { font-size: 4.375vw; line-height: 6.25vw; } .header__nav .nav-wrap .nav > .nav-item.dropdown-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .header__nav .nav-wrap .nav > .nav-item.dropdown-item::after { position: absolute; top: 1.875vw; right: 4.6875vw; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 1.5625vw; height: 1.5625vw; } .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu { position: static; padding: 0; opacity: 1; pointer-events: all; border-top: none; background-color: transparent; padding-top: 3.125vw; display: none; } .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu.open { display: block; } .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu.nav-menu--level-2.open { padding-left: 2vw; } .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu .nav-item { margin: 0; padding-bottom: 3.125vw; } .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu .nav-item:last-child { padding-bottom: 0; } .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu .nav-item a { font-size: 4.375vw; line-height: 1; } .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu.nav-menu--level-2 .nav-item a { font-size: 3.5vw; line-height: 1; } .header__nav .nav-wrap .nav > .nav-item.dropdown-item:hover > a { color: var(--text-main-color); } .header__nav .nav-wrap .nav > .nav-item.dropdown-item:hover::after { border-color: var(--text-main-color); } .nav-wrap .nav .nav-menu--level-1 .nav-item.dropdown-item::after { content: none; } .header__nav .search-form{ display: block; } .first { margin-top: -6.5vw; padding-top: 10vw; min-height: auto; padding-bottom: 67.5vw; margin-bottom: 7.8125vw; } .first__bg { top: 0; left: 0; right: 0; bottom: 0; height: auto; } .first__bg .second-bg { width: 80%; max-height: 67.5vw; object-fit: contain; right: 0; } .first__title { width: 80vw; margin: 0 auto; margin-bottom: 3vw; font-size: 6.8vw; line-height: 1.35; text-align: center; } .first__content { padding-top: 8vw; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.65) 60%, rgba(255, 255, 255, 0) 100%); padding-left: 4vw; padding-right: 4vw; padding-bottom: 4vw; border-radius: 1vw; } .first__text { margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 7.8125vw; } .first__text .dots { margin-bottom: 3.125vw; } .first__text .dots:last-child { margin-bottom: 0; } .first__text .dots span { width: 1.875vw; height: 1.875vw; margin-right: 1.5625vw; } .first__text .dots span:last-child { margin-right: 0; } .first__text p { width: 85vw; text-align: center; font-size: 4vw; line-height: 1.45; } .first__bullets { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; margin-bottom: 7.8125vw; gap: 0 5vw; max-width: 100%; } .first__bullets .bullets-item { max-width: 28.125vw; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } .first__bullets .bullets-item span { width: 6.875vw; height: 6.875vw; margin-bottom: 2.8125vw; } .first__bullets .bullets-item span img, .first__bullets .bullets-item span svg { width: 2.1875vw; height: 1.5625vw; -o-object-fit: contain; object-fit: contain; } .first__bullets .bullets-item p { font-size: 2.1875vw; line-height: 3.125vw; text-align: center; letter-spacing: 0em; } .first__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .first__buttons-btn { width: 76.875vw; padding: 0 14.6875vw; margin-bottom: 4.6875vw; } .first__buttons-btn span { width: 42.1875vw; } .first__buttons-text { width: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .first__buttons-text p { max-width: auto; line-height: 1; font-size: 2.5vw; letter-spacing: 0em; } .first__buttons-text p br { display: none; } .first__buttons-text svg { width: 3.4375vw; height: 2.8125vw; margin-right: 2.1875vw; -o-object-fit: contain; object-fit: contain; } .first__buttons-text::before, .first__buttons-text::after { width: 0.9375vw; height: 0.9375vw; top: 0; } .first.md-first-with-form { padding-bottom: 8vw; } .first.md-first-with-form .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .first.md-first-with-form .first__content { width: 100%; } .first__form { width: 100%; border-radius: var(--brad-regular); padding: 7.8125vw 4.6875vw 10.9375vw 4.6875vw; } .first__form .form-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .first__form .form-title p { text-align: center; width: 100%; font-size: 3.5vw; line-height: 4.0625vw; } .first__form .form-img { width: 29.6875vw; height: 29.6875vw; border-radius: 50%; overflow: hidden; position: relative; margin-bottom: 4.6875vw; } .first__form .form-img img { position: absolute; top: 7.1875vw; width: 26.875vw; height: 36.25vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .first__form .form-container .form-btn { padding: 0 18.75vw; } .first__form .form-container .form-btn:hover { padding: 0 18.75vw; } .first__form .form-checkbox { width: 43.75vw; margin: 0 auto; } .first.md-first-style-2 { padding-bottom: 12.5vw; } .first.md-first-style-2 .first__title { width: 68.75vw; } .first.md-first-style-2 .first__bullets { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first.md-first-style-2 .first__bullets .bullets-item { max-width: 28.125vw; } .first.md-after-breadcrumbs { padding-top: 44.375vw; margin-top: -44.375vw; } .first.md-lid-magnit { padding-bottom: 56.25vw; } .first.md-lid-magnit .first__text { margin-bottom: 4.6875vw; } .first.md-lid-magnit .first__title { width: 100%; font-size: 4.8125vw; line-height: 8.125vw; margin-bottom: 9.375vw; } .first.md-lid-magnit .first__bg .second-bg { top: auto; left: 0; right: auto; bottom: 0; width: 100vw; height: 78.125vw; } .first.md-lid-magnit .first__bottom-form { width: 76.25vw; margin: 0 auto; } .first.md-lid-magnit .first__bottom-form .form-text { text-align: center; font-size: 3.75vw; line-height: 1; margin-bottom: 3.125vw; } .first.md-lid-magnit .first__bottom-form .form-container .form-input, .first.md-lid-magnit .first__bottom-form .form-container .form-select { margin: 0; margin-bottom: 3.125vw; } .first.md-lid-magnit .first__bottom-form .form-container .form-btn { width: 100%; } .first.md-lid-magnit .first__bottom-form .form-checkbox { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .first.md-lid-magnit .first__bottom-form .form-checkbox p { width: 43.75vw; } .first.md-error-page { margin-top: 0; padding-top: 46.875vw; padding-bottom: 31.25vw; min-height: 70vh; } .first.md-error-page .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .first.md-error-page .first__content { width: 100%; padding: 0; margin: auto; } .first.md-error-page .first__title { width: 100%; margin-bottom: 4.6875vw; } .first.md-error-page .first__text { margin-bottom: 6.25vw; } .first.md-error-page .first__text .dots { margin-bottom: 4.6875vw; } .first.md-error-page .first__text p { font-size: 5.625vw; line-height: 1; } .first.md-error-page .first__buttons-btn { width: 46.875vw; padding: 0 8.4375vw; } .first.md-error-page .first__buttons-btn:hover { padding: 0 8.4375vw; } .first.md-thanx-page { min-height: 70vh; padding-top: 30.875vw; padding-bottom: 31.25vw; } .first.md-thanx-page .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .first.md-thanx-page .first__content { width: 100%; padding: 0; margin: auto; } .first.md-thanx-page .first__title { width: 100%; margin-bottom: 6.25vw; } .first.md-thanx-page .first__text { margin-bottom: 6.25vw; } .first.md-thanx-page .first__text .dots { margin-bottom: 4.6875vw; } .first.md-thanx-page .first__text p { font-size: 4.375vw; line-height: 1; } .first.md-thanx-page .first__buttons-btn { width: 46.875vw; padding: 0 8.4375vw; } .first.md-thanx-page .first__buttons-btn:hover { padding: 0 8.4375vw; } .first.md-thanx-page .first__bg .second-bg { display: none; } .calc-price { padding-bottom: 7.8125vw; } .calc-price__title { padding: 0 3.125vw; margin-bottom: 3.125vw; } .calc-price__text { font-size: 3.75vw; line-height: 5vw; margin-bottom: 6.25vw; } .calc-price__preloader .circle { width: 46.875vw; height: 46.875vw; margin-bottom: 9.375vw; border: 2.1875vw solid var(--main-color); border-top: 2.1875vw solid transparent; } .calc-price__preloader p { font-size: 5.625vw; line-height: 6.25vw; text-align: center; } .calc-price__info { display: none; } .calc-price__quiz { width: 100%; padding: 4.6875vw 4.6875vw 9.375vw 4.6875vw; border-radius: var(--brad-regular); } .calc-price__quiz .quiz-progress { height: 6.25vw; padding: 0.9375vw 1.25vw; } .calc-price__quiz .quiz-progress .progress-text { font-size: 2.5vw; } .calc-price__quiz .quiz-question[data-question-id="1"] .question-control .prev-btn { display: none; } .calc-price__quiz .quiz-questions-container .question-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 4.6875vw; } .calc-price__quiz .quiz-questions-container .question-title span { height: 6.25vw; padding: 0 3.125vw; font-size: 1.53125vw; line-height: 6.25vw; margin-bottom: 2.1875vw; } .calc-price__quiz .quiz-questions-container .question-title p { font-size: 3.0625vw; line-height: 5vw; text-align: center; } .calc-price__quiz .quiz-questions-container .question-control { padding-top: 12.5vw; } .calc-price__quiz .quiz-questions-container .question-control__btn { width: 35.6875vw; height: 12.75vw; } .calc-price__quiz .quiz-questions-container .question-control__btn span::after { width: 1.875vw; height: 1.875vw; margin-left: 2.1875vw; margin-top: -0.625vw; } .calc-price__quiz .quiz-questions-container .question-control .btn-wrap__hint { width: 100%; font-size: 2.5vw; line-height: 3.125vw; padding: 3.125vw; border-radius: var(--brad-regular); } .calc-price__quiz .quiz-questions-container .question-control .prev-btn span { font-size: 3.75vw; } .calc-price__quiz .quiz-questions-container .question-control .prev-btn span::before { width: 1.875vw; height: 1.875vw; margin-right: 2.1875vw; } .calc-price__quiz .quiz-questions-container .answers-container { height: 92.125vw; margin-right: -1.5625vw; padding-right: 1.5625vw; } .calc-price__quiz .quiz-questions-container .answers-container .container-flex { margin: -2.5vw; } .calc-price__quiz .quiz-questions-container .answers-container .answers-wrap { margin: 2.5vw; } .calc-price__quiz .quiz-questions-container .answers-container .answers-wrap__video { width: 6.25vw; height: 6.25vw; top: 2.1875vw; right: 2.1875vw; } .calc-price__quiz .quiz-questions-container .answers-container .answers-wrap__video img, .calc-price__quiz .quiz-questions-container .answers-container .answers-wrap__video svg { width: 1.5625vw; height: 1.875vw; } .calc-price__quiz .quiz-questions-container .answers-container .answers-wrap__hint { width: 6.25vw; height: 6.25vw; top: 2.1875vw; right: 2.1875vw; } .calc-price__quiz .quiz-questions-container .answers-container .answers-wrap__hint span { width: 6.25vw; height: 6.25vw; font-size: 2.5vw; } .calc-price__quiz .quiz-questions-container .answers-container .answers-wrap__hint p { width: 35.9375vw; padding: 3.125vw; padding-right: 10.625vw; font-size: 2.5vw; line-height: 3.125vw; top: -2.1875vw; right: -2.1875vw; border-radius: var(--brad-regular); } .calc-price__quiz .quiz-questions-container .answers-container .answers-item { width: 35.9375vw; } .calc-price__quiz .quiz-questions-container .answers-container .answers-item:hover .answers-item__img { border: 0.3125vw solid transparent; } .calc-price__quiz .quiz-questions-container .answers-container .answers-item:hover .answers-item__icon svg { fill: #AEAEAE; } .calc-price__quiz .quiz-questions-container .answers-container .answers-item:hover .answers-item__icon svg path { fill: #AEAEAE; } .calc-price__quiz .quiz-questions-container .answers-container .answers-item.checked .answers-item__img { border: 0.3125vw solid var(--main-color); } .calc-price__quiz .quiz-questions-container .answers-container .answers-item.checked .answers-item__icon svg { fill: #FFF; } .calc-price__quiz .quiz-questions-container .answers-container .answers-item.checked .answers-item__icon svg path { fill: #FFF; } .calc-price__quiz .quiz-questions-container .answers-container .answers-item__img { height: 23.125vw; border-radius: var(--brad-regular); border: 0.3125vw solid transparent; } .calc-price__quiz .quiz-questions-container .answers-container .answers-item__icon { width: 5vw; height: 5vw; border: 0.625vw solid #FBFBFB; margin-top: -2.5vw; margin-bottom: 2.5vw; } .calc-price__quiz .quiz-questions-container .answers-container .answers-item__icon img, .calc-price__quiz .quiz-questions-container .answers-container .answers-item__icon svg { width: 1.5625vw; height: 1.25vw; } .calc-price__quiz .quiz-questions-container .answers-container .answers-item__text { font-size: 2.8125vw; line-height: 3.75vw; } .calc-price__quiz .quiz-questions-container .answers-container .answers-item__bottom > p { font-size: 3.75vw; line-height: 4.375vw; margin-bottom: 3.125vw; } .calc-price__quiz .quiz-questions-container .answers-container .answers-item__bottom ul li span { font-size: 1.875vw; line-height: 2.5vw; } .calc-price__quiz .quiz-questions-container .answers-container .answers-item__bottom ul li p { font-size: 2.5vw; line-height: 3.125vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item { height: auto; margin-right: 0; padding-right: 0; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .container-flex { margin: -1.5625vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-wrap { margin: 1.5625vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__video { width: 6.25vw; height: 6.25vw; top: 50%; right: 4.6875vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__video img, .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__video svg { width: 1.5625vw; height: 1.875vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__hint { width: 6.25vw; height: 6.25vw; top: 50%; right: 4.6875vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__hint span { width: 6.25vw; height: 6.25vw; font-size: 2.5vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-wrap__hint p { width: 46.875vw; padding: 3.125vw; padding-right: 4.6875vw; font-size: 2.5vw; line-height: 3.125vw; top: 50%; right: 50%; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-item { width: 76.5625vw; padding: 3.125vw; padding-right: 9.375vw; border: 0.3125vw solid #fff; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-item__icon { width: 6.25vw; height: 6.25vw; margin: 0; margin-right: 3.125vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-item:hover { border: 0.3125vw solid #fff; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-item:hover span { fill: #AEAEAE; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-item:hover span path { fill: #AEAEAE; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-item.checked { border: 0.3125vw solid var(--main-color); } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-item.checked span svg { fill: #FFF; } .calc-price__quiz .quiz-questions-container .answers-container.md-no-img-item .answers-item.checked span svg path { fill: #FFF; } .calc-price__quiz .quiz-questions-container .answers-container.md-large-img .answers-item__img { height: 40vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 0; padding-right: 0; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-wrap { width: 76.875vw; margin: 0; margin-bottom: 3.125vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-wrap:last-child { margin-bottom: 0; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-item { width: 76.875vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content { width: 100%; margin-bottom: 6.25vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap { margin-bottom: 3.125vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap:last-child { margin-bottom: 0; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap p { font-size: 3.125vw; line-height: 3.75vw; margin-bottom: 3.125vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap input { width: 68.75vw; height: 12.5vw; border-radius: var(--brad-regular); padding: 0 6.25vw; font-size: 3.125vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap span { font-size: 3.125vw; padding-left: 1.875vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div { width: 68.75vw; height: 12.5vw; border-radius: var(--brad-regular); padding: 0 6.25vw; padding-right: 15.625vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div p { font-size: 3.125vw; line-height: 4.375vw; max-height: 4.375vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div img, .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content .input-wrap.md-file-input div svg { width: 4.6875vw; height: 4.6875vw; right: 6.25vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip span { width: 3.75vw; height: 3.75vw; margin-right: 2.1875vw; border-radius: var(--brad-regular); } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip span img, .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip span svg { width: 1.5625vw; height: 1.25vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .answers-content .answer-skip p { font-size: 3.125vw; line-height: 3.75vw; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .img-container { max-width: 68.75vw; margin: 0 auto; } .calc-price__quiz .quiz-questions-container .answers-container.md-answers-with-image .img-container img { width: 100%; } .quiz-final { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .quiz-final__img { width: 100%; height: 87.5vw; } .quiz-final__img .circle { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); right: 56.25vw; bottom: 59.375vw; width: 21.875vw; height: 21.875vw; } .quiz-final__img .circle p { font-size: 1.875vw; line-height: 2.5vw; } .quiz-final__img .circle p span { font-size: 3.75vw; line-height: 4.375vw; } .quiz-final__img .circle img { top: 1.5625vw; left: 1.5625vw; right: 1.5625vw; bottom: 1.5625vw; width: 18.75vw; height: 18.75vw; } .quiz-final__img img { width: 62.5vw; bottom: 0; right: -3.125vw; max-height: 84.375vw; border-radius: var(--brad-regular); } .quiz-final__content { width: 100%; } .quiz-final__text { min-height: 6.25vw; padding: 0 3.125vw; font-size: 2.1875vw; line-height: 6.25vw; margin-bottom: 3.125vw; } .quiz-final__title { font-size: 3.5vw; line-height: 5.625vw; padding: 0 3.125vw; margin-bottom: 7.8125vw; } .quiz-final__form .form-container { width: 100%; margin-bottom: 3.125vw; } .quiz-final__form .form-container .form-input { margin-bottom: 3.125vw; } .quiz-final__form .form-checkbox { width: 62.5vw; margin-bottom: 6.25vw; } .quiz-final__form .form-checkbox p { width: 40.625vw; } .quiz-final__form .form-top { margin-bottom: 6.25vw; } .quiz-final__form .form-top__item { width: 17.1875vw; padding: 1.5625vw; border-radius: var(--brad-regular); } .quiz-final__form .form-top__item:hover { -webkit-transform: scale(1); transform: scale(1); } .quiz-final__form .form-top__item span { width: 10.9375vw; height: 10.9375vw; margin-bottom: 3.125vw; } .quiz-final__form .form-top__item span img, .quiz-final__form .form-top__item span svg { width: 4.6875vw; } .quiz-final__form .form-top__item p { font-size: 2.5vw; line-height: 3.125vw; } .quiz-final__form .form-bottom { width: 62.5vw; } .quiz-final__form .form-bottom__title { font-size: 2.625vw; line-height: 4.375vw; margin-bottom: 3.125vw; } .quiz-final__form .form-bottom__item { border-radius: var(--brad-regular); padding: 3.125vw; height: 14.0625vw; margin-bottom: 3.125vw; } .quiz-final__form .form-bottom__item:last-child { margin-bottom: 0; } .quiz-final__form .form-bottom__item .item-img { border-radius: var(--brad-regular); } .quiz-final__form .form-bottom__item .item-img::after { border-radius: var(--brad-regular); } .quiz-final__form .form-bottom__item .item-text { font-size: 3.125vw; line-height: 3.75vw; max-height: 8.75vw; width: 43.75vw; } .quiz-final__form .form-bottom__item .item-icon { width: 6.25vw; height: 6.25vw; } .quiz-final__form .form-bottom__item .item-icon img, .quiz-final__form .form-bottom__item .item-icon svg { width: 1.875vw; height: 2.5vw; } .promotions { padding-bottom: 12.875vw; padding-top: 7vw; overflow: hidden; } /* .promotions__bg { display: none; } */ .promotions__title { margin-bottom: 3.75vw; padding: 0 4.6875vw; } .promotions__slider .swiper-container { overflow: visible; } .promotions__container .container-flex { margin: -3.125vw 0; } .promotions__container .promotions__item { margin: 3.125vw 0; } .promotions__item { width: 86.25vw; min-height: 70.3125vw; padding: 10vw 7.8125vw; border-radius: var(--brad-regular); } .promotions__item-content { width: 46.0vw; } .promotions__item-content p { font-size: 4vw; line-height: 6.5625vw; } .promotions__item-content > span { padding: 3.125vw 0; font-size: 3.125vw; line-height: 4.6875vw; } .promotions__item-content .content-btn { padding-bottom: 0.625vw; } .promotions__item-content .content-btn span { font-size: 3.125vw; line-height: 3.125vw; margin-right: 1.5625vw; } .promotions__item-content .content-btn:hover { margin-right: 1.5625vw; } .promotions__item-content .content-btn img, .promotions__item-content .content-btn svg { width: 3.125vw; height: 3.125vw; } .promotions__item-img { height: 70.3125vw; width: 38vw; } .download-price__container { border-radius: var(--brad-regular); padding: 7.8125vw 11.5625vw 46.875vw 11.5625vw; } .download-price__container::after { border-radius: var(--brad-regular); } .download-price__img-large { width: 80vw; height: 49.6875vw; left: 0; right: auto; bottom: 0; } .download-price__img-large img { width: 98.75vw; height: 68.4375vw; top: 0; left: auto; right: 0; bottom: auto; } .download-price__img-small { display: none; } .download-price__title { font-size: 4.375vw; line-height: 7.8125vw; text-align: center; margin-bottom: 4.6875vw; } .download-price__circle { width: 21.25vw; height: 21.25vw; top: auto; left: auto; right: 11.5625vw; bottom: 20.625vw; } .download-price__circle .pdf-circle { width: 18.125vw; height: 18.125vw; top: 1.5625vw; left: 1.5625vw; right: 1.5625vw; bottom: 1.5625vw; } .download-price__circle .circle-arrow { width: 2.5vw; height: 2.5vw; margin-bottom: 0.625vw; } .download-price__circle p { font-size: 2.1875vw; line-height: 2.8125vw; } .download-price .form-container .form-select, .download-price .form-container .form-input, .download-price .form-container .form-btn { width: 100%; } .download-price .form-container .form-btn { padding: 0 12.5vw; } .download-price .form-container .form-btn:hover { padding: 0 12.5vw; } .download-price .form-checkbox { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .download-price .form-checkbox p { width: 39.0625vw; } .download-price .form-text { text-align: center; } .services__title { margin-bottom: 6.25vw; } .services.md-all-items-visible { margin-bottom: 18.75vw; } .services.md-all-items-visible .services__item { display: block !important; } .services.md-all-items-visible .services__load-more { display: none; } .services .container-flex { margin: -2.5vw; } .services__load-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 6.25vw; } .services__item { width: 86.25vw; min-height: 70.3125vw; margin: 2.5vw; border-radius: var(--brad-regular); padding: 9.375vw; overflow: hidden; } .services__item .item-img { border-radius: var(--brad-regular); } .services__item .item-img img { width: 100%; height: 100%; border-radius: var(--brad-regular); } .services__item .item-img::after { border-radius: var(--brad-regular); } .services__item .item-title { width: 100%; font-size: 4.375vw; line-height: 6.875vw; } .services__item .item-text { font-size: 3.75vw; line-height: 4.375vw; padding: 3.125vw 0; } .services__item .item-bottom__btn { width: 43.75vw; height: 14.0625vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 6.25vw; margin-right: 3.125vw; } .services__item .item-bottom__btn:hover { padding: 0 6.25vw; } .services__item .item-bottom__btn span { font-size: 3.75vw; } .services__item .item-bottom__btn::after { width: 6.25vw; } .services__item .item-bottom__anchor { font-size: 3.75vw; line-height: 5.625vw; } .services__item .item-bottom__link { width: 100%; height: 14.0625vw; } .services__item .item-bottom__link span { font-size: 3.75vw; } .services__item .item-bottom__link::after { width: 6.25vw; } .services__item:nth-child(1n+3) { display: none; } .load-more-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-bottom: 0.9375vw; margin-bottom: 1.5625vw; } .load-more-btn span { font-weight: 600; font-size: 3.125vw; line-height: 3.125vw; letter-spacing: 0em; margin-right: 1.5625vw; color: var(--main-color); } .load-more-btn img, .load-more-btn svg { width: 3.125vw; height: 3.125vw; -o-object-fit: contain; object-fit: contain; fill: var(--main-color); } .load-more-btn img path, .load-more-btn svg path { fill: var(--main-color); } .portfolio { padding-bottom: 18.75vw; } /* .portfolio__bg { display: none; } */ .portfolio.md-mobile-slider .portfolio__container { display: none; } .portfolio.md-mobile-slider .portfolio__slider { display: block; margin-bottom: 15.625vw; } .portfolio__container .container-flex { /* margin: -4.6875vw 0; */ } .portfolio__container .portfolio__item { margin: 4.6875vw 0; } .portfolio__title { margin-bottom: 4.6875vw; } .portfolio__text { font-size: 3.75vw; line-height: 5.625vw; margin-bottom: 6.25vw; } .portfolio__link { width: 76.875vw; } .portfolio__item { width: 86.25vw; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .portfolio__item .item-title { font-size: 3.5vw; line-height: 6.25vw; margin-bottom: 3.125vw; } .portfolio__item .item-text { font-size: 3.125vw; line-height: 4.6875vw; margin-bottom: 3.125vw; text-align: left; } .portfolio__item .item-btn { margin-bottom: 1.5625vw; padding-bottom: 0.625vw; } .portfolio__item .item-btn span { font-size: 3.125vw; margin-right: 1.5625vw; } .portfolio__item .item-btn:hover span { margin-right: 1.5625vw; } .portfolio__item .item-btn img, .portfolio__item .item-btn svg { width: 3.125vw; height: 3.125vw; } .portfolio__item .item-gallery { width: 100%; margin-bottom: 4.6875vw; } .portfolio__item .item-gallery a { width: 19.6875vw; height: 16.5625vw; border-radius: var(--brad-regular); margin-right: 2.5vw; } .portfolio__item .item-gallery a:first-child { width: 100%; height: 69.0625vw; border-radius: var(--brad-regular); margin-right: 0; margin-bottom: 2.5vw; } .portfolio__item .item-gallery a:first-child .video { width: 10.9375vw; height: 10.9375vw; top: 5.625vw; right: 5.625vw; } .portfolio__item .item-gallery a:first-child .video img, .portfolio__item .item-gallery a:first-child .video svg { width: 2.1875vw; height: 2.5vw; } .portfolio__item .item-gallery a:nth-child(3) { margin-right: 2.5vw; } .portfolio__item .item-gallery a:nth-child(5) { margin-right: 0; } .portfolio__item .item-gallery__hint { font-size: 2.5vw; height: 6.875vw; line-height: 6.875vw; top: 3.125vw; left: 4.6875vw; padding: 0 3.125vw; } .reviews { padding-top: 10.9375vw; padding-bottom: 25vw; /* margin-bottom: 10.9375vw; */ } .reviews__title { margin-bottom: 7.8125vw; } .reviews__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .reviews.md-style-2 { margin-bottom: 18.75vw; } .reviews.md-style-2 .reviews__bg { display: none; } .reviews.md-style-2 .slider-hint span { color: var(--text-main-color) !important; } .reviews.md-style-2 .reviews__img-slider .swiper-pagination-bullet { background-color: #ECECEC; } .reviews__video-slider { width: 100%; margin-bottom: 12.5vw; } .reviews__video-slider .video-slider__slide { width: 86.25vw; height: 66.875vw; } .reviews__video-slider .video-slider__slide .video { width: 15.625vw; height: 15.625vw; } .reviews__video-slider .video-slider__slide .video img, .reviews__video-slider .video-slider__slide .video svg { width: 3.125vw; height: 3.4375vw; } .reviews__video-slider .swiper-container { width: 100%; } .reviews__video-slider .swiper-container .swiper-slide { border-radius: var(--brad-regular); } .reviews__video-slider .video-slider__link span { font-size: 3.125vw; margin-right: 1.5625vw; } .reviews__video-slider .video-slider__link img, .reviews__video-slider .video-slider__link svg { width: 3.125vw; height: 3.125vw; } .reviews__video-slider .video-slider__link:hover span { margin-right: 1.5625vw; } .reviews .video-slider__container { width: 100%; height: auto; margin-bottom: 12.5vw; } .reviews .video-slider__container .slider-hint { margin-bottom: 3.125vw; } .reviews .video-slider__container .slider-hint span { color: #fff; } .reviews__img-slider { width: 63.75vw; margin: 0 auto; margin-bottom: 25vw !important; } .reviews__img-slider .img-slider__container { width: 100%; height: auto; } .reviews__img-slider .img-slider__container .slider-hint { margin-bottom: 3.125vw; } .reviews__img-slider .img-slider__container .slider-hint span { color: #fff; } .reviews__img-slider .img-slider__container .swiper-container { height: 109.375vw; } .reviews__img-slider .img-slider__container .swiper-container .swiper-slide { border-radius: var(--brad-regular); } .reviews__phone-slider { width: 63.75vw; margin: 0 auto; } .reviews__phone-slider .phone-slider__container { height: 129.6875vw; position: relative; padding: 9.6875vw 3.4375vw 3.125vw 3.4375vw; } .reviews__phone-slider .phone-slider__container .slider-hint { position: absolute; left: 0; right: 0; bottom: 100%; } .reviews__phone-slider .phone-slider__container .slider-hint span { color: #fff; } .reviews__phone-slider .phone-slider__container .swiper-container { border-bottom-left-radius: 9.375vw; border-bottom-right-radius: 9.375vw; } .reviews__phone-slider .phone-slider__link-1 { width: 14.0625vw; height: 14.0625vw; top: 11.5625vw; left: -4.6875vw; border-radius: var(--brad-regular); } .reviews__phone-slider .phone-slider__link-1::before { border-radius: var(--brad-regular); } .reviews__phone-slider .phone-slider__link-1 img, .reviews__phone-slider .phone-slider__link-1 svg { width: 8.75vw; height: 8.75vw; } .reviews__phone-slider .phone-slider__link-2 { width: 14.0625vw; height: 14.0625vw; right: -5.625vw; bottom: 25vw; border-radius: var(--brad-regular); } .reviews__phone-slider .phone-slider__link-2::before { border-radius: var(--brad-regular); } .reviews__phone-slider .phone-slider__link-2 img, .reviews__phone-slider .phone-slider__link-2 svg { width: 8.4375vw; height: 8.4375vw; } .questions { padding-bottom: 12.5vw; } .questions__title { margin-bottom: 4.6875vw; } .questions.md-all-items-visible .questions__container .container-item { display: block !important; } .questions.md-all-items-visible .questions__load-more { display: none; } .questions__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; } .questions__container .container-item { width: 100%; padding-top: 4.6875vw; } .questions__container .container-item:first-child { padding-top: 0; } .questions__container .container-item:nth-child(1n+2) { display: none; } .questions__item { padding: 6.25vw 8.125vw; border-radius: var(--brad-regular); margin-bottom: 4.6875vw; } .questions__item:last-child { margin-bottom: 0; } .questions__item .item-title { padding-right: 15.625vw; font-size: 2.625vw; line-height: 5.3125vw; } .questions__item .item-content { padding-top: 4.6875vw; font-size: 3.125vw; line-height: 4.6875vw; } .questions__item .item-btn { width: 7.8125vw; height: 7.8125vw; top: 5.0vw; right: 6.25vw; } .questions__item .item-btn img, .questions__item .item-btn svg { width: 3.125vw; height: 3.125vw; } .questions__link a { width: 100%; height: 18.75vw; padding: 0 6.25vw 0 15.625vw; border: 0.3125vw solid var(--main-color); } .questions__link a span { width: 40.625vw; font-size: 3.75vw; line-height: 5vw; text-align: center; } .questions__link a img, .questions__link a svg { width: 9.0625vw; height: 9.0625vw; } .questions__load-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 4.6875vw; margin-bottom: 10.9375vw; } .process { overflow: hidden; padding-bottom: 10.9375vw; } .process.md-all-items-visible .process__item { display: block !important; } .process.md-all-items-visible .process__load-more { display: none; } /* .process__bg { display: none; } */ .process__title { margin-bottom: 6.25vw; } .process__container .container-flex { margin: -2.8125vw 0; } .process__item { width: 86.25vw; height: 70vw; margin: 2.8125vw 0; border-radius: var(--brad-regular); } .process__item:nth-child(1n+4) { display: none; } .process__item::after { border-radius: var(--brad-regular); } .process__item span { width: 12.5vw; height: 12.5vw; } .process__item span img, .process__item span svg { width: 6.25vw; height: 6.25vw; } .process__load-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 4.6875vw; margin-bottom: 1.5625vw; } .warranty { margin-bottom: 12.5vw; } .warranty__container { padding: 6.25vw; padding-bottom: 62.5vw; border-radius: var(--brad-regular); } .warranty__title { text-align: center; margin-bottom: 7.8125vw; } .warranty__bullets { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 6.25vw; padding: 0 3.125vw; } .warranty__bullets .bullets-item { width: 32.8125vw; max-width: 32.8125vw; margin: 0; margin-bottom: 4.6875vw; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .warranty__bullets .bullets-item:nth-child(even) { width: 26.5625vw; max-width: 26.5625vw; } .warranty__bullets .bullets-item span { width: 6.875vw; height: 6.875vw; margin-bottom: 2.8125vw; } .warranty__bullets .bullets-item span img, .warranty__bullets .bullets-item span svg { width: 2.1875vw; height: 1.5625vw; } .warranty__bullets .bullets-item p { font-size: 2.1875vw; line-height: 3.125vw; text-align: center; } .warranty__text { position: static; width: 100%; text-align: center; } .warranty__text p { font-size: 3.75vw; line-height: 5.625vw; margin-bottom: 3.125vw; } .warranty__text span { font-size: 3.125vw; line-height: 4.375vw; } .warranty__img { width: 58.125vw; height: 58.75vw; left: 14.0625vw; right: 14.0625vw; bottom: 0; } .warranty__img img { width: 58.125vw; height: 85.3125vw; } .clear-talk { margin-bottom: 14.0625vw; } .clear-talk__container { padding: 9.375vw 4.6875vw 93.75vw 4.6875vw; border-radius: var(--brad-regular); background-position: center top; } .clear-talk__title { text-align: center; margin-bottom: 4.6875vw; } .clear-talk__text { text-align: center; margin-bottom: 4.6875vw; } .clear-talk__text p { font-size: 4.375vw; line-height: 6.25vw; margin-bottom: 6.25vw; } .clear-talk__text span { font-size: 3.125vw; line-height: 5vw; } .clear-talk__link a { width: 76.875vw; height: 18.75vw; padding: 0 6.25vw 0 9.375vw; } .clear-talk__link a img, .clear-talk__link a svg { width: 9.0625vw; height: 9.0625vw; } .clear-talk__link a:hover { padding: 0 6.25vw 0 9.375vw; } .clear-talk__img { width: 56.5625vw; height: 84.0625vw; left: 15vw; right: 14.6875vw; bottom: 0; } .clear-talk__img img { width: 56.5625vw; height: 150.3125vw; } .partners { overflow: hidden; padding-bottom: 23.4375vw; /* margin-bottom: 14.0625vw; */ } .partners__title { margin-bottom: 4.6875vw; } .partners__slider { height: auto; } .partners__slider .swiper-container { width: 68.75vw; height: 34.375vw; margin: 0 auto; overflow: visible; } .partners__slide img { max-width: 27.5vw; max-height: 14.6875vw; } .partners__slide .slide-content p { font-size: 3.125vw; line-height: 3.75vw; } .partners__slide .slide-content span { font-size: 2.5vw; line-height: 3.125vw; } .catalog { padding-bottom: 12.5vw; } .catalog__bg { /* top: -125vw; */ top: 0; bottom: 0; height: auto; /* bottom: -93.75vw; */ } .catalog.md-all-items-visible .catalog__item { display: block !important; } .catalog.md-all-items-visible .catalog__load-more { display: none; } .catalog__title { margin-bottom: 6.25vw; } .catalog__container .container-flex { margin: -4.0625vw 0; position: relative; } .catalog__item { width: 40.25vw; border-radius: var(--brad-regular); padding: 0.8125vw 5.4375vw; } /* .catalog__item:nth-child(1n+4) { display: none; } */ .catalog__item .item-status { top: 3.625vw; left: 1vw; } .catalog__item .item-status > div { padding: 0 2.8125vw; height: 7.1875vw; margin-right: 1.5625vw; } .catalog__item .item-status > div:last-child { margin-right: 0; } .catalog__item .item-status > div span { font-size: 2.5vw; line-height: 1; } .catalog__item .item-status > div img, .catalog__item .item-status > div svg { margin-right: 0.625vw; } .catalog__item .item-status .hit img, .catalog__item .item-status .hit svg { width: 1.25vw; height: 2.5vw; } .catalog__item .item-status .new img, .catalog__item .item-status .new svg { width: 2.8125vw; height: 2.8125vw; } .catalog__item .item-status .sale img, .catalog__item .item-status .sale svg { width: 2.5vw; height: 2.1875vw; } .catalog__item .item-slider { width: 39.625vw; height: 40.625vw; margin: 0 auto; margin-bottom: 15.625vw; margin-left: -1rem; } .catalog__item .item-slider .slider-btn { width: 2.8125vw; height: 4.6875vw; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -6.25vw; } .catalog__item .item-slider .slider-btn.slider-next-btn { left: auto; right: -6.25vw; } .catalog__item .item-slider .slider-pagination { bottom: -9.375vw; } .catalog__item .item-slider .slider-pagination .swiper-pagination-bullet { width: 2.5vw; height: 2.5vw; margin: 0 1.25vw; } .catalog__item .item-price { margin-bottom: 2.25vw; } .catalog__item .item-price .current-price { font-size: 3.6875vw; line-height: 5.375vw; } .catalog__item .item-price .current-price span { font-size: 5.375vw; } .catalog__item .item-price .old-price { font-size: 2.125vw; line-height: 9.375vw; } .catalog__item .item-price .old-price span { font-size: 3.3125vw; } .catalog__item .item-name { font-size: 3.375vw; line-height: 4.25vw; } .catalog__item .item-text { font-size: 2.3125vw; line-height: 3.0625vw; padding: 3.125vw 0; } .catalog__item .item-order { width: 30.625vw; height: 10.0625vw; font-size: 2.8125vw; border: 0.3125vw solid var(--main-color); } .catalog__load-more { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 6.25vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .before-after { padding-bottom: 25vw; } .before-after__title { margin-bottom: 4.6875vw; } .before-after__slider { height: auto; } .before-after__slider .swiper-container { height: 68.75vw; } .before-after__slider .swiper-container .swiper-slide { border-radius: var(--brad-regular); } .before-after__slide img { height: 68.75vw; } .before-after__slide .twentytwenty-handle { width: 10.3125vw; height: 10.3125vw; } .before-after__slide .twentytwenty-handle::after, .before-after__slide .twentytwenty-handle::before { width: 0.9375vw; } .video-block { margin-bottom: 9.375vw; } .video-block__container { height: 93.75vw; padding: 9.375vw 15.625vw; } .video-block__title { width: 100%; text-align: center; } .video-block__btn { width: 16.25vw; height: 16.25vw; } .video-block__btn img, .video-block__btn svg { width: 3.125vw; height: 3.4375vw; } .our-works { padding-bottom: 14.0625vw; } .our-works__title { margin-bottom: 3.125vw; } .our-works__text { font-size: 3.75vw; line-height: 1; margin-bottom: 7.8125vw; } /* .our-works__bg { display: none; } */ .our-works__slider { height: auto; margin-bottom: 12.5vw; } .our-works__slide { width: 86.25vw; height: 66.875vw; border-radius: var(--brad-regular); } .our-works__slide .video-btn { width: 16.25vw; height: 16.25vw; } .our-works__slide .video-btn img, .our-works__slide .video-btn svg { width: 3.125vw; height: 3.4375vw; } .our-works__link a { padding-bottom: 0.625vw; } .our-works__link a span { font-size: 3.125vw; line-height: 3.125vw; margin-right: 1.5625vw; } .our-works__link a img, .our-works__link a svg { width: 3.125vw; height: 3.125vw; } .our-works__link a:hover span { margin-right: 1.5625vw; } .get-consultation { margin-bottom: 5.375vw; } .get-consultation__container { padding: 6.25vw 3.125vw 103.875vw 3.125vw; border-radius: var(--brad-regular); overflow: hidden; } .get-consultation__title { margin-bottom: 7.8125vw; text-align: center; max-width: 100%; } .get-consultation__person { width: 100%; height: auto; left: 0; right: 0; bottom: 0; } .get-consultation__person .person-img { width: 100.9375vw; height: 113.125vw; top: auto; position: absolute; left: auto; right: 0; bottom: -15.4375vw; } .get-consultation__person .person-info { top: auto; left: 4.25vw; right: auto; bottom: 51.25vw; width: 31.5625vw; } .get-consultation__person .person-info p { font-size: 4.375vw; line-height: 5vw; } .get-consultation__person .person-info span { font-size: 3.125vw; line-height: 6.875vw; } .get-consultation__form { width: 63.125vw; margin: 0 auto; margin-bottom: 8.75vw; } .get-consultation__form .form-text { text-align: center !important; max-width: 100% !important; margin: 0 auto !important; } .get-consultation__form .form-container .form-input, .get-consultation__form .form-container .form-select { margin: 0; width: 100%; margin-bottom: 3.125vw; } .get-consultation__form .form-container .form-btn { width: 100%; padding: 0 10.9375vw; } .get-consultation__form .form-container .form-btn:hover { padding: 0 10.9375vw; } .get-consultation__form .form-checkbox { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .get-consultation__form .form-checkbox p { width: 37.5vw; } .get-consultation__links { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .get-consultation__links p { width: 100%; margin: 0; margin-bottom: 3.125vw; font-size: 3.75vw; line-height: 6.25vw; text-align: center; } .get-consultation__links a { width: 14.0625vw; height: 14.0625vw; margin: 0 1.5625vw; } .get-consultation.md-style-2 { margin-bottom: 9.375vw; } .get-consultation.md-style-2 .get-consultation__container { padding: 7.8125vw; padding-bottom: 78.125vw; } .get-consultation.md-style-2 .get-consultation__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .get-consultation.md-style-2 .get-consultation__info { width: 100%; } .get-consultation.md-style-2 .get-consultation__title { margin-bottom: 3.125vw; } .get-consultation.md-style-2 .get-consultation__text { width: 100%; text-align: center; font-size: 3.75vw; line-height: 4.6875vw; margin-bottom: 6.25vw; } .get-consultation.md-style-2 .get-consultation__contacts { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 6.25vw; } .get-consultation.md-style-2 .get-consultation__contacts p { font-size: 4.375vw; line-height: 5.625vw; margin-bottom: 4.6875vw; } .get-consultation.md-style-2 .get-consultation__contacts a img, .get-consultation.md-style-2 .get-consultation__contacts a svg { width: 3.4375vw; height: 3.4375vw; margin-right: 2.1875vw; } .get-consultation.md-style-2 .get-consultation__contacts a span { font-size: 4.375vw; } .get-consultation.md-style-2 .get-consultation__links { width: 100%; margin-bottom: 9.375vw; } .get-consultation.md-style-2 .get-consultation__links p { width: 100%; font-size: 3.75vw; line-height: 4.375vw; margin-bottom: 3.125vw; } .get-consultation.md-style-2 .get-consultation__form { width: 63.125vw; margin: 0 auto; } .get-consultation.md-style-2 .get-consultation__form .form-text { font-size: 5vw; line-height: 7.5vw; margin-bottom: 4.6875vw; padding: 0 4.6875vw; } .get-consultation.md-style-2 .get-consultation__form .form-list { padding-left: 6.25vw; margin-bottom: 5.625vw; } .get-consultation.md-style-2 .get-consultation__form .form-list li { font-size: 3.125vw; line-height: 5.625vw; } .get-consultation.md-style-2 .get-consultation__form .form-input { margin-bottom: 3.125vw; } .get-consultation.md-style-2 .get-consultation__person { width: 100%; height: 78.125vw; left: 0; right: 0; bottom: 0; } .get-consultation.md-style-2 .get-consultation__person .person-img { position: absolute; width: 83.75vw; height: 115vw; -webkit-transform: scaleX(-1); transform: scaleX(-1); top: auto; left: -14.375vw; right: auto; bottom: -31.875vw; z-index: 1; } .get-consultation.md-style-2 .get-consultation__person .person-info { width: 26.5625vw; z-index: 2; top: auto; left: auto; right: 8.75vw; bottom: 16.875vw; } .get-consultation.md-style-2 .get-consultation__person .person-info p { font-size: 4.375vw; line-height: 5vw; text-align: left !important; margin-bottom: 3.125vw; text-align: right; } .get-consultation.md-style-2 .get-consultation__person .person-info span { font-size: 3.125vw; text-align: right; } .delivery { margin-bottom: 9.375vw; } .delivery .wrapper { width: 100%; } .delivery__title { width: 100%; margin-bottom: 6.25vw; } .delivery__container { -ms-flex-wrap: wrap; flex-wrap: wrap; } .delivery__container .container-item { width: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .delivery__container .container-item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .delivery__item { width: 50%; min-height: 50vw; } .delivery__item.md-img-item { width: 50%; height: auto; min-height: 50vw; position: relative; } .delivery__item.md-img-item img { width: 50vw; height: 50vw; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .delivery__item.md-info-item { border-radius: var(--brad-regular); padding: 4.6875vw 7.8125vw 4.6875vw 4.6875vw; } .delivery__item.md-info-item p { font-size: 3.75vw; line-height: 4.6875vw; padding-right: 15.625vw; margin-bottom: 2.8125vw; } .delivery__item.md-info-item span { font-size: 2.1875vw; line-height: 3.125vw; margin-bottom: 3.125vw; } .delivery__item.md-info-item span:last-child { margin-bottom: 0; } .delivery__item.md-info-item .icon { width: 7.8125vw; height: 7.8125vw; top: 4.6875vw; left: auto; right: 4.6875vw; -webkit-transform: none; transform: none; } .delivery__item.md-info-item .icon img, .delivery__item.md-info-item .icon svg { max-width: 5vw; max-height: 3.4375vw; } .clients-choose { z-index: 1; /* margin-bottom: 12.5vw; */ } .clients-choose__bg { height: 110%; background-position: center top; } .clients-choose__bg::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: var(--brad-regular); background: -webkit-gradient(linear, left top, left bottom, color-stop(29.16%, rgba(0, 0, 0, 0)), color-stop(108.39%, rgba(0, 0, 0, 0.62))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 29.16%, rgba(0, 0, 0, 0.62) 108.39%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 29.16%, rgba(0, 0, 0, 0.62) 108.39%); } .clients-choose__title { padding: 0 3.125vw; padding-bottom: 74.375vw; } .clients-choose__bullets { display: none; } .clients-choose__slider { display: block; margin: 0 -6.875vw; padding: 0 6.875vw; padding-bottom: 15.625vw; overflow: hidden; } .clients-choose__slider .slider-hint span { color: #fff; } .clients-choose__slider .swiper-container { overflow: visible; } .clients-choose__slider .slider-pagination { bottom: 7.8125vw; } .clients-choose__slider .slider-pagination .swiper-pagination-bullet { background-color: #fff; } .clients-choose__slider .swiper-slide { overflow: visible !important; } .clients-choose__slider .swiper-slide .bullets-item { max-width: 100%; color: #fff; } .clients-choose__slider .swiper-slide .bullets-item__number { width: 6.25vw; height: 6.25vw; border-radius: 50%; background-color: var(--main-color); font-weight: 500; font-size: 3.125vw; line-height: 10.625vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 0em; margin-bottom: 2.5vw; position: relative; } .clients-choose__slider .swiper-slide .bullets-item__number::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); -webkit-animation: pulse_2_small 2s linear infinite; animation: pulse_2_small 2s linear infinite; z-index: -1; } .clients-choose__slider .swiper-slide .bullets-item__title { font-weight: 700; font-size: 2.625vw; line-height: 5vw; letter-spacing: 0em; margin-bottom: 1.5625vw; } .clients-choose__slider .swiper-slide .bullets-item__text { font-weight: 300; font-size: 3.125vw; line-height: 4.0625vw; letter-spacing: 0em; } .about-company { padding-bottom: 0; } /* .about-company__bg { display: none; } */ .clients-choose .slider-hint{ justify-content: flex-start; } .about-company__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin:0 1vw; margin-bottom: 7.8125vw; } .about-company__main { width: 100%; margin-bottom: 2.6875vw; text-align: center; padding: 0 6.25vw; height: auto; margin-left: 0; } .about-company__title { margin-bottom: 7.8125vw; text-align: center; } .about-company__sub-title { font-size: 3.5vw; line-height: 6.25vw; margin-bottom: 4.6875vw; } .about-company__text p { font-size: 3.125vw; line-height: 5.625vw; margin-bottom: 4.6875vw; } .about-company__text span { font-size: 2.5vw; line-height: 4.375vw; } .about-company__img { width: 100%; height: auto; margin: 0 auto; border-radius: var(--brad-regular); } .about-company__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-company__numbers { width: 100%; margin-bottom: 7.8125vw; } .about-company__numbers > div { max-width: 26.5625vw; } .about-company__numbers > div:last-child { max-width: 26.5625vw; } .about-company__numbers > div p { font-size: 15.625vw; line-height: 1; text-align: center; } .about-company__numbers > div p .zero::after, .about-company__numbers > div p .eight::after { width: 2.1875vw; height: 2.1875vw; top: 3.125vw; right: -0.625vw; } .about-company__numbers > div p .zero::after { right: -0.3125vw; } .about-company__numbers > div > span { font-size: 2.5vw; line-height: 3.75vw; text-align: center; } .about-company__certificates { width: 63.4375vw; height: auto; } .about-company__certificates .swiper-container { width: 100%; height: 88.75vw; } .about-company__certificates .swiper-container .swiper-slide { border-radius: var(--brad-regular); } .team { padding-bottom: 10.125vw; padding-top: 8vw; position: relative; overflow: hidden; } .team__title { width: 100%; margin-bottom: 1.8125vw; padding: 0; } .team__slider { height: auto; margin-bottom: 9.375vw; } .team__slider .swiper-container { overflow: visible; width: 76.5625vw; margin: 0 auto; } .team__slide { width: 76.5625vw; height: 103.125vw; border-radius: var(--brad-regular); } .team__slide .slide-icon { width: 8.4375vw; height: 8.4375vw; right: 5.625vw; bottom: 5.625vw; } .team__slide .slide-icon img, .team__slide .slide-icon svg { width: 3.125vw; height: 3.125vw; } .team__slide .slide-info { padding: 7.8125vw; } .team__slide .slide-info p { font-size: 3.75vw; line-height: 4.375vw; margin-bottom: 1.5625vw; } .team__slide .slide-info span { font-size: 3.125vw; line-height: 3.75vw; } .products { overflow: hidden; padding-bottom: 12.5vw; } /* .products__bg { display: none; } */ .products__title { margin-bottom: 6.25vw; } .products__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .products__item .item-img-block { width: 86.25vw; margin-bottom: 4.6875vw; } .products__item .item-img-block a { width: 19.6875vw; height: 16.5625vw; margin-right: 2.5vw; border-radius: var(--brad-regular); } .products__item .item-img-block a:nth-child(5) { margin-right: 0; } .products__item .item-img-block a:first-child { width: 100%; height: 69.0625vw; margin-bottom: 2.8125vw; border-radius: var(--brad-regular); } .products__item .item-img-block a:first-child .video { width: 10.9375vw; height: 10.9375vw; top: 4.6875vw; right: 4.6875vw; } .products__item .item-img-block a:first-child .video img, .products__item .item-img-block a:first-child .video svg { width: 2.1875vw; height: 2.5vw; } .products__item .item-img-block__hint { padding: 0 3.125vw; height: 7.1875vw; font-size: 2.5vw; line-height: 7.1875vw; top: 4.6875vw; left: 64.6875vw; } .products__item .item-info-block { width: 100%; } .products__item .item-info-block .info-status { padding: 1.875vw 3.125vw; font-size: 1.875vw; line-height: 3.125vw; } .products__item .item-info-block .info-status img, .products__item .item-info-block .info-status svg { width: 1.875vw; max-height: 1.5625vw; margin-right: 1.5625vw; } .products__item .item-info-block .info-title { font-size: 3.5vw; line-height: 6.875vw; padding-right: 28.125vw; margin-bottom: 3.125vw; } .products__item .item-info-block .info-list { margin-bottom: 4.6875vw; } .products__item .item-info-block .info-list li { font-size: 2.5vw; line-height: 5vw; margin-bottom: 1.5625vw; } .products__item .item-info-block .info-list li:last-child { margin-bottom: 0; } .products__item .item-info-block .info-list li span { width: 5vw; height: 5vw; margin-right: 1.5625vw; } .products__item .item-info-block .info-list li span img, .products__item .item-info-block .info-list li span svg { width: 1.5625vw; height: 1.25vw; } .products__item .item-info-block .info-price { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 6.25vw; } .products__item .item-info-block .info-price .price { margin-bottom: 3.125vw; font-size: 3.125vw; } .products__item .item-info-block .info-price .price > div .hidden-text { margin: 0 0.9375vw; line-height: 0.9; font-size: 7.5vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .products__item .item-info-block .info-price .price > div .hidden-text > div span { width: 2.1875vw; height: 2.1875vw; left: 0.625vw; bottom: 0.625vw; } .products__item .item-info-block .info-price .price > div .hidden-text > div span img, .products__item .item-info-block .info-price .price > div .hidden-text > div span svg { width: 0.625vw; height: 1.25vw; -o-object-fit: contain; object-fit: contain; } .products__item .item-info-block .info-price .price > div .hidden-text > div p { width: 20.3125vw; min-height: 3.4375vw; font-size: 1.25vw; line-height: 2.1875vw; padding-left: 3.75vw; border-radius: var(--brad-regular); } .products__item .item-info-block .info-price .link { font-size: 3.125vw; line-height: 5.625vw; margin: 0 auto; } .products__item .item-info-block .info-price .link span { margin-right: 1.5625vw; } .products__item .item-info-block .info-price .link img, .products__item .item-info-block .info-price .link svg { width: 3.125vw; height: 3.125vw; } .products__item .item-info-block .info-price .link:hover span { margin-right: 1.5625vw; } .products__item .item-info-block .info-btn-container .order-btn { width: 31.875vw; height: 15.625vw; padding: 0 6.25vw; } .products__item .item-info-block .info-btn-container .order-btn span { font-size: 3.4375vw; } .products__item .item-info-block .info-btn-container .order-btn img, .products__item .item-info-block .info-btn-container .order-btn svg { width: 2.5vw; height: 2.5vw; } .products__item .item-info-block .info-btn-container .order-btn:hover { padding: 0 6.25vw; } .products__item .item-info-block .info-btn-container .free-call-btn { width: 52.1875vw; height: 15.625vw; border: 0.3125vw solid var(--main-color); padding: 0 4.6875vw; } .products__item .item-info-block .info-btn-container .free-call-btn span { width: 37.5vw; font-size: 3.4375vw; line-height: 4.0625vw; } .products__item .item-info-block .info-btn-container .free-call-btn img, .products__item .item-info-block .info-btn-container .free-call-btn svg { width: 3.125vw; height: 3.125vw; } .work-steps { padding-bottom: 15.875vw; padding-top: 6vw; } .work-steps__title { width: 100%; margin-bottom: 2.25vw; } .work-steps__slider .swiper-container { width: 77.1875vw; margin: 0 auto; } .work-steps__slide { width: 77.1875vw; min-height: 100.3125vw; border-radius: var(--brad-regular); } .work-steps__slide .slide-img { height: 100.3125vw; } .work-steps__slide .slide-content { padding: 6.25vw 7.8125vw; padding-bottom: 53.125vw; } .work-steps__slide.md-style-dark-bg .slide-text, .work-steps__slide.md-style-light-bg .slide-text { padding-right: 15.625vw; } .work-steps__slide.md-style-dark-bg .slide-content, .work-steps__slide.md-style-light-bg .slide-content { padding-bottom: 6.25vw; } .work-steps__slide .slide-step { height: 8.75vw; padding: 0 3.125vw; font-size: 4.375vw; line-height: 8.75vw; margin-bottom: 3.125vw; } .work-steps__slide .slide-title { font-size: 3.0625vw; line-height: 5.625vw; margin-bottom: 3.125vw; } .work-steps__slide .slide-text { font-size: 2.5vw; line-height: 4.6875vw; } .work-steps__slide .slide-phones { margin-bottom: 3.125vw; } .work-steps__slide .slide-phones span { font-size: 4.375vw; line-height: 6.875vw; } .work-steps__slide .slide-phones a { font-size: 4.375vw; line-height: 6.875vw; } .work-steps__slide .slide-bottom p { font-size: 4.375vw; line-height: 6.875vw; margin-bottom: 3.125vw; padding-right: 12.5vw; } .work-steps__slide .slide-bottom span { width: 44.625vw; height: 13.5vw; font-size: 3.125vw; padding: 0 6.25vw; } .md-style-dark-bg .slide-img{ width: 56vw !important; height: 110vw !important; } .simple-text { padding-bottom: 10.9375vw; } .simple-text__title { font-size: 3.5vw; line-height: 7.5vw; margin-bottom: 4.6875vw; padding: 0 6.25vw; } .simple-text__content { width: 100%; height: 25vw; text-align: justify; font-size: 3.125vw; line-height: 5.625vw; margin-bottom: 4.6875vw; } .simple-text__btn span { font-size: 3.125vw; line-height: 3.125vw; margin-right: 0.9375vw; margin-bottom: 0.9375vw; } .simple-text__btn img, .simple-text__btn svg { width: 3.125vw; height: 3.125vw; margin-bottom: 0.9375vw; } .contacts { padding-bottom: 12.5vw; } .contacts__title { display: none; } .contacts__bg { display: none; } .contacts__container, .contacts__container.md-container-with-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__container .contacts__images, .contacts__container.md-container-with-form .contacts__images { width: 100%; margin-bottom: 10vw; } .contacts__container .contacts__images-item, .contacts__container.md-container-with-form .contacts__images-item { margin-bottom: 9.375vw; } .contacts__container .contacts__images-item:last-child, .contacts__container.md-container-with-form .contacts__images-item:last-child { margin-bottom: 0; } .contacts__container .contacts__images-item p, .contacts__container.md-container-with-form .contacts__images-item p { font-size: 5vw; line-height: 8.125vw; margin-bottom: 4.6875vw; text-align: center; } .contacts__container .contacts__images-item > div, .contacts__container.md-container-with-form .contacts__images-item > div { height: 45.3125vw; } .contacts__container .contacts__images-item > div a, .contacts__container.md-container-with-form .contacts__images-item > div a { width: 25.9375vw; height: 21.25vw; border-radius: var(--brad-regular); } .contacts__container .contacts__images-item > div a:first-child, .contacts__container.md-container-with-form .contacts__images-item > div a:first-child { width: 58.125vw; height: 45.3125vw; border-radius: var(--brad-regular); } .contacts__info { width: 100%; margin-bottom: 9.375vw; } .contacts__info-title { width: 100%; font-size: 4.375vw; line-height: 11.25vw; margin-bottom: 7.8125vw; text-align: center; } .contacts__info-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 7.8125vw; } .contacts__info-container > div { margin: 0; margin-top: 4.6875vw; } .contacts__info-container > div:first-child, .contacts__info-container > div:nth-child(2) { margin-top: 0; } .contacts__info-address, .contacts__info-work-time, .contacts__info-phones, .contacts__info-email, .contacts__info-social, .contacts__info-links { width: 40.625vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .contacts__info-address img, .contacts__info-address svg, .contacts__info-work-time img, .contacts__info-work-time svg, .contacts__info-phones img, .contacts__info-phones svg, .contacts__info-email img, .contacts__info-email svg, .contacts__info-social img, .contacts__info-social svg, .contacts__info-links img, .contacts__info-links svg { width: 4.6875vw; height: 4.6875vw; margin-right: 2.5vw; } .contacts__info-address p, .contacts__info-work-time p, .contacts__info-phones p, .contacts__info-email p, .contacts__info-social p, .contacts__info-links p { font-size: 2.5vw; line-height: 3.75vw; } .contacts__info-work-time, .contacts__info-email { width: 34.375vw; } .contacts__info-social, .contacts__info-links { width: 100%; } .contacts__info-social { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 7.8125vw; } .contacts__info-social p { width: 100%; text-align: center; font-size: 4.375vw; line-height: 7.5vw; margin-bottom: 4.6875vw; } .contacts__info-social > div { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .contacts__info-social > div a { width: 13.125vw; height: 13.125vw; margin: 0 0.9375vw; } .contacts__info-links a { margin: 0 auto; font-size: 5vw; line-height: 7.5vw; } .contacts__address { width: 100%; position: relative; padding-bottom: 14.0625vw; } .contacts__address p { font-size: 5vw; line-height: 8.125vw; margin-bottom: 1.5625vw; } .contacts__address p a { width: auto; position: absolute; white-space: nowrap; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 5vw; line-height: 7.5vw; } .contacts__address .map-container { width: 100%; height: 71.875vw; } .contacts__address .map-container iframe { border-radius: var(--brad-regular); } .contacts__form { width: 100%; padding: 6.25vw 11.5625vw 12.5vw 11.5625vw; border-radius: var(--brad-regular); } .contacts__form .form-title { font-size: 3.5vw; line-height: 7.5vw; margin-bottom: 4.6875vw; } .contacts__form .form-container .form-input { height: 18.75vw; font-size: 3.125vw; padding: 0 7.8125vw; border-radius: var(--brad-regular); margin-bottom: 3.125vw; } .contacts__form .form-container .form-btn { padding: 0 12.5vw; margin-bottom: 3.125vw; } .contacts__form .form-container .form-btn:hover { padding: 0 12.5vw; } .contacts__form .form-checkbox { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .contacts__form .form-checkbox p { width: 37.5vw; } .contacts__map { padding-top: 15vw; padding-bottom: 14.375vw; position: relative; } .contacts__map-title p { position: absolute; top: 0; left: 0; right: 0; text-align: center; font-size: 5.25vw; line-height: 10vw; } .contacts__map-title a { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; font-size: 3.5vw; line-height: 7.5vw; } .contacts__map .map-container { height: 71.5625vw; } .contacts__map .map-container iframe { border-radius: var(--brad-regular); } .footer-title { font-size: 2.625vw; line-height: 4.375vw; margin-bottom: 1.5625vw; } .footer-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-list .menu-item a { font-size: 2.5vw; line-height: 5vw; } .footer-list .nav-item a { font-size: 2.5vw; line-height: 5vw; } .footer-list li img, .footer-list li svg { width: 2.1875vw; height: 1.5625vw; margin-right: 2.1875vw; } .footer-list li span { font-size: 2.5vw; line-height: 5vw; } .footer-text p { font-size: 2.5vw; line-height: 5vw; margin-bottom: 4.6875vw; text-align: center; } .footer-text p:last-child { margin-bottom: 0; } .footer__top { padding: 37.5vw 9.375vw 0 9.375vw; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-bottom: 12.1875vw; border-bottom: none; } .footer__top-container { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 6.25vw; } .footer__top-main { width: 100%; padding-right: 0; } .footer__top-item { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 6.25vw; } .footer__top-item:nth-child(1n+3) { width: 100%; } .footer__top-item:nth-child(1n+3) .footer-list { display: block; } .footer__top-item:last-child { margin-bottom: 0; } .footer__logo { position: absolute; top: 12.5vw; left: 0; right: 0; width: auto; padding-bottom: 0; border-bottom: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__logo a { width: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__logo a img, .footer__logo a svg { width: 42.5vw; height: 13.4375vw; margin-right: 4.6875vw; -ms-flex-negative: 0; flex-shrink: 0; } .footer__logo a p { font-size: 10.9375vw; line-height: 13.4375vw; } .footer__social { padding-top: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__social p { font-size: 4.375vw; line-height: 7.5vw; margin-bottom: 4.6875vw; } .footer__social > div a { width: 12.8125vw; height: 12.8125vw; margin: 0 0.9375vw; } .footer__bottom { padding: 0; padding-bottom: 5vw; padding-top: 5vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__bottom-item { width: 100% !important; margin-bottom: 3.75vw; } .footer__bottom-item:last-child { margin-bottom: 0; } .footer__bottom-item p { width: 100%; font-size: 3.125vw; line-height: 5vw; text-align: center !important; } .footer.md-bottom-only { padding-top: 6.25vw; padding-bottom: 9.375vw; } .page-pagination { margin-bottom: 15.625vw; } .page-pagination .navigation .page-numbers { font-size: 4.375vw; line-height: 9.375vw; margin: 0 1.875vw; } .page-pagination .navigation .page-numbers.current { width: 9.375vw; height: 9.375vw; } .page-pagination .navigation .page-numbers.prev, .page-pagination .navigation .page-numbers.next { width: 5vw; height: 5vw; } .page-pagination .navigation .page-numbers.prev::before, .page-pagination .navigation .page-numbers.next::before { width: 2.1875vw; height: 2.1875vw; } .calc-banner { margin-bottom: 10.9375vw; } .calc-banner.md-calc-banner-fixed { bottom: 3.125vw; } .calc-banner.md-calc-banner-fixed.visible { left: 3.125vw; } .calc-banner.md-calc-banner-fixed .calc-banner__container { width: 62.5vw; min-height: 27.8125vw; padding: 4.6875vw 5.625vw; border-radius: var(--brad-regular); margin-bottom: 2.5rem; } .calc-banner.md-calc-banner-fixed .calc-banner__title { width: 35.9375vw; font-size: 1.75vw; line-height: 2.5vw; margin-bottom: 1.875vw; text-align: left; } .calc-banner.md-calc-banner-fixed .calc-banner__text { font-size: 1.875vw; line-height: 2.1875vw; margin-bottom: 2.1875vw; text-align: left; } .calc-banner.md-calc-banner-fixed .calc-banner__link a { width: 23.125vw; height: 7.5vw; padding: 0 3.75vw; } .calc-banner.md-calc-banner-fixed .calc-banner__link a span { font-size: 1.5625vw; line-height: 1.875vw; } .calc-banner.md-calc-banner-fixed .calc-banner__link a img, .calc-banner.md-calc-banner-fixed .calc-banner__link a svg { width: 1.5625vw; height: 1.5625vw; } .calc-banner.md-calc-banner-fixed .calc-banner__img { width: 29.6875vw; height: 25.3125vw; right: 0; bottom: 0; } .calc-banner.md-calc-banner-fixed .calc-banner__img img { width: 37.8125vw; height: 27.5vw; top: 0; left: 0; right: auto; bottom: auto; } .calc-banner.md-calc-banner-fixed .calc-banner__close { width: 2.1875vw; height: 2.1875vw; top: 3.125vw; right: 3.125vw; } .calc-banner.md-calc-banner-fixed .calc-banner__close img, .calc-banner.md-calc-banner-fixed .calc-banner__close svg { width: 2.1875vw; height: 2.1875vw; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .calc-banner__container { padding: 9.375vw 15.625vw 70.3125vw 15.625vw; border-radius: var(--brad-regular); } .calc-banner__title { text-align: center; font-size: 4.375vw; line-height: 7.8125vw; margin-bottom: 3.125vw; } .calc-banner__text { font-size: 3.75vw; line-height: 5.625vw; margin-bottom: 6.25vw; text-align: center; } .calc-banner__link a { width: 100%; height: 18.75vw; padding: 0 17.1875vw; } .calc-banner__link a:hover { padding: 0 17.1875vw; } .calc-banner__img { width: 100%; height: 70.3125vw; left: 0; right: 0; bottom: 0; } .calc-banner__img img { width: 111.5625vw; height: 75.3125vw; top: auto; left: -13.75vw; bottom: -1.25vw; } .breadcrumbs { padding-top: 4.6875vw; margin-bottom: 0.125vw; height: auto; } .breadcrumbs .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .breadcrumbs__container { overflow-y: hidden; overflow-x: scroll; padding-bottom: 3.125vw; } .breadcrumbs a { font-size: 3.125vw; line-height: 3.75vw; white-space: nowrap; } .breadcrumbs__item::before { width: 0.3125vw; height: 3.125vw; margin: 0 2.1875vw; } .breadcrumbs.md-after-transparent-header { padding-top: 4.6875vw; margin-bottom: 7.8125vw; height: auto; } .portfolio-typical { margin-bottom: 15.625vw; } .portfolio-typical__title { margin-bottom: 10.9375vw; } .portfolio-typical__gallery { margin-bottom: 4.6875vw; } .portfolio-typical__gallery a { width: 19.6875vw; height: 16.5625vw; margin-left: 2.5vw; border-radius: var(--brad-regular); } .portfolio-typical__gallery a:first-child { margin-left: 0; border-radius: var(--brad-regular); width: 86.25vw; height: 69.0625vw; } .portfolio-typical__description { padding: 6.25vw; border-radius: var(--brad-regular); } .portfolio-typical__description.open .description-bottom { display: none; } .portfolio-typical__description.open .description-text:first-child { max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; -webkit-line-clamp: unset; } .portfolio-typical__description.open .description-text:nth-child(1n+2) { display: block; } .portfolio-typical__description .description-title { font-size: 3.5vw; line-height: 5.625vw; margin-bottom: 4.6875vw; text-align: center; } .portfolio-typical__description .description-text { font-size: 3.125vw; line-height: 5.3125vw; margin-bottom: 4.6875vw; text-align: justify; } .portfolio-typical__description .description-text:first-child { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 37.1875vw; -webkit-line-clamp: 7; -webkit-box-orient: vertical; } .portfolio-typical__description .description-text:nth-child(1n+2) { display: none; } .portfolio-typical__description .description-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .portfolio-typical__description .description-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0.9375vw; } .portfolio-typical__description .description-btn span { font-size: 3.125vw; line-height: 3.125vw; color: var(--main-color); margin-right: 1.5625vw; font-weight: 600; } .portfolio-typical__description .description-btn img, .portfolio-typical__description .description-btn svg { width: 3.125vw; height: 3.125vw; -o-object-fit: contain; object-fit: contain; fill: var(--main-color); } .portfolio-typical__description .description-btn img path, .portfolio-typical__description .description-btn svg path { fill: var(--main-color); } .portfolio-typical__text { margin-bottom: 7.8125vw; } .portfolio-typical__text .text-title { font-size: 3.5vw; line-height: 5.625vw; margin-bottom: 4.6875vw; text-align: center; } .portfolio-typical__text .text-content { font-size: 3.125vw; line-height: 5.3125vw; text-align: justify; } .portfolio-typical__img.md-1-col-img a { width: 86.25vw; height: 69.0625vw; border-radius: var(--brad-regular); margin-bottom: 4.6875vw; } .portfolio-typical__img.md-1-col-img a:last-child { margin-bottom: 0; } .portfolio-typical__img.md-2-col-img a { width: 39.6875vw; height: 31.5625vw; border-radius: var(--brad-regular); margin-top: 4.6875vw; } .portfolio-typical__img.md-2-col-img a:first-child, .portfolio-typical__img.md-2-col-img a:nth-child(2) { margin-top: 0; } .portfolio-typical__img.md-3-col-img > a { display: none; } .portfolio-typical__img.md-3-col-img .portfolio-typical__img-slider { display: block; margin-bottom: 15.625vw; } .portfolio-typical__img.md-3-col-img .portfolio-typical__img-slider .swiper-container { overflow: visible; width: 82.8125vw; height: 31.5625vw; margin: 0 auto; } .portfolio-typical__img.md-3-col-img .portfolio-typical__img-slider .swiper-container .swiper-slide a { display: block; width: 39.6875vw; height: 31.5625vw; border-radius: var(--brad-regular); overflow: hidden; } .portfolio-typical__img.md-3-col-img .portfolio-typical__img-slider .swiper-container .swiper-slide a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .portfolio-typical__video { height: 69.0625vw; margin-bottom: 7.8125vw; } .portfolio-typical__video-container { height: 100%; padding: 7.8125vw; } .portfolio-typical__video-container .video-title { font-size: 3.28125vw; line-height: 1; } .portfolio-typical__video-container .video-btn { width: 16.25vw; height: 16.25vw; } .portfolio-typical__video-container .video-btn img, .portfolio-typical__video-container .video-btn svg { width: 3.125vw; height: 3.4375vw; } .portfolio-typical__back-link a { padding-bottom: 0.625vw; } .portfolio-typical__back-link a span { font-size: 3.125vw; line-height: 3.125vw; } .portfolio-typical__back-link a img, .portfolio-typical__back-link a svg { width: 3.125vw; height: 3.125vw; margin-right: 1.5625vw; } .portfolio-typical__back-link a:hover img, .portfolio-typical__back-link a:hover svg { margin-right: 1.5625vw; } .articles { margin-bottom: 10.9375vw; } .articles__title { margin-bottom: 3.125vw; } .articles__text { font-size: 3.75vw; line-height: 5.625vw; margin-bottom: 6.25vw; } .articles__contianer .container-flex { margin: -3.125vw 0; } .articles__item { margin: 3.125vw 0; width: 100%; min-height: 78.125vw; border-radius: var(--brad-regular); padding: 9.375vw 10.9375vw; } .articles__item::after, .articles__item::before { border-radius: var(--brad-regular); } .articles__item .item-title { font-size: 3.0625vw; line-height: 5.625vw; margin-bottom: 3.125vw; } .articles__item .item-link div span { font-size: 3.125vw; line-height: 3.125vw; margin-right: 1.5625vw; } .articles__item .item-link div img, .articles__item .item-link div svg { width: 3.125vw; height: 3.125vw; } .articles__item .item-link div:hover span { margin-right: 1.5625vw; } .articles.md-mobile-slider .articles__container { display: none; } .articles__slider { display: block; margin-bottom: 21.875vw; } .articles__slider .swiper-container { min-height: 78.125vw; } .articles__slider .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .articles__slider .swiper-wrapper .swiper-slide { height: auto; } .articles__slider .swiper-wrapper .swiper-slide .articles__item { height: 100%; margin: 0; } .articles-typical { margin-bottom: 12.5vw; } .articles-typical__bg, .articles-typical__side { display: none; } .articles-typical__title { width: 100%; margin-bottom: 12.5vw; text-align: center; } .articles-typical__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .articles-typical__content { width: 100%; } .articles-typical__img { width: 100%; height: auto; margin-bottom: 12.5vw; } .articles-typical__img img { width: 100%; height: auto; } .articles-typical__img a { width: 100%; height: auto; } .articles-typical__img a img { border-radius: var(--brad-regular); } .articles-typical__text { padding-bottom: 9.375vw; margin-bottom: 9.375vw; } .articles-typical__text .text-title { font-size: 3.5vw; line-height: 5.625vw; margin-bottom: 4.6875vw; text-align: center; } .articles-typical__text .text-content { font-size: 3.125vw; line-height: 5.3125vw; text-align: justify; } .articles-typical__text.md-with-img { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .articles-typical__text.md-with-img > div { width: 100%; } .articles-typical__text.md-with-img a { width: 100%; height: 65.625vw; margin-bottom: 4.6875vw; } .articles-typical__text.md-with-img a img { border-radius: var(--brad-regular); } .articles-typical__text.md-with-img-container { margin-bottom: 9.375vw; } .articles-typical__text.md-with-img-container .text-img-container { margin-bottom: 3.125vw; } .articles-typical__text.md-with-img-container .text-img-container a { width: 39.6875vw; height: 31.5625vw; margin-top: 4.6875vw; border-radius: var(--brad-regular); } .articles-typical__text.md-with-img-container .text-img-container a:first-child, .articles-typical__text.md-with-img-container .text-img-container a:nth-child(2) { margin-top: 0; } .articles-typical__back-link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .articles-typical__back-link a { padding-bottom: 0.625vw; } .articles-typical__back-link a span { font-size: 3.125vw; line-height: 3.125vw; } .articles-typical__back-link a img, .articles-typical__back-link a svg { width: 3.125vw; height: 3.125vw; margin-right: 1.5625vw; } .articles-typical__back-link a:hover img, .articles-typical__back-link a:hover svg { margin-right: 1.5625vw; } .side-banner { width: 86.25vw; margin: 0 auto; margin-bottom: 13.125vw; padding: 7.8125vw 3.75vw 54.6875vw 3.75vw; border-radius: var(--brad-regular); } .side-banner__text { font-size: 3.75vw; line-height: 5.625vw; margin-bottom: 6.25vw; } .side-banner__title { font-size: 4.375vw; line-height: 7.8125vw; margin-bottom: 7.8125vw; } .side-banner__img { height: 187.5vw; } .side-banner__img img.desktop { display: none; } .side-banner__img img.mobile { display: block; } .side-banner__form .form-container .form-select, .side-banner__form .form-container .form-input, .side-banner__form .form-container .form-btn { width: 63.125vw; margin-bottom: 3.125vw; } .side-banner__form .form-container .form-select span.current { font-size: 3.125vw; line-height: 18.75vw; } .side-banner__form .form-container .form-select .option { font-size: 3.125vw; line-height: 18.75vw; } .side-banner__form .form-container .form-input { font-size: 3.125vw; } .side-banner__form .form-container .form-btn span { font-size: 3.75vw; } .side-banner__form .form-checkbox { width: 42.1875vw; margin: 0 auto; } .certificates { margin-bottom: 18.75vw; } .certificates__bg { display: none; } .certificates.md-all-items-visible .certificates__item { display: block !important; } .certificates.md-all-items-visible .certificates__load-more { display: none; } .certificates__title { margin-bottom: 6.25vw; } .certificates__container .container-flex { margin: -3.125vw 0; } .certificates__load-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 6.25vw; } .certificates__item { margin: 3.125vw 0; width: 86.25vw; height: 122.8125vw; border-radius: var(--brad-regular); } .certificates__item::after { border-radius: var(--brad-regular); } .certificates__item span { width: 14.0625vw; height: 14.0625vw; } .certificates__item span img, .certificates__item span svg { width: 6.5625vw; height: 6.5625vw; } .certificates__item:nth-child(1n+4) { display: none; } .company-video { margin-top: -19.6875vw; margin-bottom: 9.375vw; } .company-video__container { height: 162.1875vw; } .company-video__img img.desktop { display: none; } .company-video__img img.mobile { display: block; } .company-video__content { padding: 17.5vw 6.875vw 13.125vw 6.875vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .company-video__content .video-title { text-align: center; font-size: 5.25vw; line-height: 10vw; padding: 0 15.625vw; margin-bottom: 9.375vw; } .company-video__content .video-text { padding-left: 25vw; } .company-video__content .video-text p { font-size: 4.375vw; line-height: 6.25vw; margin-bottom: 6.25vw; } .company-video__content .video-text span { font-size: 3.125vw; line-height: 4.6875vw; margin-bottom: 4.6875vw; } .company-video__content .video-text span:last-child { margin-bottom: 0; } .company-video__content .video-text .video-btn { width: 16.25vw; height: 16.25vw; top: 0; left: 1.25vw; } .company-video__content .video-text .video-btn img, .company-video__content .video-text .video-btn svg { width: 3.4375vw; height: 3.75vw; } .our-values { margin-bottom: 17.1875vw; } .our-values__title { margin-bottom: 4.6875vw; } .our-values__container { display: none; } .our-values__slider { display: block; } .our-values__slider .swiper-container { overflow: visible; } .our-values__slider .swiper-container .swiper-slide .our-values__item { margin: 0; } .our-values__item { width: 86.25vw; padding: 8.4375vw 10vw; border-radius: var(--brad-regular); } .our-values__item .item-title { padding-right: 25vw; font-size: 3.0625vw; line-height: 6.25vw; margin-bottom: 3.125vw; } .our-values__item .item-text { font-size: 3.125vw; line-height: 5vw; padding-right: 3.125vw; } .our-values__item .item-number { width: 10.9375vw; height: 10.9375vw; top: 8.75vw; right: 8.125vw; font-size: 3.75vw; } .our-values__item.md-black-item::after { width: 62.5vw; height: 62.5vw; top: 5vw; left: 13.125vw; border-radius: 50%; -webkit-filter: blur(90px); filter: blur(90px); } .our-team { margin-bottom: 17.1875vw; } .our-team__title { margin-bottom: 4.6875vw; } .our-team__slider { height: auto; } .our-team__slider .swiper-container { height: 46.875vw; } .our-team__slider .swiper-slide { border-radius: var(--brad-regular); } .geography { margin-bottom: 12.5vw; } .geography__bg { display: none; } .geography__title { margin-bottom: 6.25vw; } .geography__map { margin: 0 -18.75vw; margin-bottom: 7.8125vw; } .geography__container .container-flex { margin: -3.125vw 0; } .geography__item { margin: 3.125vw 0; width: 86.25vw; } .geography__item .item-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: center; font-size: 3.5vw; line-height: 7.8125vw; margin-bottom: 4.6875vw; } .geography__item .item-slider { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; height: 62.5vw; margin-bottom: 4.6875vw; } .geography__item .item-slider .swiper-container .swiper-slide { border-radius: var(--brad-regular); position: relative; } .geography__item .item-slider .swiper-container .swiper-slide::after { content: ""; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; position: absolute; border-radius: var(--brad-regular); z-index: 2; background: -webkit-gradient(linear, left top, left bottom, color-stop(50.93%, rgba(0, 0, 0, 0)), to(#000000)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50.93%, #000000 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.93%, #000000 100%); } .geography__item .item-slider .swiper-container .swiper-slide a { position: relative; z-index: 1; } .geography__item .item-slider .slider-hint { position: absolute; left: 0; right: 0; bottom: 11.25vw; z-index: 2; margin-bottom: 0; } .geography__item .item-slider .slider-hint span { color: #fff; } .geography__item .item-slider .slider-pagination { bottom: 5vw; z-index: 2; } .geography__item .item-text { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-size: 3.125vw; line-height: 4.6875vw; text-align: justify; margin-bottom: 0; } .vacancy { margin-bottom: 18.75vw; } .vacancy__title { margin-bottom: 3.125vw; } .vacancy__text { width: 56.25vw; margin: 0 auto; margin-bottom: 7.8125vw; font-size: 3.75vw; line-height: 5.625vw; } .vacancy__text a { font-size: 3.75vw; line-height: 5.625vw; } .vacancy__container { margin-bottom: 5vw; } .vacancy__item { margin-bottom: 5.3125vw; padding: 6.875vw 8.125vw 8.125vw 8.125vw; border-radius: var(--brad-regular); } .vacancy__item .item-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .vacancy__item .item-title div { width: 100% !important; font-size: 2.1875vw; line-height: 4.0625vw; margin-bottom: 2.1875vw; } .vacancy__item .item-title div:first-child { margin-bottom: 5.625vw; } .vacancy__item .item-title div:last-child { margin-bottom: 0; } .vacancy__item .item-title div span { max-height: 4.0625vw; } .vacancy__item .item-title div span::before { width: 1.875vw; height: 1.875vw; margin-right: 1.5625vw; } .vacancy__item .item-title div .vacancy-name { font-size: 3.9025vw; line-height: 5.3125vw; max-height: 5.3125vw; } .vacancy__item .item-btn { width: 8.125vw; height: 8.125vw; top: 5.625vw; right: 6.5625vw; } .vacancy__item .item-btn img, .vacancy__item .item-btn svg { width: 3.125vw; height: 3.125vw; } .vacancy__item .item-content { padding: 6.25vw 0 3.125vw 0; } .vacancy__item .item-content > div { margin-bottom: 4.6875vw; } .vacancy__item .item-content > div:last-child { margin-bottom: 0; } .vacancy__item .item-content .content-title { font-size: 2.625vw; line-height: 4.0625vw; margin-bottom: 3.125vw; } .vacancy__item .item-content ul { margin-bottom: 3.125vw; padding-left: 4.6875vw; } .vacancy__item .item-content ul:last-child { margin-bottom: 0; } .vacancy__item .item-content ul li { font-size: 3.125vw; line-height: 4.6875vw; } .vacancy__item:last-child { margin-bottom: 0; } .vacancy__link .md-main-color-btn { width: 100%; padding: 0 21.875vw; } .vacancy__link .md-main-color-btn:hover { padding: 0 21.875vw; } .other-reviews { margin-bottom: 18.75vw; } .other-reviews__title { margin-bottom: 5vw; } .other-reviews__container { display: none; } .other-reviews__slider { display: block; margin-bottom: 10.3125vw; padding-bottom: 12.5vw; } .other-reviews__slider .swiper-container .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .other-reviews__slider .swiper-container .swiper-slide { overflow: hidden; } .other-reviews__slider .slider-pagination { bottom: 0; } .other-reviews__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: var(--brad-regular); padding: 9.375vw 4.375vw 6.25vw 4.375vw; } .other-reviews__item .review-info { width: 100%; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 7.5vw; } .other-reviews__item .review-info__stars { width: 31.25vw; position: static; } .other-reviews__item .review-info__stars img, .other-reviews__item .review-info__stars svg { width: 3.75vw; height: 3.75vw; margin-right: 1.875vw; } .other-reviews__item .review-info__stars img:last-child, .other-reviews__item .review-info__stars svg:last-child { margin-right: 0; } .other-reviews__item .review-info__img { width: 23.4375vw; height: 23.4375vw; margin: 0; margin-right: 5vw; } .other-reviews__item .review-info__name { font-size: 3.125vw; line-height: 4.6875vw; margin-bottom: 2.1875vw; } .other-reviews__item .review-info__city { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 2.1875vw; } .other-reviews__item .review-info__city img, .other-reviews__item .review-info__city svg { width: 3.75vw; height: 4.6875vw; margin-right: 1.875vw; } .other-reviews__item .review-info__city span { font-size: 2.5vw; line-height: 3.75vw; } .other-reviews__item .review-content { padding-top: 0; } .other-reviews__item .review-content.open .review-content__text { display: block !important; } .other-reviews__item .review-content.open .review-content__text:first-child { max-height: none; -webkit-line-clamp: unset; } .other-reviews__item .review-content.open .review-content__read-more { display: none; } .other-reviews__item .review-content__title { font-size: 3.0625vw; line-height: 5.3125vw; margin-bottom: 3.125vw; } .other-reviews__item .review-content__text-container { margin-bottom: 3.125vw; } .other-reviews__item .review-content__text { font-size: 3.125vw; line-height: 4.6875vw; margin-bottom: 3.125vw; } .other-reviews__item .review-content__text:last-child { margin-bottom: 0; } .other-reviews__item .review-content__text:first-child { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 14.0625vw; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .other-reviews__item .review-content__text:nth-child(1n+2) { display: none; } .other-reviews__item .review-content__read-more { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 9.375vw; } .other-reviews__item .review-content__read-more .read-more-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0.625vw; } .other-reviews__item .review-content__read-more span { margin-right: 1.5625vw; font-size: 3.125vw; font-weight: 600; color: var(--main-color); } .other-reviews__item .review-content__read-more img, .other-reviews__item .review-content__read-more svg { width: 3.125vw; height: 3.125vw; -o-object-fit: contain; object-fit: contain; fill: var(--main-color); } .other-reviews__item .review-content__read-more img path, .other-reviews__item .review-content__read-more svg path { fill: var(--main-color); } .other-reviews__item .review-content__img-container { display: none; } .other-reviews__item .review-content__slider { display: block; padding-bottom: 9.375vw; } .other-reviews__item .review-content__slider .slider-pagination { bottom: 0; } .other-reviews__item .review-content__slider .swiper-container { width: 72.8125vw; height: 31.5625vw; margin: 0 auto; overflow: visible; } .other-reviews__item .review-content__slider .swiper-container .swiper-slide { height: 100%; border-radius: var(--brad-regular); } .other-reviews__item .review-content__slider .swiper-container .swiper-slide a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .other-reviews__item .review-content__slider .swiper-container .swiper-slide a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .other-reviews__item .review-content__slider .swiper-container .swiper-slide a span { display: none; } .other-reviews__bottom .other-reviews__btn { width: 63.125vw; padding: 0 12.5vw; } .other-reviews__bottom .other-reviews__btn img, .other-reviews__bottom .other-reviews__btn svg { width: 4.6875vw; height: 4.6875vw; } .price { margin-bottom: 18.75vw; } .price__title { margin-bottom: 6.25vw; } .price__table { margin-bottom: 6.25vw; } .price__table .table-header { display: none; } .price__table .table-item { padding: 7.1875vw 6.25vw; margin-bottom: 3.125vw; background-color: #F8FAFB !important; border-radius: var(--brad-regular); } .price__table .table-item .item-header { padding-right: 15.625vw; font-size: 4.375vw; line-height: 5.3125vw; } .price__table .table-item .item-btn { width: 8.125vw; height: 8.125vw; top: 5.625vw; right: 6.5625vw; } .price__table .table-item .item-btn img, .price__table .table-item .item-btn svg { width: 3.125vw; height: 3.125vw; } .price__table .table-item .item-btn.open { background-color: #fff !important; } .price__table .table-item .item-btn.open svg { fill: var(--main-color); } .price__table .table-item .item-btn.open svg path { fill: var(--main-color); } .price__table .table-item .item-content { padding-top: 7.8125vw; } .price__table .table-item .item-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 6.25vw; margin-bottom: 6.25vw; border-bottom: 0.3125vw solid rgba(0, 0, 0, 0.3); } .price__table .table-item .item-row:last-child { margin-bottom: 0; border-bottom: none; } .price__table .table-item .item-row .item-col { width: 100% !important; margin-bottom: 3.125vw; } .price__table .table-item .item-row .item-col:last-child { margin-bottom: 0; } .price__table .table-item .item-row .item-col:first-child { padding-left: 0; } .price__table .table-item .item-row .item-col p { font-size: 3.125vw; line-height: 1; max-height: none; -webkit-line-clamp: unset; text-align: left; } .price__table .table-item .item-row .item-col p:first-child { font-weight: 700; display: block; margin-bottom: 1.5625vw; } .price__table-after-text { font-size: 3.75vw; line-height: 5.625vw; } .to-top { width: 9.375vw; height: 9.375vw; right: 3.125vw; bottom: 3rem; } .to-top img, .to-top svg { width: 3.125vw; height: 3.125vw; } .side-fixed-links { width: 18.75vw; right: -31.25vw; } .side-fixed-links__close { width: 7.8125vw; height: 7.8125vw; top: -9.375vw; } .side-fixed-links__close img, .side-fixed-links__close svg { width: 2.5vw; height: 2.5vw; } .side-fixed-links__container { width: 18.75vw; } .side-fixed-links__container > div, .side-fixed-links__container > a { width: 18.75vw; min-height: 18.75vw; border-top-left-radius: 3.125vw; border-bottom-left-radius: 3.125vw; margin-bottom: 1.5625vw; padding: 3.125vw 1.5625vw; } .side-fixed-links__container > div:last-child, .side-fixed-links__container > a:last-child { margin-bottom: 0; } .side-fixed-links__container > div img, .side-fixed-links__container > div svg, .side-fixed-links__container > a img, .side-fixed-links__container > a svg { width: 3.75vw; height: 3.75vw; margin-bottom: 2.5vw; -o-object-fit: contain; object-fit: contain; } .side-fixed-links__container > div span, .side-fixed-links__container > a span { font-size: 2.5vw; line-height: 1; } .download-popup-trigger, .download-popup { display: none; } .popup { padding-top: 6.25vw; padding-bottom: 6.25vw; } .popup__close { width: 3.125vw; height: 3.125vw; top: 3.125vw; right: 3.125vw; } .popup__close img, .popup__close svg { width: 3.125vw; height: 3.125vw; } .politika-popup { width: 86.25vw; padding: 6.25vw 4.6875vw; border-radius: var(--brad-regular); } .politika-popup .politika-popup__title { font-weight: 500; font-size: 3.5vw; margin-bottom: 5.625vw; } .politika-popup h2 { font-weight: 500; font-size: 3.5vw; margin-bottom: 5.625vw; } .politika-popup .politika-title { font-size: 2.625vw; line-height: 4.375vw; margin-bottom: 3.125vw; } .politika-popup h3 { font-size: 2.625vw; line-height: 4.375vw; margin-bottom: 3.125vw; } .politika-popup p { font-size: 3.125vw; line-height: 3.75vw; margin-bottom: 3.125vw; } .main-popup { width: 86.25vw; border-radius: var(--brad-regular); } .main-popup__content { padding: 9.375vw 6.25vw; } .main-popup__title { font-size: 4.375vw; line-height: 7.5vw; margin-bottom: 6.25vw; } .main-popup__text { font-size: 3.75vw; line-height: 4.375vw; margin-bottom: 3.125vw; } .main-popup.md-review-popup { width: 86.25vw; } .main-popup.md-review-popup .md-standart-form.md-popup-form .form-container { width: 63.125vw; margin: 0 auto; margin-bottom: 3.125vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-popup.md-review-popup .md-standart-form.md-popup-form .form-stars { width: 100%; margin-bottom: 3.125vw; } .main-popup.md-review-popup .md-standart-form.md-popup-form .form-stars label { width: 3.75vw; height: 3.75vw; margin-right: 1.875vw; } .main-popup.md-review-popup .md-standart-form.md-popup-form .form-stars label:last-child { margin-right: 0; } .main-popup.md-review-popup .md-standart-form.md-popup-form .form-checkbox { width: 43.75vw; margin: 0 auto; } .main-popup.md-review-popup .md-standart-form.md-popup-form .form-input, .main-popup.md-review-popup .md-standart-form.md-popup-form .form-select, .main-popup.md-review-popup .md-standart-form.md-popup-form .form-file { width: 63.125vw; } .main-popup.md-review-popup .md-standart-form.md-popup-form .form-textarea { font-weight: 400; } } #cookie_notification{ display: flex; opacity: 0; justify-content: space-between; position: fixed; bottom: 0; left: 50%; width: 46.875vw; max-width: 90%; transform: translateX(-50%) translatey(100%); padding: 1vw; background-color: white; border-radius: var(--brad-regular); box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4); z-index: 50; transition: 0.4s; } #cookie_notification.show{ opacity: 0.9; bottom: 0.5vw; transform: translateX(-50%) translatey(0); } #cookie_notification p{ margin: 5px 0 0 0; text-align: left; line-height: 1.5; /*color: $color_text;*/ } #cookie_notification .btn-primary { font-size: 0.7291666667vw; max-width: 100%; padding: 0.46875vw 1.510416667vw; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; white-space: normal; color: #000; border: 1px solid var(--main-color); border-radius: var(--brad-regular); background: #fff; cursor: pointer; border-radius: var(--brad-regular); } .editor{ margin-bottom: 5.208vw; } .editor p { font-size: 1.125rem; line-height: 1.5; } .editor blockquote { font-size: 1.125rem; line-height: 1.67; margin: 1.75rem 0; } .editor ul { font-size: 1.125rem; line-height: 1.67; margin: 1.75rem 0; } .editor li { display: flex; margin-bottom: 1rem; margin-left: 0.5rem; } .editor li::before { height: 0.4rem; width: 0.4rem; min-width: 0.4rem; content: ''; border-radius: 50%; background-color: var(--main-color); margin-right: 0.5rem; margin-top: 0.7rem; } .editor a { color: var(--main-color); text-decoration: underline; } .editor .wp-block-button__link{ padding: calc(0.667em + 2px) calc(1.333em + 2px); } @media (max-width: 699px) { #cookie_notification{ width: 100%; padding: 1vw 2vw; align-items: center; margin-bottom: 3rem; } #cookie_notification p{ font-size: 2.5vw; width: 70%; } #cookie_notification .btn-primary{ width: 25%; height: auto; padding: 3vw 0; font-size: 3vw; } .editor{ margin-bottom: 12.5vw; } .editor h2{ /* font-size: 2.1rem !important; */ } .editor h2 br { content: ""; } .editor h2 br:after { content: " "; } } @media only screen and (max-width: 768px){ .products__item .item-info-block .info-price .price > div span{ margin: 0 0.9375vw; line-height: 0.9; font-size: 7.5vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .products__item .item-info-block .info-price .price .price-old{ font-size: 3.125vw; line-height: auto; } .products__item .item-info-block .info-price .price .price-old span{ font-size: 3.125vw; } .products__item .item-info-block .info-price .link{ margin: 0; } .services{ padding: 5vw 0; } } .widget__contacts{display:none}@media (max-width:900px){.main.main-error{background-size:contain;background-position:bottom}.main.main-error .hero{padding-top:7.292rem;padding-bottom:15rem}.widget__contacts{position:fixed;bottom:0;left:0;top:auto;padding:0;background:0 0;height:auto;z-index:102;width:100%;display:block}.widget__contacts .header__seti{width:100%;display:flex}.widget__contacts .header__seti>*{flex-grow:1;flex-basis:35px}.widget__contacts .header__seti a{height:48px;display:flex;justify-content:space-evenly;align-items:center;font-size:1rem}.header__phone.mobile .header__phone-number{height:48px;display:flex;justify-content:space-evenly;align-items:center}.header__phone.mobile .header__phone-number{width:100%;margin-left:auto;background-image:linear-gradient(to top,#fdcc43 0,#fce18b 100%);color:transparent;display:flex;justify-content:space-evenly;align-items:center}}.main.main-lead{background-image:url(../images/lead_bg.webp);background-color:#e9f2f7}.main.main-lead .hero{padding-top:4.323vw;padding-bottom:11.771vw}.main.main-lead .hero-inner{display:flex;flex-direction:column;align-items:flex-start}.main.main-lead .lead-badge{padding:1.198vw 1.927vw;box-shadow:0 0 128px rgba(0,0,0,.05);border-radius:15px;background-color:#fff}.main.main-lead .lead-wrapper{display:flex;align-items:center;margin-bottom:1.302vw}.main.main-lead .lead-wrapper .quiz-socials{margin-right:1vw}.main.main-lead .lead-wrapper .input{width:14.792vw;height:3.90625vw;margin-right:1.458vw;box-shadow:0 0 117px rgba(0,0,0,.1)}.main.main-lead .lead-wrapper .btn{padding:0;width:13.75vw;height:3.90625vw}@media (max-width:900px){.main.main-lead .hero{padding-top:4.323rem;padding-bottom:11.771rem}.main.main-lead br{display:none}.main.main-lead .lead-badge{padding:1.198rem 1.927rem}.main.main-lead .lead-wrapper{margin-bottom:1.302rem;flex-direction:column}.main.main-lead .lead-wrapper .quiz-socials{margin-right:1rem}.main.main-lead .lead-wrapper .input{width:100%;height:4.5rem;margin-right:0;margin-bottom:1rem}.main.main-lead .lead-wrapper .btn{width:100%;height:4.5rem}}.main.main-thank{background-image:url(../images/thank_bg.webp);background-size:contain;background-position:bottom;background-color:#e9f2f7}.main.main-thank .hero{padding-top:10.26vw;padding-bottom:14.635vw}.main.main-thank .hero-inner .btn{padding:2.292vw 4.6875vw}@media (max-width:900px){.main.main-thank{background-image:url(../images/hero-bg.webp)}.main.main-thank .hero{padding-top:4rem;padding-bottom:16rem}.main.main-thank .hero-inner .btn{padding:2.292rem 4.6875rem}}.main.main-quiz{background-image:url(../images/quiz_bg.webp)}.main.main-quiz .hero{padding-top:5.9375vw;padding-bottom:24.427vw}.main.main-quiz .hero-inner{display:flex;flex-direction:column;align-items:center}.main.main-quiz .lead-badge{padding:1.198vw 2.917vw;box-shadow:0 0 128px rgba(0,0,0,.05);border-radius:15px;background-color:#fff}.quiz.quizp{padding-top:4.323vw}@media (max-width:900px){.main.main-quiz .hero{padding-top:5rem;padding-bottom:31rem}.main.main-quiz .hero br{display:none}.main.main-quiz .lead-badge{padding:1.198rem 2.917rem}.quiz.quizp{padding-top:4.323rem}} .examples { position: relative; padding-bottom: 4vw; padding-top: 4vw; } .examples__title { margin-bottom: 1.0416666667vw; } .examples__text { font-weight: 500; font-size: 1.6666666667vw; line-height: 3.125vw; text-align: center; letter-spacing: 0em; margin-bottom: 2.0833333333vw; } .examples__slider{ margin-bottom: 5.9895833333vw; } .examples__item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 1.0416666667vw; position: relative; } .examples__item .item-img-block { width: 40.1041666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .examples__item .item-img-block a { width: 9.21875vw; height: 7.16677vw; margin-right: 1.0416666667vw; border-radius: var(--brad-regular); overflow: hidden; } .examples__item .item-img-block a:first-child { width: 100%; height: 26.45458vw; margin-right: 0; margin-bottom: 0.96vw; border-radius: var(--brad-regular); } .examples__item .item-img-block a:nth-child(5) { margin-right: 0; } .examples__item .item-img-block a:nth-child(1n+6) { display: none; } .examples__item .item-img-block a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--brad-regular); } .examples__item .item-info-block { width: 36.71875vw; position: relative; } .examples__item .item-info-block .info-title{ font-size: 1.3125vw; font-weight: 700; line-height: 3.125vw; margin-bottom: 2.08vw; } .examples__item .item-info-block .info-list{ display: flex; justify-content: space-between; margin-bottom: 2.08vw; } .examples__item .item-info-block .info-list .info-list-item::before{ content: ''; display: block; width: 0.36458vw; height: 0.36458vw; border-radius: 50%; background: var(--main-color); margin-bottom: 0.78vw; } .examples__item .item-info-block .info-list .info-list-item p{ color: #CCC; font-size: 0.83333vw; font-weight: 500; margin-bottom: 0.78vw; } .examples__item .item-info-block .info-list .info-list-item p:last-child{ color: #000; font-size: 1.66667vw; font-weight: 600; } .examples__item .item-info-block .info-descr{ margin-bottom: 2.08vw; } .examples__item .item-info-block .info-descr p:first-child{ color: #CCC; font-size: 0.83333vw; font-weight: 500; margin-bottom: 0.78vw; } .examples__item .item-info-block .info-descr p:last-child{ margin-bottom: 0.78vw; font-size: 0.9375vw; line-height: 1.45833vw; } .examples__item .item-info-block .info-btn-container{ display: flex; align-items: center; gap: 2.81vw; } .examples__item .item-info-block .md-main-color-btn{ width: 23.4375vw; } .examples__item .item-info-block .right-text{ font-size: 1.04167vw; } .examples__item .item-info-block .right-text span{ font-weight: 700; } .reasons{ padding-top: 4vw; padding-bottom: 4vw; position: relative; } .reasons .wrapper{ width: 90.88542vw; margin: 0; margin-left: auto; } .reasons__container{ display: flex; justify-content: space-between; align-items: flex-start; } .reasons__info{ width: 35.72917vw; position: sticky; top: 3.5vw; } .reasons__title{ font-size: 2.005206vw; font-weight: 400; line-height: 4.16667vw; text-align: left; margin-bottom: 1.82vw; } .reasons__title span { font-weight: 700; margin-bottom: 1.82vw; } .reasons__sub-title{ font-size: 1.333336vw; line-height: 2.34375vw; font-weight: 400; } .reasons__main{ width: 51.04167vw; } .reasons__block{ width: 100%; height: 26.04167vw; position: relative; display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 2.6vw; } .reasons__block-num{ color: #2BB133; font-size: 1.5625vw; font-weight: 600; margin-left: 1.3vw; margin-top: 7.7vw; } .reasons__block-img{ width: 45.67708vw; height: 100%; border-radius: 0.10417vw; object-fit: cover; } .reasons__block-content{ position: absolute; bottom: 1.72vw; left: 0; padding: 1.30208vw; background: #fff; border-radius: 0.10417vw; color: #1C1C1C; width: 34.6vw; } .reasons__block-title{ font-size: 1.09375vw; font-weight: 600; margin-bottom: 0.78em; } .reasons__block-text{ font-size: 0.9375vw; line-height: 1.45833vw; } .house{ height: 52.08333vw; position: relative; margin-top: 4vw; margin-bottom: 4vw; } .house__title{ margin-bottom: 1.3vw; } .house__sub-title{ text-align: center; font-size: 1.333336vw; font-weight: 400; } .house__block{ position: absolute; top: 50%; left: 50%; z-index: 2; cursor: pointer; } .house__block.left-side .house__block-content{ left: auto; right: 50%; } .house__block:nth-child(1){ top: 70%; left: 20%; } .house__block:nth-child(2){ top: 50%; left: 25%; } .house__block:nth-child(3){ top: 36%; left: 31%; } .house__block:nth-child(4){ top: 75%; left: 40%; } .house__block:nth-child(5){ top: 30%; left: 45%; } .house__block:nth-child(6){ top: 44%; left: 49%; } .house__block:nth-child(7){ top: 37%; left: 68%; } .house__block:nth-child(8){ top: 82%; left: 70%; } .house__block:nth-child(9){ top: 57%; left: 75%; } .house__block-plus{ width: 2.34375vw; height: 2.34375vw; border-radius: 50%; background: #2BB133; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.458vw; font-weight: 500; } .house__block-plus::before{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 100%; height: 100%; background: #fff; animation: plusPulse 2s infinite; } @keyframes plusPulse { 0%{ opacity: 0.5; } 80%{ transform: translate(-50%, -50%) scale(1.5); opacity: 0; } 100%{ transform: translate(-50%, -50%) scale(1.5); opacity: 0; } } .house__block-content{ position: absolute; top: 50%; left: 50%; border-radius: 1.30208vw; background: #FFF; padding: 1.09vw 0.94vw 1.09vw 1.46vw; color: #3F3F3F; transition: 0.4s; z-index: -1; width: 14.32292vw; overflow: hidden; opacity: 0; max-height: 0; } .house__block-title{ font-size: 0.583331vw; font-weight: 700; margin-bottom: 0.52vw; } .house__block-text{ font-size: 0.72917vw; line-height: 1.04167vw; } .house__block:hover{ z-index: 3; } .house__block:hover .house__block-content{ opacity: 1; max-height: 500px; } .produce{ padding: 5.52vw 0; color: #fff; margin-top: 4vw; margin-bottom: 4vw; } .produce__container{ display: flex; align-items: flex-start; justify-content: space-between; } .produce__main{ max-width: 50vw; } .produce__title{ font-size: 2.369794vw; line-height: 4.16667vw; font-weight: 600; margin-bottom: 2.6vw; text-align: left; } .produce__sub-title{ font-size: 1.333336vw; line-height: 2.34375vw; margin-bottom: 2.6vw; font-weight: 400; } .produce__main p{ font-size: 1.04167vw; line-height: 1.61458vw; } .produce__list-item{ margin-bottom: 4.84vw; } .produce__list-item p:nth-child(1){ font-size: 2.5vw; font-weight: 500; } .produce__list-item p:nth-child(1) span{ font-size: 5vw; } .produce__list-item p:nth-child(2){ font-size: 0.9375vw; font-weight: 500; } .produce__video{ display: flex; align-items: center; gap: 1.46vw; text-align: right; } .produce__video-text p:nth-child(1){ font-size: 0.83333vw; margin-bottom: 0.36vw; } .produce__video-text p:nth-child(2){ font-size: 0.625vw; } .produce__video .video-block__btn{ position: relative; transform: none; width: 5.20833vw; height: 5.20833vw; top: auto; left: auto; } .produce__video .video-block__btn img{ width: 1vw; height: 1vw; } .reply{ padding-top: 4vw; padding-bottom: 4vw; position: relative; } .reply__title{ margin-bottom: 3.65vw; } .reply__container{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.82vw; } .reply__block{ width: 26.04167vw; height: 16.92708vw; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; color: #fff; border-radius: var(--brad-regular); background: #292929; overflow: hidden; z-index: 2; gap: 0.78vw; padding-left: 2.81vw; } .reply__block:nth-child(even){ background: #F2F2F2; color: #000; } .reply__block-img{ position: absolute; right: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; z-index: -1; } .reply__block-title{ font-size: 0.875vw; font-weight: 600; line-height: 1.5625vw; width: 11.61458vw; } .reply__block-text{ font-size: 0.83333vw; line-height: 1.14583vw; width: 12.44792vw; } .reply__block-link{ display: flex; align-items: center; } .reply__block-link p{ color: var(--main-color); font-weight: 700; font-size: 0.83333vw; margin-right: 0.52vw; } .reviews2{ padding-top: 4vw; padding-bottom: 4vw; position: relative; } .reviews2__title{ margin-bottom: 3.13vw; } .reviews2__container{ display: flex; justify-content: space-between; gap: 2.34vw; } .reviews2__blocks{ display: flex; flex-wrap: wrap; gap: 1.3vw 2.34vw; } .reviews2__block{ width: 19.27083vw; height: 11.45833vw; border-radius: var(--brad-regular); position: relative; } .reviews2__block-img{ width: 100%; height: 100%; object-fit: cover; } .reviews2__block-time{ width: 3.54167vw; height: 1.30208vw; border-radius: 0.05208vw; background: #FFF; display: flex; align-items: center; justify-content: center; color: #949494; text-align: center; font-size: 0.72917vw; position: absolute; right: 0.83vw; top: 0.89vw; } .reviews2__block-first{ width: 38.54167vw; min-width: 38.54167vw; height: 24.21875vw; } .reviews2__block-info{ position: absolute; bottom: 2.24vw; left: 2.5vw; color: #fff; } .reviews2__block-info svg{ width: 1.29141vw; margin-bottom: 1.3vw; } .reviews2__block-info svg path{ fill: var(--main-color) } .reviews2__block-info p:nth-child(2){ margin-bottom: 0.36vw; font-size: 1.66667vw; font-weight: 700; } .reviews2__block-info p:nth-child(3){ margin-bottom: 0.36vw; font-size: 1.14583vw; font-weight: 700; } .reviews2__block .video-block__btn{ width: 5.20833vw; height: 5.20833vw; } .reviews2__block .video-block__btn img{ width: 1vw; height: 1vw; } .deadlines{ padding-top: 4vw; padding-bottom: 4vw; position: relative; } .deadlines__title{ margin-bottom: 3.85vw; } .deadlines__container{ display: flex; justify-content: space-between; flex-wrap: wrap; } .deadlines__block{ width: 19.27083vw; text-align: center; position: relative; } .deadlines__block-check{ position: absolute; right: 0; top: 1.51vw; width: 2.08333vw; height: 2.08333vw; } .deadlines__block-check svg{ width: 100%; height: 100%; } .deadlines__block-img{ width: 100%; height: 10.41667vw; border-radius: var(--brad-regular); margin-bottom: 1.56vw; object-fit: cover; } .deadlines__block-title{ font-size: 0.802081vw; font-weight: 600; text-transform: uppercase; margin-bottom: 0.83vw; } .deadlines__block-text{ font-size: 0.83333vw; line-height: 1.35417vw; } .report{ padding-top: 4vw; padding-bottom: 4vw; position: relative; } .report__container{ display: flex; gap: 6.04vw; } .report__img{ width: 31.25vw; height: 36.45833vw; border-radius: 0.10417vw; object-fit: cover; } .report__title{ font-size: 2.005206vw; font-weight: 600; margin-bottom: 1.82vw; line-height: 4.16667vw; text-align: left; width: 36vw; } .report__subtitle{ font-size: 1.333336vw; line-height: 2.34375vw; margin-bottom: 3.91vw; width: 35.72917vw; } .report__list{ display: flex; flex-wrap: wrap; gap: 2.34vw 2.81vw; } .report__list-item{ border: 1px solid #F2F2F2; width: 20.83333vw; height: 6.51042vw; display: flex; align-items: center; justify-content: center; gap: 1.3vw; } .report__list-item p:nth-child(1){ color: #2BB133; font-size: 1.66667vw; font-weight: 600; } .report__list-item p:nth-child(2){ font-size: 1.25vw; color: #454545; line-height: 1.77083vw; width: 13.64583vw; } @media only screen and (max-width: 768px){ .examples{ padding-bottom: 10vw; } .examples__title{ margin-bottom: 3vw; } .examples__text{ font-size: 5vw; line-height: 140%; } .examples__item{ flex-direction: column; } .examples__item .item-img-block{ width: 100%; justify-content: space-between; margin-bottom: 4vw; } .examples__item .item-img-block a{ width: 24%; height: 15vw; margin-right: 0; } .examples__item .item-img-block a:first-child{ height: 45vw; margin-bottom: 2vw; } .examples__item .item-info-block{ width: 100%; } .examples__item .item-info-block .info-title{ font-size: 3.5vw; line-height: 140%; margin-bottom: 3vw; } .examples__item .item-info-block .info-list .info-list-item::before{ width: 1.5vw; height: 1.5vw; margin-bottom: 1.5vw; } .examples__item .item-info-block .info-list .info-list-item p{ font-size: 3vw; margin-bottom: 1.5vw; } .examples__item .item-info-block .info-list .info-list-item p:last-child{ font-size: 4vw; margin-bottom: 2vw; } .examples__item .item-info-block .info-descr p:last-child{ margin-bottom: 4vw; font-size: 4vw; line-height: 140%; } .info-btn-container{ flex-direction: column-reverse; } .examples__item .item-info-block .md-main-color-btn{ width: 100%; } .examples__item .item-info-block .right-text{ font-size: 3vw; margin-bottom: 1vw; } .examples__item .item-info-block .right-text br { content: ""; } .examples__item .item-info-block .right-text br:after { content: " "; } .reasons{ padding-bottom: 10vw; } .reasons .wrapper{ width: 86.25vw; margin: 0 auto; } .reasons__container{ flex-direction: column; } .reasons__info{ position: static; width: 100%; } .reasons__title{ font-size: 4.375vw; margin-bottom: 2vw; line-height: 140%; text-align: center; } .reasons__sub-title{ font-size: 4vw; margin-bottom: 4vw; line-height: 140%; text-align: center; } .reasons__main{ width: 100%; } .reasons__block{ height: 45vw; margin-bottom: 3vw; } .reasons__block-img{ width: 85%; } .reasons__block-num{ font-size: 4vw; } .reasons__block-content{ width: 90%; padding: 3vw; } .reasons__block-title{ font-size: 2.1vw; line-height: 140%; } .reasons__block-text{ font-size: 2.5vw; line-height: 140%; } .house{ height: 80vw; } .house__title { font-size: 3.5vw; } .house__sub-title{ font-size: 3.2vw; line-height: 140%; } .house__block:nth-child(1){ top: 70%; left: 5%; } .house__block:nth-child(2){ top: 50%; left: 15%; } .house__block:nth-child(3){ top: 36%; left: 25%; } .house__block:nth-child(4){ top: 75%; left: 35%; } .house__block:nth-child(5){ top: 30%; left: 45%; } .house__block:nth-child(6){ top: 44%; left: 55%; } .house__block:nth-child(7){ top: 37%; left: 65%; } .house__block:nth-child(8){ top: 82%; left: 75%; } .house__block:nth-child(9){ top: 57%; left: 85%; } /* .house__block:nth-child(6) .house__block-content, .house__block:nth-child(7) .house__block-content, .house__block:nth-child(8) .house__block-content, .house__block:nth-child(9) .house__block-content{ left: auto; right: 50%; } */ .house__block-plus{ width: 4vw; height: 4vw; font-size: 3vw; } .house__block-content{ padding: 2vw; width: 40vw; } .house__block-title{ font-size: 2.1vw; margin-bottom: 1vw; } .house__block-text{ font-size: 2vw; line-height: 130%; } .produce{ margin-bottom: 10vw; } .produce__container{ flex-direction: column; } .produce__main{ max-width: none; margin-bottom: 3vw; } .produce__title{ font-size: 4.2vw; line-height: 140%; } .produce__sub-title{ font-size: 4vw; line-height: 130%; } .produce__main p{ font-size: 3vw; line-height: 140%; } .produce__list{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 4vw; } .produce__list-item{ margin-bottom: 0; width: 30%; } .produce__list-item p:nth-child(1){ font-size: 4vw; margin-bottom: 1vw; } .produce__list-item p:nth-child(2){ font-size: 2.5vw; line-height: 140%; } .produce__video{ justify-content: center; gap: 2vw; } .produce__video-text p:nth-child(1){ font-size: 2.5vw; margin-bottom: 1vw; } .produce__video-text p:nth-child(2){ font-size: 3vw; } .produce__video .video-block__btn{ width: 12vw; height: 12vw; } .produce__video .video-block__btn img{ width: 2vw; height: 2vw; } .reply{ padding-bottom: 10vw; } .reply__container{ gap: 3vw; justify-content: space-between; } .reply__block{ width: 100%; height: 55vw; } .reply__block-title{ font-size: 2.8vw; line-height: 135%; width: 45vw; margin-bottom: 1vw; } .reply__block-text{ font-size: 3vw; width: 45vw; line-height: 135%; } .reply__block-link{ margin-top: 1vw; } .reply__block-link p{ font-size: 3vw; margin-right: 1vw; } .reviews2{ padding-bottom: 10vw; } .reviews2__container{ flex-direction: column; } .reviews2__block{ width: 48%; height: 25vw; } .reviews2__block-first{ width: 100%; height: 50vw; } .reviews2__block-time{ width: 12vw; height: 4vw; font-size: 2.5vw; right: 2vw; top: 2vw; } .reviews2__block-info{ bottom: 4vw; left: 4vw; } .reviews2__block-info svg{ width: 3vw; } .reviews2__block-info p:nth-child(2){ font-size: 3vw; margin-bottom: 1vw; } .reviews2__block-info p:nth-child(3){ margin-bottom: 0; font-size: 2.5vw; } .reviews2__block .video-block__btn{ width: 10vw; height: 10vw; } .reviews2__block .video-block__btn img{ width: 2vw; height: 2vw; } .deadlines{ padding-bottom: 10vw; } .deadlines__container{ flex-wrap: wrap; gap: 2vw 0; } .deadlines__block{ width: 48%; } .deadlines__block-img{ height: 20vw; } .deadlines__block-check{ width: 5vw; height: 5vw; } .deadlines__block-title{ font-size: 2.45vw; line-height: 135%; margin-bottom: 1vw; } .deadlines__block-text{ font-size: 2.5vw; line-height: 135%; } .deadlines__block-text br { content: ""; } .deadlines__block-text br:after { content: " "; } .report{ padding-bottom: 10vw; } .report__container{ flex-direction: column; gap: 3vw; } .report__img{ width: 75%; margin: 0 auto; height: 75vw; } .report__title{ font-size: 3.5vw; line-height: 140%; text-align: center; margin-bottom: 2vw; width: 100%; } .report__title-text br { content: ""; } .report__title-text br:after { content: " "; } .report__subtitle{ font-size: 3.2vw; line-height: 135%; width: 100%; text-align: center; margin-bottom: 3vw; } .report__list{ justify-content: center; gap: 3vw; } .report__list-item{ width: 45%; height: 10vw; } .report__list-item p:nth-child(1){ font-size: 3vw; } .report__list-item p:nth-child(2){ font-size: 2.5vw; line-height: 135%; width: 75%; } } /* Desktop override for header__social horizontal layout */ @media only screen and (min-width: 769px) { .header__social { flex-direction: row; width: auto; gap: 1vw; } .header__social p { margin-bottom: 0; } .header__right { gap: 3vw; } .header__contacts { width: auto; padding-left: 0; } /* Hero section title and description width optimization */ .first__content { padding-top: 7.5vw !important; } .first__title { width: 44vw !important; margin-bottom: 1.25vw !important; } .first__text p { width: 30vw !important; } /* Person info positioning overrides for desktop */ .get-consultation__person { right: -2.5vw !important; } .get-consultation__person .person-info { left: -8.8vw !important; top: 27.2vw !important; width: 9.5vw !important; } } /* Smooth white gradient and blur overlay at the top of clients-choose background */ .clients-choose__bg::before { display: none; } .clients-choose__bg { mask-image: linear-gradient(to bottom, transparent 0%, black 20%); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%); } /* Headlights glowing and pulsing overlay for the hero truck image */ .headlights-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; object-fit: cover; object-position: center; pointer-events: none; } @keyframes headlight-loop { /* 0s to 3s: Steady low beam (горят) */ 0%, 37.5% { opacity: 0.45; transform: scale(0.9); filter: drop-shadow(0 0 10px rgba(124, 160, 255, 0.5)); } /* 3s to 5s: Flashing high beam (моргает дальний) */ 40% { /* 3.2s */ opacity: 1.0; transform: scale(1.3); filter: drop-shadow(0 0 35px rgba(226, 237, 255, 1.0)); } 43.75% { /* 3.5s */ opacity: 0.45; transform: scale(0.9); filter: drop-shadow(0 0 10px rgba(124, 160, 255, 0.5)); } 47.5% { /* 3.8s */ opacity: 1.0; transform: scale(1.3); filter: drop-shadow(0 0 35px rgba(226, 237, 255, 1.0)); } 51.25% { /* 4.1s */ opacity: 0.45; transform: scale(0.9); filter: drop-shadow(0 0 10px rgba(124, 160, 255, 0.5)); } 55% { /* 4.4s */ opacity: 1.0; transform: scale(1.3); filter: drop-shadow(0 0 35px rgba(226, 237, 255, 1.0)); } 58.75% { /* 4.7s */ opacity: 0.45; transform: scale(0.9); filter: drop-shadow(0 0 10px rgba(124, 160, 255, 0.5)); } /* 5s to 7s: Turn OFF completely (выключается) */ 62.5%, 87.5% { opacity: 0; transform: scale(0.5); filter: drop-shadow(0 0 0 rgba(226, 237, 255, 0)); } /* 7s to 8s: Smoothly fade back on to low beam */ 100% { opacity: 0.45; transform: scale(0.9); filter: drop-shadow(0 0 10px rgba(124, 160, 255, 0.5)); } } .headlight-glow { transform-origin: 930px 771px; animation: headlight-loop 8s ease-in-out infinite; } .headlight-glow-right { transform-origin: 1300px 831px; } /* Social icons inside services cards, visible on hover */ .item-socials { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .services__item:hover .item-socials { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } @media only screen and (max-width: 768px) { .item-socials { opacity: 1; -webkit-transform: none; transform: none; margin-top: 2.6vw; } } /* Desktop specific styles for get-consultation form description */ @media only screen and (min-width: 769px) { .getcons__text { text-align: left; margin: 0; max-width: 50vw; } .get-consultation__form { width: auto; max-width: 50vw; } } /* Scoped mobile rules for #contacts (Valeriy Titarenko section) */ @media only screen and (max-width: 768px) { #contacts .get-consultation__person .person-img { right: -22vw !important; } #contacts .get-consultation__person .person-info { left: 3vw !important; width: 44vw !important; } #contacts .get-consultation__person .person-info p { font-size: 4vw !important; text-align: left !important; } #contacts .get-consultation__person .person-info span { font-size: 2.8vw !important; text-align: left !important; } #contacts .get-consultation__form { width: 100% !important; max-width: 100% !important; margin: 0 auto 8.75vw !important; } #contacts .getcons__text { text-align: center !important; max-width: 100% !important; margin: 0 auto !important; } /* Centered header contacts on mobile (max-width: 768px) */ .header__right { display: flex !important; align-items: center !important; gap: 3vw !important; } .header__contacts { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; width: auto !important; padding-left: 0 !important; margin: 0 !important; } .header__contacts p { margin: 0 0 2px 0 !important; text-align: center !important; } .header__contacts a { text-align: center !important; } }